Brawl For Paradise Wiki
(Created page with "→‎**** CSS placed here will be applied to all skins on the entire site. ****: @import url('https://fonts.googleapis.com/css?family=Open+Sans|Overpass|Overpass+Mono'); →‎Mark redirects in Special:Allpages and Special:Watchlist: .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } →‎[[Template:Character]] and portable infoboxes in general: .portable-infobox.p...")
(No difference)

Revision as of 17:44, 11 February 2023

/***** CSS placed here will be applied to all skins on the entire site. *****/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Overpass|Overpass+Mono');

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* [[Template:Character]] and portable infoboxes in general */

.portable-infobox.pi-background {
    /* Making the infobox more readable during April Fools */
    color: #3a3a3a;
    
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -icab-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    background-color: #dbe7c7;
    border: 1px solid #b8c3a8;
    padding: .3em;
}

.portable-infobox .pi-title {
    background-color: #3366CC;
    color: #ffffff;
    padding: .7em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.portable-infobox .pi-image-collection-tab-content {
    background-color: #dbe7c7;
}

.portable-infobox .pi-image {
    padding: 1em 0 .5em 0;
}

.portable-infobox .pi-caption {
    text-align: center;
}

/* [[Template:Episode]] */

.portable-infobox.pi-theme-episode.pi-background {
    background-color: white;
    border: 1px solid #aaa;
    padding: .6em;
}

.portable-infobox.pi-theme-episode .pi-title {
    background-color: #008EC1;
    color: black;
    padding: 5px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -icab-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 18px;
}

.portable-infobox.pi-theme-episode .pi-secondary-background {
    background-color: #008EC1;
    color: black;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -icab-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
}

.portable-infobox.pi-theme-episode .pi-image-collection-tab-content {
    background-color: white;
}

.portable-infobox.pi-theme-episode .pi-image {
    padding: 0;
}

.portable-infobox.pi-theme-episode .pi-border-color {
    border-color: #ccc;
}