MediaWiki:Common.css: Difference between revisions
m
Add border defaults
Nikitaivanov (talk | contribs) No edit summary Tag: Reverted |
-u ndefined- (talk | contribs) m (Add border defaults) |
||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* | |||
* Global styles | |||
* Sync with MediaWiki:Mobile.css | |||
*/ | |||
.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; | ||
float: right; | float: right; | ||
clear: right; | |||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
} | } | ||
.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 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 89: | Line 106: | ||
} | } | ||
.main-column-box { | |||
margin: 0 auto; | border: 3px solid #000; | ||
border-radius: 20px; | |||
border- | box-shadow: 0px -10px #0004 inset; | ||
flex: 1 1 30%; | |||
margin-bottom: 0.4em; | |||
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; | |||
} | |||
} | } | ||