568
edits
Changes
Jump to navigation
Jump to search
Line 24:
Line 24: − + − + Line 32:
Line 32: + Line 47:
Line 48: − + Line 60:
Line 61: + − + + − + − height:35%;+ + + Line 75:
Line 80: − height:75%+ Line 85:
Line 90: − .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; − } Line 119:
Line 110: − .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; − } Line 139:
Line 115: − + − 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; − − + − background-size: 100% 100%, auto; − color:white; − text-decoration:none; − Line 159:
Line 123: + − grid-gap: 10px; + − + + + Line 167:
Line 134: − + Line 175:
Line 142: − + + + − grid-gap: 2%; + − + + − + + + + − max-width:100%;+ − height:auto;+ − margin: auto;+ − display: block;+ − border-radius:10px;+ − + + + + + + + + + + + + + + + + + + + Line 200:
Line 191: − + − height:auto; + Line 220:
Line 211: − height:25%+ Line 775:
Line 766: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
no edit summary
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;
background-size: cover;
background-size: cover;
}
}
.mp-main-container{
.mp-main-container{
width:80%;
width:85%;
display:flex;
display:flex;
justify-content:space-between;
justify-content:space-between;
flex-direction:column;
flex-direction:column;
width:49%;
width:49%;
}
}
#about-container{
#about-container{
width:100%;
width:100%;
height:65%;
height:100%;
}
}
#categories-container{
#categories-container{
width:100%;
width:70%;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-top:2%;
}
}
#fe-container{
#fe-container{
width:100%;
width:100%;
}
}
}
}
.mp-item-box{
.mp-item-box{
}
}
.fc-text{
.fc-text{
}
}
.fc-text a{
.fc-text a {}
}
.fc-text a:hover{
.fc-text a:hover {}
}
.fc-grid{
.fc-grid{
justify-items:center;
justify-items:center;
align-items:center;
align-items:center;
justify-content: center;
width:100%;
width:100%;
row-gap:0px;
grid-template-columns: repeat(auto-fill, 220px);
column-gap:1px;
grid-template-columns: repeat(auto-fill, 220px);
margin-bottom:5%;
}
}
.fc-grid>* {
.fc-grid>* {
width: 220px;
width: 220px;
height:350px;
height:300px;
text-align:center;
text-align:center;
border-radius:10px;
border-radius:10px;
.mp-category-grid{
.mp-category-grid{
display: grid;
display: grid;
justify-items:center;
justify-items:center;
align-items:center;
justify-content: center;
width:100%;
width:100%;
row-gap:0px;
grid-template-columns: repeat(auto-fill, 15%);
column-gap:1px;
grid-template-columns: repeat(auto-fill, 100px);
}
}
.mp-category-grid>* {
.mp-category-grid>* {
width: 60px;
width: 100px;
height: 160px;
text-align:center;
text-align:center;
border-radius:10px;
border:1px grey solid;
}
}
.fc-img img{
.fc-img img{
max-width:100%;
position: absolute;
left: -100%;
right: -100%;
top: -100%;
box-shadow:2px 2px 4px #222222;
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{
.fe-img img{
max-width:55%;
max-height:400px;
width:auto;
}
}
width:100%;
width:100%;
margin-top:2%;
margin-top:2%;
}
}
.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;
}
}