Difference between revisions of "MediaWiki:Common.css"

From Data JW United
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
.two-columns-container {
 
.two-columns-container {
 
display: flex;
 
display: flex;
    max-width: 720px;
 
 
     text-align: justify;
 
     text-align: justify;
 
}
 
}
Line 25: Line 24:
 
.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) {
 
@media only screen and (max-width: 855px) {

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