MediaWiki:Common.css/UnitCard.css

/* --- USED FOR STYLING UNIT CARD TOOLTIPS ---*/

.unit-card{ position: relative; width: 670px; height: 220px; border-radius: 0px; padding: 0px; border: 1px solid #b72727; background-color: rgb(16,16,16); font-family: Arial, serif; font-size: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; }

.unit-card .unit-number{ position: absolute; bottom: 0px; left: 0px; z-index: 97; color: #fff; background-color: #b72727; width: 60px; text-align: center; font-size: 8px; }

.unit-card .unit-race{ position: absolute; top: 5px; right: 5px; z-index: 98; }

.unit-card .left-side{ position: relative; float: left; margin: 0; width: 150px; height: 220px; border: 1px solid #b72727; border-left: none; border-top: none; overflow: hidden; }

.unit-card .left-bg{ position: absolute; top: 5px; left: -25px; opacity: 0.8; z-index: 50; }

.unit-card .unit-sprite{ position: absolute; top: 20px; left: -10px; z-index: 51; }

.unit-card .unit-type{ position: absolute; top: 15px; left: 10px; z-index: 99; }

.unit-card .unit-rarity{ position: absolute; top: 10px; right: 0px; z-index: 100; }

.unit-card .unit-diamond{ position: absolute; bottom: 20px; left: 0px; z-index: 101; width: 150px; }

.unit-card .right-side{ float: left; margin-left: 10px; position: relative; width: 500px; }

.unit-card .unit-name{ position: absolute; top: 10px; left: 0; color: #b72727; font-weight: bold; font-size: 15px; letter-spacing: 1px; }

.unit-card .unit-subname{ position: absolute; top: 25px; left: 0; font-style: italic; color: #e0bb74; }

.unit-card .unit-species{ position: absolute; top: 45px; left: 0; font-weight: bold; font-size: 14px; letter-spacing: 1px; }

.unit-card .right-separator{ margin-top: 70px; margin-bottom: 5px; border-bottom: 1px solid #b72727; height: 1px; }

.unit-card .unit-equipment{ color: #62a2e6; }

.unit-card .unit-stats{ float: left; margin: 0 0 5px 0; }

.unit-stats .stats-title{ color: #b72727; font-weight: bold; width: 85px; }

.unit-stats td:nth-of-type(1), .unit-stats td:nth-of-type(4){ font-weight: bold; width: 40px; }

.unit-stats td:nth-of-type(2), .unit-stats td:nth-of-type(5){ text-align: right; }

.unit-stats .stats-transcend{ color: yellow; }

.unit-stats .stats-equip{ color: blue; }

.unit-card .unit-attr{ margin: 0 0 0 15px; float: left; }

.unit-attr .attr-title{ color: #b72727; font-weight: bold; }

.unit-attr .attr-equip td{ color: blue; padding: 0 0 0 12px; line-height: 0px; }

.unit-attr .skill-title{ padding-top: 5px; color: #b72727; font-weight: bold; }

.unit-card .unit-skill td{ position: relative; width: 108px; border: 1px solid #d5d5d5; height: 55px; }

.unit-skill .skill-pos{ position: absolute; top: 2px; right: 4px; z-index: 60; }

.unit-skill .skill-type{ position: absolute; top: 5px; left: 5px; z-index: 59; }

.unit-skill .skill-element{ position: absolute; top: 35px; right: 45px; z-index: 62; }

.unit-skill .skill-area{ position: absolute; top: 5px; right: 10px; }

.unit-skill .skill-target{ position: absolute; top: 35px; right: 10px; z-index: 61; }