|
|
| (189 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;}
| | /* 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:#333;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, #de6243);border-bottom:1px solid #333;} | |
| .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. *****/
| |
