MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Salty Nori (talk | contribs) No edit summary |
Salty Nori (talk | contribs) No edit summary |
||
(87 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
.class { } | |||
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&display=swap'); | |||
/* Imports caching */ | /* Imports caching */ | ||
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:MessageBox.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"); | |||
/* || COLORS */ | |||
:root { | |||
--gray-900: #1F1E1E; | |||
--gray-800: #272727; | |||
--gray-700: #31302F; | |||
--gray-600: #403F3F; | |||
--gray-500: #545353; | |||
--gray-400: #848181; | |||
--gray-300: #9F9D9D; | |||
--gray-200: #C7C4C4; | |||
--gray-100: #E9E5E5; | |||
--gray-050: #F6F6F6; | |||
--brown-800: #3F3125; | |||
--brown-500: #B38A63; | |||
--brown-400: #CB9E71; | |||
--brown-300: #E4B17F; | |||
--brown-200: #EBC59F; | |||
--brown-100: #EFD8BE; | |||
--brown-050: #F7F2E8; | |||
--link: #3366cc; | |||
--accent: #F6816C; | |||
--light-blue: #C4D6EB; | |||
--gold: #D9A14A; | |||
--player: #71A350; | |||
--npc: #8C6233; | |||
--border-color: var(--gray-200); | |||
--border-color-rgb: 206,206,206; | |||
--font-color: #2F2D2B; | |||
--white: #fff; | |||
} | |||
.mobileHide, .mobile-only, .no-desktop { | |||
display: none!important; | |||
} | |||
/* || FIXES */ | |||
h1, h2, h3, h4, h5, h6, .mw-body { | |||
color: #2F2D2B; | |||
} | |||
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 { | |||
color: var(--link); | |||
} | |||
a:visited { | |||
color: var(--link); | |||
} | |||
a:active { | |||
color: #2254b7; | |||
} | |||
.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 { | .CodeMirror-lines span { | ||
font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace | font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace /* Source Editor */ | ||
} | } | ||
.wikiEditor-ui .ace_editor * { | .wikiEditor-ui .ace_editor * { | ||
font-size: 13px; | |||
font-family: monospace, monospace; /* Module */ | |||
} | |||
.mw-input .mw-abusefilter-editor * { | |||
font-size: 13px; | font-size: 13px; | ||
font-family: monospace, monospace; | font-family: monospace, monospace; | ||
} | } | ||
/* | /* Column template fix */ | ||
.icon-list . | .columntemplate ul, | ||
display:block; | .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: #f2f2f2; | |||
padding: 2px 4px; | |||
border: 1px solid #cecece; | |||
border-radius: 6px; | |||
} | |||
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%; | |||
} | } |
Latest revision as of 09:45, 10 February 2024
.class { }
@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: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");
/* || COLORS */
:root {
--gray-900: #1F1E1E;
--gray-800: #272727;
--gray-700: #31302F;
--gray-600: #403F3F;
--gray-500: #545353;
--gray-400: #848181;
--gray-300: #9F9D9D;
--gray-200: #C7C4C4;
--gray-100: #E9E5E5;
--gray-050: #F6F6F6;
--brown-800: #3F3125;
--brown-500: #B38A63;
--brown-400: #CB9E71;
--brown-300: #E4B17F;
--brown-200: #EBC59F;
--brown-100: #EFD8BE;
--brown-050: #F7F2E8;
--link: #3366cc;
--accent: #F6816C;
--light-blue: #C4D6EB;
--gold: #D9A14A;
--player: #71A350;
--npc: #8C6233;
--border-color: var(--gray-200);
--border-color-rgb: 206,206,206;
--font-color: #2F2D2B;
--white: #fff;
}
.mobileHide, .mobile-only, .no-desktop {
display: none!important;
}
/* || FIXES */
h1, h2, h3, h4, h5, h6, .mw-body {
color: #2F2D2B;
}
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 {
color: var(--link);
}
a:visited {
color: var(--link);
}
a:active {
color: #2254b7;
}
.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;
}
/* 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: #f2f2f2;
padding: 2px 4px;
border: 1px solid #cecece;
border-radius: 6px;
}
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%;
}