(建立内容为“→returns border color to white: .WikiaPage { border-color: white; } →button styling: .cc2-wikia-button a { -moz-border-radius: 4px; -webkit-…”的新页面) |
|||
第1行: | 第1行: | ||
− | /* | + | /** <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; | display: inline-block; | ||
− | font: | + | height: 46px; |
− | height: | + | background: #EB0B0B; |
− | + | font-weight: bold; | |
− | + | font-size: 15px; | |
+ | line-height: 46px; | ||
+ | color: #FFFFFF; | ||
+ | text-shadow: initial; | ||
text-decoration: none; | text-decoration: none; | ||
− | + | padding: 0 30px; | |
+ | cursor: pointer; | ||
} | } | ||
− | + | ||
− | . | + | .bigButton:hover { |
− | background-color: # | + | background-color: #F86D6D; |
− | + | text-decoration: none; | |
− | |||
− | text-decoration: none | ||
} | } | ||
− | + | ||
− | . | + | .bigButton:active { |
− | font- | + | 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); |
− | background-color: | + | }/**/ |
− | color: | + | |
+ | /* 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; | |
− | background-color: | + | }/**/ |
− | + | ||
+ | /* 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 { |
− | border: | + | 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; | |
− | |||
− | margin | ||
− | |||
} | } | ||
− | + | ||
− | . | + | /* 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; | ||
} | } | ||
− | + | ||
− | div. | + | .hovernav img:hover { |
+ | opacity: 0.55; | ||
+ | }/**/ | ||
+ | |||
+ | /* Protection image CSS */ | ||
+ | div.protection-image { | ||
display: none; | 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; | |
− | |||
− | background | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | . | + | .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- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
font-weight: normal; | 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; | ||
} | } | ||
− | . | + | |
− | background | + | .nav-button:hover { |
− | + | background-color: #FFFFFF; | |
− | + | color: #005E99; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | . | + | .nav-button:active { |
− | width: | + | 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; |
− | padding: | + | 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); | |
− | font- | + | border-radius: 3px 3px 0 0; |
− | padding: | + | 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%; | width: 100%; | ||
+ | height: 100%; | ||
} | } | ||
− | + | .community-page-header .community-page-header-content { | |
− | . | + | padding: 0; |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | . | + | |
− | text- | + | /* 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; | ||
+ | } | ||
+ | }/**/ |
2020年12月19日 (六) 19:02的版本
/** <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; } }/**/