526
edits
Changes
From Life After BOB Wiki
no edit summary
font-family:"Averia Serif Libre";
font-family:"Averia Serif Libre";
font-weight:700;
font-weight:700;
}
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{
width:90%;
flex-direction:column;
}
.mp-flex-box{
width:100%;
}
#about-container{
width:100%;
height:60%;
}
#categories-container{
width:100%;
height:40%;
margin-top:2%;
}
#fe-container{
width:100%;
height:75%
}
#fc-container{
width:100%;
}
.mp-title a{
color:initial;
text-decoration:none;
background-image: linear-gradient(#0645ad, #0645ad);
background-size: 100% 1px, auto;
background-repeat: no-repeat;
background-position: left bottom;
transition: all .2s ease-out;
}
.mp-title a:hover{
background-size: 100% 100%, auto;
color:white;
text-decoration:none;
}
.mp-item-box{
border:2px grey solid;
border-radius:10px;
}
.mp-title{
text-align:center;
margin-top:1em;
font-size:2em;
font-family:"Averia Serif Libre";
font-weight:400;
}
.mp-category{
text-align:center;
font-size:0.75em;
}
.mp-category a{
color:initial;
text-decoration:none;
background-image: linear-gradient(#0645ad, #0645ad);
background-size: 100% 1px, auto;
background-repeat: no-repeat;
background-position: left bottom;
transition: all .2s ease-out;
}
.mp-category a:hover{
background-size: 100% 100%, auto;
color:white;
text-decoration:none;
}
.fc-text{
text-align:center;
}
.fc-text a{
color:initial;
text-decoration:none;
background-image: linear-gradient(#0645ad, #0645ad);
background-size: 100% 1px, auto;
background-repeat: no-repeat;
background-position: left bottom;
transition: all .2s ease-out;
}
.fc-text a:hover{
background-size: 100% 100%, auto;
color:white;
text-decoration:none;
}
.fc-grid{
display: grid;
justify-items:center;
align-items:center;
width:100%;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, 220px);
}
.fc-grid>* {
width: 220px;
height:350px;
text-align:center;
border-radius:10px;
border:1px grey solid;
}
.mp-category-grid{
display: grid;
justify-items:center;
width:100%;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, 120px);
}
.mp-category-grid>* {
width: 60px;
text-align:center;
}
.fc-img img{
max-width:100%;
height:auto;
margin: auto;
display: block;
border-radius:10px;
box-shadow:2px 2px 4px #222222;
}
.fe-img img{
max-width:55%;
height:auto;
}
.fe-img{
height:80%
}
.mp-character-img img{
max-width:100%;
height:auto;
margin: auto;
display: block;
}
#randompage{
width:100%;
margin-top:2%;
height:25%
}
}
