526
edits
Changes
Jump to navigation
Jump to search
mLine 32:
Line 32: − Line 61:
Line 60: − − height:100%; − + − display:block;+ − margin-left:auto; − margin-right:auto; Line 90:
Line 85: + + + + + + + + + + + + + + Line 110:
Line 119: + + + + + + + + + + + + + + + Line 135:
Line 159: − + − row-gap:0px; + − column-gap:1px; Line 154:
Line 177: − justify-items:center;+ − align-items:center; + − − row-gap:0px; + − column-gap:1px; Line 165:
Line 186: − + − height: 150px; − border-radius:10px; − border:1px grey solid; Line 183:
Line 201: − } − − .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);
Reverted edits by Xu6ing (talk) to last revision by Metissuns
background-size: cover;
background-size: cover;
}
}
flex-direction:column;
flex-direction:column;
width:49%;
width:49%;
}
}
#about-container{
#about-container{
width:100%;
width:100%;
}
}
#categories-container{
#categories-container{
width:70%;
width:100%;
margin-top:2%;
margin-top:2%;
}
}
}
}
.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{
.mp-item-box{
}
}
.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{
.fc-text{
justify-items:center;
justify-items:center;
align-items:center;
align-items:center;
justify-content: center;
justify-content: space-around;
width:100%;
width:100%;
grid-gap: 10px;
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;
justify-content: center;
width:100%;
width:100%;
grid-gap: 2%;
grid-template-columns: repeat(auto-fill, 100px);
grid-template-columns: repeat(auto-fill, 100px);
.mp-category-grid>* {
.mp-category-grid>* {
width: 100px;
width: 60px;
text-align:center;
text-align:center;
}
}
height: auto;
height: auto;
width: auto;
width: auto;
}
}