注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：前往菜单 → 设置（Mac为Opera → Preferences），然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
/** <nowiki>
*
* @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 ********************/
/**********************************************/
/* <tabber> */
.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(--themed-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;
}/**/
/* i18n */
.i18ndoc {
height: 140px;
overflow: auto;
background-color: #FFF77D;
font-size: 8pt;
font-family: monospace;
padding: 3px;
border-bottom: 1px solid #D3D3D3;
}/**/
#PixelCruxModule {
background-image: url("https://vignette.wikia.nocookie.net/brawlstars/images/c/c6/Pixel_Crux_Module_Bg.png");
}/**/
/* 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;
}
}/**/