| 第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;
| |
| − | }
| |
| − | }/**/
| |
