User:Ursuul/sgns.css

/** * @Name:          SGNS.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   No * @Authors:        TyA   *                 Ursuul  */ /* Portable Infoboxes — All */ .portable-infobox { line-height: 1.5em; }

.portable-infobox .pi-image-collection-tab-content { background: transparent; }

.portable-infobox .pi-image-collection-tabs { font-size: 13px; line-height: 14px; padding-bottom: 4px; margin-top: 3px; }

.portable-infobox .pi-tab-link { font-weight: bold; font-size: smaller; color: #337800; padding: 0; border: 0; }

.portable-infobox .pi-tab-link:not(.current):hover { text-decoration: underline; }

.portable-infobox .pi-tab-link.current { background: transparent; color: inherit; cursor: text; }

.portable-infobox .pi-tab-link + .pi-tab-link { padding-left: 3px; border-left: 1pt solid #000000; margin-left: 4px; }/**/

/* Themes — Manga */ .portable-infobox.pi-theme-manga { background-color: #E6E6E6; padding: 0.3em; border: 1px solid #C2C2C2; }

.portable-infobox.pi-theme-manga .pi-data { padding: 3px 4px; }

.portable-infobox.pi-theme-manga .pi-border-color { border: 0; }

.portable-infobox.pi-theme-manga .pi-secondary-background, .portable-infobox.pi-theme-manga .pi-title { background-color: #FFE87C; font-weight: bold; text-align: center; }

.portable-infobox.pi-theme-manga .pi-title:first-child:not(:only-child) { font-size: smaller; line-height: 20px; padding: 5px 0 0; }

.portable-infobox.pi-theme-manga .pi-title:first-child:not(:only-child) + .pi-title { line-height: 24px; padding: 0 0 7px; }

.portable-infobox.pi-theme-manga .pi-secondary-font { font-size: smaller; }

.portable-infobox.pi-theme-manga .pi-header { padding: 0; }

.portable-infobox.pi-theme-manga > .pi-image-collection, .portable-infobox.pi-theme-manga > .pi-image { margin: 4px 0; }/**/

/* Themes — Food */ .portable-infobox.pi-theme-food { background-color: #E6E6E6; padding: 0.3em; border: 1px solid #C2C2C2; }

.portable-infobox.pi-theme-food .pi-secondary-background, .portable-infobox.pi-theme-food .pi-title { background-color: #FF5E00; font-weight: bold; color: #84F8FF; text-align: center; }

.portable-infobox.pi-theme-food .pi-header { font-size: smaller; }

.portable-infobox.pi-theme-food .pi-item-spacing:not(.pi-title):not(.pi-tab-link) { padding: 0; margin: 2px 0 0; }

.portable-infobox.pi-theme-food .pi-data-label, .portable-infobox.pi-theme-food .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-food .pi-data-value.pi-font { background-color: #84F8FF; font-size: smaller; color: #FF5E00; }

.portable-infobox.pi-theme-food .pi-data-label { background-color: #FF5E00; color: #84F8FF; }

.portable-infobox.pi-theme-food .pi-border-color { border: 0; }/**/

/* Themes — Character */ .portable-infobox.pi-theme-character { background-color: #FFFFFF; border: 1.5px solid #000000; }

.portable-infobox.pi-theme-character .pi-header, .portable-infobox.pi-theme-character .pi-title { font-weight: bold; text-align: center; }

.portable-infobox.pi-theme-character .pi-header { background-color: #C3C3C3; color: #000000; border-bottom: 1px solid #999999; }

.portable-infobox.pi-theme-character .pi-title { background-color: #C11B17; color: #FFFFFF; }

.portable-infobox.pi-theme-character .pi-data { padding: 4px 5px; }

.portable-infobox.pi-theme-character .pi-border-color { border-color: #999999; }/**/

/* Themes — Otherchar */ .portable-infobox.pi-theme-otherchar { background-color: #FFFFFF; border: #000000 1px solid; }

.portable-infobox.pi-theme-otherchar .pi-secondary-background, .portable-infobox.pi-theme-otherchar .pi-title { background-color: #FFFF1C; font-weight: bold; color: #111100; text-align: center; }

.portable-infobox.pi-theme-otherchar .pi-header { font-size: smaller; }

.portable-infobox.pi-theme-otherchar .pi-border-color { border-color: #999999; }/**/

/* Themes — Music */ .portable-infobox.pi-theme-music { background-color: #FFFFFF; border: #000000 1px solid; }

.portable-infobox.pi-theme-music .pi-secondary-background, .portable-infobox.pi-theme-music .pi-title { background-color: #C11B17; color: #FFFFFF; text-align: center; }

.portable-infobox.pi-theme-music .pi-title { font-weight: bold; font-size: small; padding-top: 0; padding-bottom: 0; }

.portable-infobox.pi-theme-music .pi-data-value.pi-font { font-size: smaller; color: #C11B17; }

.portable-infobox.pi-theme-music .pi-data-label { background-color: #C11B17; font-weight: normal; color: #FFFFFF; }

.portable-infobox.pi-theme-music .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-music .pi-data-label, .portable-infobox.pi-theme-music .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-music .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-music .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-music .pi-header { font-size: smaller; border-bottom: 1px solid #999999; }/**/

/* Themes — Staff */ .portable-infobox.pi-theme-staff { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-staff .pi-title { background-color: #FFFFFF; font-weight: bold; color: #0000A0; text-align: center; }

.portable-infobox.pi-theme-staff .pi-secondary-background { background-color: #0000A0; font-size: 85%; color: #648DFD; text-align: center; }

.portable-infobox.pi-theme-staff .pi-border-color { border-color: #999999; }/**/

/* Themes — Duel */ .portable-infobox.pi-theme-duel { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-duel .pi-title { background-color: #FFA500; font-weight: bold; font-size: medium; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-duel .pi-secondary-background { background-color: #FFA500; font-size: 85%; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-duel .pi-smart-data-value:not(:first-child), .portable-infobox.pi-theme-duel .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-duel .pi-font { font-size: 85%; }

.portable-infobox.pi-theme-duel .pi-caption { text-align: center; padding: 0; }/**/

/* Themes — Restaurant */ .portable-infobox.pi-theme-restaurant { background-color: #FFFFFF; border: #000000 1px solid; }

.portable-infobox.pi-theme-restaurant .pi-secondary-background, .portable-infobox.pi-theme-restaurant .pi-title { background-color: #0F0FF6; font-weight: bold; color: #0FD0F6; text-align: center; }

.portable-infobox.pi-theme-restaurant .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-restaurant .pi-data-label { background-color: #0F0FF6; color: #0FD0F6; }

.portable-infobox.pi-theme-restaurant .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-restaurant .pi-data-label, .portable-infobox.pi-theme-restaurant .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-restaurant .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-restaurant .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-restaurant .pi-header { font-size: smaller; border-bottom: 1px solid #999999; }/**/

/* Themes — Shokugeki */ .portable-infobox.pi-theme-shokugeki { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-shokugeki .pi-title { background-color: #FF0000; font-weight: bold; font-size: medium; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-shokugeki .pi-secondary-background { background-color: #FF0000; font-size: 85%; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-shokugeki .pi-smart-data-value:not(:first-child), .portable-infobox.pi-theme-shokugeki .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-shokugeki .pi-font { font-size: 85%; }

.portable-infobox.pi-theme-shokugeki .pi-caption { text-align: center; padding: 0; }/**/

/* Themes — Club */ .portable-infobox.pi-theme-club { background-color: #FFFFFF; }

.portable-infobox.pi-theme-club .pi-secondary-background, .portable-infobox.pi-theme-club .pi-title { background-color: #FF0000; font-weight: bold; color: #FFFF00; text-align: center; }

.portable-infobox.pi-theme-club .pi-title { font-size: medium; line-height: 20px; padding-right: 0; padding-left: 0; }

.portable-infobox.pi-theme-club .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-club .pi-data-label { background-color: #FF0000; color: #FFFF00; }

.portable-infobox.pi-theme-club .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-club .pi-data-label, .portable-infobox.pi-theme-club .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-club .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-club .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-club .pi-header { border-bottom: 1px solid #999999; font-size: smaller; }/**/

/* Themes — Arc */ .portable-infobox.pi-theme-arc { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-arc .pi-title { background-color: #800080; font-weight: bold; font-size: 130%; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-arc .pi-secondary-background { background-color: #800080; font-size: 110%; color: #F7FF00; text-align: center; }

.portable-infobox.pi-theme-arc .pi-border-color { border-color: #999999; }/**/

/* Themes — Alumni */ .portable-infobox.pi-theme-alumni { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-alumni .pi-title { background-color: #008E1C; font-weight: bold; font-size: 130%; color: #FFBC21; text-align: center; }

.portable-infobox.pi-theme-alumni .pi-secondary-background { background-color: #FF6600; font-size: 110%; color: #44FF00; text-align: center; }

.portable-infobox.pi-theme-alumni .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-alumni .pi-data-label, .portable-infobox.pi-theme-alumni .pi-data-value { font-size: 83%; }/**/

/* Themes — Videogame */ .portable-infobox.pi-theme-videogame { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-videogame .pi-secondary-background, .portable-infobox.pi-theme-videogame .pi-title { background-color: #000000; font-weight: bold; color: #FFFFFF; text-align: center; }

.portable-infobox.pi-theme-videogame .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-videogame .pi-data-label { background-color: #000000; font-weight: normal; color: #FFFFFF; }

.portable-infobox.pi-theme-videogame .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-videogame .pi-data-label, .portable-infobox.pi-theme-videogame .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-videogame .pi-data-value { color: #000000; }

.portable-infobox.pi-theme-videogame .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-videogame .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-videogame .pi-header { font-size: smaller; border-bottom: 1px solid #999999; }/**/

/* Themes — Facility */ .portable-infobox.pi-theme-facility { background-color: #FFFFFF; }

.portable-infobox.pi-theme-facility .pi-secondary-background, .portable-infobox.pi-theme-facility .pi-title { background-color: #FFA500; font-weight: bold; color: #DC143C; text-align: center; }

.portable-infobox.pi-theme-facility .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-facility .pi-data-label { background-color: #FFA500; color: #DC143C; }

.portable-infobox.pi-theme-facility .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-facility .pi-data-label, .portable-infobox.pi-theme-facility .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-facility .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-facility .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-facility .pi-header { font-size: smaller; border-bottom: 1px solid #999999; }/**/

/* Themes — Lodging */ .portable-infobox.pi-theme-lodging { background-color: #FFFFFF; }

.portable-infobox.pi-theme-lodging .pi-secondary-background, .portable-infobox.pi-theme-lodging .pi-title { background-color: #A407BC; font-weight: bold; color: #FF5287; text-align: center; }

.portable-infobox.pi-theme-lodging .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-lodging .pi-data-label { background-color: #A407BC; color: #FF5287; }

.portable-infobox.pi-theme-lodging .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-lodging .pi-data-label, .portable-infobox.pi-theme-lodging .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-lodging .pi-data-label { border-right: 1px solid #999999; }

.portable-infobox.pi-theme-lodging .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-lodging .pi-header, .portable-infobox.pi-theme-lodging .pi-title { border-bottom: 1px solid #999999; }/**/

/* Themes — Group */ .portable-infobox.pi-theme-group { background-color: #FFFFFF; border: 1px solid #000000; }

.portable-infobox.pi-theme-group .pi-secondary-background, .portable-infobox.pi-theme-group .pi-title { background-color: #FFFF00; font-weight: bold; color: #A315A8; text-align: center; }

.portable-infobox.pi-theme-group .pi-title { border-bottom: 0; }

.portable-infobox.pi-theme-group .pi-data-value.pi-font { font-size: smaller; margin-top: 0.2em; margin-bottom: 0.2em; }

.portable-infobox.pi-theme-group .pi-data-label { background-color: #FFFF00; color: #A315A8; }

.portable-infobox.pi-theme-group .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-group .pi-data-label, .portable-infobox.pi-theme-group .pi-data-value { padding: 5px; }

.portable-infobox.pi-theme-group .pi-data-label { border-right: none; }

.portable-infobox.pi-theme-group .pi-border-color { border-color: #999999; }

.portable-infobox.pi-theme-group .pi-header, .portable-infobox.pi-theme-group .pi-title { border-bottom: 1px solid #999999; }/**/

/* Cooking Academy sub-group */ .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Tea-Ceremony-and-Cooking-Academy .pi-secondary-background, .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Tea-Ceremony-and-Cooking-Academy .pi-data-label, .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Tea-Ceremony-and-Cooking-Academy .pi-title { background-color: #0F0FF6; font-weight: bold; color: #0FD0F6; text-align: center; }/**/

/* Rebels sub-group */ .portable-infobox.pi-theme-group.pi-theme-Rebels .pi-secondary-background, .portable-infobox.pi-theme-group.pi-theme-Rebels .pi-data-label, .portable-infobox.pi-theme-group.pi-theme-Rebels .pi-title { background-color: #FFFFFF; font-weight: bold; color: #008000; text-align: center; }/**/

/* Central sub-group */ .portable-infobox.pi-theme-group.pi-theme-Central .pi-secondary-background, .portable-infobox.pi-theme-group.pi-theme-Central .pi-data-label, .portable-infobox.pi-theme-group.pi-theme-Central .pi-title { background-color: #008000; font-weight: bold; color: #FFFFFF; text-align: center; }/**/

/* Academy Alumni sub-group */ .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Academy-Alumni .pi-secondary-background, .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Academy-Alumni .pi-data-label, .portable-infobox.pi-theme-group.pi-theme-Tōtsuki-Academy-Alumni .pi-title { background-color: #008000; font-weight: bold; color: #FF7C30; text-align: center; }/**/

/* JS-tabbers replacement */ .custom-tabber .tabber { font-size: 13px; }

.custom-tabber .tabber .tabbertab { padding: 0; border: 0; }

.custom-tabber .tabber .tabbernav { font-size: smaller; font-family: inherit; margin-left: 0; border: 0; }

.custom-tabber .tabber .tabbernav li:first-of-type a { margin-left: 0; }

.custom-tabber .tabber .tabbernav wbr + li:before, .custom-tabber .tabber .tabbernav li + li:before { content: " | "; }

.custom-tabber .tabber .tabbernav li a { background: transparent; color: #337800; padding: 0; border: 0; }

.custom-tabber .tabber .tabbernav li:not(.tabberactive) a:hover { text-decoration: underline; }

.custom-tabber .tabber .tabbernav .tabberactive a { background: transparent; color: inherit; border: 0; cursor: text; }

.custom-tabber.custom-tabber-center .tabber { text-align: center; }

.custom-tabber.custom-tabber-center .tabber .tabbernav li a, .custom-tabber.custom-tabber-center .tabber .tabbernav li { font-size: 18px; }

.custom-tabber.custom-tabber-center .tabber .tabbernav li a { font-weight: bold; }/**/