MediaWiki:Timeless.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1:
/* All CSS here will be loaded for users of the Timeless skin */
/* All CSS here will be loaded for users of the Timeless skin */
/** General styling **/
Line 256 ⟶ 255:
}
 
/* Navbox template CSS */
 
/* Site styles */
.navbox {
width: 100%;
color: #2B1D42;
font-size: 88%;
background: #422D65;
border: 2px solid #DFCDDD;
margin-top: 15px;
}
.nav-right {
color: #2B1D42;
clear: right;
float: right;
font-size: 90%;
margin:0 0 10px 1em;
}
.navbox + .navbox,
.navbox .navbox {
margin-top: 0;
}
.navbox .navbox {
font-size: 100%;
}
.mobile .navbox tr:nth-of-type(2) > td:first-child {
padding-left: 0 !important;
padding-right: 0 !important;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
padding-left: 4.1em;
}
.navbox tr:first-child th {
color: #DFCDDD;
font-size: 108%;
font-weight: bold;
background: #999;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
color: #DFCDDD !important;
}
.navbox tr th {
text-align: center;
background: #ccc;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
background: #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
color: #2B1D42;
}
.navbox tr:nth-child(2n) td {
background: #F6F6F6;
}
.navbox tr td {
background: #FCFCFC;
}
.navbox td a {
color: #2B1D42;
}
.navbox td a:visited {
color: #2B1D42;
}
.navbox td a.new {
color: #CC2200;
}
.navbox td a.new:visited {
color: #A55858;
}
@media print {
.navbox {
Line 338 ⟶ 269:
/* DOCUMENTATION */
div .documentation {
/* Font & Text */
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Lato, "Liberation Sans", "Noto Sans", "Helvetica Neue", Helvetica, sans-serif;
font-size: 15.2px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: normal;
line-height: 22.8px;
text-decoration: none solid rgb(223, 205, 221);
text-align: start;
text-indent: 0px;
text-transform: none;
vertical-align: baseline;
white-space: normal;
word-spacing: 0px;
 
/* Color & Background */
background-attachment: scroll;
background-color: #2B1D42 !important;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
color: #DFCDDD !important;
 
/* Box */
height: 579.609px;
width: 763.484px;
border: 2px solid #DFCDDD !important;
border-top: 2px solid #DFCDDD !important;
Line 370 ⟶ 276:
border-bottom: 2px solid #DFCDDD !important;
border-left: 2px solid #DFCDDD !important;
margin: 15.2px 0px 0px;
padding: 15.2px;
max-height: none;
min-height: 0px;
max-width: none;
min-width: 0px;
 
/* Positioning */
position: static;
top: auto;
bottom: auto;
right: auto;
left: auto;
float: none;
display: block;
clear: both;
z-index: auto;
 
/* List */
list-style-image: none;
list-style-type: disc;
list-style-position: outside;
 
/* Table */
border-collapse: separate;
border-spacing: 0px 0px;
caption-side: top;
empty-cells: show;
table-layout: auto;
 
/* Miscellaneous */
overflow: visible;
cursor: auto;
visibility: visible;
 
/* Effects */
transform: none;
transition: all 0s ease 0s;
outline: rgb(255, 0, 0) dashed 0px !important;
outline-offset: 0px;
box-sizing: content-box;
resize: none;
text-shadow: none;
text-overflow: clip;
word-wrap: break-word;
box-shadow: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
/*MACROBOX */
Line 437 ⟶ 293:
text-align: center;
}
 
/*NAVBOXES*/
.sweetie-dark {
width: 100%;
border: 2px solid #DFCDDD;
background: #2B1D42;
color: #DFCDDD;
}
.c-form-title {
color: #DFCDDD;
}
 
#comments-body .comments-body {
background: #422d65 !important;
}
 
/*** Replace [[Template:Infobox coloring]] templates, more dynamic for exta skins and stuff ***/
/* Default */
.default-dark {
background: #4D4180;
}
 
.default-light {
background: #6153A2;
}
 
.default-inner {
background: #EAD5FC;
}
 
.default-dark tr:first-child th, .default-dark tr:first-child th a {
color: #FFF !important;
}
 
/* CPA */
.cpa-dark {
background: #3C1831;
color: #F6DDE8;
}
.cpa-dark tr:first-child th, .cpa-dark tr:first-child th a {
color: #F6DDE8 !important;
}
 
.cpa-light {
background: #5B1C44;
color: #F6DDE8;
}
 
.cpa-inner {
background: #F6DDE8;
color: #5B1C44;
}
 
/* Settlement */
.settlement-dark {
background: #1f3433;
}
 
.settlement-light {
background: #325453;
}
 
.settlement-inner {
background: #e4efef;
}
 
.settlement-dark tr:first-child th, .settlement-dark tr:first-child th a {
color: #e4efef !important;
}
 
/* Earth */
.earth-dark {
background: #373223;
}
 
.earth-light {
background: #5A5336;
color: #F1E3CE;
}
 
.earth-inner {
background: #F1E3CE;
}
 
.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
color: #F1E3CE !important;
}
 
