MediaWiki:Vector.css - Revision history

Etch-play-wiki at 12:52, 16 September 2019

2019-09-16T12:52:46Z

Etch-play-wiki at 12:50, 16 September 2019

2019-09-16T12:50:55Z

Etch-play-wiki at 11:09, 16 September 2019

2019-09-16T11:09:56Z

Etch-play-wiki at 09:59, 16 September 2019

2019-09-16T09:59:39Z

Etch-play-wiki at 09:58, 16 September 2019

2019-09-16T09:58:59Z

Etch-play-wiki at 09:58, 16 September 2019

2019-09-16T09:58:00Z

Etch-play-wiki at 09:56, 16 September 2019

2019-09-16T09:56:27Z

Etch-play-wiki: Created page with "/* CSS placed here will be applied to all skins */ @font-face { font-family: 'FoundersGrotesk'; src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.e..."

2019-09-16T09:25:53Z

Created page with "‎CSS placed here will be applied to all skins: @font-face { font-family: 'FoundersGrotesk'; src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.e..."

New page

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

@@ Line 138: / Line 138: @@
+}
 #p-search form{
-     margin-top:-2px !important;
+     margin-top:-1px !important;
+}
 #simpleSearch{

@@ Line 59: / Line 59: @@
 .mw-wiki-logo{
      background:url("/resources/assets/ukiepedia-logo-navy.svg") 0 0 no-repeat transparent;
-     background-size:106px 45px;
+     background-size:360px 180px;
      height:90px !important;
+}

@@ Line 2: / Line 2: @@
 @font-face {
      font-family: 'FoundersGrotesk';
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.eot');
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.eot');
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff2') format('woff2'),
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff2') format('woff2'),
-          url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff') format('woff');
+          url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
@@ Line 11: / Line 11: @@
 @font-face {
      font-family: 'FoundersGrotesk';
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.eot');
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.eot');
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff2') format('woff2'),
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff2') format('woff2'),
-          url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff') format('woff');
+          url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Semibold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
@@ Line 20: / Line 20: @@
 @font-face {
      font-family: 'FoundersGrotesk';
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.eot');
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.eot');
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff2') format('woff2'),
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff2') format('woff2'),
-          url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff') format('woff');
+          url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
@@ Line 29: / Line 29: @@
 @font-face {
      font-family: 'FoundersGrotesk';
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.eot');
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.eot');
-     src: url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff2') format('woff2'),
+     src: url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff2') format('woff2'),
-          url('/w/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff') format('woff');
+          url('/resources/assets/FoundersGrotesk/FoundersGroteskWeb-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
@@ Line 38: / Line 38: @@
 @font-face {
      font-family: 'radikalblack';
-     src:  url('/w/resources/assets/RadikalBlack/radikal-black.eot');
+     src:  url('/resources/assets/RadikalBlack/radikal-black.eot');
-     src:  url('/w/resources/assets/RadikalBlack/radikal-black.eot?#iefix') format('embedded-opentype'),
+     src:  url('/resources/assets/RadikalBlack/radikal-black.eot?#iefix') format('embedded-opentype'),
-           url('/w/resources/assets/RadikalBlack/radikal-black.woff2') format('woff2'),
+           url('/resources/assets/RadikalBlack/radikal-black.woff2') format('woff2'),
-           url('/w/resources/assets/RadikalBlack/radikal-black.woff') format('woff'),
+           url('/resources/assets/RadikalBlack/radikal-black.woff') format('woff'),
-           url('/w/resources/assets/RadikalBlack/radikal-black.ttf') format('truetype');
+           url('/resources/assets/RadikalBlack/radikal-black.ttf') format('truetype');
+}
 html{
@@ Line 58: / Line 58: @@
+}
 .mw-wiki-logo{
-     background:url("https://main5.ukie-website-dev.etchplay.com/media/Logos/ukie-logo.png") 0 0 no-repeat transparent;
+     background:url("/resources/assets/ukiepedia-logo-navy.svg") 0 0 no-repeat transparent;
      background-size:106px 45px;
      height:90px !important;

@@ Line 174: / Line 174: @@
      margin-left:11em;
      margin-top:1em;
+}
 .mw-body-content{

@@ Line 143: / Line 143: @@
      margin-top:0;
      border:0;
+}
 #simpleSearch input[type="search"]{

@@ Line 90: / Line 90: @@
+}
 .vectorTabs{
-     height:1.9em;
+     height:1.9em !important;
-     background:none;
+     background:none !important;
-     position:relative;
+     position:relative !important;
+}
 .vectorTabs:before{
-     content:" ";
+     content:" " !important;
-     position:absolute;
+     position:absolute !important;
-     top:0;
+     top:0 !important;
-     left:0;
+     left:0 !important;
-     height:2em;
+     height:2em !important;
-     width:1px;
+     width:1px !important;
-     background:#a7d7f9;
+     background:#a7d7f9 !important;
+}
 .vectorTabs li{
-     background:#f5f5f5;
+     background:#f5f5f5 !important;
-     border-top:1px solid #a7d7f9;
+     border-top:1px solid #a7d7f9 !important;
-     border-right:1px solid #a7d7f9;
+     border-right:1px solid #a7d7f9 !important;
+}
 .vectorTabs li.selected{
-     background:white;
+     background:white !important;
+}
 .vectorTabs span{
-     background:none;
+     background:none !important;
-     border-bottom:1px solid #a7d7f9;
+     border-bottom:1px solid #a7d7f9 !important;
+}
 .vectorTabs li.selected span{
-     border-bottom-color:#ffffff;
+     border-bottom-color:#ffffff !important;
+}
 .vectorTabs span a{
-     padding-top:0.5em;
+     padding-top:0.5em !important;
+}
 .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a{
-     padding-top:2.1em;
+     padding-top:2.1em !important;
+}
 #mw-head .vectorMenu h3{
-     height:2em;
+     height:2em !important;
-     background:none;
+     background:none !important;
+}
 .vectorMenu h3 span{
-     padding-top:0.5em;
+     padding-top:0.5em !important;
+}
 .vectorMenu h3 span:after{
-     top:0.5em;
+     top:0.5em !important;
+}
 .vectorMenu .menu{
-     top:2em;
+     top:2em !important;
+}
 #p-search form{
-     margin-top:-2px;
+     margin-top:-2px !important;
+}
 #simpleSearch input[type="search"]{
-     padding-bottom: 10px;
+     padding-bottom: 10px !important;
-     padding-bottom: 1rem;
+     padding-bottom: 1rem !important;
-     padding-left: 15px;
+     padding-left: 15px !important;
-     padding-left: 1.5rem;
+     padding-left: 1.5rem !important;
-     padding-right: 15px;
+     padding-right: 15px !important;
-     padding-right: 1.5rem;
+     padding-right: 1.5rem !important;
-     padding-top: 10px;
+     padding-top: 10px !important;
-     padding-top: 1rem;
+     padding-top: 1rem !important;
-     width: 100%;
+     width: 100% !important;
-     max-width: 100%;
+     max-width: 100% !important;
-     border: 1px solid #c6cfd9;
+     border: 1px solid #c6cfd9 !important;
-     border-radius: 4px;
+     border-radius: 4px !important;
-     box-sizing: border-box;
+     box-sizing: border-box !important;
-     outline: none;
+     outline: none !important;
-     background:#ffffff;
+     background:#ffffff !important;
-     border-bottom-left-radius:0;
+     border-bottom-left-radius:0 !important;
-     border-bottom-right-radius:0;
+     border-bottom-right-radius:0 !important;
+}
 #searchButton, #mw-searchButton{
-     min-width:36px;
+     min-width:36px !important;
+}
 .mw-backlink{
@@ Line 171: / Line 171: @@
+}
 #mw-panel .portal h3{
