MediaWiki:Themes.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
sims>C.Syde65 mNo edit summary |
sims>C.Syde65 (Will definitely need to be revised some more. But this is the basic stuff that I already had.) |
||
Line 1: | Line 1: | ||
/*SIMS ALL*/ |
/*SIMS ALL*/ |
||
.portable-infobox.pi-theme-all { |
.portable-infobox.pi-theme-all { |
||
width: 250px; |
width: 250px; |
||
Line 38: | Line 37: | ||
/*SIMS 2*/ |
/*SIMS 2*/ |
||
.pi-theme-sim2.portable-infobox { |
.pi-theme-sim2.portable-infobox { |
||
border: 2px solid #6495ed; |
border: 2px solid #6495ed; |
||
Line 57: | Line 55: | ||
} |
} |
||
.pi-theme-sim2 .pi-header |
.pi-theme-sim2 .pi-header, |
||
.pi-theme-sim2 .pi-navigation { |
|||
background: #6495ed; |
background: #6495ed; |
||
} |
} |
||
Line 95: | Line 94: | ||
overflow: hidden; |
overflow: hidden; |
||
padding: 2px; |
padding: 2px; |
||
width: |
width: 256px; |
||
} |
} |
||
Line 107: | Line 106: | ||
} |
} |
||
.pi-theme-sim2 .pi- |
.pi-theme-sim2 .pi-image + .pi-group .pi-header { |
||
font-size: 90%; |
|||
background: #4466ff; |
|||
text-align: center; |
|||
color: #ffffff; |
|||
} |
} |
||
Line 156: | Line 155: | ||
background: #ffffff; |
background: #ffffff; |
||
border-bottom: 1px solid #6495ed; |
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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
} |
Revision as of 05:37, 18 March 2018
/*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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}