MediaWiki:Common.css: Difference between revisions
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 */ | ||
/* | /* set infoboxes to full width to clear anything on the side */ | ||
/* | /* if the interface is too narrow for it to make sense */ | ||
@media screen and (max-width: 720px) { | |||
div.infobox { | |||
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 | /* 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- | 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; | |||
} | } | ||