MediaWiki:Vector.css: Difference between revisions

From Screamer Wiki
Jump to: navigation, search
No edit summary
(Replaced content with "→‎CSS placed here will affect users of the Vector skin: →‎DO NOT add CSS for DarkVector here.: @font-face { font-family: "Rubik"; src: url("/resources/assets/Rubik.woff2") format("woff2"), url("/resources/assets/Rubik-Bold.woff2") format("woff2"), url("/resources/assets/Rubik-Italic.woff2") format("woff2"); font-weight: normal; font-style: normal; } in @font-face {bl font-family: "Rubik"; src: url("/resources/assets/Rubik-Bold.woff2"...")
Tag: Replaced
 
(206 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin (WIP)*/
/* CSS placed here will affect users of the Vector skin */
/* Basic elements */
 
body, #mw-head, #mw-page-base, #mw-head-base {background-color:#333333;background-image:linear-gradient(to top, #2a2a2a, #333)!important;}
/* DO NOT add CSS for DarkVector here. */
#mw-page-base {position:relative;z-index:0;}
@font-face {
body #pageWrapper {margin-right:10px;}
  font-family: "Rubik";
body, input, button, select .tabbernav li {font-family: "rubix", Ubuntu, Waree, sans-serif;}
  src: url("/resources/assets/Rubik.woff2") format("woff2"),
div {color:#c1c1c1;}
      url("/resources/assets/Rubik-Bold.woff2") format("woff2"),
/* Content and footer */
      url("/resources/assets/Rubik-Italic.woff2") format("woff2");
.mw-footer {background-color:#2a2a2a;padding-bottom:45px;border-bottom-left-radius:0.2em;border:1px solid #e87057;}
  font-weight: normal;
#content {background-color:#333;border-left:1px solid #e87057;border-top:1px solid #e87057;position:relative;z-index:1;}
  font-style: normal;
/* Sidebar */
} in
.vector-menu-portal {margin:0px;background:#333;padding-left:10px!important;padding-right:5px!important;}
 
.vector-menu-portal {border-bottom:1px solid #e87057;border-right:1px solid #e87057;border-left:1px solid #e87057;}
@font-face {bl
.vector-menu-portal:first-of-type {border-top-left-radius:0.2em;border-top-right-radius:0.2em;border-top:1px solid #e87057;}
  font-family: "Rubik";
.vector-menu-portal:last-of-type {border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em;border-bottom:1px solid #e87057;}
  src: url("/resources/assets/Rubik-Bold.woff2") format("woff2");
.vector-menu-portal .p-lang {border-top-left-radius:0.2em;border-top-right-radius:0.2em;}
  font-weight: bold;
/* Tabs */
  font-style: normal;
.vector-menu-tabs li {background-image: linear-gradient(to top, #e87057, #333);border-bottom:1px solid white;}
.vector-menu-tabs .selected {border-left:1px solid #e87057;border-right:1px solid #e87057;border-top:1px solid #e87057;border-bottom:1px solid #333;background-image:none!important;background:#333;}
.vector-menu-tabs .selected {border-top-right-radius:0.0em;border-top-left-radius:0.0em;border-bottom-right-radius:0.05em;border-bottom-left-radius:0.05em;margin-top:0px;line-height:1.0px;position:relative;z-index:2}
.vector-menu-tabs li a {margin-bottom:-1px!important;}
.vector-menu-tabs {padding-left:0px;}
/* User links */
#p-personal > div > ul {background:#333;border:1px solid #333;width:auto;right: -7px;}
#p-personal ul {padding-left: 3px;padding-right: 1em;border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;}
#p-personal {top:0px;}
/* Thematic UI */
#searchInput {background:#333;border:1px solid #e87057;border-radius:0.2em;}
/* Non-core framework for theme integration */
/* Usernames /*
/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}
}
::-webkit-scrollbar-track {
 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;
@font-face {#
-webkit-border-radius: 0px !important;
  font-family: "Rubik";
border-radius: 0px !important;
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
}
::-webkit-scrollbar-thumb {
 
-webkit-border-radius: 0px !important;
@font-face {
border-radius: 0px !important;
  font-family: "Rubik";
background: #d13c17 !important;  
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;  
  font-weight: bold;
  font-style: italic;
}
}
::-webkit-scrollbar-thumb:window-inactive {
body, .mw-headline {
background: #A62e10 !important;  
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
}
}
a[href="/wiki/User:Screamer1234"]  { color:cyan !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:MoekaChiina"]  { color:#db4dff !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:Zeroxeon"]  { color:#00f521 !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

Latest revision as of 02:37, 17 December 2023

/* CSS placed here will affect users of the Vector skin */

/* DO NOT add CSS for DarkVector here. */
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik.woff2") format("woff2"),
       url("/resources/assets/Rubik-Bold.woff2") format("woff2"),
       url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
} in

@font-face {bl
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {#
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
body, .mw-headline {
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
}