.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 {
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;
}