Difference between revisions of "MediaWiki:Common.css"
From SHA2017
(todo stuff) |
|||
(22 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-image: url('/images/5/52/Shawiki.png') !important; | 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, user information boxes on mouse over. */ | ||
− | .mentioneduser | + | .mentioneduser a { |
position: relative; | position: relative; | ||
} | } | ||
− | .mentioneduser | + | .mentioneduser a span {display: none; z-index: 1000;} |
− | .mentioneduser | + | .mentioneduser a:hover span { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 25: | Line 35: | ||
border: 1px solid silver; | border: 1px solid silver; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #c2dfef; | ||
} | } | ||
.mentioneduser a:hover { | .mentioneduser a:hover { | ||
text-decoration: none; | 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% | ||
} | } |
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% }