MediaWiki:Common.css: Difference between revisions
m
Add border defaults
-u ndefined- (talk | contribs) m (Add css for main page) |
-u ndefined- (talk | contribs) m (Add border defaults) |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
.infobox { | .infobox { | ||
width: | 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 19: | ||
.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 57: | Line 58: | ||
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 106: | ||
} | } | ||
.main- | .main-column-box { | ||
border: 3px solid #000; | |||
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; | ||
} | |||
.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; | |||
} | |||
} | } | ||