Difference between revisions of "MediaWiki:Common.css"
From Fate's Harvest
| (224 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | /* | + | /* Special pages get a gap between header and content due to empty nav menu. Need to fix that. */ |
| + | /* Fonts... Hopefully. */ | ||
| + | |||
| + | @import url('https://fonts.googleapis.com/css?family=Crafty+Girls|Special+Elite|Montez|Rock+Salt|Open+Sans|Ruthie|Cinzel+Decorative|Copse|Dancing+Script|Uncial+Antiqua|Aclonica|Amarante|Amita|Alegreya|Alegreya+SC|Alegreya+Sans|Alegreya+Sans+SC|Amatic+SC|Belleza|Berkshire+Swash|Macondo|Philosopher|Sacramento|Tangerine|Yanone+Kaffeesatz|Macondo+Swash+Caps|Mystery+Quest'); | ||
| + | |||
| + | |||
| + | /* Footer text. */ | ||
| + | div#footer ul li { color: #5e5e5e; } | ||
| + | |||
| + | /* Sidebar customization. */ | ||
| + | div#mw-panel div.portal { padding-bottom: 0; padding-top: 0; } | ||
| + | div#mw-panel div.portal h5 { padding: 0; padding-top: 0; } | ||
| + | div#mw-panel div.portal h3 { font-family: calibri; font-size: 15px; font-weight: bold; color: #5e5e5e; padding: 0; padding-top: 0; } | ||
| + | div#mw-panel div.portal div.body ul li a:link, | ||
| + | div#mw-panel div.portal div.body ul li a:visited { color: #40667e; } | ||
| + | div#mw-panel div.portal div.body ul li a:hover { color: #667e40; } | ||
| + | |||
| + | /* Removes auto-header at the top of pages. */ | ||
| + | .firstHeading {display: none;} | ||
| + | |||
| + | /* Links colors. Hover needs to be AFTER the others. */ | ||
| + | a:link, | ||
| + | a:visited, | ||
| + | a.text:link, | ||
| + | a.text:visited, | ||
| + | a.external:link, | ||
| + | a.external:visited, | ||
| + | #mw-navigation a:link, | ||
| + | #mw-navigation a:visited { color: #40667e; } | ||
| + | |||
| + | a:hover, | ||
| + | a.text:hover, | ||
| + | a.external:hover, | ||
| + | #mw-navigation a:hover { color: #667e40; } | ||
| + | |||
| + | #p-personal a:link, | ||
| + | #p-personal a:visited { color: #fffffc; } | ||
| + | #p-personal a:hover { color: #fcffff; } | ||
| + | |||
| + | /* Header background. */ | ||
#mw-head { | #mw-head { | ||
| − | |||
background-image: url("http://fatesharvest.com/wiki/images/b/be/TamarackHeader.png"); | background-image: url("http://fatesharvest.com/wiki/images/b/be/TamarackHeader.png"); | ||
} | } | ||
| + | /* Full page background. */ | ||
body { | body { | ||
| − | |||
background: linear-gradient(to bottom, #000000, rgba(0,19,3,1), #000000); | background: linear-gradient(to bottom, #000000, rgba(0,19,3,1), #000000); | ||
| − | |||
} | } | ||
| + | /* Main content box. */ | ||
.mw-body { | .mw-body { | ||
| − | background: | + | background: #fffffc; |
text-align: left; | text-align: left; | ||
} | } | ||
| + | /* Tab manipulation. */ | ||
| + | .vectorMenu, | ||
#ca-nstab-main, | #ca-nstab-main, | ||
#ca-nstab-special, | #ca-nstab-special, | ||
| Line 25: | Line 65: | ||
#ca-nstab-template, | #ca-nstab-template, | ||
#ca-nstab-file, | #ca-nstab-file, | ||
| + | #ca-nstab-project, | ||
#ca-talk, | #ca-talk, | ||
#ca-view, | #ca-view, | ||
| Line 31: | Line 72: | ||
#ca-unwatch, | #ca-unwatch, | ||
#ca-watch, | #ca-watch, | ||
| + | #ca-viewsource, | ||
#ca-addsection { | #ca-addsection { | ||
| − | background: linear-gradient(to bottom, rgba(255,255, | + | background: linear-gradient(to bottom, rgba(255,255,252,0) 0%, rgba(255,255,252,.5) 20%, rgba(255,255,252,1) 80%); |
} | } | ||
| Line 38: | Line 80: | ||
#ca-move, | #ca-move, | ||
#ca-protect { | #ca-protect { | ||
| − | background: | + | background: #fffffc; |
} | } | ||
| − | .selected { | + | .selected { font-weight: bold; } |
| − | + | ||
| + | #mw-page-base { | ||
| + | height: 4em; | ||
} | } | ||
Latest revision as of 16:17, 18 June 2019
/* CSS placed here will be applied to all skins */
/* Special pages get a gap between header and content due to empty nav menu. Need to fix that. */
/* Fonts... Hopefully. */
@import url('https://fonts.googleapis.com/css?family=Crafty+Girls|Special+Elite|Montez|Rock+Salt|Open+Sans|Ruthie|Cinzel+Decorative|Copse|Dancing+Script|Uncial+Antiqua|Aclonica|Amarante|Amita|Alegreya|Alegreya+SC|Alegreya+Sans|Alegreya+Sans+SC|Amatic+SC|Belleza|Berkshire+Swash|Macondo|Philosopher|Sacramento|Tangerine|Yanone+Kaffeesatz|Macondo+Swash+Caps|Mystery+Quest');
/* Footer text. */
div#footer ul li { color: #5e5e5e; }
/* Sidebar customization. */
div#mw-panel div.portal { padding-bottom: 0; padding-top: 0; }
div#mw-panel div.portal h5 { padding: 0; padding-top: 0; }
div#mw-panel div.portal h3 { font-family: calibri; font-size: 15px; font-weight: bold; color: #5e5e5e; padding: 0; padding-top: 0; }
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited { color: #40667e; }
div#mw-panel div.portal div.body ul li a:hover { color: #667e40; }
/* Removes auto-header at the top of pages. */
.firstHeading {display: none;}
/* Links colors. Hover needs to be AFTER the others. */
a:link,
a:visited,
a.text:link,
a.text:visited,
a.external:link,
a.external:visited,
#mw-navigation a:link,
#mw-navigation a:visited { color: #40667e; }
a:hover,
a.text:hover,
a.external:hover,
#mw-navigation a:hover { color: #667e40; }
#p-personal a:link,
#p-personal a:visited { color: #fffffc; }
#p-personal a:hover { color: #fcffff; }
/* Header background. */
#mw-head {
background-image: url("http://fatesharvest.com/wiki/images/b/be/TamarackHeader.png");
}
/* Full page background. */
body {
background: linear-gradient(to bottom, #000000, rgba(0,19,3,1), #000000);
}
/* Main content box. */
.mw-body {
background: #fffffc;
text-align: left;
}
/* Tab manipulation. */
.vectorMenu,
#ca-nstab-main,
#ca-nstab-special,
#ca-nstab-mediawiki,
#ca-nstab-user,
#ca-nstab-category,
#ca-nstab-template,
#ca-nstab-file,
#ca-nstab-project,
#ca-talk,
#ca-view,
#ca-edit,
#ca-history,
#ca-unwatch,
#ca-watch,
#ca-viewsource,
#ca-addsection {
background: linear-gradient(to bottom, rgba(255,255,252,0) 0%, rgba(255,255,252,.5) 20%, rgba(255,255,252,1) 80%);
}
#ca-delete,
#ca-move,
#ca-protect {
background: #fffffc;
}
.selected { font-weight: bold; }
#mw-page-base {
height: 4em;
}