MediaWiki:Common.css
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.
.class { }/* needed for some reason for the @imports to work */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&display=swap');
/* Imports caching */
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Module:Documentation.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:MessageBox.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Icons.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Cards.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Tabbers.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Mobile.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Recipe.css&action=raw&ctype=text/css");
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Modal.css&action=raw&ctype=text/css");
body.skin-vector-dark {
background: url("https://coralisland.wiki/w/images/9/9a/Site-background-dark.png") no-repeat fixed center center / cover !important;
}
.mobileHide, .mobile-only, .no-desktop {
display: none!important;
}
/* || FIXES */
.wikiEditor-ui-text > .ui-resizable {
max-width: 100%;
}
h2 .mw-headline,
h3 .mw-headline,
h4 .mw-headline {
font-weight: 500;
}
.vector-body h3 , .vector-body h4 , .vector-body h5 , .vector-body h6 {
margin-bottom: 4px;
}
a, a:visited, a:active {
color: var(--theme-link-color);
}
#mw-head .vector-menu-content-list .mw-list-item :is(a, a:visited, a:active) {
color: var(--theme-page-text-color);
}
#mw-panel .vector-menu-content-list .mw-list-item :is(a, a:visited, a:active) {
color: var(--theme-link-color);
}
.mw-parser-output a.external {
padding-right: 0;
font-size: inherit;
}
.catlinks {
border-color: var(--border-color);
border-radius: 6px;
background-color: var(--gray-050);
}
.CodeMirror-lines span {
font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace /* Source Editor */
}
.wikiEditor-ui .ace_editor * {
font-size: 13px;
font-family: monospace, monospace; /* Module */
}
.mw-input .mw-abusefilter-editor * {
font-size: 13px;
font-family: monospace, monospace;
}
/* Hide default TOOLBOX nav section on sidebar */
#mw-navigation > #mw-panel > #p-tb {
display: none;
}
/* Column template fix */
.columntemplate ul,
.columntemplate ol {
margin-top: 0;
}
/* RC */
.mw-changeslist table {
width: unset;
}
.gift-table .icon-list-container {
width: auto;
}
/* Quote template */
.quotetable {
width: auto;
}
.Bug6200 {
margin-bottom: 0.75em;
}
/* Code block */
code, pre {
background-color: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
border: 1px solid var(--theme-border-color);
border-radius: 2px;
padding: 1px 4px;
font-family: Consolas,Eupheima UCAS,Monaco,Menlo,monospace;
}
code.code-block-table {
display: table;
line-height: 21px;
padding:8px;
}
.code-block-table * {
font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace;
}
.code-block {
display: inline-block;
line-height: 21px;
}
/* || MAIN PAGE */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
/* ||TABLE OF CONTENTS */
.toc {
padding: 8px 12px;
border-radius: 4px;
background-color: var(--gray-050);
border: 1px solid var(--border-color);
margin-top: 16px;
}
.vector-body .toc h2 {
font-family: Fredoka, sans-serif;
}
/* TOC hide headings */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* For Template:Changelist */
.changelist-header {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 88%;
margin: 0.3em 0;
}
.changelist-content {
overflow: auto;
max-height: 384px;
padding: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-border-radius-topleft: 0.5em;
background: transparent;
border-radius: 6px;
}
.changelist-border {
border: 1px solid var(--border-color);
border-left: 6px solid var(--accent);
}
/* For Template:Chat */
.chat-wrapper {
display: flex;
flex-direction: column;
}
.chat-player,
.chat-npc {
display: flex;
flex-direction: row;
gap: 0.5em;
}
.chat-player-speaker {
white-space: nowrap;
min-width: 70px;
color: rgb(105, 172, 82);
}
.chat-npc-speaker {
white-space: nowrap;
min-width: 70px;
color: rgb(237, 123, 103);
}
/* Hatnote */
.hatnote {
border-left: 4px solid var(--border-color);
padding: 6px 12px;
border-radius: 4px;
background: linear-gradient(145deg, rgba(var(--border-color-rgb),0.30) 0%, rgba(var(--border-color-rgb),0) 100%);%);
margin: 8px 0;
}
/* For [[Module:Formatting]] */
code.code-block {
display: inline-block;
line-height: 21px;
}
code.code-block-table {
display: table;
line-height: 21px;
}
span.variable {
opacity: 0.65;
}
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
/* Quote */
.pull-quote {
font-style: italic;
margin: 0;
padding: 0 30px 8px !important
}
.pull-quote::before {
color: var(--accent);
content: "“";
display: block;
font-size: 96px;
font-style: normal;
line-height: 72px;
margin: 4px 0 -45px -5px;;
}
.pull-quote__source::before {
content: "— ";
margin-bottom:8px;
}
.pull-quote__text {
margin-bottom:4px;
}
/* Gallery */
.gallerytext {
text-align: center;
font-size:100%;
}
/* Fix to Template Data */
.mw-templatedata-doc-params > * > tr > th {
width: 150px;
}
.mw-templatedata-doc-params {
width: auto;
max-width: 100%;
}
/* Space sidebar arrows properly */
#mw-panel.collapsible-nav .portal:is(.collapsed, .expanded) .vector-menu-heading {
background-position: 95% center;
}
/* Theme toggle */
.wds-icon {
align-self: center;
margin: 0 6px;
pointer-events: none;
fill: currentColor;
}
.wds-icon-small {
height: 18px;
min-width: 18px;
width: 18px;
}
#p-personal .vector-menu-content-list,
#p-personal .mw-list-item > a {
display: flex;
align-items: center;
}