MediaWiki:Common.css

From SHA2017
Revision as of 16:32, 2 February 2017 by Stitch (talk | contribs) (removed the ugly text shadow)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins . LOLHAX */
.mw-wiki-logo {
    background-image: url('/images/5/52/Shawiki.png') !important;
}

.fivecolumns
{
-moz-column-count:5;
-moz-column-gap:20px;
-webkit-column-count:5;
-webkit-column-gap:20px;
column-count:5;
column-gap:20px;
}

/* Mentioneduser, user information boxes on mouse over. */
.mentioneduser a {
position: relative;
}

.mentioneduser a span {display: none; z-index: 1000;}

.mentioneduser a:hover span {
display: block;
position: absolute; 
top: 5px; 
left: -50%; 
width: 200px;
padding: 5px; 
margin: 10px; 
z-index: 1000;
color: #AAA; 
background: white;
font: 10px Verdana, sans-serif; 
border: 1px solid silver;
text-decoration: none;
}

body {
   background-color: #c2dfef;
}

.mentioneduser a:hover {
    text-decoration: none;
}

input,
textarea,
select,
button {
  color: black;
}


@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

#mw-head { 
        background-color: #91c1dd;
	background-image: url('images/b/b8/Bg-clouds.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 80s linear infinite;
        margin-left: 0em !important;
}


/* the countdown clock on the front page of the wiki. See common.js for the script. */
#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
        margin-left: 10px;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
        width:50px;
        height:50px;
}

.clocksmalltext{
	padding-top: 5px;
	font-size: 16px;
}


div#mw-panel div.portal div.body ul li a {
     color: black;
}

.mw-body-content {
    min-height: 750px;
}


@font-face {
    font-family: 'robotoblack';
    src: url('/design/font/roboto_black/Roboto-Black-webfont.eot');
    src: url('/design/font/roboto_black/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/design/font/roboto_black/Roboto-Black-webfont.woff') format('woff'),
         url('/design/font/roboto_black/Roboto-Black-webfont.ttf') format('truetype'),
         url('/design/font/roboto_black/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('/design/font/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('/design/font/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/design/font/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('/design/font/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/design/font/roboto_regular/Roboto-Regular-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'robotoregular';
}

h1, h2, h3, h4 {
    font-family: 'robotoblack' !important;
}