MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (151 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* Custom Fonts */ | /* Custom Fonts */ | ||
@ | @font-face { | ||
font-family: "Rubik"; | |||
src: url(https://survivalcraft.wiki/content/Fonts/Rubik.ttf) format("truetype"); | |||
} | |||
@font-face { | |||
font-family: "Rubik Italic"; | |||
src: url(https://survivalcraft.wiki/content/Fonts/Rubik_Italic.ttf) format("truetype"); | |||
} | |||
@font-face { | |||
font-family: "Pericles"; | |||
src: url(https://survivalcraft.wiki/content/Fonts/Pericles.ttf) format("truetype"); | |||
} | |||
/* Changes the font-family style of all content */ | |||
#content, body, h1, h2, h3,h4, h5 { | |||
font-family: 'Rubik' !important; | |||
} | |||
/* Removes all default CSS icons */ | |||
#content a.external { | |||
background: none !important; | |||
padding: 0 !important; | |||
} | |||
.mw-heading, h2 { | |||
padding-top: 0 !important; | |||
} | |||
.mw-heading3 h3 { | |||
font-weight: 400; | |||
} | |||
.mw-head-base { | |||
background-color: #dfdbc3; | |||
} | |||
.mw-logo-wordmark { | |||
color: black; | |||
font-weight: 500; | |||
} | |||
.mw-logo-wordmark:hover { | |||
color: #28b017; | |||
} | |||
.mw-page-title-main { | |||
font-family: 'Rubik' !important; | |||
} | |||
/* | |||
.vector-header-container, .vector-sticky-header, .vector-sticky-header-container, .vector-header-container, .mw-header { | |||
background-color: #287308 !important; | |||
} */ | |||
.catlinks { | |||
margin-top: 0.25em !important; | |||
padding-top: 0.25em !important; | |||
} | |||
.mw-footer-container { | |||
padding-top: 25px !important; | |||
} | |||
.mw-body p + table { | |||
margin-top: 0 !important; | |||
} | |||
/* | /* CreatureInfoBox & BlockInfoBox Classes */ | ||
.game-infobox { | .game-infobox { | ||
font-family: Rubik; | font-family: 'Rubik'; | ||
border-spacing: 0; | border-spacing: 0; | ||
border-collapse: separate; | border-collapse: separate; | ||
float: right; | float: right; | ||
margin: 0.5rem | margin: 0.5rem 5px 0.5rem 2rem; | ||
max-width: | max-width: 240px; | ||
min-width: 200px; | min-width: 200px; | ||
} | } | ||
| Line 15: | Line 73: | ||
background-color: #287308; | background-color: #287308; | ||
color: white; | color: white; | ||
padding: 0. | padding: 0.5rem 2.5rem 0.5rem 2.5rem; | ||
font-size: | font-size: 16px; | ||
} | } | ||
.game-infobox-header { | .game-infobox-header { | ||
| Line 28: | Line 86: | ||
width: 70px; | width: 70px; | ||
font-size: 12px; | font-size: 12px; | ||
padding: 0.5rem; | padding: 0.5rem 0.5rem 0.5rem 0.5rem; | ||
} | } | ||
.game-infobox-argument { | .game-infobox-argument { | ||
font-size: 12px; | font-size: 12px; | ||
padding: 0.5rem; | padding: 0.5rem 0.5rem 0.5rem 0.5rem; | ||
} | } | ||
.game-infobox tr th, .game-infobox tr td { | .game-infobox tr th, .game-infobox tr td { | ||
| Line 60: | Line 118: | ||
.message-box { | .message-box { | ||
padding: 0.5em 0.5em 0.5em 0.5em; | padding: 0.5em 0.5em 0.5em 0.5em; | ||
margin: | margin: 0 0.25em 1em 0.25em; | ||
font-size: | } | ||
/* Gallery Classes */ | |||
.gallery-container { | |||
border: 1px solid #ccc; | |||
width: 260px; | |||
display: inline-block; | |||
} | |||
.gallery-container:hover { | |||
border: 1px solid #777; | |||
} | |||
.gallery-caption { | |||
font-size: 12px; | |||
padding: 15px 8px 15px 8px; | |||
text-align: center; | |||
} | |||
.gallery-grid-container { | |||
display: grid; | |||
border: 1px solid #ccc; | |||
grid-template-columns: repeat(auto-fill, 50px); | |||
} | } | ||
/* Viewport Containers */ | /* Viewport Containers */ | ||
@media(max- | @media(max-width: 850px) { | ||
.game-infobox { | .game-infobox { | ||
float: none; | float: none; | ||
} | } | ||
} | |||
#gallery_1, #gallery_2 { | |||
border-radius: 5px; | |||
} | } | ||