MediaWiki:Common.css: Difference between revisions

Xenwolf (talk | contribs)
per-table default for text-align added
Infobox display on mobile (thanks to Sintel)
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* for [[Template::Monzo]] and [[Template::Val]] */
/* set infoboxes to full width to clear anything on the side */
/* prevent line breaks within monzo and val notations */
/* if the interface is too narrow for it to make sense */
span.monzo,
@media screen and (max-width: 720px) {
span.val {
    div.infobox {
  white-space: nowrap;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1em 0 !important;
        box-sizing: border-box !important;
    }
}
}


/* text-align property for 1 to 9 table rows, default is set by the *-all class */
/* for bracket-like templates e.g. [[Template: Bra]] and [[Template: Ket]] */
/* no effects for now */
span.left-delim, span.right-delim {
}
 
/* text-align property for a small selection of table rows, default is set by the *-all class */
table.left-all td,  
table.left-all td,  
table.left-1 td:nth-child(1),  
table.left-1 td:nth-child(1),  
Line 18: Line 28:
table.left-7 td:nth-child(7),  
table.left-7 td:nth-child(7),  
table.left-8 td:nth-child(8),
table.left-8 td:nth-child(8),
table.left-1 td:nth-child(9) {
table.left-9 td:nth-child(9),
table.left-10 td:nth-child(10),
table.left-11 td:nth-child(11),
table.left-12 td:nth-child(12) {
   text-align: left;
   text-align: left;
}
}
Line 30: Line 43:
table.center-7 td:nth-child(7),  
table.center-7 td:nth-child(7),  
table.center-8 td:nth-child(8),
table.center-8 td:nth-child(8),
table.center-9 td:nth-child(9) {
table.center-9 td:nth-child(9),
table.center-10 td:nth-child(10),
table.center-11 td:nth-child(11),
table.center-12 td:nth-child(12) {
   text-align: center;
   text-align: center;
}
}
Line 42: Line 58:
table.right-7 td:nth-child(7),  
table.right-7 td:nth-child(7),  
table.right-8 td:nth-child(8),
table.right-8 td:nth-child(8),
table.right-9 td:nth-child(9) {
table.right-9 td:nth-child(9),
table.right-10 td:nth-child(10),
table.right-11 td:nth-child(11),
table.right-12 td:nth-child(12) {
   text-align: right;
   text-align: right;
}
/* Don't display the function "rollback with one click" */
span.mw-rollback-link {
    display: none;
}
/* use HEJI2Text font if class="heji" */
@font-face {
    font-family: HEJI2Text;
    src: url(https://plainsound.org/fonts/HEJI2Text.otf);
}
.heji {
    font-family: HEJI2Text;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* use BravuraText font if class="bravura" */
@font-face {
    font-family: BravuraText;
    src: url(fonts/BravuraText.woff2) format('woff2');
}
.bravura {
    font-family: BravuraText;
    vertical-align: text-top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
}