MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
We need delimiter classes, not nowrap classes |
Infobox display on mobile (thanks to Sintel) |
||
| 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; | |||
} | |||
} | |||
/* for bracket-like templates e.g. [[Template: Bra]] and [[Template: Ket]] */ | /* for bracket-like templates e.g. [[Template: Bra]] and [[Template: Ket]] */ | ||
Latest revision as of 17:02, 10 April 2026
/* 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;
}
}
/* 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;
}