MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Salty Nori (talk | contribs) No edit summary |
Salty Nori (talk | contribs) (add colors; add toc and infobox adjustments) |
||
Line 7: | Line 7: | ||
MediaWiki:Documentation.css | MediaWiki:Documentation.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; | |||
--accent: #F6816C; | |||
--gold: #D9A14A; | |||
--player: #71A350; | |||
--npc: #8C6233; | |||
--border-color: var(--gray-100); | |||
} | |||
/* | /* || FIXES */ | ||
.CodeMirror-lines span { | .CodeMirror-lines span { | ||
font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace | font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace | ||
Line 23: | Line 48: | ||
/* Fix to gift module */ | /* Fix to gift module */ | ||
.icon-list .custom-icon { | .icon-list .custom-icon { | ||
display:block; | display:block; /* list vertically */ | ||
} | |||
/* || 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); | |||
margin-top: 16px; | |||
} | |||
.vector-body .toc h2 { | |||
font-family: Fredoka, sans-serif; | |||
} | |||
/* || INFOBOX */ | |||
.portable-infobox .pi-data-value { | |||
margin: 0.5em 0; /* align values to labels */ | |||
} | |||
.portable-infobox { | |||
border: 1px solid var(--border-color); | |||
background-color: var(--gray-050); | |||
} | |||
.portable-infobox .pi-title { | |||
border-top-left-radius: 8px; | |||
border-top-right-radius: 8px; | |||
} | |||
.pi-title p { | |||
margin: 4px 0; | |||
text-align: center; | |||
} | |||
.pi-header p { | |||
margin: 8px 0; | |||
text-align: center; | |||
} | |||
.pi-border-color { | |||
border-color: var(--border-color); | |||
} | } |
Revision as of 09:18, 30 December 2023
/* Imports caching */
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Module:Documentation.css&action=raw&ctype=text/css");
/*
For convenience on list of imported stuff:
MediaWiki:Module:Documentation.css
MediaWiki:Documentation.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;
--accent: #F6816C;
--gold: #D9A14A;
--player: #71A350;
--npc: #8C6233;
--border-color: var(--gray-100);
}
/* || FIXES */
.CodeMirror-lines span {
font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace
}
.wikiEditor-ui .ace_editor * {
font-size: 13px;
font-family: monospace, monospace;
}
/* Fix to gift module */
.icon-list .custom-icon {
display:block; /* list vertically */
}
/* || 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);
margin-top: 16px;
}
.vector-body .toc h2 {
font-family: Fredoka, sans-serif;
}
/* || INFOBOX */
.portable-infobox .pi-data-value {
margin: 0.5em 0; /* align values to labels */
}
.portable-infobox {
border: 1px solid var(--border-color);
background-color: var(--gray-050);
}
.portable-infobox .pi-title {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.pi-title p {
margin: 4px 0;
text-align: center;
}
.pi-header p {
margin: 8px 0;
text-align: center;
}
.pi-border-color {
border-color: var(--border-color);
}