MediaWiki:Common.css: Difference between revisions
m
Better contrast
-u ndefined- (talk | contribs) m (The images go out-of-bounds) |
-u ndefined- (talk | contribs) m (Better contrast) |
||
| (15 intermediate revisions by 2 users not shown) | |||
| Line 3: | Line 3: | ||
* Sync with MediaWiki:Mobile.css | * Sync with MediaWiki:Mobile.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: 256px; | width: 256px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
border: | border: 2px solid #808080; | ||
padding: | border-radius: 10px; | ||
box-shadow: 0px -6px #0004 inset; | |||
padding: 0.4em 0.4em 1em; | |||
font-size: 90%; | font-size: 90%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
| Line 17: | Line 60: | ||
.infobox-title { | .infobox-title { | ||
font-size: | font-size: 140%; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
padding: 5px; | padding: 5px; | ||
border-bottom: | border-bottom: 2px solid #a2a9b1; | ||
} | } | ||
| Line 51: | Line 93: | ||
.infobox-row td { | .infobox-row td { | ||
padding: 2px 5px; | padding: 2px 5px; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #c0c0c0; | ||
} | } | ||
| Line 57: | Line 99: | ||
font-weight: bold; | font-weight: bold; | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | |||
.notice { | |||
width: 80%; | |||
margin: auto; | |||
background-color: #f9f9f9; | |||
border: 2px solid #808080; | |||
border-radius: 10px; | |||
box-shadow: 0px -6px #0004 inset; | |||
padding: 0.4em 0.4em 0.6em; | |||
} | } | ||
| Line 95: | Line 147: | ||
} | } | ||
.main- | .main-column-box { | ||
border: 3px solid #000; | border: 3px solid #000; | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 102: | Line 154: | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
padding: 0.4em 0.4em 1em; | padding: 0.4em 0.4em 1em; | ||
} | |||
.main-welcome-box { | |||
background-color: #f9f9f9; | |||
border: 3px solid #202020; | |||
border-radius: 20px; | |||
box-shadow: 0px -10px #0004 inset; | |||
margin-bottom: 0.4em; | |||
padding: 0.4em 0.4em 1em; | |||
display: grid; | |||
grid-template-columns: auto auto; | |||
grid-column-gap: 0.4em; | |||
} | |||
.main-image { | |||
text-align: center; | |||
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; | |||
} | |||
} | } | ||