Changes

Jump to navigation Jump to search
3,144 bytes added ,  17:47, 9 September 2021
no edit summary
Line 24: Line 24:  
   font-weight: 400;
 
   font-weight: 400;
 
   font-style: normal;
 
   font-style: normal;
   background-color: white;
+
   background-color: ##f1f1f1;
 
   /* background-image: url(https://labxwiki.s3.amazonaws.com/common/thumb/Background-temp-2.png/1600px-Background-temp-2.png); */
 
   /* background-image: url(https://labxwiki.s3.amazonaws.com/common/thumb/Background-temp-2.png/1600px-Background-temp-2.png); */
background-image: url(https://d2w9rnfcy7mm78.cloudfront.net/12168207/original_451377e6bf71f18de13dabbc7d064c96.png);
+
/* background-image: url(https://d2w9rnfcy7mm78.cloudfront.net/12168207/original_451377e6bf71f18de13dabbc7d064c96.png); */
 
   background-position:center top;
 
   background-position:center top;
 
   background-repeat: repeat-y;
 
   background-repeat: repeat-y;
Line 32: Line 32:  
   background-size: cover;
 
   background-size: cover;
 
}
 
}
 +
       
/* Mainpage */
 
/* Mainpage */
 +
/* hide title */
 +
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
 +
  display: none;
 +
}
 +
 +
.largetext{
 +
  font-size:2em;
 +
  text-align:center;
 +
  font-family:'Averia Serif Libre'
 +
}
 +
 
.mp-main-container{
 
.mp-main-container{
   width:80%;
+
   width:85%;
 
   display:flex;
 
   display:flex;
 
   justify-content:space-between;
 
   justify-content:space-between;
 
   margin-left:auto;
 
   margin-left:auto;
 
   margin-right:auto;
 
   margin-right:auto;
   margin-bottom:2em;
+
   margin-bottom:1%;
   margin-top:2em
+
   margin-top:1%
 
}
 
}
   −
.mp-main-container a{
+
.mp-flex-box{
  color:initial;
+
display:flex;
  text-decoration:underline}
+
flex-direction:column;
 +
width:49%;
 +
 
 +
}
 +
 
 +
#about-container{
 +
width:100%;
 +
height:100%;
 +
 
 +
}
 +
 
 +
#categories-container{
 +
width:70%;
 +
display:block;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:2%;
 +
}
 +
 
 +
#fe-container{
 +
width:100%;
 +
 
 +
}
 +
 
 +
#fc-container{
 +
width:80%;
 +
display:block;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
 
 +
 
    
.mp-item-box{
 
.mp-item-box{
Line 61: Line 104:  
   font-weight:400;
 
   font-weight:400;
 
}
 
}
 +
 +
.mp-category{
 +
  text-align:center;
 +
  font-size:0.75em;
 +
}
 +
 +
 +
.fc-text{
 +
  text-align:center;
 +
}
 +
 +
.fc-text a {}
 +
 +
.fc-text a:hover {}
 +
 +
.fc-grid{
 +
  display: grid;
 +
  justify-items:center;
 +
  align-items:center;
 +
justify-content: center;
 +
  width:100%;
 +
  row-gap:0px;
 +
  column-gap:1px;
 +
  grid-template-columns: repeat(auto-fill, 220px);
 +
  margin-bottom:5%;
 +
 +
}
 +
 +
.fc-grid>* {
 +
  width: 220px;
 +
  height:300px;
 +
  text-align:center;
 +
  border-radius:10px;
 +
  border:1px grey solid;
 +
}
 +
 +
.mp-category-grid{
 +
  display: grid;
 +
  justify-items:center;
 +
  align-items:center;
 +
justify-content: center;
 +
  width:100%;
 +
  row-gap:0px;
 +
  column-gap:1px;
 +
  grid-template-columns: repeat(auto-fill, 100px);
 +
 +
}
 +
 +
.mp-category-grid>* {
 +
  width: 100px;
 +
  height: 160px;
 +
  text-align:center;
 +
  border-radius:10px;
 +
  border:1px grey solid;
 +
}
 +
 +
 +
.fc-img img{
 +
    max-width:100%;
 +
    position: absolute;
 +
    left: -100%;
 +
    right: -100%;
 +
    top: -100%;
 +
    bottom: -100%;
 +
    margin: auto;
 +
    height: auto;
 +
    width: auto;
 +
}
 +
 +
.fc-img{
 +
margin-bottom:2em;
 +
text-align:center;
 +
width:200px;
 +
min-height: 200px;
 +
max-height: 200px;
 +
margin-top:1em;
 +
margin-left:auto;
 +
margin-right:auto;
 +
position:relative;
 +
overflow:hidden;
 +
border-radius:10px;
 +
  box-shadow:2px 2px 4px rgba(0,0,0,0.3);
 +
}
 +
 +
 +
 +
.fe-img img{
 +
  max-height:400px;
 +
  width:auto;
 +
 +
}
 +
 +
.fe-img{
 +
  height:80%
 +
}
 +
 +
 +
.mp-character-img img{
 +
  max-width:100%;
 +
  height:auto;
 +
  margin: auto;
 +
  display: block;
 +
}
 +
 +
#randompage{
 +
width:100%;
 +
margin-top:2%;
 +
 +
}
 +
    
/* Navigations */
 
/* Navigations */
Line 126: Line 279:  
}
 
}
   −
/* Homepage */
  −
/* Featured Characters */
  −
.fc-img img{
  −
  border-radius:5px;
  −
  box-shadow: 5px 5px #888888;
  −
}
  −
  −
.fe-img img{
  −
  width:80%;
  −
  height:auto;
  −
}
      
/* Quote boxes */
 
/* Quote boxes */
Line 624: Line 766:  
.compact-ambox .hide-when-compact {
 
.compact-ambox .hide-when-compact {
 
display: none;
 
display: none;
 +
}
 +
 +
/* Text Age Coloration */
 +
@keyframes transition1 {
 +
  from {color: black;}
 +
  to {color: #efefef;}
 +
}
 +
@keyframes transition2 {
 +
  from {color: black;}
 +
  to {color: #d9d9d9;}
 +
}
 +
@keyframes transition3 {
 +
  from {color: black;}
 +
  to {color: #cccccc;}
 +
}
 +
@keyframes transition4 {
 +
  from {color: black;}
 +
  to {color: #b7b7b7;}
 +
}
 +
@keyframes transition5 {
 +
  from {color: black;}
 +
  to {color: #999999;}
 +
}
 +
@keyframes transition6 {
 +
  from {color: black;}
 +
  to {color: #666666;}
 +
}
 +
@keyframes transition7 {
 +
  from {color: black;}
 +
  to {color: #333333;}
 +
}
 +
 +
.cycle1{
 +
  color: #efefef;
 +
  animation-name: transition1;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle2{
 +
  color: #d9d9d9;
 +
  animation-name: transition2;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle3{
 +
  color: #cccccc;
 +
  animation-name: transition3;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle4{
 +
  color: #b7b7b7;
 +
  animation-name: transition4;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle5{
 +
  color: #999999;
 +
  animation-name: transition5;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle6{
 +
  color: #666666;
 +
  animation-name: transition6;
 +
  animation-duration: 5s;
 +
  animation-delay: 0s;
 +
 +
}
 +
.cycle7{
 +
  color: #333333;
 +
  animation-name: transition7;
 +
  animation-duration: 8s;
 +
  animation-delay: 0s;
 +
}
 +
.cycle8{
 +
        color: black;
 
}
 
}

Navigation menu