MediaWiki:Mobile.css: Difference between revisions
m
Sync with MediaWiki:Common.css
-u ndefined- (talk | contribs) m (Sync with MediaWiki:Common.css) |
-u ndefined- (talk | contribs) m (Sync with MediaWiki:Common.css) |
||
| (6 intermediate revisions by 2 users not shown) | |||
| 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; | |||
font-weight: 500; | |||
border-bottom: 2px solid #000000b0; | |||
} | |||
.quest-icons img { | |||
border: 4px solid #000; | |||
width: 64px; | |||
height: 64px; | |||
} | |||
.infobox { | .infobox { | ||
width: | width: 272px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
border: 2px solid #808080; | border: 2px solid #808080 !important; /* This flag is set to make the boxes appear consistent across all skins */ | ||
border-radius: 10px; | border-radius: 10px; | ||
box-sizing: border-box; | |||
box-shadow: 0px -6px #0004 inset; | box-shadow: 0px -6px #0004 inset; | ||
padding: 0.4em 0.4em 1em; | padding: 0.4em 0.4em 1em; | ||
| Line 38: | Line 80: | ||
.infobox-table { | .infobox-table { | ||
display: table !important; | |||
width: 100%; | width: 100%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 52: | Line 95: | ||
.infobox-row td { | .infobox-row td { | ||
padding: 2px 5px; | padding: 2px 5px; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #bdbdbd; /* Color slightly differs on mobile */ | ||
} | } | ||
| Line 64: | Line 107: | ||
margin: auto; | margin: auto; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
border: 2px solid #808080; | |||
border-radius: 10px; | border-radius: 10px; | ||
box-shadow: 0px -6px #0004 inset; | box-shadow: 0px -6px #0004 inset; | ||
| Line 103: | Line 147: | ||
.port-rectangle-constraint { | .port-rectangle-constraint { | ||
background-color: #A0AAC8; | background-color: #A0AAC8; | ||
} | } | ||
| Line 121: | Line 153: | ||
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 134: | Line 166: | ||
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 140: | Line 172: | ||
.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; | |||
} | |||
} | } | ||