Difference between revisions of "MediaWiki:Common.css"
From Fate's Harvest
(69 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. */ |
− | + | ||
− | div#mw-panel div.portal h3 { | + | @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:link, | ||
− | div#mw-panel div.portal div.body ul li a:visited | + | 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: | + | div#mw-panel div.portal div.body ul li a:hover { color: #667e40; } |
− | /* .firstHeading {display: none;} | + | /* Removes auto-header at the top of pages. */ |
+ | .firstHeading {display: none;} | ||
− | /* Links. | + | /* Links colors. Hover needs to be AFTER the others. */ |
a:link, | a:link, | ||
− | |||
a:visited, | a:visited, | ||
a.text:link, | a.text:link, | ||
− | |||
a.text:visited, | a.text:visited, | ||
a.external:link, | a.external:link, | ||
− | |||
a.external:visited, | a.external:visited, | ||
#mw-navigation a:link, | #mw-navigation a:link, | ||
− | #mw-navigation a:hover, | + | #mw-navigation a:visited { color: #40667e; } |
− | #mw-navigation a:visited {color: | + | |
+ | 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. */ | /* Header background. */ | ||
Line 31: | Line 45: | ||
} | } | ||
− | /* Full page background | + | /* 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. */ | /* Main content box. */ | ||
.mw-body { | .mw-body { | ||
− | background: | + | background: #fffffc; |
text-align: left; | text-align: left; | ||
} | } | ||
/* Tab manipulation. */ | /* Tab manipulation. */ | ||
+ | .vectorMenu, | ||
#ca-nstab-main, | #ca-nstab-main, | ||
#ca-nstab-special, | #ca-nstab-special, | ||
Line 59: | 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 66: | Line 80: | ||
#ca-move, | #ca-move, | ||
#ca-protect { | #ca-protect { | ||
− | background: | + | background: #fffffc; |
} | } | ||
− | .selected {font-weight: bold;} | + | .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; }