MediaWiki:Common.css: Difference between revisions

From Xenharmonic Wiki
Jump to navigation Jump to search
Doing the same to the HEJI font. See talk.
Infobox display on mobile (thanks to Sintel)
 
(2 intermediate revisions by 2 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;
    }
}
 
/* for bracket-like templates e.g. [[Template: Bra]] and [[Template: Ket]] */
/* no effects for now */
span.left-delim, span.right-delim {
}
}


Line 74: Line 84:
@font-face {
@font-face {
     font-family: BravuraText;
     font-family: BravuraText;
     src: url(https://scaleworkshop.plainsound.org/static/fonts/BravuraText.woff2);
     src: url(fonts/BravuraText.woff2) format('woff2');
}
}
.bravura {
.bravura {

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;
}