MediaWiki:Themes.css

/*SIMS ALL*/
.portable-infobox.pi-theme-all {
    width: 250px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    border: 1px solid #007FFF;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.portable-infobox.pi-theme-all .pi-title {
    font-style: italic;
    background: white;
    color: #3A3A3A;
    font-size: 94%;
    margin: 0 3% 0 3%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    font-weight: bold;
}

.portable-infobox.pi-theme-all .pi-caption {
    text-align: center;
    color: #3A3A3A;
    padding-top: 0;
    padding-bottom: 0;
    font-style: inherit;
}

.portable-infobox.pi-theme-all .pi-image-thumbnail {
    width: 235px;
    height: auto;
}

/*SIMS 2*/
.pi-theme-sim2.portable-infobox {
	border: 2px solid #6495ed;
	border-radius: 5px;
	background: #ffffff;
}

.pi-theme-sim2 .pi-title,
.pi-theme-sim2 .pi-header,
.pi-theme-sim2 .pi-navigation {
	padding: 2px;
	font-size: 11pt;
	text-align: center;
}

.pi-theme-sim2 .pi-title {
	background: #4466ff;
}

.pi-theme-sim2 .pi-header,
.pi-theme-sim2 .pi-navigation {
	background: #6495ed;
}

.pi-theme-sim2 .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-sim2.portable-infobox .pi-data {
	border-bottom: 1px solid #99bbff;
}

.pi-theme-sim2 .pi-data-label {
    background: #bfdfff;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim2 .pi-data-label,
.pi-theme-sim2 .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-sim2 .pi-header a,
.portable-infobox.pi-theme-sim2 .pi-title a {
    color: #0000a4;
    text-decoration: none;
}

.pi-theme-sim2.pi-background {
	background: #6495ed;
	border: 1px solid #4466ff;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-sim2 .pi-title {
	background: #4466ff;
	font-size: 104%;
	padding: 1px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

.pi-theme-sim2 .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #4466ff;
    text-align: center;
    color: #ffffff;
}

.pi-theme-sim2 .pi-biography {
	color: #4466ff;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-sim2 .pi-header {
	background: #6495ed;
	font-size: 104%;
	padding: 3px;
	color: #ffffff;
}

.pi-theme-sim2 .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #99bbff;
	padding: 0;
}

.pi-theme-sim2 .pi-data-label {
	background: #bfdfff;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim2 .pi-data-value {	
	padding: 3px;
}

.pi-theme-sim2 .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-sim2 .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #6495ed;
}

/*SIMS*/
.pi-theme-sim.portable-infobox {
	border: 1px solid #000000;
	border-radius: 5px;
	background: #ffffff;
}

.pi-theme-sim .pi-title,
.pi-theme-sim .pi-header,
.pi-theme-sim .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-sim .pi-title {
	background: #808080;
}

.pi-theme-sim .pi-header,
.pi-theme-sim .pi-navigation {
	background: #e3e3e3;
	color: #000000;
}

.pi-theme-sim .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-sim.portable-infobox .pi-data {
	border-bottom: 1px solid #909090;
}

.pi-theme-sim .pi-data-label {
    background: #F9F9F9;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim .pi-data-label,
.pi-theme-sim .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-sim .pi-header a,
.portable-infobox.pi-theme-sim .pi-title a {
    color: #0000a4;
    text-decoration: none;
}

.pi-theme-sim.pi-background {
	background: #E3E3E3;
	border: 1px solid #000000;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-sim .pi-title {
	background: #808080;
	font-size: 104%;
	padding: 1px;
}

.pi-theme-sim .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #808080;
    color: #ffffff;
}

.pi-theme-sim .pi-biography {
	color: #808080;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-sim .pi-header {
	background: #e3e3e3;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-sim .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #909090;
	padding: 0;
}

.pi-theme-sim .pi-data-label {
	background: #F9F9F9;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim .pi-data-value {	
	padding: 3px;
}

.pi-theme-sim .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-sim .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #909090;
}

/*SIMS 3*/
.pi-theme-sim3.portable-infobox {
	border: 2px solid #000000;
	border-radius: 5px;
	background: #ffffff;
}

.pi-theme-sim3 .pi-title,
.pi-theme-sim3 .pi-header,
.pi-theme-sim3 .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-sim3 .pi-title {
	background: seagreen;
}

.pi-theme-sim3 .pi-header,
.pi-theme-sim3 .pi-navigation {
	background: #55AA77;
	color: #ffffff;
}

