MediaWiki:Wikia.css

/** * * @Imports * @Headers * @Mainpage * @Images * @Tags * @Tables * @Buttons * @Tophats * @Navboxes * @Miscellanea * @Keyframes * */ /**********************************************/ /******************* Imports ******************/ /**********************************************/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Usernames.css"); @import url("https://fonts.googleapis.com/css?family=Lilita+One|Berkshire+Swash");

/**********************************************/ /******************* Headers ******************/ /**********************************************/ /* Header changes */ h1.page-header__title { font-weight: normal !important; font-family: "Lilita One" !important; }/**/

/* Article h2’s */ .WikiaArticle h2 { font-family: "Lilita One"; clear: left; margin-top: 1.5em; }/**/

/* Article h3’s */ .WikiaArticle h3 { font-weight: bold; clear: left; margin-top: 1.5em; }/**/

/**********************************************/ /****************** Mainpage ******************/ /**********************************************/ /* Big Buttons */ .bigButton { display: inline-block; height: 46px; background: #EB0B0B; font-weight: bold; font-size: 15px; line-height: 46px; color: #FFFFFF; text-shadow: initial; text-decoration: none; padding: 0 30px; cursor: pointer; }

.bigButton:hover { background-color: #F86D6D; text-decoration: none; }

.bigButton:active { background-color: #AA0808; text-decoration: none; }/**/

/* Navigation buttons */ .brawlButton { position: relative; overflow: hidden; background-color: #2490F5; font-family: "Lilita One"; color: #FFFFFF; letter-spacing: 1px; text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); border: 4px solid rgba(0, 0, 32, 0.5); border-radius: 3px; box-shadow: inset 0 -6px 0 rgba(0, 0, 32, 0.2), inset 0 6px 0 rgba(255, 255, 255, 0.2), 0 4px 0 rgba(0, 0, 0, 0.15); margin: 6px; }

.brawlButton:active { transform: translateY(4px); }/**/

/* Big header */ .brawlHeader { background-color: #4e4356; font-weight: normal; font-size: 140%; font-family: "Lilita One"; text-shadow: 1px 1px #4d4b6e, 1px 0 #4d4b6e, 1px -1px #4d4b6e, 0 1px #4d4b6e, 0 -1px #4d4b6e, -1px 1px #4d4b6e, -1px 0 #4d4b6e, -1px -1px #4d4b6e, 0 2px 3px rgba(0,0,0,0.4); padding: 15px 20px; border-top-width: 2px; border-bottom-width: 4px; box-shadow: inset 0 5px 0 rgba(255, 255, 255, 0.2), inset 0 -5px 0 rgba(100,0,0,0.2); margin: 10px 0; -webkit-filter: drop-shadow(0 4px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0 4px rgba(0, 0, 0, 0.4)); }/**/

/* Main modules */ .brawlModule { background-color: #2490F5; color: #FFFFFF; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); padding: 20px; border: 4px solid rgba(0, 0, 32, 0.4); border-radius: 3px; box-shadow: inset 0 -6px 0 rgba(0, 0, 32, 0.2), inset 0 6px 0 rgba(255, 255, 255, 0.2), 0 4px 0 rgba(0, 0, 0, 0.15); }

.brawlModule h3 { font-size: 220%; font-family: "Lilita One"; line-height: 1.1em; }

.brawlModule a:hover { text-decoration: none; }/**/

/* Slant headers */ .slant-header { position: relative; left: -20px; width: calc(100% - 20px); overflow: visible !important; background-color: #4e4356; font-size: 24px !important; text-shadow: 1px 1px #4d4b6e, 1px 0 #4d4b6e, 1px -1px #4d4b6e, 0 1px #4d4b6e, 0 -1px #4d4b6e, -1px 1px #4d4b6e, -1px 0 #4d4b6e, -1px -1px #4d4b6e, 0 2px 3px rgba(0,0,0,0.4); white-space: nowrap; padding: 10px 20px; margin: 15px 0 !important; -webkit-filter: drop-shadow(3px 4px rgba(0, 0, 0, 0.4)); filter: drop-shadow(3px 4px rgba(0, 0, 0, 0.4)); }

.slant-header:not(:first-of-type) { margin-top: 25px !important }

.slant-header:after { content: ""; position: absolute; top: 0; right: -10px; bottom: 0; width: 0; height: 0; border-top: 46px solid #4e4356; border-right: 10px solid transparent; }

h3.slant-header { font-weight: normal; }

.major-text { color: #0D69D9; }/**/

/**********************************************/ /******************* Images *******************/ /**********************************************/ body.background-fixed { background-size: cover; }

.WikiaMainContent .floatleft { border: 0; clear: left; float: left; margin: 0 20px 10px 0; position: relative; } .WikiaMainContent .floatright { border: 0; clear: right; float: right; margin: 0 0 10px 20px; position: relative; }

/* Template:EventImage */ .eventImage img { width: 100%; height: auto; }/**/

/* Wordmark */ .wds-community-header .wds-community-header__wordmark img { opacity: 1; transition: all 0.2s; }

.wds-community-header .wds-community-header__wordmark img:hover { opacity: 0.8; }/**/

/* Hover Class */ .hoverimage img { opacity: 0.8; }

.hoverimage img:hover { opacity: 1.0; }/**/

/* Navigation Hover Class */ .hovernav img { opacity: 1.0; }

.hovernav img:hover { opacity: 0.55; }/**/

/* Protection image CSS */ div.protection-image { display: none; }

div.protection-image-visible { display: inline; }/**/

/**********************************************/ /******************** Tags ********************/ /**********************************************/

/* */ .tabberlive > .tabbernav > li > a { /* tabber tabs */ background-color: #005E99; color: #FFDA45 !important; }

.tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ background-color: #FFDA45; color: #005E99 !important; }

.tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ }

.tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ background-color: #FFFFFF; color: #005E99 !important; border-color: #005E99; border-bottom-color: transparent; }

.tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ color: #000000 !important; border-color: #005E99; border-bottom-color: transparent; }

.tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ }/**/

/**********************************************/ /******************* Tables *******************/ /**********************************************/ .WikiaArticle table.wikitable, .WikiaArticle table.article-table, .WikiaArticle table.WikiaTable { border-radius: 3px; }

table.wikitable tr > th, .article-table th { background-color: #383d44 !important; box-shadow: inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 6px 0 rgba(255,255,255,0.05); color: white; font-family: 'Lilita One'; font-weight: normal; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9); }

.article-table tr:last-child td, .article-table tr:last-child th { border-bottom: none; }

.WikiaArticle table.wikitable > *:first-child > tr:first-child > td, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th, .WikiaArticle table.article-table > *:first-child > tr:first-child > td, .WikiaArticle table.article-table > *:first-child > tr:first-child > th, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th { border-bottom: 0 solid transparent; } .WikiaArticle table.wikitable > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th:first-child { border-top-left-radius: 3px; } .WikiaArticle table.wikitable > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.wikitable > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.article-table > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.WikiaTable > *:first-child > tr:first-child > th:last-child { border-top-right-radius: 3px; } .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > th:first-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > td:first-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > th:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.wikitable.mw-collapsed > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.article-table.mw-collapsed > *:first-child > tr:first-child > th:last-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > td:last-child, .WikiaArticle table.WikiaTable.mw-collapsed > *:first-child > tr:first-child > th:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.mw-collapsible-toggle { margin-left: 0.5em; } .mw-collapsible-toggle a { color: var(--theme-link-color) !important; }/**/

/**********************************************/ /******************* Buttons ******************/ /**********************************************/ /* Clickable div elements with shading */ .clickable-div a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.clickable-div a > img { width: 100%; height: 100%; transition: 0.25s; }

.clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); }/**/

/* Clickable div without shading */ .clickable-div-ns a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.clickable-div-ns a > img { width: 100%; height: 100%; }/**/

/* Template:NavButton */ .NavButton-Background-Image { background-image: url("https://vignette.wikia.nocookie.net/clashroyale/images/a/ae/NavButton-Background.jpg"); background-size: contain; background-repeat: no-repeat; background-origin: border-box; }/**/

/* Nav Button Class */ .nav-button a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

.nav-button a > img { width: 100%; height: 100%; }

.nav-button { background-color: #005E99; color: #FFFFFF; -webkit-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; transition: background-color 1s, color 1s; }

.nav-button:hover { background-color: #FFFFFF; color: #005E99; }

.nav-button:active { background-color: #B2C2F0; color: #005E99; }/**/

/**********************************************/ /********* Tophats/Notice Templates ***********/ /**********************************************/ .tophat { background-color: #007dcc; border-radius: 3px; border: 4px solid rgba(0,0,32,0.4); box-shadow: inset 0 -6px 0 rgba(0,0,32,0.2), inset 0 6px 0 rgba(255,255,255,0.2), 0 4px 0 rgba(0,0,0,0.15); box-sizing: border-box; color: #FFFFFF; font-family: "Lilita One"; font-size: 110%; font-weight: normal; margin-bottom: 20px; padding: 5px 10px; text-align: center; text-shadow: 0 2px 3px rgba(0,0,0,0.4); width: 100%; }

.tophat a { color: #BBE7FF; }

.tophat p { margin: 0; }/**/

/**********************************************/ /****************** Navboxes ******************/ /**********************************************/ .navbox { width: 100%; font-size: 100%; } .parent-navbox { background-color: #e8e9e9; border: 4px solid rgba(0, 0, 0, 0.05); border-radius: 3px; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); font-size: 90%; margin: 2em 0 1em; padding: 0.3em; } .navbox-header { background: #383d44; border: 4px solid rgba(0, 0, 0, 0.4); border-radius: 3px 3px 0 0; box-shadow: inset 0 -6px 0 rgba(0, 0, 0, 0.15), inset 0 6px 0 rgba(255, 255, 255, 0.05); color: white; font-family: "Lilita One"; font-size: 120%; font-weight: normal; line-height: 1.3; margin: 0.5em 0.3em 0 0.3em; padding: 0.2em 0.5em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9); } .navbox-header a { color: white; } .parent-navbox-header { border-radius: 3px; } .navbox-label { background: #3f6faf; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15), inset 0 4px 0 rgba(255, 255, 255, 0.08); color: white; font-family: "Lilita One"; font-size: 105%; font-weight: normal; padding-left: 0.5em; padding-right: 0.5em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); } .mw-collapsed > tbody > tr > .navbox-header { border-radius: 3px; }/**/

/**********************************************/ /***************** Miscellanea ****************/ /**********************************************/ /* Audio button (template:Ogg) */ .audio-button .mediaContainer { left: -10px; } .audio-button .mwPlayerContainer { opacity: 0; }

/* Text */ .WikiaArticle p + p { margin: 1em 0; } .mw-parser-output dd { margin-top: 3px; margin-bottom: 3px; } a.selflink { font-weight: bold; color: black; }

.text-border-black { text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000; padding-right: 4px; padding-left: 4px; }

/* Special:Community */ .community-page-header { position: relative; align-items: center; } .community-page-header::before { content: ''; position: absolute; background: rgba(0,0,0,.4); width: 100%; height: 100%; } .community-page-header .community-page-header-content { padding: 0; }

/* Chromatic Card Text (Webkit only!) */ .text-chromatic { background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#b116ec),color-stop(0.5,#ff0021),color-stop(1,#fff11e)); background-image: -webkit-linear-gradient(left,#b116ec 0%,#ff0021 50%,#fff11e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Chromatic 6s linear infinite; color: #f88f25; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Chromatic { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }/**/

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

.allpagesredirect, .watchlistredir { font-style: italic; }/**/

/* Mitigate tall character spam in article comments */ overflow: hidden; }/**/
 * 1) articleComments [class^=Comment_body] .entity-content, #articleComments [class^=Reply_body] .entity-content {

/* i18n */ .i18ndoc { height: 140px; overflow: auto; background-color: #FFF77D; font-size: 8pt; font-family: monospace; padding: 3px; border-bottom: 1px solid #D3D3D3; }/**/

background-image: url("https://vignette.wikia.nocookie.net/brawlstars/images/c/c6/Pixel_Crux_Module_Bg.png"); }/**/
 * 1) PixelCruxModule {

/* macOS grayscale antialiasing for less poorly-optimized text "bleed" in light-on-dark areas and text-size-adjust properties to prevent mismatched font sizes */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }/**/

/* KD’s text-ember class */ .page-Brawl_Stars_Wiki_Staff_Members #kd-staff .text-ember, .page-User_King_Dragonhoff .text-ember { -webkit-animation: text-ember 4s ease-in-out infinite; -moz-animation: text-ember 4s ease-in-out infinite; animation: text-ember 4s ease-in-out infinite; color: #FFD700; }/**/

/**********************************************/ /****************** Keyframes *****************/ /**********************************************/ /* text-ember */ @-webkit-keyframes text-ember { 0% {       color: #FFA500; }   50% {        color: #FFFF00; }   100% {        color: #FFA500; } }

@-moz-keyframes text-ember { 0% {       color: #FFA500; }   50% {        color: #FFFF00; }   100% {        color: #FFA500; } }

@keyframes text-ember { 0% {       color: #FFA500; }   50% {        color: #FFFF00; }   100% {        color: #FFA500; } }/**/