Difference between revisions of "MediaWiki:Common.css"

From Fate's Harvest
Jump to: navigation, search
 
(51 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 */
/* TO DO: Separate out link/visited/hover colors. Fix More link. Maybe change the .selected a color. */
+
/* 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. */
 
/* Footer text. */
Line 7: Line 12:
 
/* Sidebar customization. */
 
/* Sidebar customization. */
 
div#mw-panel div.portal { padding-bottom: 0; padding-top: 0; }
 
div#mw-panel div.portal { padding-bottom: 0; padding-top: 0; }
div#mw-panel div.portal h3 { font-family: calibri; font-size: 15px; font-weight: bold; color: #5e5e5e; }
+
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: #40667e; }
+
div#mw-panel div.portal div.body ul li a:hover { color: #667e40; }
  
 
/* Removes auto-header at the top of pages. */
 
/* Removes auto-header at the top of pages. */
Line 24: Line 30:
 
#mw-navigation a:link,
 
#mw-navigation a:link,
 
#mw-navigation a:visited { color: #40667e; }
 
#mw-navigation a:visited { color: #40667e; }
 
  
 
a:hover,
 
a:hover,
 
a.text:hover,
 
a.text:hover,
 
a.external:hover,
 
a.external:hover,
#mw-navigation a:hover { color: hotpink; }
+
#mw-navigation a:hover { color: #667e40; }
  
 
#p-personal a:link,
 
#p-personal a:link,
#p-personal a:visited { color: #fffffc };
+
#p-personal a:visited { color: #fffffc; }
#p-personal a:hover { color: lime; }
+
#p-personal a:hover { color: #fcffff; }
 
+
  
 
/* Header background. */
 
/* Header background. */
Line 53: Line 57:
  
 
/* Tab manipulation. */
 
/* Tab manipulation. */
 +
.vectorMenu,
 
#ca-nstab-main,
 
#ca-nstab-main,
 
#ca-nstab-special,
 
#ca-nstab-special,
Line 67: Line 72:
 
#ca-unwatch,
 
#ca-unwatch,
 
#ca-watch,
 
#ca-watch,
 +
#ca-viewsource,
 
#ca-addsection {
 
#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%);
 
     background: linear-gradient(to bottom, rgba(255,255,252,0) 0%, rgba(255,255,252,.5) 20%, rgba(255,255,252,1) 80%);
Line 77: Line 83:
 
}
 
}
  
.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;
}