MediaWiki:Common.css: Difference between revisions

From Verra Vip
Jump to navigation Jump to search
Newer edit →
Created page with "→‎CSS placed here will be applied to all skins: 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:..."
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
table.wikitable.stat-table,
table.wikitable.stat-table,
table.wikitable.recipe-table,
table.wikitable.recipe-table,
table.wikitable.reward-table {
table.wikitable.reward-table {
min-width: 450px;
  min-width:450px
}
}
.skill-select-grid {
.skill-select-grid {
background-color: #222;
  background-color:#222;
display: grid !important;
  display:grid !important;
grid-template-columns: auto 1fr;
  grid-template-columns:auto 1fr;
width: 100%;
  width:100%;
gap: 10px;
  gap:10px;
align-items: center;
  align-items:center;
padding: 1em;
  padding:1em
}
}
.skill-select-grid .gallerytext {
.skill-select-grid .gallerytext {
font-size: x-large;
  font-size:x-large;
font-weight: bold;
  font-weight:bold
}
}
 
img.item.icon,
img.item.icon, .item.icon img,
.item.icon img,
img.skill.icon, .skill.icon img {
img.skill.icon,
width: 61px !important;
.skill.icon img {
height: 61px !important;
  width:61px !important;
  height:61px !important
}
}
 
img.encounter.icon,
img.encounter.icon, .encounter.icon img {
.encounter.icon img {
width: 80px !important;
  width:80px !important;
height: 80px !important;
  height:80px !important
}
}
 
img.effect.icon,
img.effect.icon, .effect.icon img {
.effect.icon img {
width: 32px !important;
  width:32px !important;
height: 32px !important;
  height:32px !important
}
}
table.wikitable.stat-table td,
table.wikitable.stat-table td,
table.wikitable.recipe-table td {
table.wikitable.recipe-table td {
text-align: center;
  text-align:center
}
}
.button-outer {
.button-outer {
text-align: center;
  text-align:center;
margin: 8px;
  margin:8px
}
}
.button {
.button {
display: inline-block;
  display:inline-block;
margin: auto;
  margin:auto;
padding: 8px;
  padding:8px;
text-align: center;
  text-align:center;
border-collapse: separate !important;
  border-collapse:separate !important;
border-radius: 3px;
  border-radius:3px;
color: white;
  color:white
}
}
.button a {
.button a {
color: white !important;
  color:white !important
}
}
.red.button {
.red.button {
background-color: #d61515;
  background-color:#d61515
}
}
.blue.button {
.blue.button {
background-color: #2baadf;
  background-color:#2baadf
}
}
.bubble {
.bubble {
border-radius: 6px;
  border-radius:6px;
color: white;
  color:white;
text-align: center;
  text-align:center;
padding: 12px;
  padding:12px;
margin: 12px;
  margin:12px
}
}
.green.bubble {
.green.bubble {
background-color: #7bbd79;
  background-color:#7bbd79
}
}
div.cbox-outer {
div.cbox-outer {
clear: both;
  clear:both;
width: 100%;
  width:100%;
margin: 10px 0px 12px 0px;
  margin:10px 0px 12px 0px
}
}
div.cbox-outer-padded {
div.cbox-outer-padded {
display: inline-block;
  display:inline-block;
margin: 10px 0px 0px 0px;
  margin:10px 0px 0px 0px;
max-width: 50%;
  max-width:50%
}
}
div.cbox-outer-standout {
div.cbox-outer-standout {
display: inline-block;
  display:inline-block;
margin: 10px 0px 12px 0px;
  margin:10px 0px 12px 0px
}
}
div.cbox {
div.cbox {
width: 70%;
  width:70%;
margin: 0 auto;
  margin:0 auto;
border: 1px solid #e69710;
  border:1px solid #e69710;
background-color: #4c4c4c;
  background-color:#4c4c4c;
padding: 4px;
  padding:4px
}
}
div.cbox-fit {
div.cbox-fit {
    width: fit-content;
  width:fit-content;
    border: 1px solid #e69710;
  border:1px solid #e69710;
    background-color: #4c4c4c;
  background-color:#4c4c4c;
    padding: 4px;
  padding:4px
}
}
div.cbox-fit-center {
div.cbox-fit-center {
    width: 70%;
  width:70%;
    margin: 0 auto;
  margin:0 auto;
    border: 1px solid #e69710;
  border:1px solid #e69710;
    background-color: #4c4c4c;
  background-color:#4c4c4c;
    padding: 4px;
  padding:4px
}
}
div.cbox-outer-center {
div.cbox-outer-center {
    width: fit-content;
  width:fit-content;
    margin: auto;
  margin:auto
}
}
div.cbox-outer-padded>div.cbox,
div.cbox-outer-padded>div.cbox,
div.cbox-outer-standout>div.cbox {
div.cbox-outer-standout>div.cbox {
width: auto !important;
  width:auto !important;
float: right;
  float:right
}
}
div.cbox-outer-padded>div.cbox>span,
div.cbox-outer-padded>div.cbox>span,
div.cbox-outer-standout>div.cbox>span {
div.cbox-outer-standout>div.cbox>span {
display: inline-block;
  display:inline-block;
float: left;
  float:left
}
}
.cbox-image {
.cbox-image {
padding-left: 10px;
  padding-left:10px
}
}
div.cbox-outer-padded span.cbox-image,
div.cbox-outer-padded span.cbox-image,
div.cbox-outer-standout span.cbox-image {
div.cbox-outer-standout span.cbox-image {
display: inline-block;
  display:inline-block;
float: right;
  float:right;
max-width: 500px;
  max-width:500px
}
}
#wikispoopy {
#wikispoopy {
position: absolute;
  position:absolute;
