MediaWiki:Wikia.css/Infobox.css

From Plants vs. Zombies Wiki
Jump to navigation Jump to search

Note: After saving, you have to bypass your browser's cache to see the changes.

  • Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
  • Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
  • Opera users have to clear their caches through Tools→Preferences
  • Konqueror and Safari users can just click the Reload button.
  • Chrome: press Ctrl+F5 or Shift+F5

If using another browser, look up instructions on how to clear your cache in your preferred browser. 

/* Portable Infobox styling */

.portable-infobox {
    width:255px!important;
    background:#fff;
    border:2px solid #fff!important;

}
.portable-infobox .pi-title {
    font-size:15px;
    background-color:#21ca27;
    margin:4px 2px!important;
    font-weight:900!important;
    text-align:center;
    color:#fff;
}
.pi-image {
    border:#21ca27 solid 1px;
    margin:2px;
    line-height:130%;
}
img.pi-image-thumbnail {
    max-width:100%;
}
.portable-infobox .pi-secondary-background{
    background-color: #210b61;
}

.portable-infobox .pi-header {
    padding:2px 0px;
    margin:0 2px 2px 2px;
    font-weight:bold;
    text-align:center;
    background-color:#21ca27;
    color:#fff;
}
.portable-infobox .pi-item-spacing {
    padding: 0px 2px;
}
.pi-border-color {
    border-color:transparent;
}

.pi-data .pi-data-label {
    font-weight:bold;
    text-align:right;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis:auto;
    -moz-flex-basis:auto;
    /*flex-basis:auto;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center; 
    -webkit-justify-content:center;
    justify-content:center;*/
    line-height:140%;
    background-color:#21ca27;
    color:#fff;
    width:40%;
    padding-right:10px!important;
} 
.pi-data .pi-data-value {
    text-align:left;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis:auto;
    -moz-flex-basis:auto;
    flex-basis:auto;
    line-height:140%;
    background:#fff;
    width:60%;
}
.pi-data-value:last-child {
   -ms-flex-preferred-size: auto;
   -webkit-flex-basis:auto;
   -moz-flex-basis:auto;
   flex-basis:auto;
   width:100%!important;
   text-align:left;
}

div.pi-data-value.pi-font img { 
    display:inline!important;
}

.portable-infobox .pi-data-label div {
background-color:#21CA27 !important;
color: White !important;
}
Retrieved from "https://plantsvszombies.wiki.gg/index.php?title=MediaWiki:Wikia.css/Infobox.css&oldid=897400"