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;

}
Retrieved from "https://equestripedia.org/wiki/MediaWiki:Template-themes.css?oldid=51758"