MediaWiki:Mobile.css: Difference between revisions
Sync with Common.css
-u ndefined- (talk | contribs) m (Sync with MediaWiki:Common.css) |
Nikitaivanov (talk | contribs) (Sync with Common.css) |
||
Line 3: | Line 3: | ||
* Sync with MediaWiki:Common.css | * Sync with MediaWiki:Common.css | ||
*/ | */ | ||
@font-face { | |||
font-family: "Baloo2"; | |||
src: url(/wikiw/resources/fonts/Baloo2-Regular.ttf) format("truetype"); | |||
font-weight: 400; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "Baloo2"; | |||
src: url(/wikiw/resources/fonts/Baloo2-Medium.ttf) format("truetype"); | |||
font-weight: 500; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "Baloo2"; | |||
src: url(/wikiw/resources/fonts/Baloo2-Bold.ttf) format("truetype"); | |||
font-weight: 700; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
html,body, .mw-body { | |||
font-family: "Baloo2", sans-serif; | |||
font-size: 19px; | |||
} | |||
.mw-body h1, .mw-body h2 { | |||
font-family: "Baloo2", sans-serif; | |||
} | |||
.quest-icons img { | |||
border: 4px solid #000; | |||
width: 64px; | |||
height: 64px; | |||
} | |||
.infobox { | .infobox { | ||
Line 104: | Line 143: | ||
.port-rectangle-constraint { | .port-rectangle-constraint { | ||
background-color: #A0AAC8; | background-color: #A0AAC8; | ||
} | } | ||
Line 122: | Line 149: | ||
border-radius: 20px; | border-radius: 20px; | ||
box-shadow: 0px -10px #0004 inset; | box-shadow: 0px -10px #0004 inset; | ||
flex: 1 1 | flex: 1 1 30%; | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
padding: 0.4em 0.4em 1em; | padding: 0.4em 0.4em 1em; | ||
Line 135: | Line 162: | ||
padding: 0.4em 0.4em 1em; | padding: 0.4em 0.4em 1em; | ||
display: grid; | display: grid; | ||
grid-template-columns: auto; | grid-template-columns: auto auto; | ||
grid-column-gap: 0.4em; | grid-column-gap: 0.4em; | ||
} | } | ||
Line 141: | Line 168: | ||
.main-image { | .main-image { | ||
text-align: center; | text-align: center; | ||
border-bottom: inherit; | border-right: inherit; | ||
} | |||
@media only screen and (max-width: 600px) { | |||
.main-welcome-box { | |||
grid-template-columns: auto; | |||
} | |||
.main-image { | |||
border-right: none; | |||
border-bottom: inherit; | |||
} | |||
} | } |