MediaWiki:Common.css: Difference between revisions
Created page with "→CSS placed here will be applied to all skins: →* This is the CSS common to all desktop skins on en.Wikipedia. * Styling inside .mw-parser-output should generally use TemplateStyles.: →Reset italic styling set by user agent: cite, dfn { font-style: inherit; } →Straight quote marks for <q>: q { quotes: '"' '"' "'" "'"; } →Avoid collision of blockquote with floating elements by swapping margin and padding: blockquote { overflow: hidden; margin..." |
media query for home page featured section |
||
| (5 intermediate revisions by one other user not shown) | |||
| Line 419: | Line 419: | ||
* comment above. | * comment above. | ||
*/ | */ | ||
.color1 { | |||
background-color:#addeff; | |||
border-style: solid; | |||
border-color:#2ba7ff; | |||
padding:4px 10px 4px; | |||
margin-top: 4px; | |||
-moz-border-radius: 10px; | |||
-webkit-border-radius: 10px; | |||
border-radius:10px; | |||
flex-grow:1; | |||
} | |||
html.skin-theme-clientpref-night .color1 { | |||
background-color: #003b69; | |||
border-color: #8bccff; | |||
} | |||
.featured-articles-container { | |||
width: inherit; | |||
display: flex; | |||
flex-direction:row; | |||
justify-content:center; | |||
align-items:stretch; | |||
gap:4px; | |||
} | |||
@media screen and (max-width: 480px) { | |||
.featured-articles-container { | |||
flex-direction:column; | |||
} | |||
} | |||