Difference between revisions of "MediaWiki:Common.css"

Jump to navigation Jump to search
496 bytes added ,  14:11, 4 October 2020
no edit summary
Line 26: Line 26:
 
}
 
}
 
.box.gray .box { background-color: hsl(0, 0%, 93%); }
 
.box.gray .box { background-color: hsl(0, 0%, 93%); }
.box.gray .header { background-color: hsl(0, 0%, 50%); }
+
.box.gray .header { background-color: hsl(0, 0%, 80%); }
  
 
.box.red {
 
.box.red {
Line 33: Line 33:
 
}
 
}
 
.box.red .box { background-color: hsl(354, 71.5%, 93%); }
 
.box.red .box { background-color: hsl(354, 71.5%, 93%); }
.box.red .box { background-color: hsl(354, 71.5%, 50%); }
+
.box.red .header { background-color: hsl(354, 71.5%, 80%); }
  
  
Line 41: Line 41:
 
}
 
}
 
.box.orange .box { background-color: hsl(39, 71.5%, 93%); }
 
.box.orange .box { background-color: hsl(39, 71.5%, 93%); }
.box.orange .box { background-color: hsl(39, 71.5%, 50%); }
+
.box.orange .header { background-color: hsl(39, 71.5%, 80%); }
  
 
.box.yellow {
 
.box.yellow {
Line 48: Line 48:
 
}
 
}
 
.box.yellow .box { background-color: hsl(55, 71.5%, 93%); }
 
.box.yellow .box { background-color: hsl(55, 71.5%, 93%); }
.box.yellow .box { background-color: hsl(55, 71.5%, 50%); }
+
.box.yellow .header { background-color: hsl(55, 71.5%, 80%); }
  
 
.box.green {
 
.box.green {
Line 55: Line 55:
 
}
 
}
 
.box.green .box { background-color: hsl(73, 71.5%, 93%); }
 
.box.green .box { background-color: hsl(73, 71.5%, 93%); }
.box.green .box { background-color: hsl(73, 71.5%, 50%); }
+
.box.green .header { background-color: hsl(73, 71.5%, 80%); }
  
 
.box.cerulean {
 
.box.cerulean {
Line 62: Line 62:
 
}
 
}
 
.box.cerulean .box { background-color: hsl(196, 71.5%, 93%); }
 
.box.cerulean .box { background-color: hsl(196, 71.5%, 93%); }
.box.cerulean .box { background-color: hsl(196, 71.5%, 50%); }
+
.box.cerulean .header { background-color: hsl(196, 71.5%, 80%); }
  
 
.box.blue {
 
.box.blue {
Line 69: Line 69:
 
}
 
}
 
.box.blue .box { background-color: hsl(225, 71.5%, 93%); }
 
.box.blue .box { background-color: hsl(225, 71.5%, 93%); }
.box.blue .header { background-color: hsl(225, 71.5%, 50%); }
+
.box.blue .header { background-color: hsl(225, 71.5%, 80%); }
  
  
Line 77: Line 77:
 
}
 
}
 
.box.purple .box { background-color: hsl(259, 71.5%, 93%); }
 
.box.purple .box { background-color: hsl(259, 71.5%, 93%); }
.box.purple .header { background-color: hsl(259, 71.5%, 50%); }
+
.box.purple .header { background-color: hsl(259, 71.5%, 80%); }
  
  
Line 85: Line 85:
 
}
 
}
 
.box.pink .box { background-color: hsl(334, 71.5%, 93%); }
 
.box.pink .box { background-color: hsl(334, 71.5%, 93%); }
.box.pink .header { background-color: hsl(334, 71.5%, 50%); }
+
.box.pink .header { background-color: hsl(334, 71.5%, 80%); }
  
 
/* Amboxes (article message box) */
 
/* Amboxes (article message box) */
Line 106: Line 106:
 
}
 
}
 
.box.ambox.section .ambox__icon { padding-right: .5em; }
 
.box.ambox.section .ambox__icon { padding-right: .5em; }
 +
 +
/* Homepage specific styles */
 +
 +
.mp-layout {
 +
 +
}
 +
 +
.mp-topbanner {
 +
display: flex;
 +
flex-direction: row;
 +
align-items: center;
 +
}
 +
.mp-topbanner .mp-topbanner__categories {
 +
width: 50%;
 +
margin-left: auto;
 +
}
 +
.mp-topbanner .mp-topbanner__categories ul {
 +
column-width: 8em;
 +
column-gap: 2em;
 +
}
 +
 +
.mp-box {
 +
 +
}
 +
.mp-box .mp-box__heading {
 +
margin: 0;
 +
}
 +
.mp-box .mp-box__body {
 +
margin-top: 1em;
 +
margin-bottom: 2em;
 +
}
 +
.mp-box .mp-box__footer {
 +
text-align: right;
 +
}

Navigation menu