MediaWiki:Universal.css

From Constant Noble
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* This stylesheet is developed with both desktop and mobile versions of this site in mind, and must be imported via both [[MediaWiki:Common.js]] and [[MediaWiki:Mobile.js]]. */
/* Common.css and Mobile.css are NOT compatible with each other! */
/* Details in this 2012 filing: [[wmphab:T36325]] */
/* Also see this July 2013 discussion, which provided the inspiration for this workaround: */
/* [[mw:Thread:Project:Support desk/Is it possible to import external CSS onto Medawiki:Common.css?]] */

/* Page-title and section headers */
/* From [[mh:test3:MediaWiki:Mobile.css]]; "Test3" was replaced by Betaheze at the end of 2021 */
@font-face {
	font-family: 'Francois One';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(https://fonts.gstatic.com/s/francoisone/v14/_Xmr-H4zszafZw3A-KPSZut9wQiR.woff2) format('woff2');
}

h1, h2, h3:not(#p-cactions-label), h4, h5, h6, #firstHeading { font-family: "Francois One",'OpenSansRegular',Tahoma,sans-serif !important; }

/* Iosevka -- For edit-box/monospace compatibility on certain Android devices; necessary for correctly displaying IPA characters during input */
@font-face {font-family: "Iosevka Term SS10"; src: url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.eot), url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.woff) format("woff"), url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.ttf) format("truetype"), url(https://db.onlinewebfonts.com/t/815c035c68215e882a2fb4783d3737c3.svg#Iosevka%20Term%20SS10) format("svg"); }
/* Quivira -- For miscellaneous scripts/characters not properly supported by most devices */
@font-face {font-family: "Quivira"; src: url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.eot"); src: url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.woff") format("woff"), url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/4457d3e7cef6912a1aa2c4afb57d18fe.svg#Quivira") format("svg"); }
code, pre, tt {font-family: "Iosevka Term SS10"}
textarea#wpTextbox1, textarea#target, textarea#replacement, /* https://help.fandom.com/wiki/Styling_the_wiki_editor */ div.wikiEditor-ui-toolbar .page-characters div span {font-family: "Iosevka Term SS10", "Quivira"}
/* OpenMoji -- Emoji-compatible up to Unicode 13 */
@font-face {font-family: "OpenMoji"; src: url("https://static.miraheze.org/constantnoblewiki/7/7a/OpenMoji-Black.ttf") format("truetype");}

/* Unspooled/Dixwell-related material */
@font-face {font-family: "Cooper Black Italic"; src: url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.eot"); src: url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.woff") format("woff"), url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0a18d9e2d1e35c48e97595e0c29edd6b.svg#Cooper") format("svg"); }
/* Old TTF, which does not work on Miraheze per SRE blacklist: */
/* @font-face {font-family: "Cooper Black Italic";
    font-style: normal;
    src: url(https://dl.dropbox.com/s/ol5rpguycwsjluo/coopblia.ttf)} */

.page-Portal_The_Dixwell_Dossier #firstHeading, .page-Portal_Unspooled #firstHeading, .rootpage-Portal_Adanson_Jukebox #firstHeading, .rootpage-Story_Unspooled #firstHeading {font-family:'Cooper Black Italic' !important}

/* Souvenir -- a.k.a. the cutest font ever designed. Highly evocative of 1980s children's media. */
@font-face {font-family: "Souvenir"; src: url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.eot"); src: url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.woff") format("woff"), url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/f6db100b432aade1520975f792f93753.svg#Souvenir") format("svg"); }

/* Besley -- Used on FTA (From the Author) posts */
/* latin-ext */
@font-face {
  font-family: 'Besley';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/besley/v12/PlI8FlO1MaNwaNG8UgeH2n5Mnfy5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Besley';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/besley/v12/PlI8FlO1MaNwaNG8XAeH2n5MnQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Besley';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/besley/v12/PlI8FlO1MaNwaNG8UgeH2n5Mnfy5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Besley';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/besley/v12/PlI8FlO1MaNwaNG8XAeH2n5MnQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* [[Project:Welcome]] */
.welcome-page {width: 100%; border: 0.075em solid blue; background-color: white; padding: 0.2em 0.1em; margin: 0.25em 0}
.welcome-page th {background-color: #7cf; font-size: 150%; font-family: "Francois One"; -moz-border-radius: 0.4em; border-radius: 0.4em}
.welcome-page td {padding: 0.4em}
.welcome-page.Unspooled th {background-color: #c3b091; font-family: "Cooper Black Italic" !important}
.welcome-page.Unspooled td {background-color: #e7e0d4}
.welcome-page.Tovasala th {background-color: #fc0}
.welcome-page.Tovasala td {background-color: #ffa}
.welcome-page.FTA :is(th, td){font-family: "Besley" !important}
.welcome-page.FTA th {background-color: #e3e6f0}


/* Wikimedia navbox purple */
/* Shared with [[Template:File info]] -- based on [[c:Template:Information]] */
.wikinav th, .file-info th {background-color: #ddf; margin: 0.5em 0 0 0.5em 1em; padding: 0.2em}
.file-info th {vertical-align: top; text-align: right}
.file-info {border: 0.1em solid #aaa}


/* MediaWiki messages */
.system {background-color: #e6e6fa; width: 100%}

/* File-related messages, particularly [[MediaWiki:Sharedupload-desc-here]] */
.file {background-color: #b7d7f7}


/* [[Template:Message]] and classes */
.mbox {border: 0.1em solid #aaa; padding: 0.4em}
.page-Constant_Noble_Copyrights .mbox {width: 100%}
.normal {background-color: white}
.general, .wikimedia {background-color: #f8f8f8}
.success {background-color: #e2ffe2}
.mw-warning {border: 0.1em solid #b52; background-color: #fef7f5}
.tipbox {background-color: #faefcf}
.notebox {background-color: #f0f0e7}
.maintenance {background-color: #dfe8f8}
.nopage {background-color: LavenderBlush}
.specialpages {background-color: #eef3e2}
.sandbox {background-color: PapayaWhip}
.PD, .pd {background-color: #d3ffce}
.licensed {background-color: #fee}
.miraheze {background-color: #ffa}


/* Namespace navbox: [[Template:Namespaces]] */
.namespaces th {background-color: #ed9595; margin: 0.5em 0 0 0.5em 1em; padding: 0.2em}
.namespaces .top {font-size: 125%}

/* Reference listings */
.biblio {border: dashed 2px lightgray; margin: 0.5em; padding: 0.5em}

/* Infoboxes */
.nsbox, .nsbox-gf {border: 1px solid grey; background-color: white}
.nsbox {margin: auto}
.nsbox-gf {float: right; width: 240px}
.nsbox th {margin: 0.5em 0 0 0.5em 1em; padding: 0.2em}
.nsbox .top {font-size: 135%}
.nsbox .bare {background-color: transparent}
.nsbox .image, .nsbox .links {text-align: center}

 /* [[Template:Keyword box]] */
 .keyword th {background-color: #db7dae}

 /* [[Template:Place box]] */
 .place th {background-color: #cddeff}

 /* [[Template:Character box]] */
 .character th {background-color: #c3b091}

 /* [[Template:Taxobox]] */
 .species th {background-color: #d3d3a4}

 /* Adanson Jukebox */
 /* Colours inherited from WP */
 .track th {background-color: khaki}
 .artist th {background-color: #b0c4de}
 .album {border: 1px solid #aaa}
 .album tr > th {border-collapse: collapse}
 .album.studio th {background-color: lightsteelblue}
 .album.ep th {background-color: #f4bf92}
 .album.live th {background-color: burlywood}
 .album.hits th, .album.comp th {background-color: #bfe0bf}
 .album.soundtrack th, .album.filmscore th {background-color: gainsboro}

 
/* Default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-list {
  border-color:#fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
 
/* From Minipedia, Referata's WP mirror */
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
 
@media print {
    .navbox {
        display: none;
    }
}


/* Upload history on file pages */
#mw-imagepage-section-filehistory {overflow-x: auto}

/* Line nos. on left side of MW CSS */
span.linenos {width: 80px}


/* Portals */
/* The Dixwell Dossier */
.page-Portal_The_Dixwell_Dossier h1, .page-Portal_Unspooled h1, .rootpage-Portal_Adanson_Jukebox h1, .ns-3018 h1, .ns-3019 h1, .ns-3020 h1, .ns-3021 h1, .ns-3022 h1, .ns-3023 h1, .ns-3024 h1, .ns-3025 h1, .ns-3026 h1, .ns-3027 h1 {font-family:'Cooper Black Italic' !important}
.dossier {border: 0.2em solid black; width: 100%; border-collapse: collapse}
  /* Dominica flag colours */
  .dossier .yellow {background-color: #fcd116; width: 10%; height: 80px}
  .dossier .black {background-color: black; width: 10%; height: 80px}
  .dossier .white {background-color: white; width: 80px}
  .dossier .green {background-color: #006b3f; color: white; padding: 0.5em}
  .dossier .red {background-color: #d41c30; color: #006b3f; text-align: center; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: black; text-shadow: 3px 3px 4px black}
  /* Links */
  .dossier a.new {color:#f90}
  .dossier a.new:visited {color:#f5d099}
  .dossier a {color:#fc0}
  .dossier a:visited {color:#a0a83c}
  .dossier a.extiw, .dossier a.external {color:#b2e6ff}


/* Tovasala Dictionary utilities */
.rfm {background-color: #ffa} /* Yellow */
.rfm.header, .rfm * > tr > th {background-color: #fc0} /* Orange */
table.rfm * > tr > th, table.rfm * > tr > td, div.rfm {border: 0.05em solid #8b6508} /* Brown -- table/cell borders */
table.rfm {border-collapse: collapse}
 /* Entries */
 table.rfm.position {margin-bottom: 0}
 table.entry-sidebar {table-layout: auto; width: 30% !important; background-color: #ffa; border-collapse: collapse}
 div.entry-sidebar {width: 30% !important; background-color: #ffa; border-collapse: collapse}
 table.entry-sidebar * > tr > th, table.entry-sidebar * > tr > td, div.entry-sidebar {border: 0.05em solid #8b6508}
 .usage {padding: 1em; background-color: #ffa; border-left: 0.75em solid #8b6508; border-top: 0.25em solid #f9bc14; border-bottom: 0.25em solid #f9bc14; border-right: 0.25em solid #f9bc14; border-radius: 0 2em 2em 0; text-align: justify; font-size: 90%; margin-left: 0.5em; display: table}

 /* [[Template:Morpheme data]] */
 div.morpheme, .morpheme-old {border: 0.1em solid #aaa; background-color: #ffa}
.morpheme {padding: 1.5%}
.morpheme-old th {border-collapse: separate; border-spacing: 0.15em; background-color: #fc0}
.morpheme-header {background-color: #fc0; text-align: center}
 /* Individual components, effective 23/7/2017 (From Referata era of RFM) */
table.morpheme-sub {width: 100% !important; background-color: #ffa; border-collapse: collapse; margin: 0; margin-bottom: 0.25em}
table.morpheme-sub > tr > th, table.morpheme-sub > tr > td, table.morpheme-sub > * > tr > th, table.morpheme-sub > * > tr > td {border: 0.1em solid #8b6508}
.morpheme-sub.top th {background-color: #f9bc14}
.morpheme-sub th {background-color: #fc0}
.morpheme-sub tr > th, .morpheme-sub tr > td {padding: 0.2em 0.4em}
.collapsed-1 {display: table-row}
.collapsed-2 {display: none}
.open .sign:after {content:"[▼ Expand]"; display: inline-block; float: right}
.sign:after {content:"[▲ Collapse]"; float: right}
/*
.morpheme-sub.article th {background-color: #fd0}
.morpheme-sub.pronoun th {background-color: #efe1ec}
*/
 /* [[Template:Morpheme data/Verb]] */
.morpheme-sub.verb.collapsed-2.sect-1v-h th {background-color: #f9bc14}
.morpheme-sub.lexeme.section th /* [[Template:Morpheme data/Noun]] */, .morpheme-sub.verb .collapsed-2.sect-2v th {background-color: #ffdb4c}
.morpheme-sub.verb .collapsed-2.sect-1v th,
.morpheme-sub.verb .collapsed-2.sect-1v td {text-align: center}
 section th /* [[Template:Morpheme/Lexeme]] */, .morpheme-sub.verb .collapsed-2.sect-2v th {background-color: #ffdb4c}
.morpheme-sub.verb .collapsed-2.sect-1v th,
.morpheme-sub.verb .collapsed-2.sect-2v-simp th {background-color: #ffe57f}
.morpheme-sub.verb .collapsed-2.sect-1v td {text-align: center}
 /* [[Template:GeoMorpheme data]] */
.geomorpheme, .geomorpheme-sub {border: 0.1em solid #aaa; background-color: #f5f8ff}
.geomorpheme {padding: 2.5%}
.geomorpheme-sub {width: 100% !important; margin: 0.6em 0; border-collapse: collapse}
.geomorpheme-sub th {background-color: #cddeff; text-align: center} /* From [[w:Template:Infobox settlement]] */
.geomorpheme-sub tr > td {text-align: center; padding: 0.4em}
.geomorpheme-header {background-color: #cddeff; text-align: center}
.geomorpheme-header.section {font-weight: bold}
 /* [[Template:Interlinear]] and components */
.ilnr {background-color: #ffa; border-collapse: collapse}
.ilnr th {background-color: #fc0; padding: 0.15em}
.ilnr td {padding: 0.25em}
 
 /* Registration dates */
.added-date {text-align: right; padding-right: 0.35em; font-style: italic}

/* From the Author (FTA) */
.ns-3040 #mw-content-text, .ns-3040 div.twitter-tweet.twitter-tweet-rendered {text-align: justify; font-family: "Besley" !important}
.ns-3040 #firstHeading {font-family: "Besley" !important; font-weight: 700}

/* [[Template:Sortname]] */
span.sortkey {display: none}