MediaWiki:Common.css/UnitList.css

.unit-detail { font-size: 0.9em; width: 100%; transition: all 0.1s ease-in; margin-bottom: 10px; border: 1px solid #404040; background-color: rgba(16,16,16,0.8); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); position: relative; }

.ud-anchor { position: relative; }

.ud-image { text-align: center; vertical-align: top; width: 150px; position: relative; }

.ud-front img { width: 150px; height: auto; position: absolute; top: 0; left: 0; }

.ud-type { position: absolute; top: 5px; left: 5px; }

.ud-rarity { position: absolute; top: 5px; left: 90px; }

.ud-header { border-bottom: 1px solid #404040; padding: 5px 0; }

.ud-name { font-size: 1.4em; font-weight: bold; text-transform: uppercase; }

.ud-species { font-style: italic; color: #ffc990; }

.ud-species:before { content: "•"; padding: 0 5px 0 10px; }

.ud-label { position: absolute; top: 0; left:0; display: block; width: 50px; text-align: right; text-transform: uppercase; font-size: 0.9em; line-height: 20px; height: 20px; padding-right: 5px; box-shadow: 1px 1px 0px #404040; }

.ud-stats { font-size: 0.8em; margin-left: 60px; }

.ud-stats td { line-height: 20px; text-align: right; padding: 0 5px; }

.ud-stats-basic td:nth-of-type(2n-1) { font-weight: bold; color: #ffc990; }

.ud-stats td:nth-of-type(2n) { }

.ud-stats-transcend td { color: Yellow; background-color: none; }

.ud-attr { font-size: 0.9em; margin-left: 70px; }

.ud-attr td { line-height: 20px; }

.ud-attr td:nth-of-type(2n-1) { padding: 0 3px; border: 1px solid rgba(255,201,144,0.5); background-color: rgba(255,201,144,0.2); border-radius: 50%; }

.ud-attr td:nth-of-type(2n) { padding: 0 10px; }

.ud-skill { font-size: 0.9em; }

.ud-pos-van td, .ud-pos-mid td, .ud-pos-rear td{ }

.ud-pos-van .ud-pos, .ud-pos-mid .ud-pos, .ud-pos-rear .ud-pos { display: inline-block; padding: 0 10px; line-height: 20px; width: 30px; text-align: center; margin-right: 10px; border-radius: 10px 0 }

.ud-pos-van .ud-pos { background-color: #6d3b30; }

.ud-pos-mid .ud-pos { background-color: #1b6243; }

.ud-pos-rear .ud-pos { background-color: #214b63; }

.ud-sk-name { font-size: 1.2em; font-weight: bold; line-height: 20px; display: block; }

.ud-pos-van .ud-sk-name { color: #6d3b30; border-bottom: 1px solid #6d3b30; }

.ud-pos-mid .ud-sk-name { color: #1b6243; border-bottom: 1px solid #1b6243; }

.ud-pos-rear .ud-sk-name { color: #214b63; border-bottom: 1px solid #214b63; }

.ud-sk-desc { font-style: italic; }

.ud-sk-detail td:nth-of-type(2n-1) b { color: #ffc990; display: inline-block; padding: 0 5px; border-radius: 5px; }

.ud-sk-detail td:nth-of-type(2n) { padding: 0 10px; }