MediaWiki:Common.css

From SHA2017
Revision as of 11:25, 8 January 2017 by Stitch (talk | contribs)

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;
}

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

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


#mw-head {
  background-color: #8ec1da;
}

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

#footer { 
	background-image: url('images/b/b8/Bg-clouds.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 40s linear infinite;
}


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