MediaWiki:Common.css: Difference between revisions

From FOnline: Reloaded Wiki
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: absolute;
   position: relative;
   top: 100%;
   top: 100%;
   left: 50%;
   left: 50%;
   width: 600px;
   width: 600px;
   margin-left: -350px;
   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: 60s credits linear infinite;
   animation: 30s credits linear 2;
}
}


Line 46: Line 47:
}
}


.job {
.desc {
  margin-bottom: 50px;
  font-size: 14px;
}
 
.name {
   margin-bottom: 5px;
   margin-bottom: 5px;
   font-size: 18px;
   font-size: 18px;
}
}


.name {
.job {
   margin-bottom: 50px;
   margin-bottom: 10px;
   font-size: 35px;
   font-size: 35px;
}
}
Line 58: Line 64:
@keyframes credits {
@keyframes credits {
   0% {
   0% {
     top: 85%;
     top: 100%;
   }
   }
   100% {
   100% {
     top: -100%;
     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%;
  }
}