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; | |||
|   } | |||
| } | } | ||
