MediaWiki:Common.css: Difference between revisions

From Everybody Edits Wiki
Jump to navigation Jump to search
that oughta do it
forgot that flex is flex
Line 30: Line 30:
.mainInfo {
.mainInfo {
   display:flex;
   display:flex;
   justify-content:center;
   flex-direction:column;
  align-items:center;
   z-index:1;
   z-index:1;
   margin-left:auto;
   margin-left:auto;

Revision as of 00:53, 27 March 2026

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

.mainContent {
  display:flex;
}

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

.mainBanner {
  background:url(https://wiki.everybodyedits.com/images/9/96/WikiBanner.png);
  mask-image:linear-gradient(90deg, #000, transparent);
  opacity:0.5;
  position:absolute;
  border-radius:5px;
  inset:5px;
}

.mainInfo {
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:1;
  margin-left:auto;
}

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