MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(34 intermediate revisions by the same user not shown) | |||
Line 11: | Line 11: | ||
width:100%; | width:100%; | ||
height:600px; | height:600px; | ||
overflow:hidden; | |||
} | } | ||
Line 28: | Line 29: | ||
.wrapper { | .wrapper { | ||
position: | position: relative; | ||
top: 100%; | top: 100%; | ||
left: 50%; | left: 50%; | ||
width: 600px; | width: 600px; | ||
margin-left: - | margin-left: -300px; | ||
font: 300 30px/1 'Open Sans Condensed', sans-serif; | font: 300 30px/1 'Open Sans Condensed', sans-serif; | ||
text-align: center; | text-align: center; | ||
/text-transform: uppercase; | /text-transform: uppercase; | ||
/color: #fff; | /color: #fff; | ||
animation: | animation: 30s credits linear 2; | ||
} | } | ||
Line 46: | Line 47: | ||
} | } | ||
. | .desc { | ||
margin-bottom: 50px; | |||
font-size: 14px; | |||
} | |||
.name { | |||
margin-bottom: 5px; | margin-bottom: 5px; | ||
font-size: 18px; | font-size: 18px; | ||
} | } | ||
. | .job { | ||
margin-bottom: | margin-bottom: 10px; | ||
font-size: 35px; | font-size: 35px; | ||
} | } | ||
Line 58: | Line 64: | ||
@keyframes credits { | @keyframes credits { | ||
0% { | 0% { | ||
top: | top: 100%; | ||
} | } | ||
100% { | 100% { | ||
top: - | top: -300%; | ||
} | } | ||
} | } |
Latest revision as of 06:20, 25 December 2020
/* CSS placed here will be applied to all skins */ /* CSS Movie Credits * * Original version found at: http://codepen.io/reejosamuel/pen/ALjcr * current version crafted together by [[User:Christharp]] to work inside Mediawiki.. */ .sealoff { postion:relative; width:100%; height:600px; overflow:hidden; } @import "compass/css3"; @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 50%; } .wrapper { position: relative; top: 100%; left: 50%; width: 600px; margin-left: -300px; font: 300 30px/1 'Open Sans Condensed', sans-serif; text-align: center; /text-transform: uppercase; /color: #fff; animation: 30s credits linear 2; } .game { font-weight: bold margin-bottom: 50px; font-size: 50px; } .desc { margin-bottom: 50px; font-size: 14px; } .name { margin-bottom: 5px; font-size: 18px; } .job { margin-bottom: 10px; font-size: 35px; } @keyframes credits { 0% { top: 100%; } 100% { top: -300%; } }