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;
}
}