top: 0;
  top:0;
background-image: url(/newwikispoopy150.png);
  background-image:url(https://ashesofcreation.wiki/newwikispoopy150.png);
display: none;
  display:none;
width: 10em;
  width:10em;
height: 160px;
  height:160px;
background-repeat: no-repeat;
  background-repeat:no-repeat;
background-position: center center;
  background-position:center center;
text-decoration: none;
  text-decoration:none;
cursor: pointer;
  cursor:pointer
}
}
#mw-missingsummary {
#mw-missingsummary {
color: red;
  color:red;
font-weight: 800;
  font-weight:800
}
}
/* MultimediaViewer css */
.mw-mmv-post-image,
.mw-mmv-post-image,
.mw-mmv-image-metadata
.mw-mmv-image-metadata {
{
  background-color:#4c4c4c !important
    background-color: #4c4c4c !important;
}
}
 
.mw-mmv-image-links-div {
.mw-mmv-image-links-div
  background-color:#fff !important
{
    background-color: #fff !important;
}
}
/*
@font-face {
  font-family: 'April1';
  src: url('/fonts/IMFellDWPica-Regular.ttf');
}
body {
    font-family: 'April1';
}
*/
kbd {
kbd {
    margin: 0 0.1em;
  margin:0 0.1em;
    padding: 0.1em 0.6em;
  padding:0.1em 0.6em;
    border-radius: 3px;
  border-radius:3px;
    border: 1px solid #c1c1c1;
  border:1px solid #c1c1c1;
    line-height: 1.3em;
  line-height:1.3em;
    font-family: Arial,Helvetica,sans-serif;
  font-family:Arial,Helvetica,sans-serif;
    font-size: 10px;
  font-size:10px;
    display: inline-block;
  display:inline-block;
    vertical-align: text-top;
  vertical-align:text-top
}
}
.xlargegallery img {
.xlargegallery img {
    width: 380px;
  width:380px;
    height: auto;
  height:auto
}
}
.floatright {
.floatright {
    float: right;
  float:right
}
}
 
.goldicon,
.goldicon,.silvericon,.coppericon,
.silvericon,
.radianticon,.illustriousicon,.brighticon,.glowingicon,.dimicon,.dullicon {
.coppericon,
aspect-ratio: 1/1;
.radianticon,
display: inline-block;
.illustriousicon,
padding: 1px;
.brighticon,
margin: auto 7px auto 2px;
.glowingicon,
.dimicon,
.dullicon {
  aspect-ratio:1/1;
  display:inline-block;
  padding:1px;
  margin:auto 7px auto 2px
}
}
 