.pi-theme-sim3 .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-sim3.portable-infobox .pi-data {
	border-bottom: 1px solid #66CC80;
}

.pi-theme-sim3 .pi-data-label {
    background: #CCFFCC;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim3 .pi-data-label,
.pi-theme-sim3 .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-sim3 .pi-header a,
.portable-infobox.pi-theme-sim3 .pi-title a {
    color: #0000a4;
    text-decoration: none;
}

.pi-theme-sim3.pi-background {
	background: #55AA77;
	border: 1px solid #449966;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-sim3 .pi-title {
	background: seagreen;
	font-size: 104%;
	padding: 1px;
}

.pi-theme-sim3 .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #2E8B57;
}

.pi-theme-sim3 .pi-biography {
	color: seagreen;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-sim3 .pi-header {
	background: #55AA77;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-sim3 .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #66CC80;
	padding: 0;
}

.pi-theme-sim3 .pi-data-label {
	background: #CCFFCC;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim3 .pi-data-value {	
	padding: 3px;
}

.pi-theme-sim3 .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-sim3 .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #66CC80;
}

.pi-theme-sim3 .pi-data-value ul.pi-list li {
    border-bottom: #66CC80 1px solid;
    padding: 3px 0 4px 3px;
}

.pi-theme-sim3 .pi-data-value ul.pi-list li:last-child {
    border-bottom: 0;
}

.pi-theme-sim3 .pi-data-value ul.pi-list {
    list-style-type: none;
    margin: -3px;
}

/*SIMS 4*/
.pi-theme-sim4.portable-infobox {
	border: 2px solid #000000;
	border-radius: 5px;
	background: #ffffff;
}

.pi-theme-sim4 .pi-title,
.pi-theme-sim4 .pi-header,
.pi-theme-sim4 .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-sim4 .pi-title {
	background: #3291CF;
}

.pi-theme-sim4 .pi-header,
.pi-theme-sim4 .pi-navigation {
	background: #e3e3e3;
	color: #000000;
}

.pi-theme-sim4 .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-sim4.portable-infobox .pi-data {
	border-bottom: 1px solid #78B3E5;
}

.pi-theme-sim4 .pi-data-label {
    background: #D1EEF7;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}
    
.pi-theme-sim4 .pi-data-label,
.pi-theme-sim4 .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-sim4 .pi-header a,
.portable-infobox.pi-theme-sim4 .pi-title a {
    color: #0000a4;
    text-decoration: none;
}

.pi-theme-sim4.pi-background {
	background: #85CDF8;
	border: 1px solid #2CA9E1;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-sim4 .pi-title {
	background: #3291CF;
	font-size: 104%;
	padding: 1px;
}

.pi-theme-sim4 .pi-biography {
	color: #3291CF;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-sim4 .pi-header {
	background: #85CDF8;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-sim4 .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #78B3E5;
	padding: 0;
}

.pi-theme-sim4 .pi-data-label {
	background: #85CDF8;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim4 .pi-data-value {	
	padding: 3px;
}

.pi-theme-sim4 .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-sim4 .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #78B3E5;
}

.pi-theme-sim4 .pi-data-value ul.pi-list li {
    border-bottom: #78B3E5 1px solid;
    padding: 3px 0 4px 3px;
}
.pi-theme-sim4 .pi-data-value ul.pi-list li:last-child {
    border-bottom: 0;
}

/*SIMS 1*/
.pi-theme-sim1.portable-infobox {
	border: 2px solid #000000;
	border-radius: 5px;
	background: #ffffff;
}

.pi-theme-sim1 .pi-title,
.pi-theme-sim1 .pi-header,
.pi-theme-sim1 .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-sim1 .pi-title {
	background: indianred;
}

.pi-theme-sim1 .pi-header,
.pi-theme-sim1 .pi-navigation {
	background: #85CDF8;
	color: #ffffff;
}

.pi-theme-sim1 .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-sim1.portable-infobox .pi-data {
	border-bottom: 1px solid #B22222;
}

