MediaWiki:Common.css
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.
/*
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@400&display=swap');
@font-face {
font-family: 'Commissioner';
font-weight: 400;
src: url('/Special:Redirect/file/Commissioner_Medium.off') format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Commissioner';
font-weight: 700;
src: url('/Special:Redirect/file/Commissioner_Bold.off') format('woff2');
font-display: swap;
}
*/
/*
@font-face {
font-family: 'Derani';
font-weight: 400;
src: url('/Special:Redirect/file/Derani.Regular.off') format('woff2');
font-display: block;
}
*/
@font-face {
font-family: 'Iosevka Toaq';
font-weight: 400;
src: url('/Special:Redirect/file/IosevkaToaq-Regular.off') format('woff2');
font-display: block;
}
html,body {
font-family: "Segoe UI", sans-serif;
}
.toaq {
/* Iosevka has a tall x-height; it comes out looking larger than other fonts
on the wiki */
font-size: 0.96em;
}
.derani ruby {
white-space: pre;
}
.toaq, .derani {
font-family: 'Iosevka Toaq', system-ui, sans-serif;
}
@font-face {
font-family: 'ToaqScript';
src: url(/Special:Redirect/file/ToaqScript_%28modified_1%29.ttf);
}
.toaq-script {
font-family: ToaqScript;
font-size: 200%;
line-height: 100%;
font-weight: normal !important;
}
ul {
list-style-image: none;
}
[title], a:link, abbr, abbr[title] {
text-decoration: none;
}
[title]:not(a:link), abbr {
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 25%);
}
img[title] {
box-shadow: none;
}
.no-decoration, .no-decoration * {
box-shadow: none !important;
text-decoration: none !important;
}
a:link {
color: rgb(91, 154, 170) !important;
transition: background-color 0.5s;
word-break: break-word;
}
.mw-content-container a:link {
text-decoration: underline rgba(91,154,170,25%);
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
.mw-parser-output .external, .plainlinks a.external {
padding-right: 0 !important;
background-image: none !important;
}
a.external::after {
content: '\02197';
}
.plainlinks a.external::after {
content: none;
}
a:visited, a:focus, a:active {
color: rgb(0, 78, 93) !important;
text-decoration-color: rgba(0,78,93,25%);
}
a:link.new {
color: rgb(200, 123, 150) !important;
text-decoration-color: rgba(200,123,150,25%);
}
[title]:hover::after, [title]:focus::after {
font-family: 'Commissioner', system-ui, sans-serif;
content: attr(title);
font-size: 1.25em;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: calc(100vw - 2.5em);
padding: 0.75em 1.25em;
margin: 1em;
border-radius: 0.5em;
background-color: #fff;
text-align: center;
text-transform: none;
}
body.page-Main_Page h1#firstHeading {
display: none;
}
.page-Cheat_sheet .mw-content-container {
max-width: unset;
}
.mw-collapsible.short-collapsible.mw-collapsed {
width: 400px;
overflow: auto;
}
@media screen and (min-width: 93.75em) {
.page-Cheat_sheet #mw-panel {
visibility: hidden;
}
}
.embiggen {
display: inline-block;
padding: 0.2em 0.4em;
}
.cheat-sheet-card {
max-width: 260px;
border-radius: 5px;
margin: 5px;
padding: 5px 10px;
background-color: #d0e8ff;
box-shadow: 2px 2px #00003040;
}
.cheat-sheet-card:nth-child(even) {
background-color: #d0f0f0;
}
.cheat-sheet-card .mw-editsection {
display: none;
}
.float-right {
display: block;
width: 25%;
float: right;
clear: right;
margin: 1em;
margin-right: 0;
}
.float-right > :first-child,
.float-right + .float-right { margin-top: 0; }
.float-right > :last-child { margin-bottom: 0; }
i > i, i > em, em > i, em > em { font-style: normal; }
i > i > i { font-style: italic; }
i > i > i > i { font-style: normal; }
.mw-footer-container { padding-top: 0; padding-bottom: 1em; }
#footer-icons { display: none; }
/* Small caps, or \textsc in LaTeX. */
.sc {
font-size: 85%;
text-transform: uppercase;
}
.todo {
background-color: gray;
color: white;
padding: 0.125em;
margin: -0.125em;
}
.todo a {
color: inherit !important;
}
.todo:-moz-first-node:-moz-last-node {
display: inline-block;
padding: 0.5em;
margin: -0.5em;
}
.official-badge {
font-weight: bold;
color: #f5d44d;
}
.unofficial-badge {
color: #6a6a6a;
}
.official-badge img,
.unofficial-badge img {
aspect-ratio: 1;
width: auto;
height: 1lh;
max-height: 100%;
}
.figure {
background: #00000010;
border: 1px solid #00000020;
padding: 4px;
}
@media screen and (min-width: 750px) {
.figure { float: right; }
}
.scope-diagram {
display: inline-block;
border: 1px dashed var(--reoge, red);
margin: 2px;
padding: 4px;
background: white;
}
.scope-diagram b, .scope-diagram i, .scope-diagram small {
font-style: normal;
color: var(--reoge, red);
}
span.twemoji > img { height: 1.3em; }
span.twemoji[title] { box-shadow: none; }
mark { background-color: #00ccff40; padding: 0 1px; }