.goldicon,
.goldicon,.silvericon,.coppericon {
.silvericon,
border-radius:50%;
.coppericon {
width: .75em;
  border-radius:50%;
  width:.75em
}
}
.goldicon {
.goldicon {
background: goldenrod;
  background:goldenrod
}
}
.silvericon {
.silvericon {
background: silver;
  background:silver
}
}
.coppericon {
.coppericon {
background: peru;
  background:peru
}
 
.radianticon,.illustriousicon,.brighticon,.glowingicon,.dimicon,.dullicon {
width: 1em;
}
 
/* as per icon color
.radianticon {
color: orange;
}
.illustriousicon {
color: purple;
}
.brighticon {
color: yellow;
}
.glowingicon {
color: blue;
}
.dimicon {
color: green;
}
}
.radianticon,
.illustriousicon,
.brighticon,
.glowingicon,
.dimicon,
.dullicon {
.dullicon {
color: gray;
  width:1em
}
}
*/
/* as per rarity color */
.radianticon {
.radianticon {
color: orange;
  color:orange
}
}
.illustriousicon {
.illustriousicon {
color: indigo;
  color:indigo
}
}
.brighticon {
.brighticon {
color: #b79c3e;
  color:#b79c3e;
font-size: 1.4em;
  font-size:1.4em
}
}
.glowingicon {
.glowingicon {
color: blue;
  color:blue;
font-size: 1.2em;
  font-size:1.2em
}
}
.dimicon {
.dimicon {
color: green;
  color:green;
font-size: 1.2em;
  font-size:1.2em
}
}
.dullicon {
.dullicon {
color: white;
  color:white
}
}
 
.compactcurrency .goldicon,
/*td:has(.glint), td:has(.currency) {
.compactcurrency .silvericon,
text-align: right;
.compactcurrency .coppericon {
width: 100px;
  margin:auto 0px auto 3px
margin-left: auto !important;
margin-right: 0 !important;
}*/
 
.compactcurrency .goldicon,.compactcurrency .silvericon,.compactcurrency .coppericon {
margin: auto 0px auto 3px;
}
}
.rarity {
.rarity {
padding-left: 2px;
  padding-left:2px;
padding-right: 2px;
  padding-right:2px
}
}
 
