Difference between revisions of "MediaWiki:Common.css"

From EEWiki
Jump to: navigation, search
(Contain the logo in a compact area instead of cropping it off.)
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
body.page-Everybody_Edits_Wiki h1.firstHeading {
.topicon {
+
    display:none;
  position: absolute;
+
  right: 0;
+
  top: -20px;
+
 
}
 
}
#p-logo a {
+
 
  background-size: contain;
+
.mainContent {
 +
  display:flex;
 +
}
 +
 
 +
.mainBox {
 +
  display:flex;
 +
  flex-direction:column;
 +
  color:#DDDDDD;
 +
  background:#333333;
 +
  border:2px solid #7B7B7B;
 +
  border-radius:5px;
 +
  padding:5px;
 +
  margin:5px;
 +
}
 +
 
 +
.mainBoxHeader {
 +
  display:flex;
 +
  justify-content:center;
 +
  align-items:center;
 +
  font-size:150%;
 +
  font-weight:bold;
 +
  color:#DDDDDD;
 +
  background:#222222;
 +
  border-radius:5px;
 +
  padding:5px;
 +
  margin-bottom:5px;
 +
}
 +
 
 +
.mainBoxNewsContainer {
 +
  display:flex;
 +
  flex-direction:column;
 +
  align-items:center;
 +
  margin-bottom:5px;
 +
}
 +
 
 +
.mainBoxNews {
 +
  font-weight:bold;
 +
}
 +
 
 +
.mainBoxNewsBig {
 +
  font-size:125%;
 +
}
 +
 
 +
.mainBoxItemContainer {
 +
  display:flex;
 +
  justify-content:space-around;
 +
  align-items:center;
 +
  height:100%;
 +
  margin-bottom:5px;
 +
}
 +
 
 +
.mainBoxItem {
 +
  display:flex;
 +
  flex-direction:column;
 +
  align-items:center;
 +
}
 +
 
 +
.mainBoxNewsContainer:last-child, .mainBoxItemContainer:last-child {
 +
  margin-bottom:0px !important;
 
}
 
}

Latest revision as of 01:11, 1 May 2024

body.page-Everybody_Edits_Wiki h1.firstHeading {
    display:none;
}

.mainContent {
  display:flex;
}

.mainBox {
  display:flex;
  flex-direction:column;
  color:#DDDDDD;
  background:#333333;
  border:2px solid #7B7B7B;
  border-radius:5px;
  padding:5px;
  margin:5px;
}

.mainBoxHeader {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:150%;
  font-weight:bold;
  color:#DDDDDD;
  background:#222222;
  border-radius:5px;
  padding:5px;
  margin-bottom:5px;
}

.mainBoxNewsContainer {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:5px;
}

.mainBoxNews {
  font-weight:bold;
}

.mainBoxNewsBig {
  font-size:125%;
}

.mainBoxItemContainer {
  display:flex;
  justify-content:space-around;
  align-items:center;
  height:100%;
  margin-bottom:5px;
}

.mainBoxItem {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.mainBoxNewsContainer:last-child, .mainBoxItemContainer:last-child {
  margin-bottom:0px !important;
}