MediaWiki:Common.css

/* don't touch this on pain of death by 1000 bees */

body {
  background: #e9e6e2 !important;
  color: #5A5A5A !important;
  font-family: 'Helvetica', 'Arial', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  color: #5A5A5A !important;
  font-family: 'Helvetica', 'Arial', sans-serif !important;
}

a {
  color: #c9904f !important;
}
a.new {
  color: #b9466b !important;
}

#left-navigation {
  display: none;
}


.mw-body, .parsoid-body,
.editOptions {
  background: none;
  border: none;
  color: #5A5A5A !important;
}

.editOptions {
  padding: 10px 0 0 0;
}


#mw-head {
  background: #564457;
  margin-top: 20px;
}

#p-personal {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  background: #3e3245;
  padding: 0 10px;
}

#content {
  margin-top: 20px;
}

a.mw-wiki-logo {
  width: inherit !important;
  height: inherit !important;
  background-size: contain !important;
}
#p-logo {
  width: 180px !important;
  margin-top: 40px !important;
  height: 50px !important;
}

#p-views,
#p-cactions,
#p-cactions-label {
  background: none !important;
}

.vector-menu-content-list {
  list-style: none !important;
}

.vector-menu-tabs li,
.vector-menu-tabs a {
  border: none !important;
  background: none;
}
.vector-menu-tabs li.selected,
.vector-menu-tabs li.selected a {
  background-color: #c9904f;
  color: white !important;
}

#p-cactions h3 {
  color: #c9904f !important;
}

#searchInput {
  background: #3e3245;
  border: none;
  color: #c9904f !important;
  padding: 0 10px;
}

.aw * {
  font-size: 16px !important;
  box-sizing: border-box;
}

.aw-panel {
  height: 240px;
}

.aw-panel--left {
  width: calc(100% - 320px);
  float: left;
}
.aw-panel--right {
  width: 300px;
  float: right;
}

.aw-info {
  text-align: center;
}
.aw-info > p:nth-child(1),
.aw-info > p:nth-child(1) i {
  font-size: 18px !important;
  margin: 0px;
}
.aw-info p.sh {
  margin-top: 0px
}
.aw-info > span a img {
  margin: auto;
  display: block;
  width: 144px;
  height: 144px;
}
.aw-info .aw-info--bees {
  width: 144px;
  margin: auto;
}
.aw-info .aw-info--bees img,
.aw-info .aw-info--special img {
  background: #a8a6a5;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 64px;
  height: 64px;
}
.aw-info .aw-info--bees span:nth-child(1) img {
  margin-right: 8px;
}
.aw-info .aw-info--bees span:nth-child(2) img {
  margin-left: 8px;
}

.aw-info {
  background: #cfccca;
  padding: 16px;
  border-radius: 8px;
}

div#toc {
  background: none;
  border: 2px solid #cfccca;
  padding: 20px;
  border-radius: 8px;
}
div#toc .tocnumber {
  color: #5A5A5A !important
}

.aw h1,
.aw h1 span {
  font-size: 20px !important;
  margin-top: 64px;
}
.aw h1 {
  border-bottom: 2px solid #cfccca;
}

.aw-panel--left > p:nth-child(1) {
  max-width: 600px !important;
  padding-bottom: 8px;
}



.aw-cb--row {
  padding: 10px 0;
}


.aw-cb--row .bee,
.aw-bee {
  position: relative;
  width: 78px;
  height: 78px;
  display: inline-block;
}

.aw-cb--row .bee a,
.aw-bee a {
  background: none;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 78px;
  height: 78px;
  position: relative;
}
.aw-cb--row .bee img,
.aw-bee img {
  width: auto;
  height: auto;
  background: none;
  padding: 0px;
}

.aw-cb--row .bee a:nth-child(1),
.aw-bee a:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
}
.aw-cb--row .bee a:nth-child(1) img,
.aw-bee a:nth-child(1) img {
  width: 78px !important;
  height: 78px !important;
}

.aw-cb--row .bee a:nth-child(2),
.aw-bee a:nth-child(2) {
  position: absolute;
  top: 15px;
  left: 15px;
}
.aw-cb--row .bee a:nth-child(2) img,
.aw-bee a:nth-child(2) img {
  width: 48px !important;
  height: 48px !important;
}

.aw-cb--row .add img {
  margin: -50px 0px 0 20px !important;
  display: inline-block;
}

.aw-cb--row .condition {
  position: relative;
  margin: 0 20px;
  display: inline-block;
  height: 10px !important;
  top: -25px;
  width: 300px;
  text-align: center;
}

.aw-cb--row .condition img {
  position: absolute;
  top: 15px;
  left: 80px
}
.aw-cb--row .condition span {
  position: relative;
  z-index: 10;
  top: -10px;
}
.aw-traits {
  margin-top: 16px;
}
.aw-traits--left {
  width: 186px;
  display: inline-block;
  vertical-align: top;
}
.aw-traits--left img {
  width: 186px !important;
  height: auto !important;
}
.aw-traits--left a img {
  width: 186px !important;
  height: auto;
}

.aw-traits--right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 268px);
  padding-left: 20px;
}

.aw-traits--right p {
  margin: 0px;
  height: 40px;
  line-height: 40px !important;
  margin-bottom: 2px;
}

.aw-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: inline-block;
  background: #cfccca;
  line-height: 32px;
}
.aw-icon img {
  width: 32px;
  height: 32px;
  margin-top: -2px;
}

.aw-bee ~ .aw-bee {
  margin-left: 10px;
}

#bodyContent {
  max-width: 960px
}