Line 15: |
Line 15: |
| 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% |
| } | | } |
| | | |