User:Amelia/common.css

.portable-infobox .pi-header:last-child { text-align: center; } .portable-infobox .pi-collapse nav a { color: #503E67 !important; } .portable-infobox .pi-horizontal-group tbody tr .pi-data-value { text-align: left; } .portable-infobox .pi-horizontal-group .pi-horizontal-group-item { display: table-cell; background-color: #E2C9E2; border-top: 2px solid #503E67; } .image-gallery { text-align:center; } .portable-infobox .pi-collapse { border-bottom: none; } .pi-header a { color: #000; } .pi-collapse-closed .pi-header:first-child, .pi-collapse .pi-header:first-child { text-align:left !important; font-weight:normal; } .portable-infobox .pi-collapse-closed .pi-header::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); content:'[more]'!important; font-size:10px; color:#E2C9E2; border-color:transparent; border-width:0; width:35px; right:3px; top:40%; } .portable-infobox .pi-collapse .pi-header:first-child::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color:#E2C9E2; content:'[hide]'; font-size:10px; border-color:transparent; border-width:0; width:35px; right:3px; top:40%; } .pi-collapse .pi-header:not(:first-child) { text-align:center } .portable-infobox .pi-group.pi-collapse .pi-header::after, .pi-data-value ul li:before { display: none; } .portable-infobox .pi-group.pi-collapse .pi-header:first-child::after { display: inline-block; } .pi-data { grid-column-gap: 0!important; }

.portable-infobox .pi-image-collection-tabs { margin: 0; text-align: center; line-height: 5px; background-color: #503E67 }

.portable-infobox .pi-tab-link { border: 0; font-size: 13px; margin: 0; color: white; font-weight: normal; }

.portable-infobox .pi-image-collection-tabs .current { background-color: transparent; }

ul.pi-image-collection-tabs li.current { background: none; font-weight: bold; color: white; cursor: inherit; }

ul.pi-image-collection-tabs li { padding: 8px 25px !important; }

.portable-infobox .wds-tabs li { text-align: center; width: 50%; color: #E2C9E2; background-color: #503E67 !important; } .portable-infobox .wds-tabber { border-radius: 3px; margin-top: -1px; border: 0px !important; }

/*Neutral*/ .pi-theme-neutral, .pi-theme-Change, .pi-theme-Avatar{ border: 1px solid #800080 !important; }

.pi-theme-neutral .pi-title, .pi-theme-Change .pi-title, .pi-theme-neutral .pi-image-collection-tabs, .pi-theme-Change .pi-image-collection, .pi-theme-neutral .wds-tabs li { background-color: #800080 !important; }

.pi-theme-neutral .pi-header, .pi-theme-Change .pi-header, .pi-theme-neutral .pi-navigation, .pi-theme-Change .pi-navigation { background-color: #9932cc !important; }

/*Water*/ .pi-theme-water, .pi-theme-Water, .pi-theme-Waterbending, .pi-theme-Dark-Avatar { border: 1px solid #006 !important; }

.pi-theme-water .pi-title, .pi-theme-Water .pi-title, .pi-theme-Waterbending .pi-title, .pi-theme-water .wds-tabs li { background-color: #006 !important; }

.pi-theme-water .pi-header, .pi-theme-Water .pi-header, .pi-theme-Waterbending .pi-header, .pi-theme-water .pi-navigation, .pi-theme-Water .pi-navigation, .pi-theme-water .pi-image-collection-tabs, .pi-theme-Water .pi-image-collection-tabs { background-color: #039 !important; }

.pi-theme-water .pi-collapse .pi-header:not(:first-child) { background-color: #294364 !important; }

.pi-theme-water .pi-collapse nav { background-color: #ddddff !important; }

/* URN */ .pi-theme-URN, .pi-theme-Balance { border: 1px solid #926220 !important; }

.pi-theme-URN .pi-title, .pi-theme-Balance .pi-title, .pi-theme-URN .pi-image-collection-tabs, .pi-theme-Balance .pi-image-collection-tabs, .pi-theme-URN .wds-tabs li { background-color: #926220 !important; }

.pi-theme-URN .pi-header, .pi-theme-Balance .pi-header, .pi-theme-URN .pi-navigation, .pi-theme-Balance .pi-navigation { background-color: #D19F52 !important; }

.pi-theme-URN .pi-collapse .pi-header:first-child { background-color: #bd8636 !important; }

.pi-theme-URN .pi-collapse nav { background-color: #9882BA !important; }

/* Fire */ .pi-theme-fire, .pi-theme-Fire, .pi-theme-Firebending { border: 1px solid #a00 !important; }

.pi-theme-fire .pi-title, .pi-theme-Fire .pi-title, .pi-theme-Firebending .pi-title, .pi-theme-fire .pi-image-collection-tabs, .pi-theme-Fire .pi-image-collection-tabs, .pi-theme-fire .wds-tabs li, .pi-theme-Fire .wds-tabs li { background-color: #a00 !important; }

.pi-theme-fire .pi-header, .pi-theme-Fire .pi-header, .pi-theme-Firebending .pi-header, .pi-theme-fire .pi-navigation, .pi-theme-Fire .pi-navigation { background-color: #e55 !important; }

.pi-theme-fire .pi-collapse .pi-header:not(:first-child) { background-color: #930706 !important; }

.pi-theme-fire .pi-collapse nav { background-color: #fcc !important; }

/* Earth */ .pi-theme-earth, .pi-theme-Earth, .pi-theme-Earthbending { border: 1px solid #030 !important; }

.pi-theme-earth .pi-title, .pi-theme-Earth .pi-title, .pi-theme-Earthbending .pi-title, .pi-theme-earth .wds-tabs li, .pi-theme-Earth .wds-tabs li { background-color: #030 !important; }

.pi-theme-earth .pi-header, .pi-theme-Earth .pi-header, .pi-theme-Earthbending .pi-header, .pi-theme-earth .pi-navigation, .pi-theme-Earth .pi-navigation, .pi-theme-earth .pi-image-collection-tabs, .pi-theme-Earth .pi-image-collection-tabs { background-color: #063 !important; }

.pi-theme-earth .pi-collapse .pi-header:not(:first-child) { background-color: #005a00 !important; }

.pi-theme-earth .pi-collapse nav { background-color: #c5fcdc !important; }

/* Spirit */ .pi-theme-spirit, .pi-theme-Spirits { border: 1px solid #666 !important; }

.pi-theme-spirit .pi-title, .pi-theme-Spirits .pi-title, .pi-theme-spirit .pi-image-collection-tabs, .pi-theme-Spirits .pi-image-collection, .pi-theme-spirit .wds-tabs li, .pi-theme-Spirits .wds-tabs li { background-color: #666 !important; }

.pi-theme-spirit .pi-header, .pi-theme-Spirits .pi-header, .pi-theme-spirit .pi-navigation, .pi-theme-Spirits .pi-navigation { background-color: #503E67 !important; }

/*Air*/ .pi-theme-air, .pi-theme-Air, .pi-theme-Airbending { border: 1px solid #FF6600 !important; }

.pi-theme-air .pi-title, .pi-theme-Air .pi-title, .pi-theme-Airbending .pi-title, .pi-theme-air .pi-image-collection-tabs, .pi-theme-Air .pi-image-collection-tabs, .pi-theme-air .wds-tabs li { background-color: #FF6600 !important; }

.pi-theme-air .pi-header, .pi-theme-Air .pi-header, .pi-theme-Airbending .pi-header, .pi-theme-air .pi-navigation, .pi-theme-Air .pi-navigation { background-color: #FF9900 !important; }

.pi-theme-air .pi-collapse-closed .pi-header::after, .pi-theme-air .pi-collapse .pi-header::after { color: #000; }

.pi-theme-air .pi-collapse .pi-header:not(:first-child) { background-color: #fc9 !important; }

.pi-theme-air .pi-collapse nav { background-color: lightyellow !important; }

.pi-theme-air .wds-tabs li { color: #000 !important; }

/*Avatar*/ .pi-theme-Avatar .pi-title { background-color: #800080 !important; padding:5px 0 !important; }

.pi-theme-Avatar .pi-navigation, .pi-theme-Avatar .pi-header { background-color: #9932CC !important; padding:5px !important; }

.portable-infobox.pi-theme-Avatar div.pi-data-value.pi-font { border-left:2px solid #503E67; padding:5px; margin:0; }

.portable-infobox.pi-theme-Avatar div.pi-data-label.pi-font { padding:5px; margin:0 }

.portable-infobox.pi-theme-Avatar .pi-data-label { -webkit-align-items:baseline; align-items:baseline; -ms-flex-preferred-size:80%; -webkit-flex-basis:80%; -moz-flex-basis:80%; flex-basis:80%; padding:5px; }

.portable-infobox.pi-theme-Avatar .pi-item-spacing { padding:0 } .pi-theme-Dark-Avatar .pi-data-label, .pi-theme-Avatar .pi-data-label { font-weight: normal; }

/*Dark Avatar*/ .pi-theme-Dark-Avatar .pi-title { background-color: #000066 !important; padding:5px 0 !important; }

.pi-theme-Dark-Avatar .pi-navigation, .pi-theme-Dark-Avatar .pi-header { background-color: #003399 !important; padding:5px !important; }

.portable-infobox.pi-theme-Dark-Avatar div.pi-data-value.pi-font { border-left:1px solid #503E67; padding:5px; margin:0; }

.portable-infobox.pi-theme-Dark-Avatar div.pi-data-label.pi-font { padding:5px; margin:0 } .portable-infobox.pi-theme-Dark-Avatar .pi-data-label { -webkit-align-items:baseline; align-items:baseline; -ms-flex-preferred-size:80%; -webkit-flex-basis:80%; -moz-flex-basis:80%; flex-basis:80%; padding:5px; }

.portable-infobox.pi-theme-Dark-Avatar .pi-item-spacing { padding:0 }

.pi-theme-Dark-Avatar .pi-navigation a, .pi-theme-Avatar .pi-navigation a { color: #E2C9E2; font-weight: bold; }

/*Specific header and header a declarations*/ .pi-theme-neutral .pi-header, .pi-theme-Change .pi-header, .pi-theme-neutral .pi-header a, .pi-theme-Change .pi-header a, .pi-theme-neutral .pi-navigation a, .pi-theme-Change .pi-navigation a, .pi-theme-Avatar .pi-header, .pi-theme-Avatar .pi-header a, .pi-theme-Dark-Avatar .pi-header, .pi-theme-Dark-Avatar .pi-header a, .pi-theme-water .pi-header, .pi-theme-Water .pi-header, .pi-theme-Waterbending .pi-header, .pi-theme-water .pi-header a, .pi-theme-Water .pi-header a, .pi-theme-water .pi-navigation a, .pi-theme-Water .pi-navigation a, .pi-theme-Waterbending .pi-header a, .pi-theme-earth .pi-header, .pi-theme-Earth .pi-header, .pi-theme-Earthbending .pi-header, .pi-theme-earth .pi-header a, .pi-theme-Earth .pi-header a, .pi-theme-Earthbending .pi-header a, .pi-theme-earth .pi-navigation a, .pi-theme-Earth .pi-navigation a, .pi-theme-URN .pi-header, .pi-theme-Balance .pi-header, .pi-theme-URN .pi-header a, .pi-theme-Balance .pi-header a, .pi-theme-URN .pi-navigation a, .pi-theme-Balance .pi-navigation a, .pi-theme-fire .pi-header, .pi-theme-Fire .pi-header, .pi-theme-Firebending .pi-header, .pi-theme-fire .pi-header a, .pi-theme-Fire .pi-header a, .pi-theme-Firebending .pi-header a, .pi-theme-fire .pi-navigation a, .pi-theme-Fire .pi-navigation a { color: #E2C9E2 !important; }

.portable-infobox .pi-title, .pi-image-collection-tabs { color: #E2C9E2; font-size: 12.5px; font-weight: bold; line-height: 1.3; margin: 0 auto; margin-top: -1px; text-align: center; background-color: #503E67; }

.portable-infobox .pi-font { font-size: 80%; margin: 0 auto; }

.portable-infobox { width: 270px; border: 2px solid #503E67; }

.portable-infobox section { border-bottom: 1px solid #503E67; }

.portable-infobox .pi-header { color: #000; font-size: 10.4px; line-height: 1.3; background-color: #9882BA; }

.portable-infobox .pi-navigation a { color: #000; }

.portable-infobox .pi-image-thumbnail { max-width: 270px; width: 100%; height: auto; }

.portable-infobox .pi-data { background-color: #E2C9E2; border-bottom: 1px solid #503E67; }

section.pi-border-color { border:none; }

.portable-infobox .pi-data-label { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -ms-flex-preferred-size:35%; -webkit-flex-basis:35%; -moz-flex-basis:35%; flex-basis: 35%; font-size: 10.4px; }

.portable-infobox .pi-navigation { line-height: 90%; padding: 3px; text-align: center; background-color: #9882BA; color: #000; font-size:80%; font-weight:normal }

.portable-infobox p a { font-size: 10.4px; }

.portable-infobox .pi-item .pi-data-value ul { list-style: none; }

.portable-infobox .pi-horizontal-group tbody tr .pi-data-value { background-color: #E2C9E2; border-right: 1px solid #503E67; border-top: 1px solid #503E67; }

.portable-infobox .pi-horizontal-group tbody tr .pi-data-value:last-child { border-right: none; }

.pi-horizontal-group .pi-horizontal-group-item { border-left: none !important; }

/* Dark theme data background */ body.theme-fandomdesktop-dark .mw-parser-output .portable-infobox .pi-data { background-color: var(--theme-page-background-color--secondary); }