MediaWiki:Themes.css

/*WIKIA*/ .portable-infobox.pi-theme-wikia .pi-header, .portable-infobox.pi-theme-wikia .pi-title { text-shadow: 1px 1px 2px #222222; }

/*CRASH BANDICOOT*/ .portable-infobox.pi-theme-cb { font-family: verdana, sans-serif; padding: 4px; margin: 0 0 1em 1em; font-size: 10px; background-color: #f8fff7; border: 1px solid #8a8; color: black; }

.portable-infobox.pi-theme-cb .pi-title { background-color: #8afa8a; color: black; font-size: 145%; font-weight: bold; text-align: center; }

.portable-infobox.pi-theme-cb .pi-item-spacing { padding: 5px; border-bottom: 0; } .pi-data.pi-theme-cb .pi-data-value:only-child { font-size: smaller; }

.pi-image-collection-tab-content.pi-theme-cb { background: transparent; }

.pi-theme-cb.pi-europa.portable-infobox { width: 270px; }

.pi-theme-cb.portable-infobox .pi-image-thumbnail { width: auto; height: auto; min-width: 40%; min-height: 70px; max-width: 80%; max-height: 250px; }

.pi-theme-cb.portable-infobox .pi-data-value > *, .pi-theme-cb.portable-infobox .pi-data-value a:visited { color: #993300; }

/*THOMAS THE TANK ENGINE*/ .portable-infobox.pi-theme-ttte .pi-header, .portable-infobox.pi-theme-ttte .pi-title { background-color: #007acc; color: #ffffff; text-align: center; text-shadow: none; font-family: "Flange" !important; font-weight: bold; } .portable-infobox.pi-theme-ttte .pi-secondary-font { font-family: "Flange" !important; font-weight: bold; } .portable-infobox.pi-theme-ttte .pi-data, .portable-infobox.pi-theme-ttte .pi-group { border-bottom: 1px solid #c0d1f0; } .portable-infobox.pi-background.pi-theme-ttte { background-color: #e6edf9; }

.pi-theme-ttte.pi-europa .pi-collapse .pi-header::after { border-color: #3a3a3a; }

.pi-theme-ttte.pi-europa.portable-infobox { width: 270px; }

.pi-theme-ttte.portable-infobox .pi-image-thumbnail { width: 270px; height: 255px; }

/*COMPILATION ALBUM*/ .portable-infobox.pi-theme-album { padding: 4px; margin: 0 0 1em 1em; font-size: 10px; background-color: #f8fff7; border: 1px solid #a2a9b1; color: black; }

.portable-infobox.pi-theme-album .pi-title { background-color: darkseagreen; color: black; font-size: 145%; font-weight: bold; font-style: italic; text-align: center; }

.portable-infobox.pi-theme-album .pi-item-spacing { padding: 5px; border-bottom: 0; } .pi-image-collection-tab-content.pi-theme-album { background: transparent; }

.pi-theme-album.pi-europa.portable-infobox { width: 270px; }

.pi-theme-album.portable-infobox .pi-image-thumbnail { width: 250px; height: 250px; padding: 3px; }

/*STUDIO ALBUM*/ .portable-infobox.pi-theme-studio .pi-title { background-color: lightsteelblue !important; }

.portable-infobox.pi-theme-studio { padding: 4px; margin: 0 0 1em 1em; font-size: 10px; background-color: #f8f9fa; border: 1px solid #a2a9b1; color: black; }

.pi-theme-studio.pi-europa.portable-infobox { width: 270px; }

.pi-theme-studio.portable-infobox .pi-image-thumbnail { width: 250px; height: 250px; padding: 3px; }

/*THE DEMON'S LIGHT*/ .portable-infobox.pi-theme-tdl .pi-header, .portable-infobox.pi-theme-tdl .pi-title { background-color: #891100; color: #ffffff; text-shadow: none; font-family: Georgia !important; }

.portable-infobox.pi-background.pi-theme-tdl { background-color: #dad4d4; }

.portable-infobox.pi-theme-tdl .pi-secondary-font { font-family: Georgia !important; font-weight: bold; }

.portable-infobox.pi-theme-tdl .pi-data-value { font-family: Georgia !important; }

/*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; }

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

.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; }

.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-europa .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-europa.pi-background { background: #6495ed; border: 1px solid #4466ff; border-radius: 5px; font-size: 90%; overflow: hidden; padding: 2px; width: 260px; }

.pi-theme-sim2 .pi-title { background: #4466ff; font-size: 104%; padding: 1px; }

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

.pi-theme-sim2.pi-europa .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; }

.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-europa .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-europa.pi-background { background: #E3E3E3; border: 1px solid #000000; border-radius: 5px; font-size: 90%; overflow: hidden; padding: 2px; width: 260px; }

.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-europa .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-europa .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-europa.pi-background { background: #55AA77; border: 1px solid #449966; border-radius: 5px; font-size: 90%; overflow: hidden; padding: 2px; width: 260px; }

.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-europa .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-europa .pi-data-value ul.pi-list li { border-bottom: #66CC80 1px solid; padding: 3px 0 4px 3px; } .pi-europa .pi-data-value ul.pi-list li:last-child { border-bottom: 0; } .pi-europa .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-europa .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-europa.pi-background { background: #85CDF8; border: 1px solid #2CA9E1; border-radius: 5px; font-size: 90%; overflow: hidden; padding: 2px; width: 260px; }

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

.pi-theme-sim4.pi-europa .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; }

/*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: #000000; }

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

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

.pi-theme-sim1.pi-europa .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-europa.pi-background { background: #FA8072; border: 1px solid #B22222; border-radius: 5px; font-size: 90%; overflow: hidden; padding: 2px; width: 260px; }

.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: #4466ff; }

.pi-theme-sim1.pi-europa .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 #909090; }

/*HELP*/ .portable-infobox.pi-background.pi-theme-help { background-color: #bfbfe8; }

.portable-infobox.pi-theme-help .pi-header, .portable-infobox.pi-theme-help .pi-title { background-color: #bfbfe8; color: #3a3a3a; text-align: left; text-shadow: none; font-weight: bold; font-size: 12px; } .portable-infobox.pi-theme-help .pi-secondary-font { font-weight: bold; line-height: 18px; margin-top: 0; } .portable-infobox.pi-background.pi-theme-help { background-color: #bfbfe8; }

.pi-theme-help.pi-europa.portable-infobox { clear: right; float: right; margin: 0 0 15px 15px; width: 270px; }

.portable-infobox.pi-theme-help .pi-item-spacing { padding: 5px 10px; }