Difference between revisions of "MediaWiki:Common.css"

From EEWiki
Jump to: navigation, search
(Some classes for the home page so we don't have inline styles on every. single. element.)
 
(33 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;
+
 
}
 
}
  
body.mediawiki, body.mediawiki #mw-page-base {
+
.mainContent {
  background: url(/bg1.png);
+
  display:flex;
 
}
 
}
  
#content, div.vectorTabs li.selected {
+
.mainBox {
  background: url(/bg2.png);
+
  display:flex;
 +
  flex-direction:column;
 +
  color:#DDDDDD;
 +
  background:#333333;
 +
  border:2px solid #7B7B7B;
 +
  border-radius:5px;
 +
  padding:5px;
 +
  margin:5px;
 
}
 
}
  
.vectorMenu {
+
.mainBoxHeader {
  background-color: #f3f3f3;
+
  display:flex;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC);
+
  justify-content:center;
  background-image: url(//wiki.everybodyedits.com/skins/Vector/images/tab-normal-fade.png?2015-03-31T18:45:00Z)!ie;
+
  align-items:center;
  background-position: bottom left;
+
  font-size:150%;
  background-repeat: repeat-x;
+
  font-weight:bold;
 +
  color:#DDDDDD;
 +
  background:#222222;
 +
  border-radius:5px;
 +
  padding:5px;
 +
  margin-bottom:5px;
 
}
 
}
  
.wiki-box {
+
.mainBoxNewsContainer {
  border: 1px #bbb solid;
+
  display:flex;
  width: 100%;
+
  flex-direction:column;
  margin: .2em;
+
  align-items:center;
 +
  margin-bottom:5px;
 
}
 
}
  
.wiki-box-header {
+
.mainBoxNews {
  background: #D9D9FF;
+
  font-weight:bold;
 
+
  padding: .2em 0 .5em;
+
  height: unset;
+
 
+
  font-size: 140%;
+
  text-align: center;
+
  font-weight: bold;
+
 
+
  border: none;
+
  border-bottom: 1px solid #aaa;
+
}
+
 
+
tr.wiki-box-header td {
+
  height: unset;
+
}
+
 
+
.center {
+
  text-align: center;
+
}
+
 
+
.wiki-byte {
+
  font-weight: bold;
+
}
+
 
+
.wiki-byte .wiki-byte-main {
+
  font-size: 120%;
+
}
+
 
+
.wiki-item-group {
+
  display: flex;
+
}
+
 
+
.wiki-item-group td {
+
  display: block;
+
  text-align: center;
+
}
+
 
+
hr {
+
  background: #bbb;
+
}
+
 
+
table, tr, td {
+
  height: 100%;
+
}
+
 
+
.wiki-noborder {
+
  border-collapse: collapse;
+
 
}
 
}
  
.wiki-nopadding > tbody > tr > td, .wiki-nopadding > tbody > tr > th {
+
.mainBoxNewsBig {
  padding: 0;
+
  font-size:125%;
 
}
 
}
  
.wiki-hsplit > tbody > tr > td {
+
.mainBoxItemContainer {
  width: 50%;
+
  display:flex;
 +
  justify-content:space-around;
 +
  align-items:center;
 +
  height:100%;
 +
  margin-bottom:5px;
 
}
 
}
  
tr.wiki-collection {
+
.mainBoxItem {
  height: unset;
+
  display:flex;
  vertical-align: top;
+
  flex-direction:column;
  display: table-cell;
+
  align-items:center;
 
}
 
}
  
.wiki-collection table {
+
.mainBoxNewsContainer:last-child, .mainBoxItemContainer:last-child {
  height: unset;
+
  margin-bottom:0px !important;
 
}
 
}

Latest revision as of 02: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;
}