avatar
匿名用户
×
创建一个新的页面
输入页面标题:
目前语音维基上有2062个页面。 在上方输入您想创建的页面名称或单击以下标题之一,即可开始撰写!



语音维基

“MediaWiki:Common.css”的版本间的差异

(撤销Zz讨论)的版本108)
标签撤销
Zz讨论 | 贡献
第1行: 第1行:
/** <nowiki>
+
/* This governs the sections on the Community portal */
*
+
.cpbox {
* @Imports
+
    display: flex;
* @Headers
+
    flex-direction: row-reverse;
* @Mainpage
+
    flex-wrap: wrap;
* @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");
 
  
/**********************************************/
+
.cpbox #admins {
/******************* Headers ******************/
+
    box-sizing: border-box;
/**********************************************/
+
    width: calc(33% - 10px);
/* Header changes */
+
    margin: 5px;
h1.page-header__title {
+
     flex-grow: 1;
     font-weight: normal !important;
+
     min-width: 300px;
     font-family: "Lilita One" !important;
+
}
}/**/
 
  
/* Article h2’s */
+
.cpbox #help {
.WikiaArticle h2 {
+
     box-sizing: border-box;
     font-family: "Lilita One";
+
     width: calc(67% - 10px);
     clear: left;
+
    margin: 5px;
margin-top: 1.5em;
+
    flex-grow: 1;
}/**/
+
}
  
/* Article h3’s */
+
/* Template documentation styles */
.WikiaArticle h3 {
+
/* If modifying these styles, be sure to update the mobile skin! */
     font-weight: bold;
+
.doc {
     clear: left;
+
     margin: 0em auto 1em;
margin-top: 1.5em;
+
    background-color: rgba(0, 0, 0, 0.1);
}/**/
+
     border: 2px solid #BDCAC3;
 +
    border-radius: 1em;
 +
    padding: 1em;
 +
}
  
