Difference between revisions of "MediaWiki:Common.css"

From Fate's Harvest
Jump to: navigation, search
 
(255 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: linear-gradient(to bottom, #C3D7C3, rgba(255,0,0,0));
 
 
     background-image: url("http://fatesharvest.com/wiki/images/b/be/TamarackHeader.png");
 
     background-image: url("http://fatesharvest.com/wiki/images/b/be/TamarackHeader.png");
    color: white;
 
 
}
 
}
  
 +
/* Full page background. */
 
body {
 
body {
    background-image: url("http://fatesharvest.com/wiki/images/0/0c/TextureTest.png");
+
     background: linear-gradient(to bottom, #000000, rgba(0,19,3,1), #000000);
     background: linear-gradient(to top, rgba(0,19,3,0), #000000, rgba(0,19,3,0));
+
    color: white;
+
 
}
 
}
  
 +
/* Main content box. */
 
.mw-body {
 
.mw-body {
     background: linear-gradient(to bottom, rgba(231,239,231,.5), #C3D7C3);
+
     background: #fffffc;
 
     text-align: left;
 
     text-align: left;
    color: white;
 
 
}
 
}
  
 +
/* Tab manipulation. */
 +
.vectorMenu,
 
#ca-nstab-main,
 
#ca-nstab-main,
 
#ca-nstab-special,
 
#ca-nstab-special,
Line 26: 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 32: Line 72:
 
#ca-unwatch,
 
#ca-unwatch,
 
#ca-watch,
 
#ca-watch,
 +
#ca-viewsource,
 
#ca-addsection {
 
#ca-addsection {
     background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,19,3,.5));
+
     background: linear-gradient(to bottom, rgba(255,255,252,0) 0%, rgba(255,255,252,.5) 20%, rgba(255,255,252,1) 80%);
 
}
 
}
  
Line 39: Line 80:
 
#ca-move,
 
#ca-move,
 
#ca-protect {
 
#ca-protect {
     background: rgba(231,239,231,.5);
+
     background: #fffffc;
    color: white;
+
 
}
 
}
  
.selected {
+
.selected { font-weight: bold; }
    font-weight: bold;
+
 
     color: white;
+
#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;
}