Jump to content

MediaWiki:Minerva.css: Difference between revisions

From Shark's Hypothetical Weather
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
 
(74 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Reset user agent styles. We don't reset small or blockquote here deliberately */
@media screen and (max-width: 720px) {
cite,
  .infobox,
dfn {
  .infobox th,
font-style: inherit;
  .infobox td,
}
  .infobox .nowrap,
 
  .infobox span,
q {
  .infobox div {
quotes: '"' '"' "'" "'";
    white-space: normal !important;
}
    overflow-wrap: break-word !important;
 
    word-break: break-word !important;
/* Hide stuff meant for accounts with special permissions. Made visible again in
  }
  [[MediaWiki:Group-sysop.css]] and so on for other groups. */
.checkuser-show,
.sysop-show,
.user-show,  
.templateeditor-show,
.extendedmover-show,
.patroller-show,
.extendedconfirmed-show,
.autoconfirmed-show {
display: none;
}
 
/* Prevent flags in tables from collapsing
Fix for T116318
*/
.flagicon img {
min-width: 23px;
}
 
/* Prevent unnecessary margin at the bottom of centralnotices */
.cnotice {
margin-bottom: 0 !important;
}
 
/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
*/
.mw-parser-output .infobox-header,
.mw-parser-output .infobox-subheader,
.mw-parser-output .infobox-above,
.mw-parser-output .infobox-title,
.mw-parser-output .infobox-image,
.mw-parser-output .infobox-full-data,
.mw-parser-output .infobox-below {
text-align: center;
}
}


.infobox {
.infobox {
   font-size: 0.88em;
   background-color: #F9F9F9 !important;
   border: 1px solid #a2a9b1;
   border: 1px solid #DBDCE1 !important;
   margin: 0.5em auto;
   border-collapse: collapse;
   width: 100%;
   width: 100%;
   border-collapse: collapse;
   padding: 0.01em !important;
   background: #f8f9fa;
  font-size: 14.4px !important;
   line-height: 1.8em !important;
  color: #202123 !important;
  margin: 0 auto 1em auto;
}
}


.infobox td,
.infobox td,
.infobox th {
.infobox th {
  padding: 0.2em 0.4em;
   border: none;
  line-height: 1.4em;
   padding: 6px 8px;
   border: 1px solid #a2a9b1;
   text-align: left;
   vertical-align: top;
   vertical-align: top;
  background-color: #F9F9F9;
  font-size: 14.4px !important;
  color: #202123 !important;
}
}


.infobox .mergedtoprow td,
/* ✅ NEW ALIGNMENT RULES + INDENT */
.infobox .mergedtoprow th {
.infobox td:nth-child(1) {
   border-top: 0;
   text-align: center !important;
  width: 50% !important;
}
}


.infobox-header {
.infobox td:nth-child(2) {
   background-color: #cedff2;
   text-align: left !important;
   font-weight: bold;
   padding-left: 12px !important;
   text-align: center;
   width: 50% !important;
}
}


.infobox-subheader {
/* Clean row-based dividers */
   background-color: #dee3ea;
.infobox tr {
  text-align: center;
   border-bottom: 0.75px solid #DBDCE1 !important;
}
}


/* Prevent line breaks in silly places:
.infobox tr:last-child {
  1) Where desired
  border-bottom: none !important;
  2) Links when we don't want them to
*/
.mw-parser-output .nowrap,
.nowraplinks a {
white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
}


/* Generic class texhtml class for inline math */
/* Section header style */
span.texhtml {
.infobox .section-header {
font-family: serif;
  background-color: #F9F9F9;
white-space: nowrap;
  font-weight: bold;
  text-align: left;
  border-bottom: 0.75px solid #DBDCE1 !important;
}
}


/* Normal font styling for wikitable row headers with scope="row" tag */
/* Caption style */
.wikitable.plainrowheaders th[scope=row],
.infobox caption {
.wikitable.plainrowheaders th[scope=rowgroup] {
  background-color: #F9F9F9;
font-weight: normal;
  padding: 0.5em;
/* @noflip */
  text-align: center;
text-align: left;
  font-weight: bold;
  font-size: 14.4px !important;
  color: #202123;
}
}


/********* General fixes for night mode - please sync any changes here with [[MediaWiki:Vector.css]] *********/
@media screen and (max-width: 720px) {
 
   .infobox {
@media screen {
     float: none !important;
  html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink):link,
    margin-left: auto !important;
   html.skin-theme-clientpref-night .infobox a:not(.new):not(.mw-selflink):link {
    margin-right: auto !important;
     color: var( --color-progressive ) !important;
  }
  /* T370074 */
  html.skin-theme-clientpref-night .mw-parser-output section > figure img,
  html.skin-theme-clientpref-night .mw-parser-output section > div > figure img,
  html.skin-theme-clientpref-night .mw-parser-output > figure img {
      background: var( --background-color-disabled-fixed, #C8CCD1 );
  }
}
 
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .navbox a:not(.new):not(.mw-selflink):link,
  html.skin-theme-clientpref-os .infobox a:not(.new):not(.mw-selflink):link {
    color: var( --color-progressive ) !important;
  }
  /* T370074 */
  html.skin-theme-clientpref-os .mw-parser-output section > figure img,
  html.skin-theme-clientpref-os .mw-parser-output section > div > figure img,
  html.skin-theme-clientpref-os .mw-parser-output > figure img {
      background: var( --background-color-disabled-fixed, #C8CCD1 );
   }
   }
}
}

Latest revision as of 18:18, 24 July 2025

@media screen and (max-width: 720px) {
  .infobox,
  .infobox th,
  .infobox td,
  .infobox .nowrap,
  .infobox span,
  .infobox div {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }
}

.infobox {
  background-color: #F9F9F9 !important;
  border: 1px solid #DBDCE1 !important;
  border-collapse: collapse;
  width: 100%;
  padding: 0.01em !important;
  font-size: 14.4px !important;
  line-height: 1.8em !important;
  color: #202123 !important;
  margin: 0 auto 1em auto;
}

.infobox td,
.infobox th {
  border: none;
  padding: 6px 8px;
  vertical-align: top;
  background-color: #F9F9F9;
  font-size: 14.4px !important;
  color: #202123 !important;
}

/* ✅ NEW ALIGNMENT RULES + INDENT */
.infobox td:nth-child(1) {
  text-align: center !important;
  width: 50% !important;
}

.infobox td:nth-child(2) {
  text-align: left !important;
  padding-left: 12px !important;
  width: 50% !important;
}

/* Clean row-based dividers */
.infobox tr {
  border-bottom: 0.75px solid #DBDCE1 !important;
}

.infobox tr:last-child {
  border-bottom: none !important;
}

/* Section header style */
.infobox .section-header {
  background-color: #F9F9F9;
  font-weight: bold;
  text-align: left;
  border-bottom: 0.75px solid #DBDCE1 !important;
}

/* Caption style */
.infobox caption {
  background-color: #F9F9F9;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  font-size: 14.4px !important;
  color: #202123;
}

@media screen and (max-width: 720px) {
  .infobox {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}