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
 
(175 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 {background-color:#2a2a2a}, #mw-head-base {background-color:#2a2a2a;background-image:linear-gradient(to top, #2a2a2a, #333)!important;}
#mw-page-base {position:relative;z-index:0;}
body #pageWrapper {margin-right:10px;}
body, input, button, select .tabbernav li {font-family: "rubix", Ubuntu, Waree, sans-serif;}
div {color:#c1c1c1;}
/* Content and footer */
.mw-footer {background-color:#333;padding-bottom:45px;border-bottom-left-radius:0.2em;border:1px solid #e87057;}
#content {background-color:#333;border-left:1px solid #e87057;border-top:1px solid #e87057;position:relative;z-index:1;}
/* Sidebar */
.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;}
.vector-menu-portal:first-of-type {border-top-left-radius:0.2em;border-top-right-radius:0.2em;border-top:1px solid #e87057;}
.vector-menu-portal:last-of-type {border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em;border-bottom:1px solid #e87057;}
.vector-menu-portal .p-lang {border-top-left-radius:0.2em;border-top-right-radius:0.2em;}
/* Tabs */
.vector-menu-tabs li {background-image: linear-gradient(to top, #9e3f28, #e87057);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.00em;border-bottom-left-radius:0.00em;margin-top:0px;line-height:1.5px;position:relative;z-index:2}
.vector-menu-tabs li a {margin-bottom:-1px!important;}
.vector-menu-tabs {padding-left:0px;}
/* User links */
#p-personal ul {padding-left: 3px;padding-right: 1em;border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;}
#p-personal {top:2px;}
/* Thematic UI */
#searchInput {background:#333;border:1px solid #e87057;border-radius:0.2em;}
/* Non-core framework for theme integration */
/* Usernames /*
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; }
/* DO NOT add CSS for DarkVector here. */
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
@font-face {
ere will be applied to all skins on the entire site. *****/
  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


a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
@font-face {bl
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
  font-family: "Rubik";
ere will be applied to all skins on the entire site. *****/
  src: url("/resources/assets/Rubik-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}


a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
@font-face {#
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
  font-family: "Rubik";
ere will be applied to all skins on the entire site. *****/
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
 
  font-weight: normal;
a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
  font-style: italic;
/***** 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; }
@font-face {
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
  font-family: "Rubik";
ere will be applied to all skins on the entire site. *****/
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
/* Scrollbar */
  font-weight: bold;
::-webkit-scrollbar {
  font-style: italic;
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;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
background: #d13c17 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;  
}
}
::-webkit-scrollbar-thumb:window-inactive {
body, .mw-headline {
background: #A62e10 !important;  
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
}
}

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