Commons:Welcome/styles.css

.wel-top {
  vertical-align:top; 
  margin:0 0 1em; 
  border:1px solid #cccccc; 
  background-color:#f9f9f9; 
  width:100%;
  padding: 0 1em;
  box-sizing: border-box
}
.wel-flex{
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}
.wel-box {
  flex: 1 1 30em;
  box-sizing: border-box;
  margin: 0.5em;
}
.wel-yellow {
  border:1px solid #fad67d;
  background-color:#faf6ed;
}
.wel-blue {
  border:1px solid #abd5f5; 
  border-top-width: 0;
  background-color:#f1f5fc;
}
.wel-text {
  padding:0.4em 1em 0.3em;  
}
.wel-box .mw-heading3 {
  padding:0.2em 0.5em; 
  font-size:110%;
  margin: 0;
}
.wel-yellow .mw-heading3 {
  border-bottom:1px solid #fad67d; 
  background-color:#faecc8; 
}
.wel-blue .mw-heading3 {
  border:1px solid #abd5f5;
  border-left: 0;
  border-right: 0;
  background-color:#d0e5f5; 
}
.wel-box .mw-heading4 {
  font-size: 1.2em;
}

html.skin-theme-clientpref-night .wel-top {
  border-color:#464646; 
  background-color:#222222; 
}
html.skin-theme-clientpref-night .wel-yellow {
  border-color:#5F4504;
  background-color:#261e0b;
}
html.skin-theme-clientpref-night .wel-blue {
  border-color:#0B3B60; 
  background-color:#091E2A;
}
html.skin-theme-clientpref-night .wel-yellow .mw-heading3 {
  border-bottom-color:#5F4504; 
  background-color:#3C2D05; 
}
html.skin-theme-clientpref-night .wel-blue .mw-heading3 {
  border-color:#0B3B60;
  background-color:#123B59; 
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .wel-top {
	  border-color:#464646; 
	  background-color:#222222; 
	}
	html.skin-theme-clientpref-os .wel-yellow {
	  border-color:#5F4504;
	  background-color:#261e0b;
	}
	html.skin-theme-clientpref-os .wel-blue {
	  border-color:#0B3B60; 
	  background-color:#091E2A;
	}
	html.skin-theme-clientpref-os .wel-yellow .mw-heading3 {
	  border-bottom-color:#5F4504; 
	  background-color:#3C2D05; 
	}
	html.skin-theme-clientpref-os .wel-blue .mw-heading3 {
	  border-color:#0B3B60;
	  background-color:#123B59; 
	}
}