Difference between revisions of "MediaWiki:Common.css"

Revision as of 22:00, 4 November 2015

/* 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. */

/* 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,
div#mw-panel div.portal div.body ul li a:hover { color: #40667e; }

/* 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: hotpink; }

#p-cactions a:link,
#p-cactions a:visited,
#p-personal a:link,
#p-personal a:visited { color: #fffffc };
##p-cactions a:hover,
#p-personal a:hover { color: lime; }


/* 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. */
#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-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;}