MediaWiki:Common.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 be applied to all skins */
/* Google Fonts @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville%7COvo');
/* =========== ANY AND ALL COLORS =============== */
/* Default Colors */ a, a:visited, a:visited { color: #fdfdfd !important; }
/* ----------- Top Colors -------------------------- */ /* links */ .vectorTabs li a, .vectorTabs li a:visited, .vectorTabs li a:active,
- jfatitle a,
- jfatitle a:visited,
- jfatitle a:visited,
.vectorMenu h3 span { color: #fdfdfd !important; }
.vectorMenu .menu { background-color: #7a7a7a !important; }
/* .ns-special #simpleSearch, */
- simpleSearch input {
background-color: #f0f0f0 !important; }
/* ----------- Side Colors -------------------------- */ /* links */
- mw-panel .portal .body li a,
- mw-panel .portal .body li a:visited,
- mw-panel .portal .body li a:active {
color: #762c80 !important; }
/* ----------- Content Colors -------------------------- */
- jfatitle a,
- firstHeading,
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { font-family: "Libre+Baskerville", serif; /* color: #5a7c9f; legacy blue */ color: #537c63; /* green */ }
div#content .mw-parser-output h3 { border-bottom: 1px solid #9f501e; }
/* links */
- content a,
- content a:visited,
- content a:active {
color: #762c80 !important; }
/* content border */ .mw-body { border: 0px solid #d66b28 !important; /* orange */ }
/* ___________End Colors _____________ */
/* magnify most everything */ body { font-size: 130%; max-width: 1100px; font-family: "Ovo", sans-serif; }
div#content .mw-parser-output span h3 { border: 0; }
/* universals */ .mw-body h1 { font-size: 1.5em; }
/* TOP................................ */
/* title is creates in common.js */
- jfatitle {
position: absolute; top: 26px; left: 220px; z-index: 1000; font-size: 15px; color: #333; }
- jfatitle a, a:visited {
color: #333; }
@media screen and (min-width: 800px) { #jfatitle { font-size: 22px; top: 16px; left: 235px; } }
/* close the gap between the two rows of menus */
- right-navigation {
margin-top: .7em; }
/* set the top background color */
#mw-head, #left-navigation, #right-navigation {
/* background-color: #eaeaea; gray*/ /*background-color: #eac2b4; orange */ background-color: #7a7a7a; /* dark gray */ }
/* put a border on the bottom of the header */
- mw-head {
border-bottom: 3px solid #d66b28; /* orange */ }
/* resize the very top right personal menu */
- p-personal {
font-size: .9em; }
/* size and reposition top tabs */ .vectorTabs, .vectorMenu { font-size: .8em; margin-top: 1em; }
.ns-special .vectorTabs { margin-top: .8em; }
/* size and reposition the search box */
- simpleSearch {
font-size: .8em; margin-top: 1.6em; }
.ns-special #simpleSearch { margin-bottom: .3em; }
/* take the ancient gradients off some of the top tabs */ .vectorTabs li.selected, .vectorTabs ul li, .vectorTabs span, .vectorTabs ul, .vectorTabs,
- mw-head .vectorMenu h3
{ background-image: none; }
/* bring top left navagation back up */
- left-navigation {
margin-top: .7em; }
/* SIDEBAR............................ */
/* hide the sidebar logo */
- p-logo a {
/* display:none; */ }
/* set the sidebar backgroundcolor */ body, #mw-page-base { /* background-color: #dae7df; green */ /* background-color: #eaeaea; gray */ /* background-color: #e8eadc; gray green */ background-color: #e4ece7; /* light green */ }
- mw-page-base {
background-image: none; }
/* why did the theme hide the top header "sections"? */
- mw-panel #p-logo + .portal h3 {
display: block; }
/* CONTENT.................................. */
- content {
margin-top: -30px; background-color: #f7f7f7; }
- content a, #content a:visited {
color: #0b0080; }
/* TEMPLATES....................................*/ .jfaredflag { color: red; }
.jfanote { margin-bottom: 16px; margin-top: 16px; padding-right: 10px; padding-left: 14px; font-size: .8em; border-left: 1px solid gray; color: #98582a; }
.jfastart, .jfaoutline-head, .jfaclipboard-head { margin-bottom:0px; margin-top: 0px; padding-right: 0px; padding-left: 0px; font-size: .8em; }
