MediaWiki:Common.css: Difference between revisions
indisputable styling for Template:Monzo and Template:Val |
Infobox display on mobile (thanks to Sintel) |
||
| (15 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: | /* set infoboxes to full width to clear anything on the side */ | ||
/* | /* if the interface is too narrow for it to make sense */ | ||
span. | @media screen and (max-width: 720px) { | ||
span. | div.infobox { | ||
float: none !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
margin: 0 0 1em 0 !important; | |||
box-sizing: border-box !important; | |||
} | |||
} | |||
/* 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-1 td:nth-child(1), | |||
table.left-2 td:nth-child(2), | |||
table.left-3 td:nth-child(3), | |||
table.left-4 td:nth-child(4), | |||
table.left-5 td:nth-child(5), | |||
table.left-6 td:nth-child(6), | |||
table.left-7 td:nth-child(7), | |||
table.left-8 td:nth-child(8), | |||
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; | |||
} | |||
table.center-all td, | |||
table.center-1 td:nth-child(1), | |||
table.center-2 td:nth-child(2), | |||
table.center-3 td:nth-child(3), | |||
table.center-4 td:nth-child(4), | |||
table.center-5 td:nth-child(5), | |||
table.center-6 td:nth-child(6), | |||
table.center-7 td:nth-child(7), | |||
table.center-8 td:nth-child(8), | |||
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; | |||
} | |||
table.right-all td, | |||
table.right-1 td:nth-child(1), | |||
table.right-2 td:nth-child(2), | |||
table.right-3 td:nth-child(3), | |||
table.right-4 td:nth-child(4), | |||
table.right-5 td:nth-child(5), | |||
table.right-6 td:nth-child(6), | |||
table.right-7 td:nth-child(7), | |||
table.right-8 td:nth-child(8), | |||
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; | |||
} | |||
/* 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; | |||
} | } | ||