.coreTab { table.abilityScores { border-collapse: separate; border-spacing: 0.5em; th { font-size: 0.75em; padding: 0 1em; } td { text-align: center; &.blackBox { border-radius: 0.5em; .longname { font-size: 0.7em; line-height: 0.7em } .shortname { text-transform: uppercase; font-size: 1.5em; } } } } .attacks { border-collapse: separate; border-spacing: 0 0.5em; .atkAbility { display: inline-block; position: relative; select { font-size: 0.6em; height: 2.5em; line-height: 1em; padding: 1px; position: absolute; width: 4em; } } .head label { font-size: 0.75em; line-height: 1em; margin-bottom: 0; width: 1in; } .body { .blackBox { border-radius: 0.5em; width: 2in; input { background: #000; color: #fff; font-size: 1.2em; font-weight: bold; position: relative; text-align: center; width: 1.8in; } } .labelledBoxH { vertical-align: middle; } .rollButton { color: #fff; font-family: dicefontd20; font-size: 0.5in; font-weight: normal; line-height: 0.5in; } } .mathOperator { margin-bottom: 0; } } table.savingThrows { border-collapse: separate; border-spacing: 0 0.5em; th { font-size: 0.75em; } td { text-align: center; &.blackBox { border-radius: 0.5em; .abilityName { font-size: 0.7em; line-height: 0.7em } .saveName { font-size: 1.5em; } } } .mathOperator { margin-bottom: 0; } } }