MediaWiki:Common.css

From Dervland Wiki
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
.mw-wiki-logo {
 background-size: contain !important;
}

/* dump from wikipedia */
.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}

.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}

.infobox {
  border:1px solid #a2a9b1;
  color:black;
  padding:0.2em;
  font-size:88%;
  line-height:1.5em;
  border-spacing:3px
}
@media screen {
  .infobox {
    background-color:#f8f9fa
  }
}
@media (max-width:640px) {
  .infobox {
    width:100%
  }
  .infobox .nowrap {
    white-space:normal
  }
}
@media (min-width:640px) {
  .infobox {
    margin:0.5em 0 0.5em 1em;
    float:right;
    clear:right;
    width:22em
  }
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
.infobox th,
.infobox td {
  vertical-align:top
}
.infobox-label,
.infobox-data,
.infobox th,
.infobox td {
  text-align:left
}
.infobox .infobox-above,
.infobox .infobox-title,
.infobox caption {
  font-size:125%;
  font-weight:bold;
  text-align:center
}
.infobox-title,
.infobox caption {
  padding:0.2em
}
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
  text-align:center
}
.infobox .infobox-navbar {
  text-align:right
}
:root {
  --pull-quote-max-width:80%;
  --pull-quote-text-color:var(--theme-page-text-color,rgba(0,0,0,.8));
  --pull-quote-mark-color:rgba(var(--theme-page-text-color--rgb),.15);
  --pull-quote-mark-font:"Times New Roman",serif;
  --pull-quote-hyphens:auto;
  --pull-quote-frame-color:#bbb
}
#content .pull-quote {
  display:flex;
  flex-wrap:wrap;
  max-width:var(--pull-quote-max-width);
  margin:1em auto;
  font-size:1em;
  line-height:1.8;
  overflow:hidden
}
#content .pull-quote__text {
  flex-basis:100%;
  position:relative;
  padding:0 2em;
  hyphens:var(--pull-quote-hyphens);
  color:var(--pull-quote-text-color);
  font-size:inherit
}
#content .pull-quote__text::before,
#content .pull-quote__text::after {
  display:inline;
  position:absolute;
  font-size:3em;
  font-family:var(--pull-quote-mark-font);
  font-weight:700;
  color:var(--pull-quote-mark-color);
  pointer-events:none
}
#content .pull-quote__text::before {
  content:"“";
  top:0;
  left:0;
  line-height:1
}
#content .pull-quote__text::after {
  content:"”";
  bottom:0;
  right:0.1em;
  line-height:0.2
}
#content .pull-quote__text p:last-child {
  margin-bottom:0
}
#content .pull-quote__text p {
  white-space:pre-line
}
#content .pull-quote__line p {
  display:inline;
  white-space:pre-line
}
#content .pull-quote__source {
  margin-left:auto
}
#content .pull-quote__source cite {
  display:inline
}
#content .pull-quote__source::before {
  content:"—"
}
#content .pull-quote--right,
#content .pull-quote--left {
  border:1px solid var(--pull-quote-frame-color);
  border-left:0;
  border-right:0;
  padding:1em 0;
  text-align:justify
}
#content .pull-quote--right {
  float:right;
  margin:1em 0 1em 2em
}
#content .pull-quote--left {
  float:left;
  margin:1em 2em 1em 0
}