Template:Item tooltip/styles.css

.template_itemTooltip {
  display: inline-block;
  padding: 8px;
  color: white;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, .8);
  font-family: Tahoma, Geneva, sans-serif;
  border: solid gray 2px;
  max-width: 400px; /* TODO: this should be removed */
}

.template_itemTooltip .name {
  font-weight: bold;
  color: #FFF;
  margin-bottom: 10px;
}

.template_itemTooltip .name.normal { color: #FFF; }
.template_itemTooltip .name.magic  { color: #0FF; }
.template_itemTooltip .name.rare   { color: #FF0; }
.template_itemTooltip .name.soul   { color: #DAA949; }
.template_itemTooltip .name.unique { color: #050; }
.template_itemTooltip .name.epic   { color: #E0E; }

.template_itemTooltip .description {
  margin:10px 0;
}

.template_itemTooltip .attributeTable {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  margin-bottom: 10px;
}

.template_itemTooltip .attributeTable tr td {
  padding: 0;
  text-align: center;
}

.template_itemTooltip .attributeTable .improved { color: #06F; }
.template_itemTooltip .attributeTable .inadequate { color: red; }
.template_itemTooltip .attributeTable .warning { color: #D2B046; }

.template_itemTooltip .bonuses {
  color: #0F0;
  text-align: center;
}

.template_itemTooltip .bonuses .isNegative { color: #F00; }
.template_itemTooltip .bonuses .isSpecial  { color: #E0E; font-weight: bold; }

.template_itemTooltip .untradeable {
  margin-bottom: 10px;
  color: red;
}

.template_itemTooltip .unidentified {
  color: red;
}

.template_itemTooltip .price {
  margin: 10px 0;
  text-align: center;
  color: #43D8C5;
}