MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin (WIP)*/
/* 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; }
/***** 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. *****/
/* 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;
	-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 {
	background: #A62e10 !important; 
}