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;
}
/*** Actorbox ***/
.actorbox {
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;
font-size:100%;
width:270px;
background: #EAD5FC;
}
/*** 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: #585468;
}
.night-light {
background: #706b84;
}
.night-inner {
background: #f6f6f8;
}
.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;
border-radius: 0.5em 0 0 0.5em;
}
.pegasus-inner {
background: #938ef7;
border-radius: 0 0.5em 0 0.5em;
}
.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;
border-radius: 0.5em 0 0 0.5em;
}
.unicorn-inner {
background: #9266ea;
}
.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;
}
/* Note templates */
.canon-note {
background-color: #EAD5FC;
color: #6153A2;
border-color: #6153A2;
border-style: solid;
border-width: 2px 0px 2px 0px;
text-align: center;
width:100%
}
/* TABLE CODIING */
.table-default {
margin:auto;
text-align:center;
background: #6153A2;
border: 2px solid #48336E;
color: #DDC3FF;
border-radius: 0.5em;
}
.table-default-item-top-west {
background: #EAD5FC;
border-radius: 0.5em 0 0 0 ;
color: #6153A2;
}
.table-default-item-bottom-west {
background: #EAD5FC;
border-radius: 0 0 0 0.5em ;
color: #6153A2;
}
.table-default-item-bottom-east {
background: #EAD5FC;
border-radius: 0 0 0.5em 0;
color: #6153A2;
}
.table-default-item {
background: #EAD5FC;
color: #6153A2;
}
.table-default-item-top-east {
background: #EAD5FC;
border-radius: 0 0.5em 0 0 ;
color: #6153A2;
}