MediaWiki:Themes.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
sims>C.Syde65 No edit summary |
imported>Mechemik mNo edit summary |
||
(13 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
.portable-infobox .pi-navigation, |
|||
/*SIMS ALL*/ |
|||
.portable-infobox.pi- |
.portable-infobox .pi-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; |
|||
-ms-hyphens:none; |
|||
hyphens:none; |
|||
-webkit-border-radius: 10px; |
|||
padding: 10px 10px 10px 10px; |
|||
} |
} |
||
.portable-infobox { |
|||
padding:5px; |
|||
.portable-infobox.pi-theme-all .pi-title { |
|||
margin: 0px 1px 5px 5px; |
|||
font-size:90%; |
|||
border:1px solid #E0E0E0; |
|||
background-color:#F9F9F9; |
|||
box-shadow:1px 1px 3px #777777; |
|||
padding-top: 0; |
|||
padding-bottom: 0; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
} |
} |
||
.portable-infobox.pi- |
.portable-infobox .pi-header, .portable-infobox .pi-title { |
||
background:#808080; |
|||
text-align:center; |
|||
color:white; |
|||
text-shadow:1px 1px 2px #222222; |
|||
box-shadow:1px 1px 3px #777777; |
|||
font-weight:bold; |
|||
} |
} |
||
.portable-infobox |
.portable-infobox .pi-title { |
||
font-size: 125%; |
|||
padding: 1px; |
|||
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; |
|||
} |
} |
||
. |
.portable-infobox .pi-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- |
.pi-border-color { |
||
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-data-label { |
|||
padding: 3px 3px 0px 0px; |
|||
} |
} |
||
.pi-data-value { |
|||
.pi-theme-sim2.portable-infobox .pi-data { |
|||
padding: 3px 0px; |
|||
border-bottom: 1px solid #99bbff; |
|||
} |
} |
||
. |
.portable-infobox .pi-data.pi-item-spacing { |
||
padding: 3px; |
|||
-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- |
.pi-title + h2, .pi-title + .pi-group { |
||
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 |
.portable-infobox:nth-child(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%; |
|||
padding: 0px 5px; |
|||
background-color: none; |
|||
margin: 0px 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- |
.pi-theme-The-Sims-2.portable-infobox { |
||
background-color:#E5E8FF !important; |
|||
border: 1px solid #000000; |
|||
border-radius: 5px; |
|||
background: #ffffff; |
|||
} |
} |
||
.pi-theme- |
.pi-theme-The-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; |
|||
} |
} |
||
.pi-theme- |
.portable-infobox.pi-theme-The-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- |
.pi-theme-The-Sims-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; |
|||
color: |
background-color:#EEFFE5 !important; |
||
-ms-flex-preferred-size: 104px; |
|||
-webkit-flex-basis: 104px; |
|||
-moz-flex-basis: 104px; |
|||
flex-basis: 104px; |
|||
} |
} |
||
.pi-theme- |
.pi-theme-The-Sims-3 .pi-title, |
||
.pi-theme- |
.pi-theme-The-Sims-3 .pi-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- |
.portable-infobox.pi-theme-The-Sims-3 .pi-title a { |
||
/* if this is ever needed, fix the color for this |
|||
.portable-infobox.pi-theme-sim .pi-title a { |
|||
color: |
color:#000000; |
||
text-decoration: |
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 #96CF24 !important; |
|||
border:none; |
|||
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- |
.pi-theme-The-Sims-4 .pi-title, |
||
.pi-theme-The-Sims-4 .pi-header, |
|||
background: #e3e3e3; |
|||
.pi-theme-The-Sims-4 .pi-navigation { |
|||
font-size: 104%; |
|||
padding:2px; |
|||
background-color:#25A8E0; |
|||
text-align: center; |
|||
} |
} |
||
.portable-infobox.pi-theme-The-Sims-4 .pi-header a, |
|||
.pi-theme- |
.portable-infobox.pi-theme-The-Sims-4 .pi-title 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- |
.pi-theme-Urbz .pi-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 { |
|||
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- |
.pi-theme-Urbz 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- |
.pi-theme-Medieval .pi-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, |
|||
.pi-theme- |
.portable-infobox.pi-theme-Medieval .pi-title a { |
||
/* if this is ever needed, fix the color for this |
|||
background: #CCFFCC; |
|||
color: |
color:#000000; |
||
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- |
.pi-theme-Medieval hr { |
||
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: #DAA520; |
|||
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- |
.pi-theme-Social .pi-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, |
|||
.pi-theme- |
.portable-infobox.pi-theme-Social .pi-title 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; |
|||
} |
|||
.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; |
|||
} |
|||
.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; |
|||
} |
} |
Latest revision as of 20:38, 14 August 2019
.portable-infobox .pi-navigation,
.portable-infobox .pi-header,
.portable-infobox .pi-caption,
.portable-infobox .pi-data-value,
.portable-infobox .pi-data-label {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
}
.portable-infobox {
padding:5px;
margin: 0px 1px 5px 5px;
font-size:90%;
border:1px solid #E0E0E0;
background-color:#F9F9F9;
box-shadow:1px 1px 3px #777777;
}
.portable-infobox .pi-header, .portable-infobox .pi-title {
background:#808080;
text-align:center;
color:white;
text-shadow:1px 1px 2px #222222;
box-shadow:1px 1px 3px #777777;
font-weight:bold;
}
.portable-infobox .pi-title {
font-size: 125%;
padding: 1px;
color:#ffffff;
}
.portable-infobox .pi-header {
font-size: 95%;
padding:3px;
}
.portable-infobox .pi-image {
margin-bottom:3px;
background-color: white;
border:1px solid #E0E0E0;
}
.pi-border-color {
border:none !important;
}
.pi-caption {
font-size:smaller;
font-style:italic;
line-height:22px;
text-align:center;
}
.pi-data-label {
padding: 3px 3px 0px 0px;
}
.pi-data-value {
padding: 3px 0px;
}
.portable-infobox .pi-data.pi-item-spacing {
padding: 3px;
}
/* slight spacing between a title and header if no image inbetween */
.pi-title + h2, .pi-title + .pi-group {
margin-top: 3px !important;
}
/* slight different spacing for more than one infobox on a page */
.portable-infobox:nth-child(1n+0) {
margin-bottom:0px;
}
.portable-infobox:last-of-type {
margin-bottom:5px !important;
}
/*** tabber for portable infobox and images ***/
/* the whole tab row */
ul.pi-image-collection-tabs {
margin-top: 5px;
}
/* all tabs */
ul.pi-image-collection-tabs .pi-tab-link {
padding: 0px 5px;
background-color: none;
margin: 0px 2px;
border: none;
}
/* activated tab, important: make sure this is AFTER the one that affects all tabs, otherwise border will disappear */
ul.pi-image-collection-tabs li.current {
background-color: white;
color: #808080;
border: 1px solid #E0E0E0;
border-bottom: none;
}
/* activated hover tab and inactive hover tab */
ul.pi-image-collection-tabs li.current:hover, ul.pi-image-collection-tabs li:hover {
color: #808080;
}
/*** end tabber code for portable infobox and images ***/
/* The Sims infobox theme */
.pi-theme-The-Sims.portable-infobox {
background: #FFE9E5;
}
.pi-theme-The-Sims .pi-title, .pi-theme-The-Sims .pi-header, .pi-theme-The-Sims .pi-navigation {
background-color: #FA8072;
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-The-Sims hr {
border-top:1px solid #FA8072 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #FA8072;
}
/* The Sims 2 infobox theme */
.pi-theme-The-Sims-2.portable-infobox {
background-color:#E5E8FF !important;
}
.pi-theme-The-Sims-2 .pi-title, .pi-theme-The-Sims-2 .pi-header, .pi-theme-The-Sims-2 .pi-navigation {
padding: 2px;
background-color: #7788E0;
}
.portable-infobox.pi-theme-The-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
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-The-Sims-2 hr {
border-top:1px solid #7788E0 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #7788E0;
}
/* The Sims 3 infobox theme */
.pi-theme-The-Sims-3.portable-infobox {
background-color:#EEFFE5 !important;
}
.pi-theme-The-Sims-3 .pi-title,
.pi-theme-The-Sims-3 .pi-header,
.pi-theme-The-Sims-3 .pi-navigation {
padding:2px;
background-color:#96CF24;
}
.portable-infobox.pi-theme-The-Sims-3 .pi-header a,
.portable-infobox.pi-theme-The-Sims-3 .pi-title a {
/* if this is ever needed, fix the color for this
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-The-Sims-3 hr {
border-top:1px solid #96CF24 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #96CF24;
}
/* The Sims 4 infobox theme */
.pi-theme-The-Sims-4.portable-infobox {
background-color:#E5F7FF !important;
}
.pi-theme-The-Sims-4 .pi-title,
.pi-theme-The-Sims-4 .pi-header,
.pi-theme-The-Sims-4 .pi-navigation {
padding:2px;
background-color:#25A8E0;
}
.portable-infobox.pi-theme-The-Sims-4 .pi-header a,
.portable-infobox.pi-theme-The-Sims-4 .pi-title a {
/* if this is ever needed, fix the color for this
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-The-Sims-4 hr {
border-top:1px solid #25A8E0 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #25A8E0;
}
/* Urbz infobox theme */
.pi-theme-Urbz.portable-infobox {
background-color:#FFF5E5 !important;
}
.pi-theme-Urbz .pi-title,
.pi-theme-Urbz .pi-header,
.pi-theme-Urbz .pi-navigation {
padding:2px;
background-color:#FFC154;
}
.portable-infobox.pi-theme-Urbz .pi-header a,
.portable-infobox.pi-theme-Urbz .pi-title a {
/* if this is ever needed, fix the color for this
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-Urbz hr {
border-top:1px solid #FFC154 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #FFC154;
}
/* Medieval infobox theme */
.pi-theme-Medieval.portable-infobox {
background-color:#FFFBE5 !important;
}
.pi-theme-Medieval .pi-title,
.pi-theme-Medieval .pi-header,
.pi-theme-Medieval .pi-navigation {
padding:2px;
background-color:#DAA520;
}
.portable-infobox.pi-theme-Medieval .pi-header a,
.portable-infobox.pi-theme-Medieval .pi-title a {
/* if this is ever needed, fix the color for this
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-Medieval hr {
border-top:1px solid #DAA520 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #DAA520;
}
/* Social infobox theme */
.pi-theme-Social.portable-infobox {
background-color:#E5FFFC !important;
}
.pi-theme-Social .pi-title,
.pi-theme-Social .pi-header,
.pi-theme-Social .pi-navigation {
padding:2px;
background-color:#18B4F7;
}
.portable-infobox.pi-theme-Social .pi-header a,
.portable-infobox.pi-theme-Social .pi-title a {
/* if this is ever needed, fix the color for this
color:#000000;
text-decoration:none;
*/
}
/*** This is for the hr tag within the infobox and changes on theme ***/
.pi-theme-Social hr {
border-top:1px solid #18B4F7 !important;
border:none;
}
/* for gallery tabs in infobox */
.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 {
color: #18B4F7;
}