mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
768 lines
14 KiB
CSS
768 lines
14 KiB
CSS
/* Remove margin from selects in webkit browsers, same for textareas, and remove spinners */
|
|
select {
|
|
margin: 0px;
|
|
}
|
|
textarea {
|
|
margin: 0px;
|
|
}
|
|
input[type='number']::-webkit-inner-spin-button,
|
|
input[type='number']::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type='number'] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
|
|
div[class^="repcontrol"] {
|
|
margin-bottom: 5px;
|
|
}
|
|
div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] {
|
|
display: inline-block!important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
/* Layout CSS */
|
|
div.sheet-wrapper {
|
|
min-width: 850px;
|
|
}
|
|
|
|
div.sheet-section {
|
|
border-radius: 15px;
|
|
border: 1px solid black;
|
|
padding: 4px;
|
|
}
|
|
div.sheet-column-1of1 {
|
|
margin-bottom: 1%;
|
|
width: 100%;
|
|
}
|
|
div.sheet-column-1of2 {
|
|
margin-right: 0.5%;
|
|
margin-bottom: 1%;
|
|
width: 49.5%;
|
|
float: left;
|
|
}
|
|
div.sheet-column-2of2 {
|
|
margin-left: 0.5%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 49.5%;
|
|
}
|
|
|
|
div.sheet-column-1of3 {
|
|
margin-right: 0.5%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 32.666666%;
|
|
}
|
|
div.sheet-column-1n2of3 {
|
|
margin-right: 0.5%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 66.333333%;
|
|
}
|
|
div.sheet-column-2of3 {
|
|
margin-left: 0.5%;
|
|
margin-right: 0.5%
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 32.666666%;
|
|
}
|
|
div.sheet-column-2n3of3 {
|
|
margin-left: 0.5%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 66.333333%;
|
|
}
|
|
div.sheet-column-3of3 {
|
|
margin-left: 0.5%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
width: 32.666666%;
|
|
}
|
|
|
|
/* Generic CSS */
|
|
.sheet-autocalc {
|
|
cursor: not-allowed;
|
|
background: #F5F5F5;
|
|
}
|
|
table.sheet-full {
|
|
width: 100%;
|
|
}
|
|
table.sheet-full_fixed {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
tr.sheet-head {
|
|
text-align: center;
|
|
}
|
|
input.sheet-full {
|
|
width: 100%;
|
|
}
|
|
input.sheet-value_full {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
input[type="number"].sheet-full {
|
|
width: 100%;
|
|
}
|
|
input[type="number"].sheet-value_full {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
input[type="number"].sheet-total_full {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
input.sheet-value {
|
|
width: 35px;
|
|
text-align: center;
|
|
}
|
|
input[type="number"].sheet-value {
|
|
width: 35px;
|
|
text-align: center;
|
|
}
|
|
input[type="number"].sheet-total {
|
|
width: 40px;
|
|
text-align: center;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
input.sheet-damage {
|
|
width: 55px;
|
|
text-align: right;
|
|
}
|
|
select.sheet-diff {
|
|
width: 45px;
|
|
padding: 0px;
|
|
}
|
|
select.sheet-db {
|
|
padding: 0px;
|
|
width: 52px;
|
|
}
|
|
input.sheet-skill_base {
|
|
width: 60px;
|
|
font-size: 75%;
|
|
}
|
|
select.sheet-full {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Info CSS */
|
|
td.sheet-info-label {
|
|
white-space: nowrap;
|
|
}
|
|
input.sheet-info-number {
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Tab CSS */
|
|
input.sheet-tab {
|
|
position: relative;
|
|
z-index: 9999;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
width: 19.5%;
|
|
margin-bottom: 2px;
|
|
}
|
|
span.sheet-tab {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 19.5%;
|
|
text-align: center;
|
|
background: #B30201;
|
|
color: #F59111;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
margin-left: -19.5%;
|
|
}
|
|
|
|
input.sheet-vitals-tab:checked + span.sheet-vitals-tab,
|
|
input.sheet-combat-tab:checked + span.sheet-combat-tab,
|
|
input.sheet-skills-tab:checked + span.sheet-skills-tab,
|
|
input.sheet-equipment-tab:checked + span.sheet-equipment-tab,
|
|
input.sheet-notes-tab:checked + span.sheet-notes-tab,
|
|
input.sheet-folk_magic-tab:checked + span.sheet-folk_magic-tab,
|
|
input.sheet-animism-tab:checked + span.sheet-animism-tab,
|
|
input.sheet-mysticism-tab:checked + span.sheet-mysticism-tab,
|
|
input.sheet-sorcery-tab:checked + span.sheet-sorcery-tab,
|
|
input.sheet-theism-tab:checked + span.sheet-theism-tab {
|
|
background: #BEBEBE;
|
|
color: black;
|
|
}
|
|
|
|
/* Page CSS */
|
|
div.sheet-page {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
input.sheet-vitals-tab:checked ~ div.sheet-vitals-page,
|
|
input.sheet-combat-tab:checked ~ div.sheet-combat-page,
|
|
input.sheet-skills-tab:checked ~ div.sheet-skills-page,
|
|
input.sheet-equipment-tab:checked ~ div.sheet-equipment-page,
|
|
input.sheet-notes-tab:checked ~ div.sheet-notes-page,
|
|
input.sheet-folk_magic-tab:checked ~ div.sheet-folk_magic-page,
|
|
input.sheet-animism-tab:checked ~ div.sheet-animism-page,
|
|
input.sheet-mysticism-tab:checked ~ div.sheet-mysticism-page,
|
|
input.sheet-sorcery-tab:checked ~ div.sheet-sorcery-page,
|
|
input.sheet-theism-tab:checked ~ div.sheet-theism-page {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
max-height: 999999px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* Characteristics */
|
|
div.sheet-characteristic-column {
|
|
text-align: center;
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
table.sheet-char {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
td.sheet-char-label {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Hit Locations */
|
|
table.sheet-hit_locations {
|
|
width: 100%;
|
|
}
|
|
td.sheet-hit_locations_roll {
|
|
width: 50px;
|
|
}
|
|
input.sheet-hit_locations_long {
|
|
width: 100%;
|
|
}
|
|
input.sheet-hit_locations_short {
|
|
width: 47px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Attributes */
|
|
td.sheet-attribute-label {
|
|
white-space: nowrap;
|
|
}
|
|
td.sheet-attribute_value {
|
|
text-align: center;
|
|
}
|
|
input.sheet-attribute-current {
|
|
text-align: center;
|
|
width: 35px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Fatigue */
|
|
select.sheet-fatigue-select {
|
|
width: 140px;
|
|
}
|
|
td.sheet-fatigue_skillgrade {
|
|
width: 16.666%;
|
|
}
|
|
td.sheet-fatigue_movement {
|
|
width: 16.666%;
|
|
}
|
|
td.sheet-fatigue_strike_rank {
|
|
width: 16.666%;
|
|
}
|
|
td.sheet-fatigue_action_points {
|
|
width: 16.666%;
|
|
}
|
|
td.sheet-fatigue_recovery_period {
|
|
width: 16.666%;
|
|
}
|
|
td.sheet-fatigue_recovery_time {
|
|
white-space: nowrap;
|
|
width: 16.666%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Combat Styles */
|
|
table.sheet-combat_styles {
|
|
width: 100%;
|
|
}
|
|
td.sheet-cs_style {
|
|
width: 16%;
|
|
}
|
|
td.sheet-cs_calc {
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 18%
|
|
}
|
|
td.sheet-cs_number {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-cs_symbol {
|
|
text-align: center;
|
|
width: 2%;
|
|
}
|
|
td.sheet-cs_roll {
|
|
width: 9%;
|
|
}
|
|
td.sheet-cs_weapons {
|
|
width: 33%;
|
|
}
|
|
td.sheet-cs_benifits {
|
|
width: 17%;
|
|
}
|
|
|
|
/* Shields and Weapons */
|
|
td.sheet-shield {
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_damage {
|
|
width: 17%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_size {
|
|
width: 8%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_reach {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_enc {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_ap {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_hp {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_effects {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-shield_blocks {
|
|
width: 11%;
|
|
text-align: center;
|
|
}
|
|
|
|
td.sheet-weapon {
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_damage {
|
|
width: 17%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_size {
|
|
width: 8%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_reach {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_enc {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_ap {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_hp {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_impalesize {
|
|
width: 6%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_effects {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-weapon_load {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* SKill CSS */
|
|
td.sheet-skill {
|
|
width: 30%;
|
|
}
|
|
td.sheet-skill_calc_label {
|
|
width: 38%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-skill_calc {
|
|
width: 38%;
|
|
text-align: right;
|
|
}
|
|
td.sheet-profskill {
|
|
width: 31%;
|
|
}
|
|
td.sheet-profskill_calc_label {
|
|
width: 37%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-profskill_calc {
|
|
width: 37%;
|
|
text-align: right;
|
|
}
|
|
td.sheet-skill_total {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-skill_symbol {
|
|
text-align: center;
|
|
width: 3%;
|
|
}
|
|
td.sheet-skill_roll {
|
|
width: 19%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Passions */
|
|
td.sheet-passion {
|
|
width: 33%;
|
|
}
|
|
td.sheet-passion_calc_label {
|
|
width: 46%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-passion_calc {
|
|
width: 46%;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Cults */
|
|
td.sheet-cult {
|
|
width: 35%;
|
|
}
|
|
td.sheet-cult_rank {
|
|
width: 27%;
|
|
}
|
|
td.sheet-cult_notes {
|
|
width: 38%;
|
|
}
|
|
|
|
/* Equipment */
|
|
td.sheet-item {
|
|
width: 70%;
|
|
}
|
|
td.sheet-item_qnty {
|
|
width: 15%;
|
|
}
|
|
td.sheet-item_end {
|
|
width: 15%;
|
|
}
|
|
|
|
/* Wealth */
|
|
textarea.sheet-wealth {
|
|
width: 97%;
|
|
height: 75px;
|
|
}
|
|
|
|
/* Load */
|
|
td.sheet-load_label {
|
|
width: 25%;
|
|
}
|
|
td.sheet-load_value {
|
|
width: 25%;
|
|
}
|
|
|
|
/* Notes */
|
|
textarea.sheet-notes {
|
|
width: 96%;
|
|
height: 425px;
|
|
}
|
|
|
|
/* Folk Magic */
|
|
textarea.sheet-folk_magic_spells {
|
|
width: 98.5%;
|
|
height: 350px;
|
|
}
|
|
|
|
/* Animism */
|
|
table.sheet-animism_table {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
td.sheet-animism_cult {
|
|
width: 12%;
|
|
}
|
|
td.sheet-animism_max_spirits {
|
|
width: 18%;
|
|
}
|
|
td.sheet-animism_max_spirit_pow {
|
|
width: 20%;
|
|
}
|
|
td.sheet-animism_ap {
|
|
width: 11%;
|
|
}
|
|
td.sheet-animism_sr {
|
|
width: 9%;
|
|
}
|
|
td.sheet-animism_spirit_damage {
|
|
width: 15%;
|
|
}
|
|
td.sheet-animism_roll {
|
|
width: 4%;
|
|
}
|
|
td.sheet-animism_tenacity {
|
|
width: 11%;
|
|
}
|
|
textarea.sheet-animism_fetishes {
|
|
width: 98.5%;
|
|
height: 300px;
|
|
}
|
|
|
|
/* Mysticism */
|
|
td.sheet-mysticism_label {
|
|
width: 17%;
|
|
}
|
|
td.sheet-mysticism_calc_label {
|
|
width: 19%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-mysticism_calc {
|
|
width: 19%;
|
|
text-align: right;
|
|
}
|
|
td.sheet-mysticism_total {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-mysticism_symbol {
|
|
text-align: center;
|
|
width: 2%;
|
|
}
|
|
td.sheet-mysticism_roll {
|
|
width: 9%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-mysticism_intensity {
|
|
width: 7%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-mysticism_talents {
|
|
width: 41%;
|
|
text-align: center;
|
|
}
|
|
textarea.sheet-mysticism_practiced_talents {
|
|
width: 98.5%;
|
|
height: 300px;
|
|
}
|
|
|
|
/* Sorcery */
|
|
td.sheet-sorcery_label {
|
|
width: 17%;
|
|
}
|
|
td.sheet-sorcery_calc_label {
|
|
width: 16%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-sorcery_calc {
|
|
width: 16%;
|
|
text-align: right;
|
|
}
|
|
td.sheet-sorcery_total {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-sorcery_symbol {
|
|
text-align: center;
|
|
width: 2%;
|
|
}
|
|
td.sheet-sorcery_roll {
|
|
width: 9%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-sorcery_intensity {
|
|
width: 7%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-sorcery_spells {
|
|
width: 44%;
|
|
text-align: center;
|
|
}
|
|
textarea.sheet-sorcery_memorized_spells {
|
|
width: 98.5%;
|
|
height: 300px;
|
|
}
|
|
|
|
/* Theism */
|
|
td.sheet-theism_label {
|
|
width: 28%;
|
|
}
|
|
td.sheet-theism_calc_label {
|
|
width: 19%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_calc {
|
|
width: 19%;
|
|
text-align: right;
|
|
}
|
|
td.sheet-theism_total {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_symbol {
|
|
text-align: center;
|
|
width: 2%;
|
|
}
|
|
td.sheet-theism_roll {
|
|
width: 9%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_intensity {
|
|
width: 8%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_magnitude {
|
|
width: 8%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_cult {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_pool {
|
|
width: 11%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_pool_symbol {
|
|
width: 1%;
|
|
text-align: center;
|
|
}
|
|
td.sheet-theism_pool_value {
|
|
width: 5%;
|
|
text-align: center;
|
|
}
|
|
textarea.sheet-theism_miracles {
|
|
width: 98.5%;
|
|
height: 300px;
|
|
}
|
|
|
|
/* Active Effects */
|
|
td.sheet-effect_label {
|
|
width: 15%;
|
|
}
|
|
td.sheet-effect_duration {
|
|
width: 8%;
|
|
}
|
|
td.sheet-effect_magnitude {
|
|
width: 8%;
|
|
}
|
|
td.sheet-effect_intensity {
|
|
width: 8%;
|
|
}
|
|
td.sheet-effect_range {
|
|
width: 8%;
|
|
}
|
|
td.sheet-effect_targets {
|
|
width: 8%;
|
|
}
|
|
td.sheet-effect_desc {
|
|
width: 37%;
|
|
}
|
|
td.sheet-effect_mp_cost {
|
|
width: 8%;
|
|
}
|
|
|
|
|
|
/* Roll Templates */
|
|
.sheet-rolltemplate-runequest table {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #FFFFFF;
|
|
}
|
|
.sheet-rolltemplate-runequest caption {
|
|
text-align: center;
|
|
background: url(http://i.imgur.com/VnqY9Kh.png);
|
|
color: #F59111;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-runequest td {
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-runequest td.sheet-template_value {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-runequest .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest .inlinerollresult.fullcrit {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest .inlinerollresult.fullfail {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest .inlinerollresult.importantroll {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
|
|
.sheet-rolltemplate-runequest-weapon table {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #FFFFFF;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon caption {
|
|
text-align: center;
|
|
background: url(http://i.imgur.com/VnqY9Kh.png);
|
|
color: #F59111;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon td {
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon td.sheet-template_value {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon .inlinerollresult.fullcrit {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon .inlinerollresult.fullfail {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-runequest-weapon .inlinerollresult.importantroll {
|
|
border: 1px solid black;
|
|
background: #BEBEBE;
|
|
}
|