Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 4: | Line 4: | ||
height: auto; | height: auto; | ||
} | } | ||
| + | /* Used for two columns */ | ||
.two-columns-container { | .two-columns-container { | ||
| − | + | display: flex; | |
max-width: 720px; | max-width: 720px; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
.two-columns-container .first-column { | .two-columns-container .first-column { | ||
| − | + | flex: 1; | |
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
| Line 17: | Line 18: | ||
} | } | ||
.two-columns-container .column-questions-delimiter { | .two-columns-container .column-questions-delimiter { | ||
| − | + | border-top: 0.15em solid; | |
width: 56px; | width: 56px; | ||
color: #5f6367; | color: #5f6367; | ||
| Line 24: | Line 25: | ||
.two-columns-container .column-question-container { | .two-columns-container .column-question-container { | ||
font-size: 11.9px; | font-size: 11.9px; | ||
| + | } | ||
| + | @media only screen and (max-width: 855px) { | ||
| + | .two-columns-container .first-column { | ||
| + | margin-right: 0; | ||
| + | } | ||
} | } | ||
Revision as of 12:46, 13 June 2020
/* CSS placed here will be applied to all skins */
.wh-header-image {
max-width: 100% ;
height: auto;
}
/* Used for two columns */
.two-columns-container {
display: flex;
max-width: 720px;
text-align: justify;
}
.two-columns-container .first-column {
flex: 1;
margin-right: 20px;
}
.two-columns-container .second-column {
flex: 1;
}
.two-columns-container .column-questions-delimiter {
border-top: 0.15em solid;
width: 56px;
color: #5f6367;
background-color: inherit;
}
.two-columns-container .column-question-container {
font-size: 11.9px;
}
@media only screen and (max-width: 855px) {
.two-columns-container .first-column {
margin-right: 0;
}
}