-     font-size: 1.17em;
+     font-size: 1.17em !important;
-     font-weight: bold;
+     font-weight: bold !important;
-     margin-left:0.5em;
+     margin-left:0.5em !important;
-     color:#222147;
+     color:#222147 !important;
+}
 #mw-panel .portal .body{
-     background:none;
+     background:none !important;
+}
 #mw-panel .portal .body li{
-     font-size:1em;
+     font-size:1em !important;
+}
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
-     background-color: #ffffff;
+     background-color: #ffffff !important;
-     display: inline-block;
+     display: inline-block !important;
-     padding: 1.2rem 4rem 1.3rem;
+     padding: 1.2rem 4rem 1.3rem !important;
-     border-width: 1px;
+     border-width: 1px !important;
-     border-style: solid;
+     border-style: solid !important;
-     border-color: #222147;
+     border-color: #222147 !important;
-     border-radius: .5rem;
+     border-radius: .5rem !important;
-     color: #fff;
+     color: #fff !important;
-     cursor: pointer;
+     cursor: pointer !important;
-     text-decoration: none;
+     text-decoration: none !important;
-     transition-property: background-color,border-color;
+     transition-property: background-color,border-color !important;
-     transition-duration: .5s;
+     transition-duration: .5s !important;
-     outline: none;
+     outline: none !important;
-     font-weight:normal;
+     font-weight:normal !important;
-     color:#222147;
+     color:#222147 !important;
+}
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button{
-     background:#222147;
+     background:#222147 !important;
-     color:#ffffff;
+     color:#ffffff !important;
+}
 .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;
+     background-color: #80a2fc !important;
-     border-color: #80a2fc;
+     border-color: #80a2fc !important;
-     color:#ffffff;
+     color:#ffffff !important;
+}