MediaWiki:Vector.css: Difference between revisions

From Screamer Wiki
Jump to: navigation, search
(Undo revision 105903 by Screamer1234 (talk))
Tag: Undo
(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
 
(241 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Basic elements */
/* CSS placed here will affect users of the Vector skin */
body, #mw-head, #mw-page-base, #mw-head-base {background-color:#333;background-image:none!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:black;}
/* Content and footer */
.mw-footer {background-color:#333;padding-bottom:45px;border-bottom-left-radius:0.2em;border:1px solid black;}
#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-top: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, #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.2em;border-top-left-radius:0.2em;border-bottom-right-radius:0.05em;border-bottom-left-radius:0.05em;margin-top:1px;line-height:3.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 black;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 black;border-radius:0.2em;}


/* Non-core framework for theme integration */
/* DO NOT add CSS for DarkVector here. */
/* Login buttons, sitenotice boxes */
@font-face {
#pt-logout, #pt-createaccount, #pt-login {background-color:333;padding:0 4px 3px 4px;margin-top:2px;border-radius:0.2em;border:1px solid #e87057;}
  font-family: "Rubik";
#siteNotice {margin-top:-5px;margin-bottom:5px;}
  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


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


a[href="/wiki/User:Screamer1234"]  { color:cyan !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;
  font-style: italic;
}


a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !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: bold;
a[href="/wiki/User:Sump"]  { color:cyan !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. *****/
body, .mw-headline {
 
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
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;
}