/**********************************************/
+
.doc-header {
/****************** Mainpage ******************/
+
     padding-bottom: 3px;
/**********************************************/
+
     border-bottom: 1px solid #BDCAC3;
/* Big Buttons */
+
     margin-bottom: 1ex;
.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 {
+
.doc-footer {
     background-color: #F86D6D;
+
    margin: 0;
     text-decoration: none;
+
     background-color: rgba(0, 0, 0, 0.1);
 +
    border: 2px solid #BDCAC3;
 +
     border-radius: 1em;
 +
    padding: 1em;
 
}
 
}
  
.bigButton:active {
+
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
    background-color: #AA0808;
+
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
     text-decoration: none;
+
.desktopleft {
}/**/
+
     text-align: left;
 +
}
  
/* Navigation buttons */
+
.desktopcenter {
.brawlButton {
 
    position: relative;
 
    overflow: hidden;
 
    background-color: #2490F5;
 
    font-family: "Lilita One";
 
    color: #FFFFFF;
 
    letter-spacing: 1px;
 
 
     text-align: center;
 
     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 {
+
.desktopright {
     transform: translateY(4px);
+
     text-align: right;
}/**/
+
}
  
/* Big header */
+
/* Front page structure */
.brawlHeader {
+
.fpbox {
     background-color: #4e4356;
+
     margin: 5px;
     font-weight: normal;
+
     padding: 5px;
     font-size: 140%;
+
     overflow: auto;
     font-family: "Lilita One";
+
     width: calc(100% - 2px);
    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);
+
     border-radius: 5px;
    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 */
+
.fpbox.plain {
.brawlModule {
+
     background: transparent;
     background-color: #2490F5;
+
     border: none;
    color: #FFFFFF;
+
     box-shadow: none;
    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 {
+
.fpbox .heading,
     font-size: 220%;
+
.fpbox .mainheading,
     font-family: "Lilita One";
+
.fpbox .welcome {
     line-height: 1.1em;
+
     margin: 0 0 10px;
 +
     padding: 0 0 5px;
 +
     overflow: auto;
 
}
 
}
  
.brawlModule a:hover {
+
.fpbox .mainheading,
     text-decoration: none;
+
.fpbox .welcome {
}/**/
+
    font-size: 150%;
 +
     font-weight: bold;
 +
}
  
/* Slant headers */
+
.fpbox .heading {
.slant-header {
+
     text-align: center;
     position: relative;
+
     font-size: 132%;
    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) {
+
.linkslabel {
     margin-top: 25px !important
+
     margin: 15px 5px 5px;
 +
    padding: 0 0 5px;
 
}
 
}
  
.slant-header:after {
+
/* Template:FP links styles */
     content: "";
+
.fplinks {
     position: absolute;
+
     display: flex;
     top: 0;
+
     flex-wrap: wrap;
    right: -10px;
+
     justify-content: space-evenly;
    bottom: 0;
+
     align-items: stretch;
    width: 0;
+
     text-align: center;
    height: 0;
 
     border-top: 46px solid #4e4356;
 
     border-right: 10px solid transparent;
 
 
}
 
}
  
h3.slant-header {
+
.fplink-outer {
     font-weight: normal;
+
     padding: 5px;
 +
    flex-basis: calc(25% - 10px);
 +
    width: calc(25% - 15px);
 +
    min-width: 115px;
 +
    display: inline-block;
 +
    vertical-align: middle;
 
}
 
}
  
.major-text {
+
.fplink-wide {
     color: #0D69D9;
+
     flex-basis: calc(33% - 10px);
}/**/
+
    width: calc(33% - 15px);
 
 
/**********************************************/
 
/******************* Images *******************/
 
/**********************************************/
 
body.background-fixed {
 
background-size: cover;
 
 
}
 
}
  
.WikiaMainContent .floatleft {
+
.fplink-fullwidth {
border: 0;
+
     flex-basis: 100%;
    clear: left;
+
     width: calc(100% - 15px);
    float: left;
+
     font-weight: bold;
    margin: 0 20px 10px 0;
 
    position: relative;
 
}
 
.WikiaMainContent .floatright {
 
    border: 0;
 
    clear: right;
 
     float: right;
 
     margin: 0 0 10px 20px;
 
     position: relative;
 
 
}
 
}
  
/* Template:EventImage */
+
.fplink {
.eventImage img {
+
    padding: 0.5em;
 +
    box-sizing: border-box;
 
     width: 100%;
 
     width: 100%;
     height: auto;
+
     height: 100%;
}/**/
+
     display: table;
 
 
/* Wordmark */
 
.wds-community-header .wds-community-header__wordmark img {
 
    opacity: 1;
 
     transition: all 0.2s;
 
 
}
 
}
  
.wds-community-header .wds-community-header__wordmark img:hover {
+
.fplink-plain {
     opacity: 0.8;
+
    background: transparent;
}/**/
+
    border-radius: 0;
 
+
     border: 0;
/* Hover Class */
+
     box-shadow: none;
.hoverimage img {
 
     opacity: 0.8;
 
 
}
 
}
  
.hoverimage img:hover {
+
.fplink-inner {
    opacity: 1.0;
+
     display: table-row;
}/**/
 
 
 
/* Navigation Hover Class */
 
.hovernav img {
 
     opacity: 1.0;
 
 
}
 
}
  
.hovernav img:hover {
+
.fplink a {
     opacity: 0.55;
+
     display: table-cell;
}/**/
+
    vertical-align: middle;
 
 
/* Protection image CSS */
 
div.protection-image {
 
    display: none;
 
 
}
 
}
  
div.protection-image-visible {
+
.fplink img {
     display: inline;
+
     max-width: 150px;
}/**/
+
     width: 100%;
 
+
     height: auto;
/**********************************************/
 
/******************** Tags ********************/
 
/**********************************************/
 
 
 
/* <tabber> */
 
.tabberlive > .tabbernav > li > a {
 
    /* tabber tabs */
 
     background-color: #005E99;
 
     color: #FFDA45 !important;
 
 
}
 
}
 
+
/* Auto-resize front page video to fit smaller columns */
.tabberlive > .tabbernav > li > a:hover {
+
.fpbox .embedvideowrap {
     /* tabber tabs when being hovered */
+
     width: 100%!important;
     background-color: #FFDA45;
+
     max-width: 480px;
     color: #005E99 !important;
+
     margin: 0 auto;
 
}
 
}
  
.tabberlive > .tabbernav > li > a:active {
+
.fpbox .embedvideowrap iframe {
     /* tabber tabs when being clicked */
+
     width: 100%!important;
 
}
 
}
  
.tabberlive > .tabbernav > li.tabberactive > a {
+
/* Multi-column box support */
    /* selected tabber tab */
+
.fp-container main .columns .leftcol,
    background-color: #FFFFFF;
+
.fp-container .columns .rightcol {
     color: #005E99 !important;
+
     width: 100%;
     border-color: #005E99;
+
     margin: 0;
     border-bottom-color: transparent;
+
     padding: 0;
 
}
 
}
  
.tabberlive > .tabbernav > li.tabberactive > a:hover {
+
@media (min-width: 990px) {
    /* selected tabber tab when being hovered */
+
    .fp-container .columns .leftcol {
    color: #000000 !important;
+
        float: left;
    border-color: #005E99;
+
        width: 50%;
     border-bottom-color: transparent;
+
     }
}
 
  
.tabberlive > .tabbernav > li.tabberactive > a:active {
+
     .fp-container .columns .rightcol {
     /* selected tabber tab when being clicked */
+
        float: right;
}/**/
+
        width: 50%;
 
+
    }
/**********************************************/
 
/******************* Tables *******************/
 
/**********************************************/
 
.WikiaArticle table.wikitable,
 
.WikiaArticle table.article-table,
 
.WikiaArticle table.WikiaTable {
 
    border-radius: 3px;
 
 
}
 
}
  
table.wikitable tr > th,
+
.fp-section {
.article-table th {
+
     display: flex;
     background-color: #383d44 !important;
+
     flex-wrap: wrap;
    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,
+
/* this CSS governs the responsive 2 column main page layout */
.article-table tr:last-child th {
+
#fp-2column.fp-container {
     border-bottom: none;
+
    display: grid;
 +
    grid-template-areas: "a" "b" "c";
 +
     grid-template-columns: 100%;
 
}
 
}
 
+
@media screen and (min-width:990px) {
.WikiaArticle table.wikitable > *:first-child > tr:first-child > td,
+
    #fp-2column.fp-container {
.WikiaArticle table.wikitable > *:first-child > tr:first-child > th,
+
        grid-template-areas: "a b" "c c";
.WikiaArticle table.article-table > *:first-child > tr:first-child > td,
+
        grid-template-columns: 50% 50%;
.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;
 
 
}
 
}
+
@media screen and (min-width:1350px) {
.WikiaArticle table.wikitable > *:first-child > tr:first-child > td:first-child,
+
     #fp-2column.fp-container {
.WikiaArticle table.wikitable > *:first-child > tr:first-child > th:first-child,
+
        grid-template-areas: "a b" "c b";
.WikiaArticle table.article-table > *:first-child > tr:first-child > td:first-child,
+
        grid-template-columns: auto 520px;
.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;
 
 
}
 
}
  
 
+
#fp-top {
.mw-collapsible-toggle {
+
     grid-area: a;
     margin-left: 0.5em;
 
 
}
 
}
.mw-collapsible-toggle a {
 
    color: var(--themed-link-color) !important;
 
}/**/
 
  
/**********************************************/
+
#fp-flex {
/******************* Buttons ******************/
+
     grid-area: b;
/**********************************************/
 
/* Clickable div elements with shading */
 
.clickable-div a {
 
     position: absolute;
 
    width: 100%;
 
    height: 100%;
 
    top: 0;
 
    left: 0;
 
 
}
 
}
  
.clickable-div a > img {
+
#fp-bottom {
     width: 100%;
+
     grid-area: c;
    height: 100%;
 
    transition: 0.25s;
 
 
}
 
}
  
.clickable-div a > img:hover {
+
/* end responsive 2 column main page layout */
    background: rgba(0, 0, 0, 0.2);
 
}/**/
 
  
/* Clickable div without shading */
+
/* ******************** */
.clickable-div-ns a {
+
/* End main page layout */
    position: absolute;
+
/* ******************** */
    width: 100%;
 
    height: 100%;
 
    top: 0;
 
    left: 0;
 
}
 
 
 
.clickable-div-ns a > img {
 
    width: 100%;
 
    height: 100%;
 
}/**/
 
  
/* Template:NavButton */
+
/* Template:infobox */
.NavButton-Background-Image {
+
.infobox.eva_box { padding: 0; border-spacing: 5px }
    background-image: url("https://vignette.wikia.nocookie.net/clashroyale/images/a/ae/NavButton-Background.jpg");
+
.infobox > caption { margin-bottom: 0.25em }
    background-size: contain;
+
.infobox .mid-header th { font-size: 105%; padding: 0.25em 0.5em }
    background-repeat: no-repeat;
 
    background-origin: border-box;
 
}/**/
 
  
/* Nav Button Class */
+
.infobox {
.nav-button a {
+
  /* @noflip */
    position: absolute;
+
  margin: 0.5em 0 0.5em 1em;
    height: 100%;
+
  padding: 0.2em;
    width: 100%;
+
  /* @noflip */
    top: 0;
+
  float: right;
    left: 0;
+
  /* @noflip */
 +
  clear: right;
 +
  /* @noflip */
 +
  text-align: left;
 +
  font-size: 88%;
 +
  line-height: 1.5em;
 
}
 
}
 
+
.infobox caption {
.nav-button a > img {
+
  font-size: 125%;
    width: 100%;
+
  font-weight: bold;
    height: 100%;
 
 
}
 
}
 
+
.infobox td,
.nav-button {
+
.infobox th {
    background-color: #005E99;
+
  vertical-align: top;
    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 {
+
/* Style for horizontal lists (separator following item).
     background-color: #FFFFFF;
+
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
     color: #005E99;
+
  @revision 9 (2016-08-10)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
     margin: 0;
 +
     padding: 0;
 
}
 
}
 
+
/* Display list items inline */
.nav-button:active {
+
.hlist dd,
    background-color: #B2C2F0;
+
.hlist dt,
    color: #005E99;
+
.hlist li {
}/**/
+
     margin: 0;
 
+
     display: inline;
/**********************************************/
 
/********* 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;
 
 
}
 
}
 
+
/* Display nested lists inline */
.tophat p {
+
.hlist.inline,
    margin: 0;
+
.hlist.inline dl,
}/**/
+
.hlist.inline ol,
 
+
.hlist.inline ul,
/**********************************************/
+
.hlist dl dl, .hlist dl ol, .hlist dl ul,
/****************** Navboxes ******************/
+
.hlist ol dl, .hlist ol ol, .hlist ol ul,
/**********************************************/
+
.hlist ul dl, .hlist ul ol, .hlist ul ul {
.navbox {
+
     display: inline;
     width: 100%;
 
    font-size: 100%;
 
 
}
 
}
.parent-navbox {
+
/* Hide empty list items */
    background-color: #e8e9e9;
+
.hlist .mw-empty-li,
    border: 4px solid rgba(0, 0, 0, 0.05);
+
.hlist .mw-empty-elt {
    border-radius: 3px;
+
     display: none;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
 
    font-size: 90%;
 
    margin: 2em 0 1em;
 
     padding: 0.3em;
 
 
}
 
}
.navbox-header {
+
/* Generate interpuncts */
    background: #383d44;
+
.hlist dt:after {
    border: 4px solid rgba(0, 0, 0, 0.4);
+
     content: ": ";
    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 {
+
.hlist dd:after,
     color: white;
+
.hlist li:after {
 +
     content: " · ";
 +
    font-weight: bold;
 
}
 
}
.parent-navbox-header {
+
.hlist dd:last-child:after,
     border-radius: 3px;
+
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
     content: none;
 
}
 
}
.navbox-label {
+
/* Add parentheses around nested lists */
    background: #3f6faf;
+
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15), inset 0 4px 0 rgba(255, 255, 255, 0.08);
+
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
    color: white;
+
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
     font-family: "Lilita One";
+
     content: " (";
    font-size: 105%;
 
 
     font-weight: normal;
 
     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 {
+
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
    border-radius: 3px;
+
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
}/**/
+
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 
+
    content: ")";
/**********************************************/
+
    font-weight: normal;
/***************** Miscellanea ****************/
 
/**********************************************/
 
/* Audio button (template:Ogg) */
 
.audio-button .mediaContainer {
 
left: -10px;
 
 
}
 
}
.audio-button .mwPlayerContainer {
+
/* Put ordinals in front of ordered list items */
opacity: 0;
+
.hlist ol {
 +
    counter-reset: listitem;
 
}
 
}
 
+
.hlist ol > li {
 
+
     counter-increment: listitem;
/* Text */
 
.WikiaArticle p + p {
 
     margin: 1em 0;
 
 
}
 
}
.mw-parser-output dd {
+
.hlist ol > li:before {
margin-top: 3px;
+
    content: " " counter(listitem) "\a0";
margin-bottom: 3px;
 
 
}
 
}
a.selflink {
+
.hlist dd ol > li:first-child:before,
font-weight: bold;
+
.hlist dt ol > li:first-child:before,
color: black;
+
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) "\a0";
 
}
 
}
  
.text-border-black {
+
/* Unbulleted lists */
    text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000;
+
.plainlist ol,
    padding-right: 4px;
+
.plainlist ul {
    padding-left: 4px;
+
    line-height: inherit;
}
+
     list-style: none none;
 
+
     margin: 0;
 
 
/* 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 {
+
.plainlist ol li,
padding: 0;
+
.plainlist ul li {
 +
    margin-bottom: 0;
 
}
 
}
  
 
+
/* Flex icon */
/* Chromatic Card Text (Webkit only!) */
+
.ficon {
.text-chromatic {
+
display: inline-block;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#b116ec),color-stop(0.5,#ff0021),color-stop(1,#fff11e));
+
margin: 2px;
    background-image: -webkit-linear-gradient(left,#b116ec 0%,#ff0021 50%,#fff11e 100%);
+
text-align: center;
    background-size: 1000% 1000%;  
+
vertical-align: top;
    -webkit-background-clip: text;  
+
text-align: -webkit-center;
    -webkit-text-fill-color: transparent;
+
text-align: -moz-center;
    -webkit-animation: Text-Chromatic 6s linear infinite;
+
text-align: -o-center;
    color: #f88f25; /* Fallback color for non-webkit browsers */
 
    white-space: nowrap;
 
 
}
 
}
 
+
.ficon-container {
@keyframes Text-Chromatic {
+
align-content: center;
    0% {background-position: 0% 50%}
+
display: flex;
    50% {background-position: 100% 50%}
+
flex-wrap: wrap;
    100% {background-position: 0% 50%}
+
justify-content: space-evenly;
}/**/
+
-webkit-align-content: center;
 
+
-webkit-flex-wrap: wrap;
/* Mark redirects in Special:Allpages and Special:Watchlist */
 
.allpagesredirect:after {
 
    content: " (redirect)";
 
    color: #808080;
 
 
}
 
}
  
.allpagesredirect,
+
div#mw-panel div.portal li a[href="https://discord.gg/3qjaRPZYVR"] {
.watchlistredir {
+
     background: url(https://discordapp.com/api/guilds/486110900831649802/embed.png) no-repeat;
    font-style: italic;
+
     color: transparent !important;
}/**/
+
     display: inline-block;
 
+
     height: 20px;
/* i18n */
+
     width: 119px;
.i18ndoc {
+
     margin-top: 10px;
    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;
 
    }
 
}/**/
 

2020年12月20日 (日) 15:54的版本

/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
    margin: 0em auto 1em;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

.doc-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #BDCAC3;
    margin-bottom: 1ex;
}

.doc-footer {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
    text-align: left;
}

.desktopcenter {
    text-align: center;
}

.desktopright {
    text-align: right;
}

/* Front page structure */
.fpbox {
    margin: 5px;
    padding: 5px;
    overflow: auto;
    width: calc(100% - 2px);
    border-radius: 5px;
}

.fpbox.plain {
    background: transparent;
    border: none;
    box-shadow: none;
}

.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: auto;
}

.fpbox .mainheading,
.fpbox .welcome {
    font-size: 150%;
    font-weight: bold;
}

.fpbox .heading {
    text-align: center;
    font-size: 132%;
}

.linkslabel {
    margin: 15px 5px 5px;
    padding: 0 0 5px;
}

/* Template:FP links styles */
.fplinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    text-align: center;
}

.fplink-outer {
    padding: 5px;
    flex-basis: calc(25% - 10px);
    width: calc(25% - 15px);
    min-width: 115px;
    display: inline-block;
    vertical-align: middle;
}

.fplink-wide {
    flex-basis: calc(33% - 10px);
    width: calc(33% - 15px);
}

.fplink-fullwidth {
    flex-basis: 100%;
    width: calc(100% - 15px);
    font-weight: bold;
}

.fplink {
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: table;
}

.fplink-plain {
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.fplink-inner {
    display: table-row;
}

.fplink a {
    display: table-cell;
    vertical-align: middle;
}

.fplink img {
    max-width: 150px;
    width: 100%;
    height: auto;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
    width: 100%!important;
    max-width: 480px;
    margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
    width: 100%!important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 990px) {
    .fp-container .columns .leftcol {
        float: left;
        width: 50%;
    }

    .fp-container .columns .rightcol {
        float: right;
        width: 50%;
    }
}

.fp-section {
    display: flex;
    flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
    display: grid;
    grid-template-areas: "a" "b" "c";
    grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c c";
        grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width:1350px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c b";
        grid-template-columns: auto 520px;
    }
}

#fp-top {
    grid-area: a;
}

#fp-flex {
    grid-area: b;
}

#fp-bottom {
    grid-area: c;
}

/* end responsive 2 column main page layout */

/* ******************** */
/* End main page layout */
/* ******************** */

/* Template:infobox */
.infobox.eva_box { padding: 0; border-spacing: 5px }
.infobox > caption { margin-bottom: 0.25em }
.infobox .mid-header th { font-size: 105%; padding: 0.25em 0.5em }

.infobox {
   /* @noflip */
   margin: 0.5em 0 0.5em 1em;
   padding: 0.2em;
   /* @noflip */
   float: right;
   /* @noflip */
   clear: right;
   /* @noflip */
   text-align: left;
   font-size: 88%;
   line-height: 1.5em;
}
.infobox caption {
   font-size: 125%;
   font-weight: bold;
}
.infobox td,
.infobox th {
   vertical-align: top;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* Flex icon */
.ficon {
	display: inline-block;
	margin: 2px;
	text-align: center;
	vertical-align: top;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
}
.ficon-container {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	-webkit-align-content: center;
	-webkit-flex-wrap: wrap;
}

div#mw-panel div.portal li a[href="https://discord.gg/3qjaRPZYVR"] {
    background: url(https://discordapp.com/api/guilds/486110900831649802/embed.png) no-repeat;
    color: transparent !important;
    display: inline-block;
    height: 20px;
    width: 119px;
    margin-top: 10px;
}