Difference between revisions of "MediaWiki:Common.css"

From SHA2017
Jump to: navigation, search
(full width footer, standard background color.)
(todo stuff)
 
(8 intermediate revisions by one other user not shown)
Line 38: Line 38:
  
 
body {
 
body {
   background-color: #8ec1da;
+
   background-color: #c2dfef;
 
}
 
}
  
Line 52: Line 52:
 
}
 
}
  
 
#mw-head {
 
  background-color: #8ec1da;
 
}
 
  
 
@keyframes animatedBackground {
 
@keyframes animatedBackground {
Line 62: Line 58:
 
}
 
}
  
#footer {  
+
#mw-head {  
 +
        background-color: #91c1dd;
 
background-image: url('images/b/b8/Bg-clouds.png');
 
background-image: url('images/b/b8/Bg-clouds.png');
 
background-position: 0px 0px;
 
background-position: 0px 0px;
 
background-repeat: repeat-x;
 
background-repeat: repeat-x;
animation: animatedBackground 40s linear infinite;
+
animation: animatedBackground 80s linear infinite;
 
         margin-left: 0em !important;
 
         margin-left: 0em !important;
 
}
 
}
Line 101: Line 98:
 
padding-top: 5px;
 
padding-top: 5px;
 
font-size: 16px;
 
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%
 
}
 
}

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