Template:Item tooltip/styles.css

.item-tooltip-wrapper {

 position: relative;
 display: inline-block;
 cursor: help;

}

.item-tooltip-trigger {

 color: #6cf;
 text-decoration: underline dotted;

}

.item-tooltip-box {

 display: none;
 position: absolute;
 top: 120%;
 left: 50%;
 transform: translateX(-50%);
 width: 260px;
 background: linear-gradient(#0a0f1a, #0d1424);
 border: 1px solid #2b395a;
 border-radius: 6px;
 padding: 10px;
 color: #d8e6ff;
 font-size: 13px;
 box-shadow: 0 0 12px rgba(0,0,0,0.6);
 z-index: 1000;

}

.item-tooltip-title {

 display: block;
 text-align: center;
 font-weight: bold;
 color: #9fe3ff;
 margin-bottom: 6px;
 font-size: 15px;

}

.item-tooltip-section {

 margin-top: 6px;
 padding-top: 4px;
 border-top: 1px solid #24324f;

}

.item-tooltip-section-title {

 text-align: center;
 color: #7fffd4;
 font-weight: bold;
 margin-bottom: 4px;

}

.item-tooltip-row {

 display: flex;
 justify-content: space-between;
 padding: 1px 4px;

}

.item-tooltip-wrapper:hover .item-tooltip-box {

 display: block;

}