|
|
| Line 1: |
Line 1: |
| − | /* CSS placed here will be applied to all skins */
| |
| − | @font-face {
| |
| − | font-family: 'FoundersGrotesk';
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.eot');
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff2') format('woff2'),
| |
| − | url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff') format('woff');
| |
| − | font-weight: 700;
| |
| − | font-style: normal;
| |
| − | }
| |
| | | | |
| − | @font-face {
| |
| − | font-family: 'FoundersGrotesk';
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.eot');
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff2') format('woff2'),
| |
| − | url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff') format('woff');
| |
| − | font-weight: 600;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | @font-face {
| |
| − | font-family: 'FoundersGrotesk';
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.eot');
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff2') format('woff2'),
| |
| − | url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff') format('woff');
| |
| − | font-weight: 500;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | @font-face {
| |
| − | font-family: 'FoundersGrotesk';
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.eot');
| |
| − | src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff2') format('woff2'),
| |
| − | url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff') format('woff');
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | @font-face {
| |
| − | font-family: 'radikalblack';
| |
| − | src: url('/w/resources/assets/RadikalBlack/radikal-black.eot');
| |
| − | src: url('/w/resources/assets/RadikalBlack/radikal-black.eot?#iefix') format('embedded-opentype'),
| |
| − | url('/w/resources/assets/RadikalBlack/radikal-black.woff2') format('woff2'),
| |
| − | url('/w/resources/assets/RadikalBlack/radikal-black.woff') format('woff'),
| |
| − | url('/w/resources/assets/RadikalBlack/radikal-black.ttf') format('truetype');
| |
| − | }
| |
| − | html{
| |
| − | font-size:62.5%;
| |
| − | }
| |
| − | body{
| |
| − | background-color:#eeeeee;
| |
| − | color:#222147;
| |
| − | font-family: "FoundersGrotesk";
| |
| − | font-size: 1.8em;
| |
| − | line-height: 2.7rem;
| |
| − | }
| |
| − | #mw-page-base{
| |
| − | background:#eeeeee;
| |
| − | }
| |
| − | .mw-wiki-logo{
| |
| − | background:url("https://main5.ukie-website-dev.etchplay.com/media/Logos/ukie-logo.png") 0 0 no-repeat transparent;
| |
| − | background-size:106px 45px;
| |
| − | height:90px !important;
| |
| − | }
| |
| − | #p-logo{
| |
| − | height:90px;
| |
| − | }
| |
| − | .mw-body h1, .mw-body-content h1{
| |
| − | font-size:4rem;
| |
| − | font-weight: 500;
| |
| − | font-style: normal;
| |
| − | font-stretch: normal;
| |
| − | line-height: 1.27;
| |
| − | letter-spacing: -1px;
| |
| − | margin: 0.67em 0;
| |
| − | font-family:"FoundersGrotesk";
| |
| − | }
| |
| − | .mw-body .firstHeading{
| |
| − | margin-top:0;
| |
| − | }
| |
| − | .mw-body h2, .mw-body-content h2{
| |
| − | font-family: "radikalblack",sans-serif;
| |
| − | font-weight: 900;
| |
| − | font-style: normal;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.69px;
| |
| − | text-transform:uppercase;
| |
| − | }
| |
| − | #left-navigation, #right-navigation{
| |
| − | margin-top:3em;
| |
| − | }
| |
| − | .vectorTabs{
| |
| − | height:1.9em;
| |
| − | background:none;
| |
| − | position:relative;
| |
| − | }
| |
| − | .vectorTabs:before{
| |
| − | content:" ";
| |
| − | position:absolute;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | height:2em;
| |
| − | width:1px;
| |
| − | background:#a7d7f9;
| |
| − | }
| |
| − | .vectorTabs li{
| |
| − | background:#f5f5f5;
| |
| − | border-top:1px solid #a7d7f9;
| |
| − | border-right:1px solid #a7d7f9;
| |
| − | }
| |
| − | .vectorTabs li.selected{
| |
| − | background:white;
| |
| − | }
| |
| − | .vectorTabs span{
| |
| − | background:none;
| |
| − | border-bottom:1px solid #a7d7f9;
| |
| − | }
| |
| − | .vectorTabs li.selected span{
| |
| − | border-bottom-color:#ffffff;
| |
| − | }
| |
| − | .vectorTabs span a{
| |
| − | padding-top:0.5em;
| |
| − | }
| |
| − | .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a{
| |
| − | padding-top:2.1em;
| |
| − | }
| |
| − | #mw-head .vectorMenu h3{
| |
| − | height:2em;
| |
| − | background:none;
| |
| − | }
| |
| − | .vectorMenu h3 span{
| |
| − | padding-top:0.5em;
| |
| − | }
| |
| − | .vectorMenu h3 span:after{
| |
| − | top:0.5em;
| |
| − | }
| |
| − | .vectorMenu .menu{
| |
| − | top:2em;
| |
| − | }
| |
| − | #p-search form{
| |
| − | margin-top:-2px;
| |
| − | }
| |
| − | #simpleSearch input[type="search"]{
| |
| − | padding-bottom: 10px;
| |
| − | padding-bottom: 1rem;
| |
| − | padding-left: 15px;
| |
| − | padding-left: 1.5rem;
| |
| − | padding-right: 15px;
| |
| − | padding-right: 1.5rem;
| |
| − | padding-top: 10px;
| |
| − | padding-top: 1rem;
| |
| − | width: 100%;
| |
| − | max-width: 100%;
| |
| − | border: 1px solid #c6cfd9;
| |
| − | border-radius: 4px;
| |
| − | box-sizing: border-box;
| |
| − | outline: none;
| |
| − | background:#ffffff;
| |
| − | border-bottom-left-radius:0;
| |
| − | border-bottom-right-radius:0;
| |
| − | }
| |
| − | #searchButton, #mw-searchButton{
| |
| − | min-width:36px;
| |
| − | }
| |
| − | .mw-backlink{
| |
| − | position:absolute;
| |
| − | margin-left:11em;
| |
| − | margin-top:1em;
| |
| − | }
| |
| − | .mw-body-content{
| |
| − | font-size:1em;
| |
| − | }
| |
| − | #mw-panel .portal h3{
| |
| − | font-size: 1.17em;
| |
| − | font-weight: bold;
| |
| − | margin-left:0.5em;
| |
| − | color:#222147;
| |
| − | }
| |
| − | #mw-panel .portal .body{
| |
| − | background:none;
| |
| − | }
| |
| − | #mw-panel .portal .body li{
| |
| − | font-size:1em;
| |
| − | }
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
| |
| − | background-color: #ffffff;
| |
| − | display: inline-block;
| |
| − | padding: 1.2rem 4rem 1.3rem;
| |
| − | border-width: 1px;
| |
| − | border-style: solid;
| |
| − | border-color: #222147;
| |
| − | border-radius: .5rem;
| |
| − | color: #fff;
| |
| − | cursor: pointer;
| |
| − | text-decoration: none;
| |
| − | transition-property: background-color,border-color;
| |
| − | transition-duration: .5s;
| |
| − | outline: none;
| |
| − | font-weight:normal;
| |
| − | color:#222147;
| |
| − | }
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button{
| |
| − | background:#222147;
| |
| − | color:#ffffff;
| |
| − | }
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover{
| |
| − | background-color: #80a2fc;
| |
| − | border-color: #80a2fc;
| |
| − | color:#ffffff;
| |
| − | }
| |
