MediaWiki:Common.css

/* Custom style for portable infoboxes */ /** Main style **/ .portable-infobox { width: 250px; float: right; clear: both; margin: 0 0 1em 1em; border: 1px solid #ffda21; background: #100533; border-radius: 10px; padding: 10px 10px 10px 10px; color: #fff; font-size: 82%; }

.portable-infobox table { width: 100%; border-spacing: 0; padding: 0; margin: 0; border: 0; }

/** Image style **/ .portable-infobox .pi-image-thumbnail { background: #100533; vertical-align: middle; width: 100%; height: 95%; }

/** Infobox title style **/ .portable-infobox .pi-title { background-color: #dd4504; font-weight: bold; text-align: center; font-size: 16px; line-height: 1.5; }

/** Infobox sub-heading style **/ .portable-infobox .pi-header { clear: left; text-align: center; background-color: #dd7e04; font-size: 100%; }

/** Spacing between items **/ .portable-infobox .pi-item-spacing { padding: .5px; }

/** Info style **/ .portable-infobox .text, .portable-infobox .pi-font { text-align: right; font: inherit; }

.portable-infobox .pi-data:last-of-type+.pi-group { border: none; }

.portable-infobox p {margin: 0px; padding: 0px; border-collapse:collapse; }

/** Gray hr between lines **/ .portable-infobox .pi-data { border-bottom: 1px solid #505050; }

/** Font style for data label **/ .portable-infobox .pi-data-label { font-weight: normal; font-size: 100%; }

/** Tabbers in normal infobox **/ /*** Tabber tab padding ***/ .portable-infobox .pi-image-collection-tabs { margin: 0; padding-top: .7em; }

/*** Top border around images in tabber ***/ .portable-infobox .pi-image-collection-tab-content .pi-image { border-top: 5px solid #dd4504; }

/*** Current active tab ***/ .portable-infobox .pi-image-collection-tabs .current { background: #d94404; color: #fff; }

/*** All tabber tabs ***/ .portable-infobox ul.pi-image-collection-tabs li { border: 1px solid #4d1925; background: #8a2b1a; margin: 0; color: #f0f0f0; font-weight: 700; margin-left: 3px; margin-top: 4px; padding: 3px .5em; font: bold 12px Verdana,sans-serif; }

/*** Hover on active tabs ***/ .portable-infobox .pi-image-collection-tabs li.current:hover { background: #ba3c0b; color: #e8e8e8; }

/*** Hover on non-active tabs ***/ .portable-infobox ul.pi-image-collection-tabs li:hover { background: #782618; color: #cfcfcf; }

/** Note: Adjoining classes are necessary for it to work **/ /** Tabbers in elemental infobox **/ /*** Border around images in tabber ***/ .portable-infobox.type-elemental .pi-image-collection-tab-content .pi-image { border: 1px solid #ccc; }

/*** Current active tab ***/ .portable-infobox.type-elemental .pi-image-collection-tabs .current { background: #fff; border-bottom: 1px solid #fff; }

/*** All tabber tabs ***/ .portable-infobox.type-elemental ul.pi-image-collection-tabs li { border: 1px solid #ccc; margin: 0; background: #f2f7ff; color: #448; font-weight: 700; margin-left: 3px; margin-top: 4px; padding: 3px .5em; font: bold 12px Verdana,sans-serif; }

/*** Hover on active tabs ***/ .portable-infobox.type-elemental .pi-image-collection-tabs li.current:hover { color: #000; background: #fff; text-decoration: underline; }

/*** Hover on non-active tabs ***/ .portable-infobox.type-elemental ul.pi-image-collection-tabs li:hover { color: #000; background: #fff9f2; text-decoration: underline; } /** Slideshow **/ .portable-infobox .wikia-slideshow-images-wrapper { padding: 0; } .portable-infobox .wikia-slideshow-wrapper { width: 250px !important; } .portable-infobox .wikia-slideshow-toolbar, .wikia-slideshow-prev-next { display: none !important; } .wikia-slideshow-popout-add-image { display: none !important; }

/* Skin for polls */ .d-poll { color: #dd4504; background: #082e6f; /** Fallback color **/ background: rgba(8,46,111,0.3); border: 1px solid #dc540a; border-radius: 4px; }

.d-poll__question { background: #dd4504; color: #fff; padding: 0.6em 1em; }

.d-poll__answer { color: #fff; background: #082e6f; /** Fallback color **/ background: rgba(8,46,111,0.3); border-bottom: 1px solid #dc540a; position: relative; }

.d-poll__answerName { color: #fff; display: block; padding: 0.6em 1em; }

.d-poll__answerVotes { position: absolute; top: 0; right: 0; padding: 0.6em 1em; }

.d-poll__info { color: #fff; padding: 0.6em 1em; text-align: center; }

.d-poll input[type="submit"] { color: #fff; background: #dd4504; border: #dd4504; padding: 0.5em; margin: 0 0.6em 1em; display: block; width: calc(100% - 1.3em); }

.d-poll input[type="submit"]:hover { background: #b03d0c; }

/* Grayscale image transition */ .grayscale img { filter: grayscale(90%); -webkit-filter: grayscale(90%); transition: 0.5s; } .grayscale img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); }

/* Custom username colours */ /** Founder - Color: BoBoiBoy Light **/ a[href$=":Hungryme"], a[href$="/Hungryme"] { color: #fffbe8 !important; font-weight: 600 !important; }

/** Bureaucrats - Color: BoBoiBoy Lightning **/ a[href$=":Sarah_xyz"], a[href$="/Sarah_xyz"], a[href$=":Sarah%20xyz"], a[href$="/Sarah%20xyz"], a[href$=":Dirk_tow_mater_celoso"], a[href$="/Dirk_tow_mater_celoso"], a[href$=":Dirk%20tow%20mater%20celoso"], a[href$="/Dirk%20tow%20mater%20celoso"], a[href$=":FrostiesPrincess"], a[href$="/FrostiesPrincess"] { color: #e0cf10 !important; font-weight: 600 !important; }

/** Administrators - Color: BoBoiBoy Leaf **/ a[href$=":ThunderDragon2"], a[href$="/ThunderDragon2"], a[href$=":AzuraJae"], a[href$="/AzuraJae"], a[href$=":Universal_Emerald"], a[href$="/Universal_Emerald"], a[href$=":Universal%20Emerald"], a[href$="/Universal%20Emerald"], a[href$=":KoKo_the_Black_Cat"], a[href$="/KoKo_the_Black_Cat"] a[href$=":KoKo%20the%20Black%20Cat"], a[href$="/KoKo%20the%20Black%20Cat"] { color: #24c938 !important; font-weight: 600 !important; }

/** Chat Moderators - Color: BoBoiBoy Wind **/ a[href$=":Beckoliver.marron"], a[href$="/Beckoliver.marron"] { color: #1177d6 !important; font-weight: 600 !important; }

/* Background image */ .main-container { background: url(https://static.wikia.nocookie.net/boboiboy/images/0/08/Site-background-dark/revision/latest) no-repeat fixed center top; }

/* UCX Light Theme */ /** Background image - Image not uploaded yet. Link might be incorrect .theme-fandomdesktop-light .main-container { background: url(https://static.wikia.nocookie.net/boboiboy/images/0/08/Site-background-light/revision/latest) no-repeat fixed center top; }**/

/** Notice **/ /*** Template:Spoiler ***/ .theme-fandomdesktop-light #spoiler.notice > table { border: #a71016 solid 2px!important; background-color: #d1e0ff; }

/*** Template:Delete and Template:Disambig ***/ .theme-fandomdesktop-light #delete.boilerplate, .theme-fandomdesktop-light #disambig.boilerplate { background-color: #c4ddff!important; color: var(--theme-page-text-color)!important; border: #000 1px solid!important; }

/*** Template:Stub and Template:Conjecture ***/ .theme-fandomdesktop-light #stub.notice > table, .theme-fandomdesktop-light #conjecture.notice > table { border: #e2611a solid 1px!important; background-color: #cbe1ff; }

/** Custom username colours **/ /*** Founder - Color: BoBoiBoy Solar ***/ .theme-fandomdesktop-light a[href$=":Hungryme"], .theme-fandomdesktop-light a[href$="/Hungryme"] { text-shadow: 1px 1px 2px #000, 1px 1px 6px #ffbf00 !important; }

/*** Bureaucrats - Color: BoBoiBoy Thunderstorm ***/ .theme-fandomdesktop-light a[href$=":Sarah_xyz"], .theme-fandomdesktop-light a[href$="/Sarah_xyz"], .theme-fandomdesktop-light a[href$=":Sarah%20xyz"], .theme-fandomdesktop-light a[href$="/Sarah%20xyz"], .theme-fandomdesktop-light a[href$=":Dirk_tow_mater_celoso"], .theme-fandomdesktop-light a[href$="/Dirk_tow_mater_celoso"], .theme-fandomdesktop-light a[href$=":Dirk%20tow%20mater%20celoso"], .theme-fandomdesktop-light a[href$="/Dirk%20tow%20mater%20celoso"], .theme-fandomdesktop-light a[href$=":FrostiesPrincess"], .theme-fandomdesktop-light a[href$="/FrostiesPrincess"] { color: #fff0f3 !important; text-shadow: 1px 1px 2px #000, 1px 1px 6px #ff0048 !important; }

/*** Administrators - Color: BoBoiBoy Thorn ***/ .theme-fandomdesktop-light a[href$=":ThunderDragon2"], .theme-fandomdesktop-light a[href$="/ThunderDragon2"], .theme-fandomdesktop-light a[href$=":AzuraJae"], .theme-fandomdesktop-light a[href$="/AzuraJae"], .theme-fandomdesktop-light a[href$=":Universal_Emerald"], .theme-fandomdesktop-light a[href$="/Universal_Emerald"], .theme-fandomdesktop-light a[href$=":Universal%20Emerald"], .theme-fandomdesktop-light a[href$="/Universal%20Emerald"], .theme-fandomdesktop-light a[href$=":KoKo_the_Black_Cat"], .theme-fandomdesktop-light a[href$="/KoKo_the_Black_Cat"] .theme-fandomdesktop-light a[href$=":KoKo%20the%20Black%20Cat"], .theme-fandomdesktop-light a[href$="/KoKo%20the%20Black%20Cat"] { color: #d4ffd8 !important; text-shadow: 1px 1px 2px #000, 1px 1px 6px #17a628 !important; }

/*** Chat Moderators - Color: BoBoiBoy Cyclone ***/ .theme-fandomdesktop-light a[href$=":Beckoliver.marron"], .theme-fandomdesktop-light a[href$="/Beckoliver.marron"] { color: #e5f4ff !important; text-shadow: 1px 1px 2px #000, 1px 1px 6px #0043ff !important; }