MediaWiki:Minerva.css: Difference between revisions

No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
font-style: inherit;
font-style: inherit;
}
}
/* <CiteCustomizations:T416266> */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}
span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}
a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}
/* </CiteCustomizations:T416266> */


q {
q {
Line 23: Line 46:


/* Prevent flags in tables from collapsing
/* Prevent flags in tables from collapsing
Fix for T116318
Fix for [[phab:T116318]]
*/
*/
.flagicon img {
.flagicon img {
Line 77: Line 100:
/* @noflip */
/* @noflip */
text-align: left;
text-align: left;
}
/* MediaWiki:Minerva.css differs from MediaWiki:Common.css here. */
body.skin-minerva .mw-body-content sub,
body.skin-minerva .mw-body-content sup {
    font-size: 0.75em;
}
}


Line 86: Line 115:
     color: var( --color-progressive ) !important;
     color: var( --color-progressive ) !important;
   }
   }
   /* T370074 */
   /* [[phab:T370074]] */
   html.skin-theme-clientpref-night .mw-parser-output section > figure img,
   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 section > div > figure img,
Line 105: Line 134:
       background: var( --background-color-disabled-fixed, #C8CCD1 );
       background: var( --background-color-disabled-fixed, #C8CCD1 );
   }
   }
}
body.skin--responsive.skin-minerva .mw-parser-output {
.infobox {
// Unfloat tables and infoboxes:;
// A lot of templates introduce floating and horizontal margins inline styles
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
font-size: 90%;
position: relative;
border: @border-width-base @border-style-base @border-color-muted;
margin-bottom: 2em;
color: @color-base;
background-color: @background-color-interactive-subtle;
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
width: 100% !important;
max-width: 100% !important;
text-align: start;
caption {
padding: 10px 10px 0;
text-align: center;
}
th,
td {
vertical-align: top;
border: 0;
border-bottom: @border-width-base @border-style-base @border-color-muted;
padding: 7px 10px;
}
tbody > tr > td,
tbody > tr > th {
flex: 1 0;
}
td:only-child,
th:only-child {
width: 100%;
}
tr:last-child th,
tr:last-child td {
border: 0;
}
& > tbody,
& > caption {
display: flex;
flex-flow: column nowrap;
}
& > tbody > tr {
min-width: 100%;
display: flex;
flex-flow: row nowrap;
}
}
}
/* Tablet specific styling */
@media all and ( min-width: @min-width-breakpoint-tablet ) {
body.skin-minerva.skin--responsive .mw-parser-output {
// Float infoboxes to the right of the page
.infobox {
margin: 0.5em 0 1em 35px !important;
// Note this is fixed to ensure that we leave enough space for the sections to the infoboxes left
// FIXME [Templates]: Inline styles force us to use !important
max-width: 320px !important;
width: auto !important;
float: right !important;
clear: right !important;
}
}
}
}