MediaWiki:Common.css: Difference between revisions

From FOnline: Reloaded Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 6: Line 6:
  * current version crafted together by [[User:Christharp]] to work inside Mediawiki..
  * current version crafted together by [[User:Christharp]] to work inside Mediawiki..
  */
  */
.sealoff {
.sealoff {
postion:relative;
postion:relative;
Line 14: Line 15:


@import "compass/css3";
@import "compass/css3";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);


* {
* {
Line 22: Line 25:


html, body {
html, body {
   height: 100%;
   height: 50%;
}
}


.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 44: 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 56: 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%;
  }
}