.pi-theme-sim1 .pi-data-label {
    background: #FFDDCC;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim1 .pi-data-label,
.pi-theme-sim1 .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-sim1 .pi-header a,
.portable-infobox.pi-theme-sim1 .pi-title a {
    color: #0000a4;
    text-decoration: none;
}

.pi-theme-sim1.pi-background {
    background: #FA8072;
    border: 1px solid #B22222;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-sim1 .pi-title {
	background: indianred;
	font-size: 104%;
	padding: 1px;
	color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.pi-theme-sim1 .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #B22222;
}

.pi-theme-sim1 .pi-biography {
	color: #CD5C5C;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-sim1 .pi-header {
	background: salmon;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-sim1 .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #FA8072;
	padding: 0;
}

.pi-theme-sim1 .pi-data-label {
	background: #85CDF8;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-sim1 .pi-data-value {	
	padding: 3px;
}

.pi-theme-sim1 .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-sim1 .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #B22222;
}

/*MEDIEVAL*/
.pi-theme-medsim.portable-infobox {
	border: 2px solid #DAA520;
	border-radius: 5px;
	background: #F0E68C;
}

.pi-theme-medsim .pi-title,
.pi-theme-medsim .pi-header,
.pi-theme-medsim .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-medsim .pi-header,
.pi-theme-medsim .pi-navigation {
	background: khaki;
	color: #000000;
}

.pi-theme-medsim .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-medsim.portable-infobox .pi-data {
	border-bottom: 1px solid transparent;
}

.pi-theme-medsim .pi-data-label {
    background: #FFFACD;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-medsim .pi-data-label,
.pi-theme-medsim .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-medsim .pi-header a,
.portable-infobox.pi-theme-medsim .pi-title a {
    color: transparent;
    text-decoration: none;
}

.pi-theme-medsim.pi-background {
    background: #F0E68C;
    border: 1px solid #DAA520;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-medsim .pi-title {
	background: goldenrod;
	font-size: 104%;
	padding: 1px;
	color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.pi-theme-medsim .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #DAA520;
}

.pi-theme-medsim .pi-biography {
	color: goldenrod;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-medsim .pi-header {
	background: khaki;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-medsim .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #F0E68C;
	padding: 0;
}

.pi-theme-medsim .pi-data-label {
	background: transparent;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-medsim .pi-data-value {	
	padding: 3px;
}

.pi-theme-medsim .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-medsim .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #F0E68C;
}

/*URB*/
.pi-theme-urb.portable-infobox {
	border: 2px solid #CC6633;
	border-radius: 5px;
	background: #FF8C00;
}

.pi-theme-urb .pi-title,
.pi-theme-urb .pi-header,
.pi-theme-urb .pi-navigation {
	padding: 2px;
	font-size: 11pt;
}

.pi-theme-urb .pi-header,
.pi-theme-urb .pi-navigation {
	background: transparent;
	color: #ffffff;
}

.pi-theme-urb .pi-data.pi-item-spacing {
	padding: 0;
}

.pi-theme-urb.portable-infobox .pi-data {
	border-bottom: 1px solid transparent;
}

.pi-theme-urb .pi-data-label {
    background: #FFC154;
    color: #4B4B4B;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-urb .pi-data-label,
.pi-theme-urb .pi-data-value {
	padding: 5px;
}

.portable-infobox.pi-theme-urb .pi-header a,
.portable-infobox.pi-theme-urb .pi-title a {
    color: transparent;
    text-decoration: none;
}

.pi-theme-urb.pi-background {
    background: #FF8C00;
    border: 1px solid #CC6633;
	border-radius: 5px;
	font-size: 90%;
	overflow: hidden;
	padding: 2px;
	width: 256px;
}

.pi-theme-urb .pi-title {
	background: #CC6633;
	font-size: 104%;
	padding: 1px;
}

.pi-theme-urb .pi-image + .pi-group .pi-header {
    font-size: 90%;
    background: #CC6633;
}

.pi-theme-urb .pi-biography {
	color: #CC6633;
	font-size: smaller;
	font-style: italic;
	line-height: 22px;
	text-align: center;
}

.pi-theme-urb .pi-header {
	background: darkorange;
	font-size: 104%;
	padding: 3px;
	text-align: center;
}

.pi-theme-urb .pi-item.pi-data {
	background: #ffffff;
	border-bottom: 1px solid #FF7F50;
	padding: 0;
}

.pi-theme-urb .pi-data-label {
	background: transparent;
	padding: 3px;
    -ms-flex-preferred-size: 104px;
    -webkit-flex-basis: 104px;
    -moz-flex-basis: 104px;
    flex-basis: 104px;
}

.pi-theme-urb .pi-data-value {	
	padding: 3px;
}

.pi-theme-urb .pi-image {
	background: #ffffff;
	padding: 3px 0;
}

.pi-theme-urb .pi-navigation {
    background: #ffffff;
    border-bottom: 1px solid #CC6633;
}