Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Undo revision 357 by Administrator (talk)) (Tag: Undo) |
|||
(6 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
max-width: 100% ; | max-width: 100% ; | ||
height: auto; | 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; | ||
+ | } | ||
} | } |
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;
}
}