FANDOM


CSS Edit

.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;
	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;
	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. User infobox
  17. War infobox

ReferencesEdit

Template:Reflist


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