Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| (5 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
height: auto; | height: auto; | ||
} | } | ||
| + | /* Used for two columns */ | ||
.two-columns-container { | .two-columns-container { | ||
| − | + | display: flex; | |
| − | |||
text-align: justify; | text-align: justify; | ||
} | } | ||
| − | .two-columns-container.first-column { | + | .two-columns-container .first-column { |
| − | + | flex: 1; | |
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
| − | .two-columns-container.second-column { | + | .two-columns-container .second-column { |
flex: 1; | flex: 1; | ||
} | } | ||
| − | .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; | ||
background-color: inherit; | background-color: inherit; | ||
} | } | ||
| − | .two-columns-container.column-question-container { | + | .two-columns-container .column-question-container { |
font-size: 11.9px; | font-size: 11.9px; | ||
| + | } | ||
| + | .dynamic-size-image { | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | } | ||
| + | @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; | ||
| + | } | ||
} | } | ||
Latest revision as of 09:15, 3 October 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;
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;
}
.dynamic-size-image {
width:100%;
height:100%;
}
@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;
}
}
