MediaWiki:Common.css

From FOnline: Reloaded Wiki
Revision as of 06:20, 25 December 2020 by Henry (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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%;
  }
}