Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 27: | Line 27: | ||
} | } | ||
@media only screen and (max-width: 855px) { | @media only screen and (max-width: 855px) { | ||
| + | .two-columns-container { | ||
| + | flex-direction:column; | ||
| + | } | ||
.two-columns-container .first-column { | .two-columns-container .first-column { | ||
margin-right: 0; | margin-right: 0; | ||
| + | margin-bottom: 25px; | ||
| + | } | ||
| + | .two-columns-container .second-column { | ||
| + | margin-bottom: 25px; | ||
} | } | ||
} | } | ||
Revision as of 12:48, 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 {
flex-direction:column;
}
.two-columns-container .first-column {
margin-right: 0;
margin-bottom: 25px;
}
.two-columns-container .second-column {
margin-bottom: 25px;
}
}
