MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

table.wikitable.stat-table,
table.wikitable.recipe-table,
table.wikitable.reward-table {
  min-width:450px
}
.skill-select-grid {
  background-color:#222;
  display:grid !important;
  grid-template-columns:auto 1fr;
  width:100%;
  gap:10px;
  align-items:center;
  padding:1em
}
.skill-select-grid .gallerytext {
  font-size:x-large;
  font-weight:bold
}
img.item.icon,
.item.icon img,
img.skill.icon,
.skill.icon img {
  width:61px !important;
  height:61px !important
}
img.encounter.icon,
.encounter.icon img {
  width:80px !important;
  height:80px !important
}
img.effect.icon,
.effect.icon img {
  width:32px !important;
  height:32px !important
}
table.wikitable.stat-table td,
table.wikitable.recipe-table td {
  text-align:center
}
.button-outer {
  text-align:center;
  margin:8px
}
.button {
  display:inline-block;
  margin:auto;
  padding:8px;
  text-align:center;
  border-collapse:separate !important;
  border-radius:3px;
  color:white
}
.button a {
  color:white !important
}
.red.button {
  background-color:#d61515
}
.blue.button {
  background-color:#2baadf
}
.bubble {
  border-radius:6px;
  color:white;
  text-align:center;
  padding:12px;
  margin:12px
}
.green.bubble {
  background-color:#7bbd79
}
div.cbox-outer {
  clear:both;
  width:100%;
  margin:10px 0px 12px 0px
}
div.cbox-outer-padded {
  display:inline-block;
  margin:10px 0px 0px 0px;
  max-width:50%
}
div.cbox-outer-standout {
  display:inline-block;
  margin:10px 0px 12px 0px
}
div.cbox {
  width:70%;
  margin:0 auto;
  border:1px solid #e69710;
  background-color:#4c4c4c;
  padding:4px
}
div.cbox-fit {
  width:fit-content;
  border:1px solid #e69710;
  background-color:#4c4c4c;
  padding:4px
}
div.cbox-fit-center {
  width:70%;
  margin:0 auto;
  border:1px solid #e69710;
  background-color:#4c4c4c;
  padding:4px
}
div.cbox-outer-center {
  width:fit-content;
  margin:auto
}
div.cbox-outer-padded>div.cbox,
div.cbox-outer-standout>div.cbox {
  width:auto !important;
  float:right
}
div.cbox-outer-padded>div.cbox>span,
div.cbox-outer-standout>div.cbox>span {
  display:inline-block;
  float:left
}
.cbox-image {
  padding-left:10px
}
div.cbox-outer-padded span.cbox-image,
div.cbox-outer-standout span.cbox-image {
  display:inline-block;
  float:right;
  max-width:500px
}
#wikispoopy {
  position:absolute;
  top:0;
  background-image:url(https://ashesofcreation.wiki/newwikispoopy150.png);
  display:none;
  width:10em;
  height:160px;
  background-repeat:no-repeat;
  background-position:center center;
  text-decoration:none;
  cursor:pointer
}
#mw-missingsummary {
  color:red;
  font-weight:800
}
.mw-mmv-post-image,
.mw-mmv-image-metadata {
  background-color:#4c4c4c !important
}
.mw-mmv-image-links-div {
  background-color:#fff !important
}
kbd {
  margin:0 0.1em;
  padding:0.1em 0.6em;
  border-radius:3px;
  border:1px solid #c1c1c1;
  line-height:1.3em;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  display:inline-block;
  vertical-align:text-top
}
.xlargegallery img {
  width:380px;
  height:auto
}
.floatright {
  float:right
}
.goldicon,
.silvericon,
.coppericon,
.radianticon,
.illustriousicon,
.brighticon,
.glowingicon,
.dimicon,
.dullicon {
  aspect-ratio:1/1;
  display:inline-block;
  padding:1px;
  margin:auto 7px auto 2px
}
.goldicon,
.silvericon,
.coppericon {
  border-radius:50%;
  width:.75em
}
.goldicon {
  background:goldenrod
}
.silvericon {
  background:silver
}
.coppericon {
  background:peru
}
.radianticon,
.illustriousicon,
.brighticon,
.glowingicon,
.dimicon,
.dullicon {
  width:1em
}
.radianticon {
  color:orange
}
.illustriousicon {
  color:indigo
}
.brighticon {
  color:#b79c3e;
  font-size:1.4em
}
.glowingicon {
  color:blue;
  font-size:1.2em
}
.dimicon {
  color:green;
  font-size:1.2em
}
.dullicon {
  color:white
}
.compactcurrency .goldicon,
.compactcurrency .silvericon,
.compactcurrency .coppericon {
  margin:auto 0px auto 3px
}
.rarity {
  padding-left:2px;
  padding-right:2px
}
.rarity,
.rarity a:link,
.rarity a:visited,
.rarity a:active {
  color:white
}
.rarity.poor {
  background:grey
}
.item-rarity.poor img {
  border-color:grey
}
.rarity.common {
  color:black !important;
  background:white
}
.item-rarity.common img {
  border-color:white
}
.rarity.common,
.rarity.common a:link,
.rarity.common a:visited,
.rarity.common a:active,
.rarity.heroic,
.rarity.heroic a:link,
.rarity.heroic a:visited,
.rarity.heroic a:active {
  color:black
}
.rarity.uncommon {
  background:green
}
.item-rarity.uncommon img {
  border-color:green 
}
.rarity.rare {
  background:blue
}
.item-rarity.rare img {
  border-color:blue 
}
.rarity.heroic {
  background:#b79c3e
}
.item-rarity.heroic img {
  border-color:#b79c3e 
}
.rarity.epic {
  background:indigo
}
.item-rarity.epic img {
  border-color:indigo 
}
.rarity.legendary {
  background:orange
}
.item-rarity.legendary img {
  border-color:orange
}
.rarity.legendary,
.rarity.legendary a:link,
.rarity.legendary a:visited,
.rarity.legendary a:active {
  color:black
}
.rarity.artifact {
  background:yellow
}
.item-rarity.artifact img {
  border-color:yellow 
}
.rarity.artifact,
.rarity.artifact a:link,
.rarity.artifact a:visited,
.rarity.artifact a:active {
  color:black
}
.flagging,
.flagging a:link,
.flagging a:visited,
.flagging a:active {
  color:white
}
.flagging.non-combatant,
.flagging.non-combatant a:link,
.flagging.non-combatant a:visited,
.flagging.non-combatant a:active {
  background:green
}
.flagging.combatant,
.flagging.combatant a:link,
.flagging.combatant a:visited,
.flagging.combatant a:active {
  background:indigo
}
.flagging.corrupted,
.flagging.corrupted a:link,
.flagging.corrupted a:visited,
.flagging.corrupted a:active {
  background:red
}
.skilltable td:first-child {
  width:12.5em;
  white-space:nowrap
}
.jquery-tablesorter th.headerSort {
  background-image:url(https://ashesofcreation.wiki/sort-both-light.svg);
  background-blend-mode:exclusion
}
.columns-3 {
  column-count:3;
  -moz-column-count:3;
  -webkit-column-count:3
}
.columns-4 {
  column-count:4;
  -moz-column-count:4;
  -webkit-column-count:4
}
.indented {
  margin-left:1em
}
.damage-physical {
  color:#a87e72
}
.damage-arcane {
  color:MediumOrchid
}
.damage-bludgeon {
  color:#a89d9d
}
.damage-fire {
  color:Red
}
.damage-lightning {
  color:#9771f8
}
.damage-ice {
  color:DeepSkyBlue
}
.healing {
  color:Green
}
.damage-magical {
  color:BlueViolet
}
.damage-piercing {
  color:BlanchedAlmond
}
.damage-spirit {
  color:#a7cdbc
}
.damage-bleed {
  color:#530615
}
.skill img,
.effect img,
img.effect {
  border-style:solid
}
.skill img {
  border-width:3px
}
.effect img,
img.effect {
  border-width:2px
}
.item img {
  border:none
}
.skill img,
.effect img,
img.effect {
  border-color:#c5b695
}
.upgrade-passive img {
  border-radius:50%
}
.skill .mw-references-wrap img,
.skill .mw-references-wrap img {
  border:none
}
dl {
  margin-top:revert
}
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
  margin-top:revert
}
@font-face {
  font-family:"Roboto";
  src:url(https://ashesofcreation.wiki/fonts/Roboto-Regular.ttf) 
}
@font-face {
  font-family:"Artiflex CF";
  src:url(https://ashesofcreation.wiki/fonts/artifexcf-regular-webfont.woff2) 
}
html .thumbimage {
  background-color:#2a2a2a !important
}
.mw-mmv-post-image {
  color:#c8ccd1 !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color:#c1c1c1;
  clear:left !important
}
div.toc {
  clear:left !important
}
hr {
  color:#222
}
.rotate-90 {
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.editOptions {
  background-color:#333;
  border-color:#4c4c4c;
  color:#c1c1c1 !important
}
input,
textarea {
  background-color:#4c4c4c;
  border-color:#4c4c4c;
  color:#c1c1c1
}
a,
.mw-body a.external,
.mw-body a.extiw,
.toctogglelabel:after {
  color:#e69710
}
a:visited,
.mw-body a.external:visited,
.mw-body a.extiw:visited {
  color:#e69710
}
a.new,
#p-personal a.new {
  color:#d44
}
ul {
  list-style-image:none
}
div.thumbinner,
.catlinks {
  background-color:#4c4c4c;
  border-color:#666
}
#toc,
div.toc,
ul#filetoc,
li.gallerybox div.thumb {
  background-color:#4c4c4c;
  border-color:#666;
  margin-top:8px
}
code {
  border:none;
  background-color:inherit;
  color:inherit
}
table.mw_metadata td,
table.mw_metadata th,
table.wikitable,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td,
pre {
  color:#c1c1c1;
  background-color:#4c4c4c;
  border-color:#666
}
table.mw_metadata th,
table.wikitable>*>tr>th {
  background-color:#595959
}
table.diff {
  background-color:#4c4c4c
}
td .diffchange {
  color:#4c4c4c
}
#pagehistory li.selected,
td.diff-context {
  background-color:inherit;
  color:inherit
}
#pagehistory li {
  border:0
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
  background-color:rgba(0,0,0,0.8)
}
#left-navigation div.vectorTabs,
#right-navigation div.vectorTabs {
  background-image:inherit;
  background-color:#250b2d
}
#left-navigation div.vectorTabs ul,
#right-navigation div.vectorTabs ul {
  background-color:#250b2d
}
#left-navigation div.vectorTabs ul li,
#right-navigation div.vectorTabs ul li {
  background-color:#222;
  background-image:-moz-linear-gradient(top,#2e2e2e 20%,#222 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#2e2e2e),color-stop(100%,#222));
  background-image:-webkit-linear-gradient(top,#2e2e2e 20%,#222 100%);
  background-image:linear-gradient(#2e2e2e 20%,#222 100%)
}
#left-navigation div.vectorTabs li.new a,
#right-navigation div.vectorTabs li.new a,
#left-navigation div.vectorTabs li.new a:visited,
#right-navigation div.vectorTabs li.new a:visited {
  color:#d44
}
#left-navigation div.vectorTabs li.selected,
#right-navigation div.vectorTabs li.selected {
  background-color:#333;
  background-image:-moz-linear-gradient(top,#e69710 0,#333 10%);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e69710),color-stop(10%,#333));
  background-image:-webkit-linear-gradient(top,#e69710 0,#333 10%);
  background-image:linear-gradient(#e69710 0,#333 10%)
}
#left-navigation div.vectorTabs li.selected a,
#right-navigation div.vectorTabs li.selected a,
#left-navigation div.vectorTabs li.selected a:visited,
#right-navigation div.vectorTabs li.selected a:visited {
  color:#e69710
}
#left-navigation div.vectorTabs li a,
#right-navigation div.vectorTabs li a {
  color:#e69710
}
#left-navigation div.vectorTabs span,
#right-navigation div.vectorTabs span {
  background:transparent
}
div#mw-head #right-navigation div.vectorMenu h3 {
  background:inherit
}
div#mw-head div.vectorMenu h3 span {
  color:#e69710
}
div.vectorMenu h3 a {
  background:inherit
}
div.vectorMenu ul {
  background-color:black;
  border:solid 1px #0c0c0c
}
div.vectorMenu li a {
  color:#e69710
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
  color:#e69710;
  text-decoration:none
}
div.vectorMenu#p-cactions div.menu {
  border-color:#666
}
div.vectorMenu#p-cactions ul {
  border:0;
  background-color:#4c4c4c
}
#mw-navigation div#mw-panel div.portal {
  background-image:none;
  border-top:1px solid #4c4c4c
}
#mw-navigation div#mw-panel div.portal#p-logo,
#mw-navigation div#mw-panel div.portal#p-navigation {
  border-top:none
}
html {
  font-size:100%
}
html,
body {
  height:100%;
  margin:0;
  padding:0;
  font-family:Roboto,sans-serif
}
body {
  background-color:#2a2a2a;
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://ashesofcreation.wiki/marsh_low.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:cover
}
.mw-body {
  margin-left:10em;
  padding:1em;
  border:1px solid #250b2d;
  border-right-width:0;
  margin-top:-1px;
  background-color:#333;
  color:#c1c1c1;
  direction:ltr
}
.mw-body .mw-editsection,
.mw-body .mw-editsection-like {
  font-family:Roboto,sans-serif
}
.mw-body p {
  line-height:inherit;
  margin:.5em 0
}
.mw-body h1,
.mw-body h2,
.mw-body #firstHeading {
  font-family:"Artiflex CF","Linux Libertine",Georgia,Times,serif;
  line-height:1.3;
  margin-bottom:.25em;
  padding:0
}
.mw-body h1,
.mw-body #firstHeading {
  font-size:1.8em
}
.mw-body h2 {
  font-size:1.5em;
  margin-top:1em
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
  line-height:1.6;
  margin-top:.3em;
  margin-bottom:0;
  padding-bottom:0
}
.mw-body h3 {
  font-size:1.17em
}
.mw-body h3,
.mw-body h4 {
  font-weight:bold
}
.mw-body h4,
.mw-body h5,
.mw-body h6 {
  font-size:100%
}
.mw-body #toc h2,
.mw-body .toc h2 {
  font-size:100%;
  font-family:Roboto,sans-serif
}
div.emptyPortlet {
  display:none
}
ul {
  list-style-type:disc;
  list-style-image:url(https://ashesofcreation.wiki/img/bullet-icon-orange.png)
}
pre,
.mw-code {
  line-height:1.3em
}
#siteNotice {
  font-size:.8em
}
.redirectText {
  font-size:140%
}
.redirectMsg img {
  vertical-align:text-bottom
}
.mw-body-content {
  position:relative;
  line-height:1.6;
  font-size:.875em
}
body.vector-animateLayout .mw-body,
body.vector-animateLayout div#footer,
body.vector-animateLayout #left-navigation {
  -webkit-transition:margin-left 250ms,padding 250ms;
  -moz-transition:margin-left 250ms,padding 250ms;
  -o-transition:margin-left 250ms,padding 250ms;
  transition:margin-left 250ms,padding 250ms
}
body.vector-animateLayout #p-logo {
  -webkit-transition:left 250ms;
  -moz-transition:left 250ms;
  -o-transition:left 250ms;
  transition:left 250ms
}
body.vector-animateLayout #mw-panel {
  -webkit-transition:padding-right 250ms;
  -moz-transition:padding-right 250ms;
  -o-transition:padding-right 250ms;
  transition:padding-right 250ms
}
body.vector-animateLayout #p-search {
  -webkit-transition:margin-right 250ms;
  -moz-transition:margin-right 250ms;
  -o-transition:margin-right 250ms;
  transition:margin-right 250ms
}
body.vector-animateLayout #p-personal {
  -webkit-transition:right 250ms;
  -moz-transition:right 250ms;
  -o-transition:right 250ms;
  transition:right 250ms
}
body.vector-animateLayout #mw-head-base {
  -webkit-transition:margin-left 250ms;
  -moz-transition:margin-left 250ms;
  -o-transition:margin-left 250ms;
  transition:margin-left 250ms
}
#p-personal {
  position:absolute;
  top:.33em;
  right:.75em;
  z-index:100
}
#p-personal h3 {
  display:none
}
#p-personal ul {
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding-left:10em
}
#p-personal li {
  line-height:1.125em;
  float:left;
  margin-left:.75em;
  margin-top:.5em;
  font-size:.75em;
  white-space:nowrap
}
#pt-userpage,
#pt-anonuserpage {
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:15px !important
}
#p-search {
  float:left;
  margin-right:.5em;
  margin-left:.5em
}
#p-search h3 {
  display:none
}
#p-search form,
#p-search input {
  margin:0;
  margin-top:.4em
}
div#simpleSearch {
  display:block;
  width:12.6em;
  padding-right:1.4em;
  height:1.4em;
  margin-top:.65em;
  position:relative;
  min-height:1px;
  border:solid 1px #aaa;
  color:black;
  background-color:white;
  background-image:url(/skins/Vector/images/search-fade.png);
  background-position:top left;
  background-repeat:repeat-x
}
div#simpleSearch input {
  margin:0;
  padding:0;
  border:0;
  background-color:transparent;
  color:black
}
div#simpleSearch #searchInput {
  width:100%;
  padding:.2em 0 .2em .2em;
  font-size:13px;
  direction:ltr;
  -webkit-appearance:textfield
}
div#simpleSearch #searchInput:focus {
  outline:none
}
div#simpleSearch #searchInput.placeholder {
  color:#999
}
div#simpleSearch #searchInput:-ms-input-placeholder {
  color:#999
}
div#simpleSearch #searchInput:-moz-placeholder {
  color:#999
}
div#simpleSearch #searchInput::-webkit-search-decoration,
div#simpleSearch #searchInput::-webkit-search-cancel-button,
div#simpleSearch #searchInput::-webkit-search-results-button,
div#simpleSearch #searchInput::-webkit-search-results-decoration {
  -webkit-appearance:textfield
}
div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
  position:absolute;
  top:0;
  right:0;
  width:1.65em;
  height:100%;
  cursor:pointer;
  text-indent:-99999px;
  line-height:1;
  direction:ltr;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(/skins/Vector/images/search-ltr.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/search-ltr.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/search-ltr.svg);
  background-position:center center;
  background-repeat:no-repeat
}
div#simpleSearch #mw-searchButton {
  z-index:1
}
div.vectorTabs h3 {
  display:none
}
div.vectorTabs {
  float:left;
  height:2.5em;
  background-image:url(/skins/Vector/images/tab-break.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  padding-left:1px
}
div.vectorTabs ul {
  float:left;
  height:100%;
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
  background-image:url(/skins/Vector/images/tab-break.png);
  background-position:right bottom;
  background-repeat:no-repeat
}
div.vectorTabs ul li {
  float:left;
  line-height:1.125em;
  display:inline-block;
  height:100%;
  margin:0;
  padding:0;
  background-color:#f3f3f3;
  background-image:url(/skins/Vector/images/tab-normal-fade.png);
  background-position:bottom left;
  background-repeat:repeat-x;
  white-space:nowrap
}
div.vectorTabs ul>li {
  display:block
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
  color:#a55858
}
div.vectorTabs li.selected {
  background-image:url(/skins/Vector/images/tab-current-fade.png)
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
  color:#333;
  text-decoration:none
}
div.vectorTabs li.icon a {
  background-position:bottom right;
  background-repeat:no-repeat
}
div.vectorTabs li a {
  display:inline-block;
  height:1.9em;
  padding-left:.5em;
  padding-right:.5em;
  color:#e69710;
  cursor:pointer;
  font-size:.8em;
  padding-top:1em
}
div.vectorTabs li>a {
  display:block
}
div.vectorTabs span {
  display:inline-block;
  background-image:url(/skins/Vector/images/tab-break.png);
  background-position:bottom right;
  background-repeat:no-repeat
}
div.vectorTabs span a {
  display:inline-block;
  padding-top:1.25em
}
div.vectorTabs span>a {
  float:left;
  display:block
}
div.vectorMenu {
  direction:ltr;
  float:left;
  cursor:pointer;
  position:relative
}
body.rtl div.vectorMenu {
  direction:rtl
}
div#mw-head div.vectorMenu h3 {
  float:left;
  background-image:url(/skins/Vector/images/tab-break.png);
  background-repeat:no-repeat;
  background-position:bottom right;
  margin-left:-1px;
  font-size:1em;
  height:2.5em;
  padding-right:1px;
  margin-right:-1px
}
div.vectorMenu h3 span {
  display:block;
  font-size:.8em;
  padding-left:.7em;
  padding-top:1.1em;
  margin-right:20px;
  font-weight:normal;
  color:#4d4d4d
}
div.vectorMenu h3 a {
  position:absolute;
  top:0;
  right:0;
  width:20px;
  height:2.5em;
  background-image:url(/skins/Vector/images/arrow-down-icon.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/arrow-down-icon.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/arrow-down-icon.svg);
  background-position:100% 70%;
  background-repeat:no-repeat;
  -webkit-transition:background-position 250ms;
  -moz-transition:background-position 250ms;
  -o-transition:background-position 250ms;
  transition:background-position 250ms
}
div.vectorMenu.menuForceShow h3 a {
  background-position:100% 100%
}
div.vectorMenuFocus h3 a {
  background-image:url(/skins/Vector/images/arrow-down-focus-icon.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/arrow-down-focus-icon.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/arrow-down-focus-icon.svg)
}
div.vectorMenu div.menu {
  min-width:100%;
  position:absolute;
  top:2.5em;
  left:-1px;
  background-color:white;
  border:solid 1px silver;
  border-top-width:0;
  clear:both;
  text-align:left;
  display:none
}
div.vectorMenu:hover div.menu,
div.vectorMenu.menuForceShow div.menu {
  display:block
}
div.vectorMenu ul {
  list-style-type:none;
  list-style-image:none;
  padding:0;
  margin:0;
  text-align:left
}
div.vectorMenu ul,
x:-moz-any-link {
  min-width:5em
}
div.vectorMenu ul,
x:-moz-any-link,
x:default {
  min-width:0
}
div.vectorMenu li {
  padding:0;
  margin:0;
  text-align:left;
  line-height:1em
}
div.vectorMenu li a {
  display:inline-block;
  padding:.5em;
  white-space:nowrap;
  color:#e69710;
  cursor:pointer;
  font-size:.8em
}
div.vectorMenu li>a {
  display:block
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
  color:#333;
  text-decoration:none
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-o-keyframes rotate {
  from {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes rotate {
  from {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
#ca-unwatch.icon a,
#ca-watch.icon a {
  margin:0;
  padding:0;
  display:block;
  width:26px;
  padding-top:3.1em;
  margin-top:0;
  height:0;
  overflow:hidden;
  background-position:5px 60%
}
#ca-unwatch.icon a {
  background-image:url(/skins/Vector/images/unwatch-icon.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/unwatch-icon.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/unwatch-icon.svg)
}
#ca-watch.icon a {
  background-image:url(/skins/Vector/images/watch-icon.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon.svg)
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
  background-image:url(/skins/Vector/images/unwatch-icon-hl.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/unwatch-icon-hl.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/unwatch-icon-hl.svg)
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
  background-image:url(/skins/Vector/images/watch-icon-hl.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon-hl.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon-hl.svg)
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
  background-image:url(/skins/Vector/images/watch-icon-loading.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon-loading.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/watch-icon-loading.svg);
  -webkit-animation:rotate 700ms infinite linear;
  -moz-animation:rotate 700ms infinite linear;
  -o-animation:rotate 700ms infinite linear;
  animation:rotate 700ms infinite linear;
  outline:none;
  cursor:default;
  pointer-events:none;
  background-position:50% 60%;
  -webkit-transform-origin:50% 57%;
  transform-origin:50% 57%
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
  display:none
}
#mw-navigation h2 {
  position:absolute;
  top:-9999px
}
#mw-page-base {
  height:5em;
  background-position:160px 40px;
  background-repeat:no-repeat;
  background-image:url(https://ashesofcreation.wiki/img/wikibgtop72.png);
  3 background-color:transparent
}
#mw-head-base {
  margin-top:-5em;
  margin-left:10em;
  height:5em
}
div#mw-head {
  position:absolute;
  top:0;
  right:0;
  width:100%
}
div#mw-head h3 {
  margin:0;
  padding:0
}
#left-navigation {
  float:left;
  margin-left:10em;
  margin-top:2.5em;
  margin-bottom:-2.5em;
  display:inline
}
#right-navigation {
  float:right;
  margin-top:2.5em
}
#p-logo {
  position:absolute;
  top:-160px;
  left:0;
  width:10em;
  height:160px
}
#p-logo a {
  display:block;
  width:10em;
  height:160px;
  background-repeat:no-repeat;
  background-position:center center;
  text-decoration:none
}
div#mw-panel {
  font-size:inherit;
  position:absolute;
  top:160px;
  padding-top:1em;
  width:10em;
  left:0
}
div#mw-panel div.portal {
  margin:0 .6em 0 .7em;
  padding:.25em 0;
  direction:ltr;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(/skins/Vector/images/portal-break.png)
}
div#mw-panel div.portal h3 {
  font-size:.75em;
  color:#4d4d4d;
  font-weight:normal;
  margin:0;
  padding:.25em 0 .25em .25em;
  cursor:default;
  border:none
}
div#mw-panel div.portal div.body {
  margin:0 0 0 1.25em;
  padding-top:0
}
div#mw-panel div.portal div.body ul {
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0
}
div#mw-panel div.portal div.body ul li {
  line-height:1.125em;
  margin:0;
  padding:.25em 0;
  font-size:.75em;
  word-wrap:break-word
}
div#mw-panel div.portal div.body ul li a {
  color:#e69710
}
div#mw-panel div.portal div.body ul li a:visited {
  color:#e69710
}
div#mw-panel div.portal.first {
  background-image:none;
  margin-top:0
}
div#mw-panel div.portal.first h3 {
  display:none
}
div#mw-panel div.portal.first div.body {
  margin-left:.5em
}
div#footer {
  margin-left:10em;
  margin-top:0;
  padding:.75em;
  direction:ltr
}
div#footer ul {
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0
}
div#footer ul li {
  margin:0;
  padding:0;
  padding-top:.5em;
  padding-bottom:.5em;
  color:#333;
  font-size:.7em
}
div#footer #footer-icons {
  float:right
}
div#footer #footer-icons li {
  float:left;
  margin-left:.5em;
  line-height:2em;
  text-align:right
}
div#footer #footer-info li {
  line-height:1.4em
}
div#footer #footer-places li {
  float:left;
  margin-right:1em;
  line-height:2em
}
body.ltr div#footer #footer-places {
  float:left
}
.mw-body .external {
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url(/skins/Vector/images/external-link-ltr-icon.png);
  background-image:-webkit-linear-gradient(transparent,transparent),url(/skins/Vector/images/external-link-ltr-icon.svg);
  background-image:linear-gradient(transparent,transparent),url(/skins/Vector/images/external-link-ltr-icon.svg);
  padding-right:13px
}
.mw-search-result-data {
  color:#e69710;
  font-size:67%
}
.tocnumber {
  color:#e69710
}
.kickstarter_highlight {
  color:white;
  background:green
}
.summer_highlight {
  color:white;
  background:DarkSlateBlue
}
#footer-info-lastmod {
  color:lightgray !important;
  float:right
}
div#mw-panel {
  position:fixed
}
img,
.mw-datatable td {
  background-color:transparent !important
}
#pt-anonuserpage {
  color:#ffffff
}
#mw-page-base {
  background:transparent !important
}
.vectorMenu {
  background-color:#333 !important
}
table.dpl4columns th {
  width:28%
}
table.dpl4columns tr>th {
  width:16%
}
.mw-changeslist-legend,
.mw-rcfilters-ui-menuSelectWidget-body,
.mw-rcfilters-ui-menuSelectWidget,
.mw-rcfilters-ui-menuSelectWidget-view-default,
.oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
.mw-rcfilters-ui-filterMenuOptionWidget,
.mw-rcfilters-ui-table {
  background-color:#4c4c4c !important
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget-label,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color:#c1c1c1 !important
}
dd {
  margin-top:1em;
  margin-bottom:1em
}
#p-lang-label {
  color:#f8e6c8 !important
}
#p-lang-label:not(:hover)::after {
  content:'▼';
  margin-left:0.2em
}
blockquote {
  border-left:3px solid #c8ccd1;
  margin-left:1.6em;
  padding-left:1.3em
}