MediaWiki:Themes.css: Difference between revisions

m
no edit summary
sims>C.Syde65
mNo edit summary
imported>Mechemik
mNo edit summary
 
(12 intermediate revisions by 3 users not shown)
Line 1:
.portable-infobox .pi-navigation,
/*SIMS ALL*/
.portable-infobox .pi-theme-all {header,
.portable-infobox .pi-caption,
width: 250px;
.portable-infobox .pi-data-value,
float: right;
.portable-infobox .pi-data-label {
clear: right;
-webkit-hyphens:none;
margin: 0 0 1em 1em;
-moz-hyphens:none;
border: 1px solid #007FFF;
background-ms-hyphens: #FFFFFFnone;
hyphens:none;
-webkit-border-radius: 10px;
padding: 10px 10px 10px 10px;
}
.portable-infobox {
 
padding:5px;
.portable-infobox.pi-theme-all .pi-title {
font-stylemargin: italic0px 1px 5px 5px;
backgroundfont-size: white90%;
colorborder:1px solid #3A3A3AE0E0E0;
fontbackground-sizecolor: 94%#F9F9F9;
marginbox-shadow:1px 01px 3%3px 0 3%#777777;
padding-top: 0;
padding-bottom: 0;
text-align: center;
font-weight: bold;
}
 
.portable-infobox .pi-themeheader, .portable-allinfobox .pi-captiontitle {
text-alignbackground: center#808080;
colortext-align: #3A3A3Acenter;
padding-topcolor: 0white;
paddingtext-bottomshadow:1px 01px 2px #222222;
fontbox-styleshadow:1px inherit1px 3px #777777;
font-weight:bold;
}
 
.portable-infobox.pi-theme-all .pi-image-thumbnailtitle {
widthfont-size: 235px125%;
heightpadding: auto1px;
color:#ffffff;
}
 
.portable-infobox .pi-header {
/*SIMS 2*/
font-size: 95%;
.pi-theme-sim2.portable-infobox {
padding:3px;
border: 2px solid #6495ed;
border-radius: 5px;
background: #ffffff;
}
 
.piportable-theme-sim2infobox .pi-title,image {
margin-bottom:3px;
.pi-theme-sim2 .pi-header,
background-color: white;
.pi-theme-sim2 .pi-navigation {
border:1px solid #E0E0E0;
padding: 2px;
font-size: 11pt;
text-align: center;
}
 
.pi-themeborder-sim2 .pi-titlecolor {
border:none !important;
background: #4466ff;
}
 
.pi-caption {
.pi-theme-sim2 .pi-header,
font-size:smaller;
.pi-theme-sim2 .pi-navigation {
font-style:italic;
background: #6495ed;
line-height:22px;
text-align:center;
}
 
.pi-theme-sim2 .pi-data.pi-item-spacinglabel {
padding: 03px 3px 0px 0px;
}
 
.pi-data-value {
.pi-theme-sim2.portable-infobox .pi-data {
padding: 3px 0px;
border-bottom: 1px solid #99bbff;
}
 
.piportable-theme-sim2infobox .pi-data.pi-item-labelspacing {
backgroundpadding: #bfdfff3px;
-ms-flex-preferred-size: 104px;
-webkit-flex-basis: 104px;
-moz-flex-basis: 104px;
flex-basis: 104px;
}
 
/* slight spacing between a title and header if no image inbetween */
.pi-theme-sim2 .pi-data-label,
.pi-theme-sim2title + h2, .pi-datatitle + .pi-valuegroup {
margin-top: 3px !important;
padding: 5px;
}
 
/* slight different spacing for more than one infobox on a page */
.portable-infobox.pi-theme-sim2 .pi-header a,
.portable-infobox.pi:nth-theme-sim2 .pi-title achild(1n+0) {
margin-bottom:0px;
color: #0000a4;
text-decoration: none;
}
 
.portable-infobox:last-of-type {
.pi-theme-sim2.pi-background {
margin-bottom:5px !important;
background: #6495ed;
border: 1px solid #4466ff;
border-radius: 5px;
font-size: 90%;
overflow: hidden;
padding: 2px;
width: 256px;
}
 
/*** tabber for portable infobox and images ***/
.pi-theme-sim2 .pi-title {
/* the whole tab row */
background: #4466ff;
ul.pi-image-collection-tabs {
font-size: 104%;
margin-top: 5px;
padding: 1px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
 
/* all tabs */
.pi-theme-sim2 .pi-image + .pi-group .pi-header {
ul.pi-image-collection-tabs .pi-tab-link {
font-size: 90%;
backgroundpadding: #4466ff0px 5px;
textbackground-aligncolor: centernone;
colormargin: #ffffff0px 2px;
border: none;
}
 
/* activated tab, important: make sure this is AFTER the one that affects all tabs, otherwise border will disappear */
.pi-theme-sim2 .pi-biography {
ul.pi-image-collection-tabs li.current {
color: #4466ff;
background-color: white;
font-size: smaller;
color: #808080;
font-style: italic;
border: 1px solid #E0E0E0;
line-height: 22px;
border-bottom: none;
text-align: center;
}
 
/* activated hover tab and inactive hover tab */
.pi-theme-sim2 .pi-header {
ul.pi-image-collection-tabs li.current:hover, ul.pi-image-collection-tabs li:hover {
background: #6495ed;
color: #808080;
font-size: 104%;
padding: 3px;
color: #ffffff;
}
/*** end tabber code for portable infobox and images ***/
 
.pi-theme-sim2 .pi-item.pi-data {
background: #ffffff;
border-bottom: 1px solid #99bbff;
padding: 0;
}
 
/* The Sims infobox theme */
.pi-theme-sim2 .pi-data-label {
.pi-theme-The-Sims.portable-infobox {
background: #bfdfff;
background: #FFE9E5;
padding: 3px;
-ms-flex-preferred-size: 104px;
-webkit-flex-basis: 104px;
-moz-flex-basis: 104px;
flex-basis: 104px;
}
 
.pi-theme-The-Sims .pi-title, .pi-theme-The-Sims .pi-header, .pi-theme-The-Sims .pi-navigation {
.pi-theme-sim2 .pi-data-value {
background-color: #FA8072;
padding: 3px;
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim2 .pi-image {
.pi-theme-The-Sims hr {
background: #ffffff;
border-top:1px solid #FA8072 !important;
padding: 3px 0;
border:none;
}
 
/* for gallery tabs in infobox */
.pi-theme-sim2 .pi-navigation {
.pi-theme-The-Sims ul.pi-image-collection-tabs li.current, .pi-theme-The-Sims ul.pi-image-collection-tabs li.current:hover, .pi-theme-The-Sims ul.pi-image-collection-tabs li:hover {
background: #ffffff;
color: #FA8072;
border-bottom: 1px solid #6495ed;
}
 
/* The Sims 2 infobox theme */
/*SIMS*/
.pi-theme-simThe-Sims-2.portable-infobox {
background-color:#E5E8FF !important;
border: 1px solid #000000;
border-radius: 5px;
background: #ffffff;
}
 
.pi-theme-simThe-Sims-2 .pi-title, .pi-theme-The-Sims-2 .pi-header, .pi-theme-The-Sims-2 .pi-navigation {
padding: 2px;
.pi-theme-sim .pi-header,
background-color: #7788E0;
.pi-theme-sim .pi-navigation {
padding: 2px;
font-size: 11pt;
}
 
.portable-infobox.pi-theme-simThe-Sims-2 .pi-header a, .portable-infobox.pi-theme-The-Sims-2 .pi-title a {
/* if this is ever needed, fix the color for this
background: #808080;
color:#000000;
text-decoration:none;
*/
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim .pi-header,
.pi-theme-sim .piThe-navigationSims-2 hr {
border-top:1px solid #7788E0 !important;
background: #e3e3e3;
border:none;
color: #000000;
}
 
/* for gallery tabs in infobox */
.pi-theme-sim .pi-data.pi-item-spacing {
.pi-theme-The-Sims-2 ul.pi-image-collection-tabs li.current, .pi-theme-The-Sims-2 ul.pi-image-collection-tabs li.current:hover, .pi-theme-The-Sims-2 ul.pi-image-collection-tabs li:hover {
padding: 0;
color: #7788E0;
}
 
.pi-theme-sim.portable-infobox .pi-data {
border-bottom: 1px solid #909090;
}
 
/* The Sims 3 infobox theme */
.pi-theme-sim .pi-data-label {
.pi-theme-The-Sims-3.portable-infobox {
background: #F9F9F9;
background-color: #4B4B4BEEFFE5 !important;
-ms-flex-preferred-size: 104px;
-webkit-flex-basis: 104px;
-moz-flex-basis: 104px;
flex-basis: 104px;
}
 
.pi-theme-simThe-Sims-3 .pi-data-labeltitle,
.pi-theme-simThe-Sims-3 .pi-data-value {header,
.pi-theme-The-Sims-3 .pi-navigation {
padding: 5px;
padding:2px;
background-color:#96CF24;
}
.portable-infobox.pi-theme-The-Sims-3 .pi-header a,
 
.portable-infobox.pi-theme-simThe-Sims-3 .pi-headertitle a, {
/* if this is ever needed, fix the color for this
.portable-infobox.pi-theme-sim .pi-title a {
color: #0000a4000000;
text-decoration: none;
*/
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim.pi-background {
.pi-theme-The-Sims-3 hr {
background: #E3E3E3;
border-top: 1px solid #00000096CF24 !important;
border-radius: 5pxnone;
font-size: 90%;
overflow: hidden;
padding: 2px;
width: 256px;
}
 
/* for gallery tabs in infobox */
.pi-theme-sim .pi-title {
.pi-theme-The-Sims-3 ul.pi-image-collection-tabs li.current, .pi-theme-The-Sims-3 ul.pi-image-collection-tabs li.current:hover, .pi-theme-The-Sims-3 ul.pi-image-collection-tabs li:hover {
background: #808080;
color: #96CF24;
font-size: 104%;
padding: 1px;
}
 
.pi-theme-sim .pi-image + .pi-group .pi-header {
font-size: 90%;
background: #808080;
color: #ffffff;
}
 
/* The Sims 4 infobox theme */
.pi-theme-sim .pi-biography {
.pi-theme-The-Sims-4.portable-infobox {
color: #808080;
background-color:#E5F7FF !important;
font-size: smaller;
font-style: italic;
line-height: 22px;
text-align: center;
}
 
.pi-theme-simThe-Sims-4 .pi-header {title,
.pi-theme-The-Sims-4 .pi-header,
background: #e3e3e3;
.pi-theme-The-Sims-4 .pi-navigation {
font-size: 104%;
padding: 3px2px;
background-color:#25A8E0;
text-align: center;
}
.portable-infobox.pi-theme-The-Sims-4 .pi-header a,
 
.portable-infobox.pi-theme-simThe-Sims-4 .pi-item.pi-datatitle a {
/* if this is ever needed, fix the color for this
background: #ffffff;
color:#000000;
border-bottom: 1px solid #909090;
text-decoration:none;
padding: 0;
*/
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim .pi-data-label {
.pi-theme-The-Sims-4 hr {
background: #F9F9F9;
border-top:1px solid #25A8E0 !important;
padding: 3px;
border:none;
-ms-flex-preferred-size: 104px;
-webkit-flex-basis: 104px;
-moz-flex-basis: 104px;
flex-basis: 104px;
}
 
/* for gallery tabs in infobox */
.pi-theme-sim .pi-data-value {
.pi-theme-The-Sims-4 ul.pi-image-collection-tabs li.current, .pi-theme-The-Sims-4 ul.pi-image-collection-tabs li.current:hover, .pi-theme-The-Sims-4 ul.pi-image-collection-tabs li:hover {
padding: 3px;
color: #25A8E0;
}
 
/* Urbz infobox theme */
.pi-theme-sim .pi-image {
.pi-theme-Urbz.portable-infobox {
background: #ffffff;
background-color:#FFF5E5 !important;
padding: 3px 0;
}
 
.pi-theme-simUrbz .pi-navigation {title,
.pi-theme-Urbz .pi-header,
background: #ffffff;
.pi-theme-Urbz .pi-navigation {
border-bottom: 1px solid #909090;
padding:2px;
background-color:#FFC154;
}
.portable-infobox.pi-theme-Urbz .pi-header a,
 
.portable-infobox.pi-theme-Urbz .pi-title a {
/*SIMS 3*/
/* if this is ever needed, fix the color for this
.pi-theme-sim3.portable-infobox {
border: 2px solid color:#000000;
text-decoration:none;
border-radius: 5px;
*/
background: #ffffff;
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim3 .pi-title,
.pi-theme-sim3Urbz .pi-header,hr {
border-top:1px solid #FFC154 !important;
.pi-theme-sim3 .pi-navigation {
border:none;
padding: 2px;
font-size: 11pt;
}
 
/* for gallery tabs in infobox */
.pi-theme-sim3 .pi-title {
.pi-theme-Urbz ul.pi-image-collection-tabs li.current, .pi-theme-Urbz ul.pi-image-collection-tabs li.current:hover, .pi-theme-Urbz ul.pi-image-collection-tabs li:hover {
background: seagreen;
color: #FFC154;
}
 
.pi-theme-sim3 .pi-header,
.pi-theme-sim3 .pi-navigation {
background: #55AA77;
color: #ffffff;
}
 
/* Medieval infobox theme */
.pi-theme-sim3 .pi-data.pi-item-spacing {
.pi-theme-Medieval.portable-infobox {
padding: 0;
background-color:#FFFBE5 !important;
}
 
.pi-theme-sim3.portable-infoboxMedieval .pi-data {title,
.pi-theme-Medieval .pi-header,
border-bottom: 1px solid #66CC80;
.pi-theme-Medieval .pi-navigation {
padding:2px;
background-color:#DAA520;
}
.portable-infobox.pi-theme-Medieval .pi-header a,
 
.portable-infobox.pi-theme-sim3Medieval .pi-data-labeltitle a {
/* if this is ever needed, fix the color for this
background: #CCFFCC;
color: #4B4B4B000000;
text-decoration:none;
-ms-flex-preferred-size: 104px;
*/
-webkit-flex-basis: 104px;
-moz-flex-basis: 104px;
flex-basis: 104px;
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim3 .pi-data-label,
.pi-theme-sim3Medieval .pi-data-valuehr {
border-top:1px solid #DAA520 !important;
padding: 5px;
border:none;
}
 
/* for gallery tabs in infobox */
.portable-infobox.pi-theme-sim3 .pi-header a,
.pi-theme-Medieval ul.pi-image-collection-tabs li.current, .pi-theme-Medieval ul.pi-image-collection-tabs li.current:hover, .pi-theme-Medieval ul.pi-image-collection-tabs li:hover {
.portable-infobox.pi-theme-sim3 .pi-title a {
color: #0000a4DAA520;
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;
}
 
/* Social infobox theme */
.pi-theme-sim3 .pi-title {
.pi-theme-Social.portable-infobox {
background: seagreen;
background-color:#E5FFFC !important;
font-size: 104%;
padding: 1px;
}
 
.pi-theme-sim3Social .pi-image + .pi-group .pi-header {title,
.pi-theme-Social .pi-header,
font-size: 90%;
.pi-theme-Social .pi-navigation {
background: #2E8B57;
padding:2px;
background-color:#18B4F7;
}
.portable-infobox.pi-theme-Social .pi-header a,
 
.portable-infobox.pi-theme-sim3Social .pi-biographytitle a {
/* if this is ever needed, fix the color for this
color: seagreen;
color:#000000;
font-size: smaller;
text-decoration:none;
font-style: italic;
*/
line-height: 22px;
text-align: center;
}
 
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-sim3 .pi-header {
.pi-theme-Social hr {
background: #55AA77;
border-top:1px solid #18B4F7 !important;
font-size: 104%;
border:none;
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;
}
 
.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;
}
 
.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;
}
 
/* for gallery tabs in infobox */
.pi-theme-urb .pi-navigation {
.pi-theme-Social ul.pi-image-collection-tabs li.current, .pi-theme-Social ul.pi-image-collection-tabs li.current:hover, .pi-theme-Social ul.pi-image-collection-tabs li:hover {
background: #ffffff;
color: #18B4F7;
border-bottom: 1px solid #CC6633;
}
Anonymous user