.rarity,
.rarity, .rarity a:link, .rarity a:visited, .rarity a:active {
.rarity a:link,
color:white;
.rarity a:visited,
.rarity a:active {
  color:white
}
}
.rarity.poor {
.rarity.poor {
background:grey;
  background:grey
}
}
.item-rarity.poor img {
.item-rarity.poor img {
border-color: grey;
  border-color:grey
}
}
.rarity.common {
.rarity.common {
color:black !important;
  color:black !important;
background:white;
  background:white
}
}
.item-rarity.common img {
.item-rarity.common img {
border-color: white;
  border-color:white
}
}
.rarity.common, .rarity.common a:link, .rarity.common a:visited, .rarity.common a:active,
.rarity.common,
.rarity.heroic, .rarity.heroic a:link, .rarity.heroic a:visited, .rarity.heroic a:active {
.rarity.common a:link,
color:black;
.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 {
.rarity.uncommon {
background:green;
  background:green
}
}
.item-rarity.uncommon img{
.item-rarity.uncommon img {
border-color:green ;
  border-color:green  
}
}
.rarity.rare {
.rarity.rare {
background:blue;
  background:blue
}
}
.item-rarity.rare img {
.item-rarity.rare img {
border-color:blue ;
  border-color:blue  
}
}
.rarity.heroic {
.rarity.heroic {
background:#b79c3e;
  background:#b79c3e
}
}
.item-rarity.heroic img {
.item-rarity.heroic img {
border-color:#b79c3e ;
  border-color:#b79c3e  
}
}
.rarity.epic {
.rarity.epic {
background:indigo;
  background:indigo
}
}
.item-rarity.epic img {
.item-rarity.epic img {
border-color:indigo ;
  border-color:indigo  
}
}
.rarity.legendary {
.rarity.legendary {
background:orange;
  background:orange
}
}
.item-rarity.legendary img {
.item-rarity.legendary img {
border-color:orange;
  border-color:orange
}
}
.rarity.legendary, .rarity.legendary a:link, .rarity.legendary a:visited, .rarity.legendary a:active {
.rarity.legendary,
color:black;
.rarity.legendary a:link,
.rarity.legendary a:visited,
.rarity.legendary a:active {
  color:black
}
}
.rarity.artifact {
.rarity.artifact {
background:yellow;
  background:yellow
}
}
.item-rarity.artifact img {
.item-rarity.artifact img {
border-color:yellow ;
  border-color:yellow  
}
}
.rarity.artifact, .rarity.artifact a:link, .rarity.artifact a:visited, .rarity.artifact a:active {
.rarity.artifact,
color:black;
.rarity.artifact a:link,
.rarity.artifact a:visited,
.rarity.artifact a:active {
  color:black
}
}
 
.flagging,
.flagging, .flagging a:link, .flagging a:visited, .flagging a:active {
.flagging a:link,
color:white;
.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 {
.flagging.non-combatant,
background:green;
.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 {
.flagging.combatant,
background:indigo;
.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 {
.flagging.corrupted,
background:red;
.flagging.corrupted a:link,
.flagging.corrupted a:visited,
.flagging.corrupted a:active {
  background:red
}
}
.skilltable td:first-child {
.skilltable td:first-child {
width: 12.5em;
  width:12.5em;
white-space: nowrap;
  white-space:nowrap
}
}
.jquery-tablesorter th.headerSort {
.jquery-tablesorter th.headerSort {
    background-image: url(/sort-both-light.svg);
  background-image:url(https://ashesofcreation.wiki/sort-both-light.svg);
    background-blend-mode: exclusion;
  background-blend-mode:exclusion
}
}
.columns-3 {
.columns-3 {
column-count: 3;
  column-count:3;
-moz-column-count: 3;
  -moz-column-count:3;
-webkit-column-count: 3;
  -webkit-column-count:3
}
}
.columns-4 {
.columns-4 {
column-count: 4;
  column-count:4;
-moz-column-count: 4;
  -moz-column-count:4;
-webkit-column-count: 4;
  -webkit-column-count:4
}
}
.indented {
.indented {
margin-left: 1em;
  margin-left:1em
}
}
.damage-physical {
.damage-physical {
color:#a87e72;
  color:#a87e72
}
}
.damage-arcane {
.damage-arcane {
color:MediumOrchid;
  color:MediumOrchid
}
}
.damage-bludgeon {
.damage-bludgeon {
color:#a89d9d;
  color:#a89d9d
}
}
.damage-fire {
.damage-fire {
color:Red;
  color:Red
}
}
.damage-lightning {
.damage-lightning {
color:#9771f8;
  color:#9771f8
}
}
.damage-ice {
.damage-ice {
color:DeepSkyBlue;
  color:DeepSkyBlue
}
}
.healing {
.healing {
color:Green;
  color:Green
}
}
.damage-magical {
.damage-magical {
color:BlueViolet;
  color:BlueViolet
}
}
.damage-piercing {
.damage-piercing {
color:BlanchedAlmond;
  color:BlanchedAlmond
}
}
.damage-spirit {
.damage-spirit {
color:#a7cdbc;
  color:#a7cdbc
}
}
.damage-bleed {
.damage-bleed {
color:#530615;
  color:#530615
}
}
 
.skill img,
.skill img, .effect img, img.effect {
.effect img,
border-style: solid;
img.effect {
  border-style:solid
}
}
.skill img {
.skill img {
border-width: 3px;
  border-width:3px
}
}
 
.effect img,
.effect img, img.effect {
img.effect {
border-width: 2px;
  border-width:2px
}
}
/* Temporary */
.item img {
.item img {
border: none;
  border:none
}
}
 
.skill img,
.skill img,.effect img, img.effect {
.effect img,
border-color: #c5b695;
img.effect {
  border-color:#c5b695
}
}
.upgrade-passive img {
.upgrade-passive img {
border-radius: 50%;
  border-radius:50%
}
}
.skill .mw-references-wrap img,
.skill .mw-references-wrap img,
.skill .mw-references-wrap img {
.skill .mw-references-wrap img {
border: none;
  border:none
}
}
dl {
dl {
margin-top: revert;
  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 {
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  border-left:3px solid #c8ccd1;
margin-top: revert;
  margin-left:1.6em;
  padding-left:1.3em
}
}

Revision as of 17:36, 19 November 2024

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
}
Retrieved from "https://verra.vip/index.php?title=MediaWiki:Common.css&oldid=8"