MediaWiki:Vector.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */
/* Design by @floramisa/User:Misa, CSS by @itinerare/User:Mercs */
/* adjusting the twitter widget */
#twitter-widget-0 {
margin: 0 auto !important;
position: relative !important;
visibility: visible !important;
display: block !important;
width: 97% !important;
padding: 0px !important;
border: none !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* colour bits */
body {background-color: #786c69;
}
/* main body colour */
.mw-wiki-logo, .mw-body {
background-color: #fefcf6;
}
.mw-body {
border: 0 #fefcf6 !important;
}
/* sidebar colour */
/* #mw-panel {background-color: #786c69;} */
.mc-container {
background-color: #efece4;
}
/* tab colour */
.vectorTabs .selected {background-color: #a59a8b !important;}
.vectorTabs ul li {background-color: #787269 !important;}
/* link colours */
div.vectorTabs li a {color: #fefcf6 !important;}
div.vectorTabs li.new a {color: #dcd7c9 !important;}
/* personal header links */
#p-personal a.new, #p-personal a {color: #6ba057 !important;}
#p-personal a.new:hover, #p-personal a:hover {color: #b4daa4 !important;}
/* FONT COLOURS, ETC. */
/* main */
.mw-body .firstHeading {font: normal 25pt;
font-family: 'Delius', cursive !important;
color:#494340;
font-weight:bold;
}
h2, h3, h4, .infobox caption {
font-family: 'Delius', cursive !important;
color:#494340;
}
.infobox caption {
font-size:20px;
}
html, body {font-family: Arial !important;
color:#494340;
}
#content i, #content em {color: inherit;}
#content b, #content strong {color: inherit;}
#content u {color: inherit;}
/* external link */
.mw-body a.external {color: #aa9893 !important;}
/* internal link */
#content a {color: #6ba057;}
#content a:hover {color: #b4daa4;}
/*internal link to new page */
#content a.new {color: #ea94b3;}
#content a.new:hover {color: #f9c7d9;}
/* sidebar */
#mw-panel h3 {color: #f6f4ee !important;font-family: 'Delius', cursive !important;font-size:20px !important;}
#mw-panel a {color: #dfdbd7 !important;}
#mw-panel a:hover {color: #f6f4ee !important;}
/* footer */
#footer #footer-info li {color: #787269 !important;}
#footer #footer-info li a {color: #a59a8b !important;}
body.ltr #footer #footer-places a {color: #6ba057 !important;}
body.ltr #footer #footer-places a:hover {color: #b4daa4 !important;}
/* adjusting cool greys around the place */
.infobox {
background-color:#fefcf6;
border-color:#dcd7c9;
}
.wikitable {
background-color:#fefcf6 !important;
border-color:#dcd7c9 !important;
}
#catlinks, .thumb, .gallery .thumb, #toc, .toc {
background-color:#efece4 !important;
border-color:#dcd7c9 !important;
}
/* Navbox Colours */
.navbox th,
.navbox-title {
background: #786c69; /* Level 1 color */
color:#fefcf6;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #efece4; /* Level 2 color */
color:#494340;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow, .navbox-even {
background: #fefcf6; /* Level 3 color */
}
/* frontpage boxes */
.mainpage-box {
min-width:200px;
max-width:80%;
height:100%;
border: 3px solid #a59a8b;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
display: inline-block;
}
.mainpage-box h1, #fit-to-print h1 {
font-family:'Delius', cursive !important;
border-bottom: 0 transparent;
margin-left:5px;
top:-20px;
position:relative;
}
#box-link-container {
width:40vw;
overflow:scroll;
}
.main-box-link {
display: inline-block;
background-color:#dcd7c9;
margin-left:5px;
margin-bottom:10px;
height:100px;
width:5.1vw !important;
max-width:100px;
font-family:'Delius', cursive !important;
text-align:center;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
overflow:hidden;
}
.main-box-link span {
position:relative;
top:15px;
font-size:1.1vw;
font-weight:bold;
overflow:scroll;
}
#mw-page-base {
background-image: url();
background-color: transparent;
}
/* Width Rituals */
/* set max width */
.mc-container{
position: relative;
margin-left: auto !important;
max-width:100%;
width:87.64%;
}
#content.mw-body,#mw-head,#footer
{
margin-left: auto !important;
width:97% !important;
}
#content {
min-height:80%;
}
/** fix the position of:
personal user menu
search bar
the pop-up indicator of language selector
search suggestions
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.imeselector { position: fixed; }
.suggestions { right: 3pt !important; }
/* round the logo */
.mw-wiki-logo {
margin-top:20px;
-moz-border-radius: 100px !important;
-webkit-border-radius: 100px !important;
border-radius: 100px !important;
margin-left:3%;
width:8vw !important;
padding:20px;
padding-top: 100%;
height:0 !important;
}
#p-logo {
}
#mw-panel #p-logo + .portal {
margin-top: 80px !important;
margin-left:0px !important;
}
/* Making the nav tabs look nice */
#p-namespaces.vectorTabs {
margin-left:30px;
}
.vectorTabs .selected, .vectorTabs ul {
background-image: url() !important;
}
#ca-nstab-special, #ca-view, #ca-talk, #ca-nstab-mediawiki, #ca-nstab-user, #ca-nstab-main, #ca-nstab-template, #ca-nstab-category, #ca-edit, #ca-ve-edit, #ca-history, #ca-addsection, #ca-nstab-project, #ca-viewsource, #ca-nstab-widget, #ca-nstab-image {
width:125px;
margin-right:15px;
}
/* rounding tab corners */
#p-views.vectorTabs, #p-namespaces.vectorTabs, #ca-nstab-special, #ca-view, #ca-talk, #ca-nstab-mediawiki, #ca-nstab-user, #ca-nstab-main, #ca-nstab-template, #ca-nstab-category, #ca-edit, #ca-ve-edit, #ca-history, #ca-addsection, #ca-watch.icon.mw-watchlink, #ca-unwatch, #ca-nstab-project, #ca-viewsource, #ca-nstab-widget, #ca-nstab-image {
-moz-border-radius: 5px 5px 0px 0px !important;
-webkit-border-radius: 5px 5px 0px 0px !important;
border-radius: 5px 5px 0px 0px !important;
margin-top:6px;
max-height:26px;
}
.vectorTabs span {
font-family:Arial;
font-weight:bold;
position:relative;
bottom:10px;
}
.vectorTabs, .vectorTabs span, .vectorTabs ul li, #mw-head .vectorMenu h3 {
background-image: url() !important;
border: 0 transparent !important;
}