59
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 159:
Line 135: − + − grid-gap: 10px; + + Line 177:
Line 154: − justify-items:center;+ − + + − grid-gap: 2%; + + Line 186:
Line 165: − + + + + Line 201:
Line 183: + + + + + + + + + + + + + + +
Undo revision 3415 by Xu6ing (talk)
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{
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: 150px;
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);
}
}