Difference between revisions of "MediaWiki:Common.css"

From Data JW United
Jump to navigation Jump to search
(Created page with "CSS placed here will be applied to all skins: .wh-header-image { max-width: 100%; height: auto; }")
 
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
.wh-header-image {
 
.wh-header-image {
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;
  }
}