568
edits
Changes
Jump to navigation
Jump to search
Line 32:
Line 32: + Line 60:
Line 61: + + − + − + + + 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 177:
Line 142: − justify-items:center;+ − + + − grid-gap: 2%; + + Line 186:
Line 153: − + + + + Line 201:
Line 171: + + + + + + + + + + + + + + + Line 781:
Line 766: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
no edit summary
background-size: cover;
background-size: cover;
}
}
flex-direction:column;
flex-direction:column;
width:49%;
width:49%;
}
}
#about-container{
#about-container{
width:100%;
width:100%;
height:100%;
}
}
#categories-container{
#categories-container{
width:100%;
width:70%;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-top:2%;
}
}
}
}
.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: space-around;
justify-content: center;
width:100%;
width:100%;
row-gap:0px;
column-gap:1px;
grid-template-columns: repeat(auto-fill, 220px);
grid-template-columns: repeat(auto-fill, 220px);
margin-bottom:5%;
margin-bottom:5%;
.mp-category-grid{
.mp-category-grid{
display: grid;
display: grid;
justify-items:center;
justify-content: space-around;
align-items:center;
justify-content: center;
width:100%;
width:100%;
row-gap:0px;
column-gap:1px;
grid-template-columns: repeat(auto-fill, 100px);
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;
}
}
height: auto;
height: auto;
width: 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);
}
}
.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;
}
}