MediaWiki:Common.css: Difference between revisions

From Dive Atlas
(Add css for mobile dive site display)
Tag: Reverted
(Add blockquote style)
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


@media(max-width:767px) {
/* Infobox styles - margins compensate for internal margin on wikitables */
    .container {
.divesiteinfobox {
        display: flex;
  float: right;
        flex-wrap: wrap;
  margin: 0 1em 1em;
    }
}
    .divesiteinfobox {
 
        order: 1;
.regioninfobox {
    }
  float: right;
    .content {
  margin: 0 1em 1em;
        order: 2;
}
    }
 
 
/* Try a nice blockquote style */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
}

Latest revision as of 19:25, 13 January 2025

/* CSS placed here will be applied to all skins */

/* Infobox styles - margins compensate for internal margin on wikitables */
.divesiteinfobox {
  float: right;
  margin: 0 1em 1em;
}

.regioninfobox {
  float: right;
  margin: 0 1em 1em;
}


/* Try a nice blockquote style */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}