MediaWiki:Template-themes.css
From Equestripedia, the Archives of Equestria!
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.
/* Infobox template style */
.infobox {
border: 2px solid #4D4180;
border-spacing: 0;
color: #4D4180;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
border-radius:0.5em 0.5em 0 0;
-moz-border-radius: 0.5em 0.5em 0 0;
font-size:84%;
width:270px;
background: #EAD5FC;
margin-bottom: 0px;
border-bottom: 0px none #fff;
}
.infobox-minor {
border: 2px solid #4D4180;
border-spacing: 0;
color: #4D4180;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
border-radius:0.5em 0.5em 0 0;
-moz-border-radius: 0.5em 0.5em 0 0;
font-size:84%;
width:270px;
background: #EAD5FC;
margin-bottom: 0px;
border-bottom: 0px none #fff;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox-header1 {
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
background: #4D4180;
color: #EAD5FC;
font-size: 200%;
text-align: center;
}
.infobox-header-appearances {
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
background: #4D4180;
color: #EAD5FC;
font-size: 130%;
text-align: center;
}
.infobox-header2 {
text-align: left;
background: #4D4180;
color: #EAD5FC;
padding-left: 5px;
}
.infobox-header3 {
text-align: left;
background: #4D4180;
color: #EAD5FC;
padding-left: 5px;
}
.infobox-bottom {
border-radius: 0 0 0.5em 0.5em;
font-size:84%;
margin-top: -4px;
background: #EAD5FC;
border: 2px solid #4D4180;
}
.infobox-bottom tr:first-child th, .infobox-bottom tr:first-child th a, .purple-text, .toctitle, .toctitle h2 {
color: #EAD5FC !important;
}
.infobox-sub {
background: #6153A2;
color: #EAD5FC;
font-size: 100%;
text-align: left;
}
.infobox-label {
background: #EAD5FC;
vertical-align:top;
padding: 0 0 0 2px;
border-top:1px solid #4D4180;
line-height:14px;
}
.infobox-cell {
vertical-align:top;
background: #EAD5FC;
border-top:1px solid #4D4180;
padding: 0 0 0 2px;
line-height:14px;
}
/*** Macrobox ***/
/* Infobox template style */
.macrobox {
border: 2px solid #4D4180;
border-spacing: 0;
color: #4D4180;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
border-radius:0.5em 0.5em 0 0;
-moz-border-radius: 0.5em 0.5em 0 0;
font-size:84%;
width:100%;
background: #EAD5FC;
margin-bottom: 0px;
border-bottom: 0px none #fff
}
.macrobox-bottom {
border-radius: 0 0 0.5em 0.5em;
font-size:84%;
margin-top: -4px;
background: #EAD5FC;
border: 2px solid #4D4180;
width: 100%;
text-align: center;
color: #4D4180;
}
.macrobox-label {
width: 33%;
text-align: center;
}
.app-topper {
padding:5px;
border:2px solid #6153A2;
background: #EAD5FC;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
margin:0 auto 4px auto
}
.app-bytypemarker {
text-align: center;
background: #4D4180;
color: #EAD5FC;
font-size: 130%;
border-radius: 6px 6px 0 0;
}
.app-text {
font-style:italic;
color: #4D4180;
background: #EAD5FC;
}
.app-text-occupations {
font-style:italic;
color: #4D4180;
background: #EAD5FC;
border-bottom-left-radius: 0.5em;
}
.app-text-misc {
font-style:italic;
color: #4D4180;
background: #EAD5FC;
border-radius: 0 0 0.5em 0;
}
/* New styling for appearance lists, used in Template:App */
table.app-body {
padding: 5px;
width: 100%;
border: 2px solid #4D4180;
background: #EAD5FC;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
margin-bottom: 4px;
text-align: left;
clear: left;
}
table.app-body tr td { vertical-align: top; }
/*** 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;
}
/* Sweetie */
.sweetie-dark {
background: #6E68A4;
}
.sweetie-light {
background: #A398DD;
}
.sweetie-inner {
background: #EAD5FC;
}
.sweetie-dark tr:first-child th, .sweetie-dark tr:first-child th a {
color: #FFF !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: #1D1D3B;
}
.night-light {
background: #2E2E5D;
}
.night-inner {
background: #E4E4F2;
}
/* 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;
}
/* 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;
}
.cherilee-dark tr:first-child th, .cherilee-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;
}