/* night */
.night-dark {
background: #DFCDDD;
}
 
.night-light {
background: #2B1D42;
}
 
.night-inner {
background: #422D65;
}
 
.night-dark tr:first-child th, .night-dark tr:first-child th a {
color: #FFF !important;
}
 
/* dragon */
.dragon-dark {
background: #580F11;
}
 
.dragon-light {
background: #981826;
}
 
.dragon-inner {
background: #FFEB9E;
}
 
.dragon-dark tr:first-child th, .dragon-dark tr:first-child th a {
color: #FFEB9E !important;
}
/* Expand colors */
.expand-white tr:first-child th, .expand-white tr:first-child th a {
color: #FFF !important;
}
 
.expand-black tr:first-child th, .expand-black tr:first-child th a {
color: #000 !important;
}
 
/* Manga */
.manga-dark {
background: #221E1F;
}
 
.manga-light {
background: #C5C5C5;
}
 
.manga-inner {
background: #E5E5E5;
}
 
/* Pegasi */
.pegasus-dark {
background: #263768;
}
 
.pegasus-light {
background: #334A8E;
}
 
.pegasus-inner {
background: #D5E7FC;
}
 
.pegasus-dark tr:first-child th, .pegasus-dark tr:first-child th a {
color: #FFF !important;
}
 
/* Kirin */
.kirin-dark {
background: #52844A;
}
 
.kirin-light {
background: #67A45D;
}
 
.kirin-inner {
background: #F1F7F0;
}
 
.kirin-dark tr:first-child th, .kirin-dark tr:first-child th a {
color: #000 !important;
}
 
/* Cosmological */
.cosmology-dark {
background: #280F36;
}
 
.cosmology-light {
background: #461a5e;
color: #F29E9C;
}
 
.cosmology-inner {
background: #f2e6f8;
}
 
.cosmology-dark tr:first-child th, .cosmology-dark tr:first-child th a {
color: #F29E9C !important;
}
 
/* Unicorn */
.unicorn-dark {
background: #5F3E87;
}
 
.unicorn-light {
background: #7F43BF;
color: #FFF;
}
 
.unicorn-inner {
background: #F2D6FE;
}
 
.unicorn-dark tr:first-child th, .unicorn-dark tr:first-child th a {
color: #FFF !important;
}
 
/* Earth */
.earth-dark {
background: #373223;
}
 
.earth-light {
background: #5A5336;
}
 
.earth-inner {
background: #F1E3CE;
}
 
.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
color: #FFF !important;
}
 
/* Cheerilee */
.cheerilee-dark {
background: #8C426B;
}
 
.cheerilee-light {
background: #C46C9E;
}
 
.cheerilee-inner {
background: #FFDAE9;
}
 
.cheerilee-dark tr:first-child th, .cheerilee-dark tr:first-child th a {
color: #FFF !important;
}
 
/*** Navbox coding, making it easier to code for ***/
/* Navbox 1, used for navboxes like [[Template:Castles]] */
.navbox {
border-radius: 0.5em;
width: 100%;
font-family: Arial;
}
 
/*** Franchise box coding ***/
.fbox {
border-radius: 0.5em;
width: 270px;
font-family: Arial;
text-align: center;
float: right;
}
 
.left-text {
text-align: left;
}
 
/*** Appearance list ***/
table.top-align td, .appearances td {
vertical-align: top;
}
 
.appearances {
margin-bottom: 0px;
}
 
/*** Scrollbar for scroll boxes ***/
/* width */
.scroll ::-webkit-scrollbar {
width: 10px;
border-radius: 0 0.5em 0 0.5em;
}
 
/* Appearances table */
 
table.appearances {
padding: 5px;
width: 100%;
border: 2px solid #6153A2;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
background: #EAD5FC;
margin-bottom: 4px;
text-align: left;
clear: left;
}
table.appearances tr td { vertical-align: top; }
 
/* "Spoiler" templates */
.spoiler {
background: #EAD5FC;
color: #4D4180;
border-color: #4D4180;
border-style: solid;
border-width: 2px 0px 2px 0px;
text-align: center;
}
 
/* Ignoring clear */
.ignore-clear {
clear: none !important;
}
 
/* Appearance table */
.appearance-table-starter {
border: 2px solid #48336E;
background: #EAD5FC;
border-radius: 0.5em;
}
 
.appearance-top-header {
background: #48336E;
color: #DDC3FF;
border-radius: 0.5em 0.5em 0 0;
}
 
.appearance-top-header2 {
background: #48336E;
color: #DDC3FF;
}
 
.appearance-major-header {
background: #48336E;
color: #DDC3FF;
}
 
.appearance-table-headers {
background: #6153A2;
color: #DDC3FF;
}
 
.appearance-table-items {
background: #EAD5FC;
text-align: center;
}
 
/* Recent Changes updates */
.mw-changeslist-legend {
background-color: #2B1D42 !important;
border: 2px solid #DFCDDD !important;
color: #DFCDDD !important;
}
 
.mw-plusminus-pos {
color: #398054;
}
.mw-plusminus-neg {
color: #734b33;
}