Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*====================================================*
* Infoboxes *
*====================================================*/
/** CORE SHAPE **/
.pi-europa.portable-infobox {
padding: 4px;
}
.pi-europa.pi-background {
box-shadow: 0px 0px 6px 0px #616161;
}
/** TITLE HEADER **/
.CharSymbol img {
padding: 3px 0.5px 0 0;
}
.pi-europa .pi-title::first-line {
line-height: 30px;
}
.pi-europa .pi-title, .pi-europa .pi-header {
color: #fff;
}
.pi-europa .pi-title {
font-size: 18px;
padding: 7px;
}
/** SUB HEADERS **/
.pi-europa .pi-header {
font-size: 14px;
padding: 4px;
}
/** MAIN DATA **/
.pi-item.pi-data {
margin-bottom: 1px;
margin-top: 1px;
}
.pi-europa .pi-data-label {
color: orange;
font-size: 12.5px;
}
.pi-europa .pi-data-value {
color: white;
font-size: 13.5px;
padding-left: 3px;
}
.pi-europa .pi-horizontal-group-item:nth-child(even) {
background-color: #6d7493;
text-align: center;
}
.pi-europa .pi-horizontal-group-item:nth-child(odd) {
background-color: none;
text-align: center;
}
.pi-data:last-of-type + .pi-group {
border-top: 3px solid orange;
}
/** IMAGE **/
.pi-image img {
width: 100%;
height: 100%;
padding: 5px 0;
}
/** IMAGE TABBERS **/
.pi-europa .pi-image-collection-tabs {
font-size: large;
margin: 5px 0 0 0;
text-align: center;
background-color: transparent;
color:#fff;
}
.pi-europa .pi-image-collection-tabs .current {
background-color: #74789c;
color: #e7e5c0;
font-weight: bold;
}
.pi-europa .pi-tab-link {
padding: 4px 0;
width:27%;
}
/*====================================================*
* Themes *
*====================================================*/
/**THEME 2 GAMMA**/
.pi-theme-Gamma.pi-background {
background-image: linear-gradient(#452942, #cab8c5);
}
.pi-theme-Gamma .pi-title, .pi-theme-Gamma .pi-header {
background-color: #1c2b71;
color: #fff;
}
.pi-theme-Gamma .pi-data-label {
cellspacing: 1.5px;
color: #b3d3e2;
background-image: linear-gradient(#536135, #c7d3ae);
padding: 3px 6px;
}
.pi-theme-Gamma .pi-data-value {
color: #fff;
font-size: 12px;
padding: 3px;
}
.pi-theme-Gamma .pi-horizontal-group-item:nth-child(even) {
background-color: none;
text-align: center;
}
.pi-theme-Gamma .pi-image-collection-tabs .current {
background-color: #32407f;
}
/**THEME 3 HERA**/
.pi-theme-Hera.pi-infobox {
width: 275px;
}
.pi-theme-Hera.pi-background {
background-image: linear-gradient(to bottom, #5e8fac 65%, #efd892);
}
.pi-theme-Hera .pi-title, .pi-theme-Hera .pi-header {
background-color: #ad4044;
color: #fff;
}
.pi-theme-Hera .pi-data-label {
color: #fdf7f6;
}
.pi-theme-Hera .pi-image-collection-tabs .current {
background-color: #32407f;
}
.pi-theme-Hera .pi-horizontal-group-item:nth-child(even) {
background-color: orange;
padding: 3px;
text-align: center;
}
.pi-theme-Hera .pi-horizontal-group-item:nth-child(odd) {
background-color: #512b47;
padding: 0px;
text-align: center;
}
/**THEME 3 BPINK**/
.pi-theme-BPINK.pi-infobox {
width: 275px;
}
.pi-theme-BPINK.pi-background {
background-image: linear-gradient(#1A185D, #391E6D 25%, #6F2299 60%, #C07FB2 90%, #FFF2DE);
}
.pi-theme-BPINK .pi-title, .pi-theme-BPINK .pi-header {
background-color: #a60903;
color: #fff;
}
.pi-theme-BPINK .pi-data-label {
color: green;
}
.pi-theme-BPINK .pi-image-collection-tabs .current {
background-color: #6c0602;
}
.pi-theme-BPINK .pi-horizontal-group-item:nth-child(even) {
background-color: orange;
padding: 3px;
text-align: center;
}
.pi-theme-BPINK .pi-horizontal-group-item:nth-child(odd) {
background-color: #512b47;
padding: 0px;
text-align: center;
}
/**THEME 4 SERIN**/
.pi-theme-Serin.pi-background {
background-image: linear-gradient(#0C3963 15%, #2C86BB 65%, #96C3DD 85%, #F3F9DE);
}
.pi-theme-Serin .pi-title, .pi-theme-Serin .pi-header {
background-color: #182460;
color: #fff;
}
.pi-theme-Serin .pi-data-label {
color: #e4dce7;
}
.pi-theme-Serin .pi-image-collection-tabs .current {
background-color: orange;
}
.pi-theme-Serin .pi-horizontal-group-item:nth-child(even) {
background-color: none;
padding: 3px 3px 2px;
text-align: center;
}
.pi-theme-Serin .pi-horizontal-group-item:nth-child(odd) {
background-color: pink;
padding: 3px 3px 2px;
text-align: center;
}
/**THEME 5 COLOR**/
.pi-theme-Color.pi-background {
background-color: #350908;
}
.pi-theme-Color .pi-title, .pi-theme-Color .pi-header {
background-color: #7E0F12;
}
.pi-theme-Color .pi-data-label {
color: #fff;
}
.pi-theme-Color ul.pi-image-collection-tabs li.current, .pi-theme-Color .pi-data-label {
background: linear-gradient(#3c77a8, #3c77a8, #5f89ac, #5f89ac, #86a6c0, #86a6c0, #86a6c0, #86a6c0, #86a6c0, #9db4bd, #9db4bd, #b4c6cd, #b4c6cd, #ccd8dc, #ccd8dc, #f0ebdc, #f0ebdc, #fbe8a9, #fbe8a9, #FFF6C5, #FFF6C5, #F5BD6D) center / cover no-repeat fixed;
font-weight: bold;
}
.pi-theme-Color .pi-horizontal-group-item:nth-child(even) {
background-color: black;
padding: 3px;
text-align: center;
}
.pi-theme-Color .pi-horizontal-group-item:nth-child(odd) {
background-color: #3a3f50;
padding: 0px;
text-align: center;
}
/**THEME AFK**/
/* https://afk-arena.fandom.com/wiki/Ukyo /Skriath /MediaWiki:Hero.css */
.pi-theme-AFK.portable-infobox {
padding: 4px;
width: 300px;
background-color: black;
border: 3px solid #53e8e4;
}
.pi-theme-AFK.pi-background {
background-image: linear-gradient(rgba(60, 60, 60, .6) 30%, rgba(30, 30, 30, .9)), url("/wiki/Special:FilePath/Yiling_transl_75%25.png");
background-position: 40% 80%;
background-size: 200%;
background-repeat: no-repeat;
}
.pi-theme-AFK .pi-title, .pi-theme-AFK .pi-header {
background-image: linear-gradient(to right, transparent, #9f009f, #9f009f, transparent);
color: white;
font-size: 115%;
}
.pi-theme-AFK .pi-data-label {
color: #2db92d;
}
.pi-theme-AFK ul.pi-image-collection-tabs li.current, .pi-theme-Color .pi-data-label {
background:
font-weight: bold;
}
/**THEME KOIKIMO**/
.pi-theme-koikimo.portable-infobox {
padding: 4px;
border: 3.5px solid #1443ca;
border-radius: 8px;
}
.pi-theme-koikimo.pi-background {
background-color: #c2c9d4;
}
.pi-theme-koikimo .pi-title {
background-color: #8F86C5;
text-shadow: 0px 0px 6px #2e2924;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-size: 140%;
}
.pi-theme-koikimo .pi-header {
background-color: #797aab;
color: #fff;
font-size: 115%;
}
.pi-theme-koikimo .pi-image img {
padding: 5px 0;
}
.pi-theme-koikimo .pi-data-label {
color: #fff;
}
.pi-theme-koikimo .pi-data-value {
color: #fff;
}
/**THEME KOIKIMO 2**/
.pi-theme-koikimo2.portable-infobox {
padding: 4px;
border: 3.7px solid #eb4b00;
border-radius: 8px;
}
.pi-theme-koikimo2.pi-background {
background-color: #E6D7CC;
}
.pi-theme-koikimo2 .pi-title {
background-color: #da4f52;
text-shadow: 0px 0px 6px #2e2924;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-size: 140%;
}
.pi-theme-koikimo2 .pi-header {
background-color: #d2575a;
color: #fff;
font-size: 115%;
}
.pi-theme-koikimo2 .pi-image img {
padding: 5px 0;
}
.pi-theme-koikimo2 .pi-image-collection-tabs {
margin: 5px 0 0 0;
text-align: center;
background-color: transparent;
color:#fff;
}
.pi-theme-koikimo2 .pi-image-collection-tabs .current {
background-color: #753aa0;
color: #eee3f5;
font-size: smaller;
font-weight: bold;
}
.pi-theme-koikimo2 .pi-tab-link {
padding: 4px 0;
width:25%;
}
.pi-theme-koikimo2 .pi-data-label {
color: #fff;
}
.pi-theme-koikimo2 .pi-data-value {
color: #fff;
}
.pi-europa .pi-horizontal-group-item:nth-child(even) {
background-color: #a0aeea;
text-align: center;
}
.pi-europa .pi-horizontal-group-item:nth-child(odd) {
background-color: none;
text-align: center;
}