Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 15:10, 27 May 2017

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

.todo-image {
display:inline-block;
font-size:40px;
height:60px;
margin-right:10px;
text-align:center;
vertical-align:middle;
width:60px
}

.todo-text {
display:inline-block;
line-height:1;
vertical-align:middle;
width:80%
}