/* CLEAR STYLES */ * { padding: 0; margin: 0; outline: 0; list-style: none; font-size: 0; line-height: 100%; box-sizing: border-box; } *:focus, *:active { outline: none; } *::-moz-focus-inner { border: 0; } input, textarea, select, input:focus, textarea:focus, select:focus { border-radius: 0; box-shadow: none; margin: 0; } select option { padding: 10px; } ul { padding: 0; margin: 0; } li { line-height: 100%; } body { font-size: 0; } .sheet-no_spin { -webkit-appearance: none !important; -moz-appearance: textfield !important; } .sheet-no_select { -webkit-appearance: none !important; -moz-appearance: none !important; } /* BEGIN CODE */ .sheet-tormenta_charsheet { width: 1240px; margin: auto; } .sheet-tormenta_charsheet .sheet-info_holder { padding: 40px 55px; background: #F6F6F6; } .sheet-tormenta_charsheet label { margin: 0; padding: 0; } .sheet-tormenta_charsheet .sheet-cabecalho { display: inline-block; vertical-align: top; padding-top: 34px; width: 55%; } .sheet-tormenta_charsheet .sheet-cabecalho input[type=text], .sheet-tormenta_charsheet .sheet-cabecalho input[type=number], .sheet-tormenta_charsheet .sheet-cabecalho select { display: block; height: 40px; width: 100%; border: 0; border-bottom: 3px solid #222; padding: 3px 7px 0; background: #FFF; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: .3s; } .sheet-tormenta_charsheet .sheet-cabecalho input[type=text]:focus, .sheet-tormenta_charsheet .sheet-cabecalho input[type=text]:focus:hover, .sheet-tormenta_charsheet .sheet-cabecalho input[type=number]:focus, .sheet-tormenta_charsheet .sheet-cabecalho input[type=number]:focus:hover, .sheet-tormenta_charsheet .sheet-cabecalho select:focus, .sheet-tormenta_charsheet .sheet-cabecalho select:focus:hover { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-cabecalho label { display: block; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line1 .sheet-character_name, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line1 .sheet-character_race, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line2 .sheet-character_name, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line2 .sheet-character_race { display: inline-block; width: 100%; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line2 { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_age, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_sex, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_size { display: inline-block; width: calc((100%/3) - (20px/3)); margin-left: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_age { margin-left: 0; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_religion, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_alignment { display: inline-block; vertical-align: top; width: calc(50% - 5px); } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line3 .sheet-character_alignment { margin-left: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line4 { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line4 .sheet-languages { display: inline-block; vertical-align: top; width: 100%; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line5 { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line5 .sheet-exp_now, .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line5 .sheet-exp_next_level { display: inline-block; vertical-align: top; width: calc(50% - 5px); } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-line5 .sheet-exp_next_level { margin-left: 10px; } .sheet-tormenta_charsheet .sheet-cabecalho .sheet-label_text { text-transform: uppercase; font-size: 14px; color: #222; font-weight: 700; margin-top: 3px; } .sheet-tormenta_charsheet .sheet-classes { display: inline-block; vertical-align: top; width: calc(45% - 20px); margin-left: 20px; padding: 20px; background: #EEE; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item:first-of-type { padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item:not(:first-of-type):not(:last-of-type) { padding-bottom: 27px; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column { display: inline-block; vertical-align: top; width: calc(13% - 10px); margin-right: 10px; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column:nth-of-type(2) { width: 61%; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column:last-of-type { margin-right: 0; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column button { display: none; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column .sheet-class_title { text-transform: uppercase; text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column input { display: block; border: 0; border-bottom: 3px solid #222; background: #FFF; width: 100%; height: 40px; padding: 3px 3px 0; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column input:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-classes .sheet-classes_list .sheet-class_item .sheet-class_column input[type=text] { text-align: left; padding: 3px 7px 0; } .sheet-tormenta_charsheet .sheet-classes .sheet-class_hidden { display: none; } .sheet-tormenta_charsheet .sheet-middle { padding-top: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes { display: inline-block; vertical-align: top; width: 24%; padding-right: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item:not(:last-of-type) { padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column { display: inline-block; vertical-align: top; width: calc(25% - 5px); margin-right: 5px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column button { display: none; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column:nth-of-type(3) input { color: #A4A4A4; border-color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column .sheet-attribute_title { text-transform: uppercase; text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column .sheet-attribute_name_title { display: block; background: #222; padding: 6px 0; height: 40px; text-align: center; cursor: pointer; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column .sheet-attribute_name_title .sheet-attribute_abrev { font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column .sheet-attribute_name_title .sheet-attribute_full { padding-top: 3px; font-weight: 400; font-size: 9px; color: #FFF; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column .sheet-attribute_name_title:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column input { display: block; border: 3px solid #222; background: #FFF; width: 100%; height: 40px; padding: 0 3px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attributes .sheet-attributes_list .sheet-attribute_item .sheet-attribute_column input:not(:disabled):focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res { display: inline-block; vertical-align: top; width: 76%; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_title { display: inline-block; vertical-align: bottom; width: 120px; height: 40px; padding: 5px 0; margin-right: 15px; background: #222; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_title .sheet-armor_class_abrev { font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_title .sheet-armor_class_full { padding-top: 3px; font-weight: 400; font-size: 9px; color: #FFF; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column { display: inline-block; vertical-align: bottom; width: calc((100% - 120px)/10); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column:last-of-type { width: calc(((100% - 120px)/10) - 15px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column:last-of-type label { width: 100%; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column:nth-of-type(3) .sheet-armor_class_label { width: calc(100% - 15px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column .sheet-armor_class_base { display: inline-block; vertical-align: bottom; font-weight: 700; font-size: 20px; color: #A4A4A4; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 34px; text-align: center; border: 3px solid #A4A4A4; background: #FFF; width: calc(100% - 15px); height: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column label { display: inline-block; vertical-align: bottom; width: calc(100% - 15px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column .sheet-armor_class_label { text-transform: uppercase; font-size: 9px; font-weight: 700; color: #222; text-align: center; line-height: 140%; padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column input { display: block; border: 3px solid #222; background: #FFF; width: 100%; height: 40px; padding: 0 3px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column input:not(:disabled):focus, .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column input:not(:disabled):focus:hover { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column input:disabled { border-color: #A4A4A4; color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-armor_class .sheet-armor_class_column .sheet-armor_class_separator { display: inline-block; vertical-align: bottom; font-size: 16px; color: #222; line-height: 40px; padding: 0 3px; width: 15px; height: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals { margin-top: 17px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals { display: inline-block; vertical-align: top; width: 296px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item { padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column { display: inline-block; vertical-align: bottom; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column:first-of-type { width: 120px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column:nth-of-type(2) { width: 58px; margin-left: 15px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column:nth-of-type(3) { display: inline-block; vertical-align: bottom; font-size: 16px; color: #222; line-height: 40px; text-align: center; padding: 0 3px; width: 15px; height: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column:last-of-type { width: 58px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column .sheet-vitals_title { height: 40px; padding: 5px 0; background: #222; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column .sheet-vitals_title .sheet-vitals_abrev { font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column .sheet-vitals_title .sheet-vitals_full { padding-top: 3px; font-weight: 400; font-size: 9px; color: #FFF; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column .sheet-vitals_label { text-transform: uppercase; font-size: 9px; font-weight: 700; color: #222; text-align: center; line-height: 140%; padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column input { display: block; border: 3px solid #222; background: #FFF; width: 100%; height: 40px; padding: 0 3px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column input:not(:disabled):focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-vitals .sheet-vitals_item .sheet-vitals_column input:disabled { border-color: #A4A4A4; color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences { display: inline-block; vertical-align: top; width: calc(100% - 296px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item { padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column { display: inline-block; vertical-align: bottom; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column:first-of-type { width: 120px; margin-right: 15px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column:not(:first-of-type) { width: calc((100% - 120px)/6); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column:last-of-type { width: calc(((100% - 120px)/6) - 15px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column:last-of-type label { width: 100%; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column button { display: none; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_title { width: 120px; height: 40px; padding: 5px 0; background: #222; text-align: center; cursor: pointer; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_title:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_title .sheet-resistences_abrev { font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_title .sheet-resistences_full { padding-top: 3px; font-weight: 400; font-size: 9px; color: #FFF; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_separator { display: inline-block; vertical-align: bottom; font-size: 16px; color: #222; line-height: 40px; padding: 0 3px; width: 15px; height: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column label { display: inline-block; vertical-align: bottom; width: calc(100% - 15px); } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column .sheet-resistences_label { text-transform: uppercase; font-size: 9px; font-weight: 700; color: #222; text-align: center; line-height: 140%; padding-bottom: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column input { display: block; border: 3px solid #222; background: #FFF; width: 100%; height: 40px; padding: 0 3px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column input:not(:disabled):focus, .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column input:not(:disabled):focus:hover { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-ac_res .sheet-resistences_vitals .sheet-resistences .sheet-resistences_item .sheet-resistences_column input:disabled { border-color: #A4A4A4; color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors { display: inline-block; vertical-align: top; width: 62%; padding-right: 60px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item:not(:first-of-type) { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line:not(:first-of-type) { margin-top: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_separator { display: inline-block; vertical-align: middle; width: 10px; color: #222; font-size: 10px; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column { display: inline-block; vertical-align: middle; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column:not(:first-of-type) { width: calc((100% - 210px - (6 * 10px))/6); } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_title { width: 210px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_title .sheet-attack_title_text { text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_title .sheet-attack_title_label { display: block; height: 40px; background: #222; text-align: center; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-transform: uppercase; cursor: pointer; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_title .sheet-attack_title_label:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_title button { display: none; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_total, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column .sheet-attack_text { text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column input, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column select { display: block; width: 100%; height: 40px; background: #FFF; border: 3px solid #222; padding: 0 3px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; font-size: 14px; color: #222; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column input:disabled, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column select:disabled { color: #A4A4A4; border-color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column input:not(:disabled):focus, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column select:not(:disabled):focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-attacks .sheet-attack_item .sheet-attack_line .sheet-attack_column option { text-align: left; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors { margin-top: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item:not(:first-of-type) { margin-top: 5px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item .sheet-armor_title { display: inline-block; vertical-align: bottom; width: 255px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item .sheet-armor_title .sheet-armor_title_label { display: block; height: 40px; background: #222; text-align: center; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item .sheet-armor_title input { text-align: left; padding: 3px 7px 0; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item .sheet-armor_column { display: inline-block; vertical-align: bottom; width: calc((100% - 255px)/4); padding-left: 6px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item .sheet-armor_column .sheet-armor_column_text { text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item input, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item select { display: block; width: 100%; height: 40px; background: #FFF; border: 0; border-bottom: 3px solid #222; padding: 3px 3px 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; font-size: 14px; color: #222; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item input:focus, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item select:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item select { text-align: left; padding: 3px 7px 0; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-armors .sheet-armor_item select option { text-align: left; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities { margin-top: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label:not(:first-of-type) { margin-top: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label input, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label textarea { display: block; width: 100%; height: 40px; background: #FFF; border: 0; border-bottom: 3px solid #222; padding: 3px 7px 0; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label input:focus, .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label textarea:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label textarea { height: 200px; padding: 7px; resize: none; line-height: 160%; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-resistences_imunities label .sheet-resistences_imunities_title { margin-top: 3px; text-transform: uppercase; font-weight: 700; font-size: 14px; color: #222; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos { margin-top: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_title { display: inline-block; vertical-align: top; width: 255px; height: 40px; background: #222; text-align: center; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_column { display: inline-block; vertical-align: top; width: calc((100% - 255px)/4 - 5px); margin-left: 5px; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_column label { display: block; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_column label input { display: block; width: 100%; height: 40px; background: #FFF; border: 0; border-bottom: 3px solid #222; padding: 3px 3px 0; text-align: center; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_column label input:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-attacks_armors .sheet-deslocamentos .sheet-deslocamentos_column .sheet-label_text { margin-top: 3px; text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 120%; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills { display: inline-block; vertical-align: top; width: 38%; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_note { line-height: 16px; font-size: 12px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_note:first-of-type { padding-top: 20px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column { display: inline-block; vertical-align: middle; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column:nth-of-type(4), .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column:nth-of-type(6), .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column:nth-of-type(8) { width: 50px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column:nth-of-type(2) { margin-left: 3px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_total { width: 56px; height: 40px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_total input { display: block; width: 100%; height: 40px; padding: 0 3px; background: #FFF; border: 3px solid #A4A4A4; border-top: 0; text-align: center; font-size: 14px; color: #A4A4A4; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > input, .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select { display: block; width: 100%; height: 40px; padding: 3px 3px 0; background: #FFF; border: 0; border-bottom: 3px solid #222; text-align: center; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > input:not(:disabled):focus, .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select:not(:disabled):focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > input:disabled, .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select:disabled { color: #A4A4A4; border-color: #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select { font-size: 11px; text-align: center; padding: 3px 0 0; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select option { padding: 5px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column > select:not(:focus):hover { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name { width: 190px; height: 40px; position: relative; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skills_item_roll { position: absolute; left: -40px; top: 5px; width: 30px; height: 30px; background: #222; border: 0; font-family: "dicefontd20"; line-height: 30px; font-size: 24px; color: #FFF; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skills_item_roll:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skills_item_name_text { display: inline-block; vertical-align: top; width: 164px; margin-left: 10px; padding-top: 2px; line-height: 40px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check { display: inline-block; vertical-align: top; height: 40px; width: 16px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check input[type=checkbox] { display: none; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check .sheet-skill_item_check_fake { display: block; width: 16px; height: 16px; margin-top: 14px; background: #FFF; border: 1px solid #CCC; padding: 2px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check .sheet-skill_item_check_fake:before { content: ""; display: block; width: 10px; height: 10px; background: #c15353; opacity: 0; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check .sheet-skill_item_check_fake:hover:before { opacity: .4; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name .sheet-skill_item_check :checked + .sheet-skill_item_check_fake:before { opacity: 1; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name input[type=text] { display: inline-block; vertical-align: top; width: 144px; height: 40px; padding: 3px 7px 0; margin-left: 10px; background: #FFF; border: 0; border-bottom: 3px solid #222; text-align: left; font-size: 12px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name input[type=text]:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_column .sheet-skills_item_name input[type=text] + .sheet-skills_item_name_text { width: 20px; margin-left: 0; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_separator { display: inline-block; vertical-align: middle; width: 10px; color: #222; font-size: 10px; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_item:nth-of-type(2) .sheet-skills_column .sheet-skills_total input { border-top: 3px solid #A4A4A4; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title { padding-bottom: 5px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title .sheet-skills_column:first-of-type { width: 190px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title .sheet-skills_title_name { display: block; width: 100%; height: 30px; background: #222; color: #FFF; font-size: 20px; font-weight: 700; line-height: 30px; text-transform: uppercase; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title .sheet-skills_total { height: 26px; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title .sheet-skills_total .sheet-skills_total_title { line-height: 13px; font-size: 11px; color: #222; font-weight: 700; text-align: center; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-skills .sheet-skills_list .sheet-skills_title .sheet-skills_title_item_name { line-height: 13px; font-size: 9px; color: #222; text-align: center; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .repcontrol .btn { display: block; height: 30px; margin: 0; padding: 0 5px; background: #222; border: 0; border-radius: 0; line-height: 30px; font-size: 12px; color: #FFF; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .repcontrol .btn:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item:last-of-type .sheet-weapon_macro { padding-bottom: 0; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col { display: inline-block; vertical-align: bottom; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(2) { width: 255px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(2) .sheet-weapons_item { width: calc(100% - 40px); margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(3) { width: 80px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(4) { width: 150px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(5) { width: 150px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(6) { width: 80px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(7) { width: 80px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(8) { width: 80px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(9) { width: 95px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col:nth-of-type(10) { width: 80px; margin-left: 10px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col .sheet-weapons_title { display: inline-block; vertical-align: bottom; width: 255px; height: 40px; background: #222; text-align: center; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item_col .sheet-weapons_col_title { text-align: center; font-weight: 700; font-size: 10px; color: #222; line-height: 12px; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro { margin-top: 20px; padding-bottom: 20px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro .sheet-weapon_macro_title { display: inline-block; vertical-align: middle; font-size: 12px; color: #222; font-weight: 700; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro .sheet-weapon_macro_input { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: #FFF; border: 1px solid #CCC; padding: 2px; margin-left: -15px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro .sheet-weapon_macro_input:before { content: ""; display: block; background: #c15353; width: 10px; height: 10px; opacity: 0; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro input { display: inline-block; vertical-align: middle; cursor: default; margin-left: 10px; opacity: 0; position: relative; z-index: 2; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro textarea { display: none; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro input:checked ~ textarea { display: block; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro input:checked ~ .sheet-weapon_macro_input:before { opacity: 1; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapon_macro input:not(:checked):hover ~ .sheet-weapon_macro_input:before { opacity: .4; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item { margin-top: 15px; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item .sheet-weapons_roll { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0; padding: 0; background: #222; border: 0; border-radius: 0; font-family: "dicefontd20"; line-height: 30px; font-size: 24px; color: #FFF; text-align: center; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item .sheet-weapons_roll:hover { background: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item .sheet-weapons_item { width: 100%; height: 40px; padding: 3px 7px 0; margin: 0; background: #FFF; border: 0; border-bottom: 3px solid #222; text-align: left; font-size: 12px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: border-color .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item .sheet-weapons_item:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-weapons .sheet-weapons_list .sheet-weapons_item .sheet-weapons_item.sheet-weapons_item_textarea { height: 120px; min-height: 60px; max-height: 200px; padding: 5px 7px; line-height: 160%; margin-top: 10px; resize: vertical; } .sheet-tormenta_charsheet .sheet-middle .sheet-racials_classabs .sheet-racials { display: inline-block; vertical-align: top; width: 33%; } .sheet-tormenta_charsheet .sheet-middle .sheet-racials_classabs .sheet-classabs { display: inline-block; vertical-align: top; width: 67%; padding-left: 30px; } .sheet-tormenta_charsheet .sheet-middle .sheet-racials_classabs .sheet-title { width: 100%; height: 40px; background: #222; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-racials_classabs .sheet-racial_classabs_textarea { margin-top: 10px; display: block; width: 100%; height: 350px; resize: none; background: #FFF; border: 0; border-bottom: 3px solid #222; padding: 7px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 160%; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-racials_classabs .sheet-racial_classabs_textarea:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col { display: inline-block; vertical-align: top; width: calc(100%/3 - 20px); } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-title { width: 100%; height: 40px; background: #222; color: #FFF; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; text-transform: uppercase; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-inventario_talentos_magias_textarea { margin-top: 10px; display: block; width: 100%; height: 600px; resize: none; background: #FFF; border: 0; border-bottom: 3px solid #222; padding: 7px; font-size: 14px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 160%; transition: .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-inventario_talentos_magias_textarea.sheet-languages_textarea { height: 210px; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-inventario_talentos_magias_textarea.sheet-magias_textarea { height: 890px; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-inventario_talentos_magias_textarea:focus { border-color: #c15353; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-inventario_talentos_magias-col .sheet-inventario_talentos_magias_textarea + .sheet-title { margin-top: 30px; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-talentos { margin: 0 30px; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-money .sheet-money_item { margin-top: 15px; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-money .sheet-money_item .sheet-money_item_title { display: inline-block; vertical-align: middle; width: 40px; line-height: 40px; font-size: 16px; color: #222; text-align: center; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-money .sheet-money_item .sheet-money_item_text { display: inline-block; vertical-align: middle; width: calc(100% - 50px); height: 40px; padding: 3px 7px 0; margin: 0; margin-left: 10px; background: #FFF; border: 0; border-bottom: 3px solid #222; text-align: left; font-size: 16px; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; transition: border-color .3s; } .sheet-tormenta_charsheet .sheet-middle .sheet-inventario_talentos_magias .sheet-money .sheet-money_item .sheet-money_item_text:focus { border-color: #c15353; }