FANDOM


CSS Edit

.portable-infobox .pi-header:last-child {
text-align: center;
}
.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;
}
.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:#fff;
   border-color:transparent;
   border-width:0;
   width:35px;
   right:3px;
   top:40%;
}
.pi-collapse .pi-header:after {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   color:#fff;
   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 {
     display: none;
}
.portable-infobox .pi-group.pi-collapse .pi-header:first-child::after {
     display: inline-block;
}
/*Water*/
.pi-theme-water,
.pi-theme-Water,
.pi-theme-Waterbending {
border: 1px solid #006 !important;
}
.pi-theme-water .pi-title,
.pi-theme-Water .pi-title,
.pi-theme-Waterbending .pi-title {
background-color: #006 !important;
}
.pi-theme-water .pi-header,
.pi-theme-Water .pi-header,
.pi-theme-Waterbending .pi-header {
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;
}
/* URN */
.pi-theme-URN,
.pi-theme-Balance {
border: 1px solid #926220 !important;
}
.pi-theme-URN .pi-title,
.pi-theme-Balance .pi-title {
background-color: #926220 !important;
}
.pi-theme-URN .pi-header,
.pi-theme-Balance .pi-header {
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: #ffebcd;
}
/* 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 {
background-color: #a00 !important;
}
.pi-theme-fire .pi-header,
.pi-theme-Fire .pi-header,
.pi-theme-Firebending .pi-header {
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;
}
/* 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 {
background-color: #030 !important;
}
.pi-theme-earth .pi-header,
.pi-theme-Earth .pi-header,
.pi-theme-Earthbending .pi-header {
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;
}
/* Spirit */
.pi-theme-spirit,
.pi-theme-Spirits {
border: 1px solid #666 !important;
}
.pi-theme-spirit .pi-title,
.pi-theme-Spirits .pi-title {
background-color: #666 !important;
}
.pi-theme-spirit .pi-header,
.pi-theme-Spirits .pi-header{
background-color: #999 !important;
}
/*Neutral*/
.pi-theme-neutral,
.pi-theme-Change {
border: 1px solid #800080 !important;
}
.pi-theme-neutral .pi-title,
.pi-theme-Change .pi-title {
background-color: #800080 !important;
}
.pi-theme-neutral .pi-header,
.pi-theme-Change .pi-header {
background-color: #9932cc !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 {
background-color: #FF6600 !important;
}
.pi-theme-air .pi-header,
.pi-theme-Air .pi-header,
.pi-theme-Airbending .pi-header {
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;
}
.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-Waterbending .pi-header a,
.pi-theme-neutral .pi-header,
.pi-theme-Change .pi-header,
.pi-theme-neutral .pi-header a,
.pi-theme-Change .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-URN .pi-header,
.pi-theme-Balance .pi-header,
.pi-theme-URN .pi-header a,
.pi-theme-Balance .pi-header 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{
color: #fff !important;
}
.portable-infobox .pi-title {
color: #fff;
font-size: 12.5px;
font-weight: bold;
line-height: 1.3;
margin: 0 auto;
margin-top: -1px;
text-align: center;
background-color: #8B4513;
}
.portable-infobox .pi-font {
font-size: 80%;
margin: 0 auto;
}
.portable-infobox {
width: 250px;
border: 1px solid #8B4513;
}
.portable-infobox section {
border-bottom: 1px solid #999;
}
.portable-infobox .pi-header {
color: #000;
font-size: 10.4px;
line-height: 1.3;
background-color: #FFEBCD;
}
.portable-infobox .pi-image-thumbnail {
max-width: 250px;
width: 100%;
height: auto;
}
.portable-infobox .pi-data {
background-color: #fff;
border-top: 1px solid #999;
border-bottom: none !important;
}
.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: #FFEBCD;
        color: #000;
        font-size:80%;
        font-weight:normal
}
.portable-infobox p a {
color: #fff;
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: #fff;
border-right: 1px solid #999;
border-top: 1px solid #999;
}
.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;
}

Link to infoboxes Edit

  1. Actor infobox
  2. Battle infobox
  3. Bending art infobox
  4. Character infobox
  5. Comic infobox
  6. Duel infobox
  7. Episode infobox
  8. Event infobox
  9. Fauna infobox
  10. Film infobox
  11. Game infobox
  12. Location infobox
  13. Organization infobox
  14. Series infobox
  15. Site infobox
  16. World of Avatar infobox
  17. War infobox

ReferencesEdit

Template:Reflist


Cite error: <ref> tags exist, but no <references/> tag was found

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.