Difference between revisions of "MediaWiki:Common.css"

From Fate's Harvest
Jump to: navigation, search
 
(101 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: .portal link and heading colors; footer colors; More text color. */
+
/* Special pages get a gap between header and content due to empty nav menu. Need to fix that. */
  
/* This is where I am testing panel link/text color. */
+
/* Fonts... Hopefully. */
.portal a {color:hotpink; text-decoration:none;}
+
div#mw-panel a:hover {color: lime;} /* Works for footer links. */
+
body.mediawiki {color: white;}
+
  
/*.firstHeading {color: purple;}  If we wanted to remove the display of the first heading, this is the place that'd happen. */
+
@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');
  
/* Links. This is all working as it should. */
+
 
 +
/* 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:link,
a:hover,
 
 
a:visited,
 
a:visited,
 
a.text:link,
 
a.text:link,
a.text:hover,
 
 
a.text:visited,
 
a.text:visited,
 
a.external:link,
 
a.external:link,
a.external:hover,
 
 
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: hotpink;}
+
 
 +
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 28: Line 45:
 
}
 
}
  
/* Full page background. Does not respect color tag. */
+
/* 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);
    color: lime; /* Don't think this is doing anything either. */
 
 
}
 
}
 
  
 
/* Main content box. */
 
/* Main content box. */
 
.mw-body {
 
.mw-body {
     background: white;
+
     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 56: Line 72:
 
#ca-unwatch,
 
#ca-unwatch,
 
#ca-watch,
 
#ca-watch,
 +
#ca-viewsource,
 
#ca-addsection {
 
#ca-addsection {
     background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 20%, rgba(255,255,255,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 63: Line 80:
 
#ca-move,
 
#ca-move,
 
#ca-protect {
 
#ca-protect {
     background: white;
+
     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;
}