MediaWiki:Common.css: Difference between revisions

From Dervland Wiki
Jump to navigationJump to search
← Older edit
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 4: Line 4:
}
}


/* {{pp|small=y}} */
/* 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}}
* This TemplateStyles sheet deliberately does NOT include the full set of
* infobox styles. We are still working to migrate all of the manual
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
* DO NOT ADD THEM HERE
*/
/*
* not strictly certain these styles are necessary since the modules now
* exclusively output infobox-subbox or infobox, not both
* just replicating the module faithfully
*/
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}


.infobox-3cols-child {
.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 "}
margin: auto;
}


.infobox .navbar {
.infobox {
font-size: 100%;
  border:1px solid #a2a9b1;
  color:black;
  padding:0.2em;
  font-size:88%;
  line-height:1.5em;
  border-spacing:3px
}
}
/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
@media screen {
@media screen {
    html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
  .infobox {
    background: #1f1f23 !important;
    background-color:#f8f9fa
      /* switch with var( --color-base ) when supported. */
  }
      color: #f8f9fa;
}
}
}
 
@media (max-width:640px) {
 
   .infobox {
@media screen and ( prefers-color-scheme: dark) {
     width:100%
    html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
      background: #1f1f23 !important;
      /* switch with var( --color-base ) when supported. */
      color: #f8f9fa;
    }
}
 
 
/* Since infobox is a table, many infobox templates take advantage of this to add columns and rows to the infobox itself rather than as part of a new table inside them. This class should be discouraged and removed on the long term, but allows us to at least identify these tables going forward
Currently in use on: [[Module:Infobox3cols]]
Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
*/
@media (min-width: 640px) {
   body.skin--responsive .infobox-table {
     display: table !important;
   }
   }
   body.skin--responsive .infobox-table > caption {
   .infobox .nowrap {
     display: table-caption !important;
     white-space:normal
   }
   }
   body.skin--responsive .infobox-table > tbody {
}
     display: table-row-group;
@media (min-width:640px) {
  }
   .infobox {
  body.skin--responsive .infobox-table tr {
     margin:0.5em 0 0.5em 1em;
     display: table-row !important;
     float:right;
  }
     clear:right;
  body.skin--responsive .infobox-table th,
     width:22em
  body.skin--responsive .infobox-table td {
     padding-left: inherit;
     padding-right: inherit;
   }
   }
}
.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
}
}

Latest revision as of 18:23, 1 January 2025

/* 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
}
Retrieved from "https://wiki.dervland.net/w/index.php?title=MediaWiki:Common.css&oldid=91"