Files
roll20-character-sheets-tester/GURPS/gurps.css
T
Mike W 2f51e86027 GURPS] v1.6.1 Cosmetic and Fixes for gurps.html, gurps.css (#5272)
Fixed wording from roll table to roll template. (Cosmetic Only)
Fixed Spell Macro roll to include Modifier, if any.
Fixed the Spell Effective Skill level to include the Spell MOD, if any
Fixed columns for MOD, Pts, Duration, and Maintains. (Cosmetic Only)
Reordered column layout to match GURPS Magic format. (Cosmetic Only)
Added attributes Class and Resisted By under Spells.
Fixed Spells ‘Based On’ header to show the attribute chosen. (Cosmetic Only)
Reduced the attribute size for Diff, MOD and Pts and increased size for Cost and Time. (Cosmetic Only)
Added attributes for Latest Changes date. (Cosmetic Only)
Added attributes College and Modifier Notes for Spells.
Updated Spell roll template with the new Class ad Resisted By attributes.
Added Attributes Misc and Modifier Notes for Skills.
Fixed Inventory totals for Value and Weight totals to show trailing zeros.
Fixed issue with Inventory Total Weight not rounding properly and not showing to 3 decimal places.
Made some format changes for Total Value and Total Weight under Inventory. (Cosmetic Only)
2019-07-09 07:48:42 -05:00

1904 lines
50 KiB
CSS

.charsheet {
background: white;
min-height: 100%;
}
.sheet-wrapper {
min-width: 852px;
}
.sheet-box {
box-sizing: border-box;
font-size: 12px;
float: left;
margin: 0.2em;
overflow: auto;
outline: 1px solid gray;
}
.sheet-label {
font-weight: bold;
text-align: right;
}
.sheet-hr {
box-shadow: 0 -1px 0 #000;
}
/* section heading box */
.sheet-section-heading {
width: 100%;
margin: 10px .2em;
background-color: #f0f0f0;
outline: 1px solid #f0f0f0;
float: left;
}
.sheet-section-heading.sheet-combat-tools {
width: calc(100% - 140px - 0.8em);
}
.sheet-section-heading.sheet-combat-tools .sheet-header {
font-size: 15px;
}
/* -- Announcements -- */
input[name="attr_announcements_hide"][value="1"] ~ .sheet-update-alert {
display: none;
}
.sheet-update-alert .sheet-container {
margin-bottom: 10px;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button {
width: 12em;
margin-right: -12em;
z-index: 5;
height: 1.6em;
position: relative;
top: 0px;
left: 0px;
opacity: 0;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:not(:checked) ~ .sheet-content {
display: none;
}
.sheet-update-alert .sheet-container label.sheet-show-content {
display: inline;
position: relative;
cursor: pointer;
font-size: 12px;
color: darkred;
}
.sheet-update-alert .sheet-container label.sheet-show-content:before {
display: inline-block;
content: '►';
width: 1em;
height: 1em;
font-size: 1em;
color: darkred;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:checked ~ label.sheet-show-content:before {
content: '▼';
}
.sheet-update-alert .sheet-container .sheet-content {
padding: 10px;
border: 1px solid black;
margin: 0 0 10px 0;
border-radius: 5px;
background: aliceblue;
}
.sheet-update-alert .sheet-container .sheet-content h4 {
margin-bottom: 10px;
}
.sheet-update-alert .sheet-container .sheet-content h4 input {
width: 40px;
height: 18px;
border: none;
font-weight: bold;
padding-left: 0;
padding-bottom: 6px;
font-size: 14px;
}
.sheet-update-alert .sheet-container .sheet-content button.sheet-reset {
background-color: #4CAF50;
color: white;
border: none;
padding: 6px 8px;
}
.sheet-update-alert .sheet-container .sheet-content button.sheet-reset:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.sheet-update-alert .sheet-container .sheet-content .sheet-check input[type=checkbox] {
width: 14px;
height: 14px;
}
.sheet-update-alert .sheet-container .sheet-content .sheet-check b {
font-size: 11px;
}
/* Default d6 for all skill rolls */
.sheet-wrapper button[type=roll]::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
/* Option stlyle for explosion damage dice */
.sheet-wrapper button[type=roll].roll_explode::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
/* Option style for d20 blank damage dice */
.sheet-wrapper button[type=roll].roll_d20blank::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
/* Option style for d4skull damage dice */
.sheet-wrapper button[type=roll].roll_d4skull::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/*******************************************************/
/* Set the thrust damage dice based on selected option */
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-thrust-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-thrust-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/*******************************************************/
/* Set the swing damage dice based on selected option */
input.sheet-swing-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-swing-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-swing-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/******************************************************/
/* Set the melee damage dice based on selected option */
input.sheet-melee-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-melee-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-melee-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/******************************************************/
/* Set the range damage dice based on selected option */
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/* ===== CUSTOM TABLES ===== */
.sheet-table {
overflow: hidden;
}
.sheet-header {
text-align: center;
font-weight: bold;
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 1px;
white-space: nowrap;
height: 22px;
}
.sheet-row {
height: 22px;
width: 100%;
margin-top: 2px;
}
.sheet-cell {
box-sizing: border-box;
float: left;
height: 22px;
line-height: 22px;
padding: 0px 1px;
}
.sheet-cell > * {
width: 100%;
}
/* This is a work-around, not sure what's causing the bug. */
.repitem {
/*max-height: 44px;*/
}
/* ===== ROW COLOURING ===== */
input {
background: transparent;
}
.charsheet .sheet-row input[readonly],
.charsheet .sheet-row input[readonly="readonly"],
.charsheet .sheet-row input:disabled {
background-color: #c9c9c9;
border-bottom: none !important;
}
.charsheet .sheet-row input[type="text"]:enabled{border-bottom: 1px solid black;}
.charsheet .sheet-row input[type="number"]:read-write{border-bottom: 1px solid black;}
.charsheet .sheet-row input[type="number"]:-moz-read-write{border-bottom: 1px solid black;}
.sheet-box .sheet-row-details {
background: #FAFAFA;
}
.sheet-box .sheet-row-details2 {
background: #FAFAFA;
}
.sheet-speed-range-table {
float: right;
}
.sheet-speed-range-table img {
width: 140 px;
}
.sheet-rapid-fire-table {
float: right;
margin: 10px 0;
padding: 5px 0;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.sheet-rapid-fire-table img {
width: 140px;
}
/* ===== CUSTOM TABS ===== */
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab-misc:not(:checked) ~ .sheet-tab-misc,
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
input.sheet-tab6:not(:checked) ~ .sheet-tab6,
input.sheet-tab7:not(:checked) ~ .sheet-tab7,
input.sheet-tab0:not(:checked) ~ .sheet-tab0 {
display: none;
}
input.sheet-tab {
position: relative;
width: 80px;
height: 22px;
margin: 0;
opacity: 0;
z-index: 9999;
border: none;
}
input.sheet-tab + span {
position: relative;
display: inline-block;
width: 78px;
height: 23px;
margin: 0 0 -3px -80px;
padding: 2px 0 0 0;
cursor: pointer;
border: 1px solid #ddd;
border-bottom: 1px solid #a8a8a8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #bbb;
font-size: 14px;
text-align: center;
font-weight: bold;
line-height: 23px;
}
input.sheet-tab:checked + span {
color: #555;
border: 1px solid #a8a8a8;
border-bottom-color: white;
}
input.sheet-tab0 + span {
font-family: "Pictos";
font-size: 16px;
}
.sheet-tab-br {
border-bottom: 1px solid #a8a8a8;
margin-bottom: 5px;
margin-top: -1px;
}
/* ===== SUB ROWS ===== */
.sheet-sub-row {
font-size: 90%;
color: darkgray;
}
.sheet-sub-row .sheet-popup {
color: #AE4D4D;
}
.sheet-row.sheet-margin-bottom {
margin-bottom: 3px;
}
.sheet-box .sheet-toggle {
position: absolute;
left: 0;
z-index: 1;
}
.sheet-toggle:checked ~ .sheet-row-details {
display: inline-block;
margin: 0 0 2px 0;
}
.sheet-toggle ~ .sheet-row-details {
display: none;
}
/*
.sheet-box .sheet-row-details:hover,
.sheet-box .sheet-row:hover + .sheet-row-details { display: block; }
.sheet-box .sheet-row-details { display: none; }
*/
.sheet-toggle:checked ~ .sheet-row-details2 {
display: inline-block;
margin: 0 0 2px 0;
}
.sheet-toggle ~ .sheet-row-details2 {
display: none;
}
/*
.sheet-box .sheet-row-details2:hover,
.sheet-box .sheet-row:hover + .sheet-row-details2 { display: block; }
.sheet-box .sheet-row-details2 { display: none; }
*/
/* ===== BUTTONS ===== */
.sheet-box button {
margin: 0 !important;
height: 12px;
border-radius: 0;
line-height: 10px;
background-image: none;
border: none;
}
.sheet-box button[type="roll"] {
width: 22px;
background: none;
}
.sheet-box button.sheet-roll-tracker:before {
font-family: "Pictos" !important;
content: "t" !important;
}
/* ===== INPUTS ===== */
.sheet-row input[type=number]::-webkit-inner-spin-button,
.sheet-row input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sheet-row input[type=number] {
-moz-appearance: textfield;
}
.sheet-row select {
width: 100%;
height: 20px;
padding: 0;
margin: 0;
margin-top: -2px;
}
.sheet-row input:not(.sheet-inline) {
width: 100% !important;
}
.sheet-row input {
height: 20px;
margin-top: -2px;
padding: 0 2px;
line-height: 22px;
text-align: center;
background: transparent;
border: none;
box-shadow: none;
cursor: initial;
}
.sheet-row input:not(:disabled), .sheet-row input:not(:readonly) {
border-radius: 2px;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
}
.sheet-row .sheet-textarea {
text-align: center;
}
.sheet-row .sheet-textarea .sheet-label {
text-align: center;
font-variant: small-caps;
text-transform: lowercase;
}
.sheet-row .sheet-textarea textarea {
text-align: initial;
outline: none;
resize: none;
overflow: auto;
margin: 0;
margin-bottom: 4px;
width: 98%;
height: 60px;
}
/* NOTEBOX */
.sheet-row-details.sheet-notebox {
height: 90px;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox {
width: 100%;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes {
text-align: left;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes input[type=checkbox] {
opacity: 1;
width: 15px;
height: 15px;
width: auto ! important;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes span.sheet-label {
font-style: italic;
}
.sheet-cell.sheet-col-notebox textarea {
height: 67px;
width: 99%;
}
/* ===== DIFFERENCE COLOURING ===== */
.sheet-diff[value="0"] + input {
color: green;
}
/* ===== CUSTOM CHECKBOXES ===== */
.sheet-box input[type="checkbox"] {
opacity: 0;
width: 22px;
height: 22px;
cursor: pointer;
z-index: 1;
}
.sheet-box input[type="checkbox"] ~ .sheet-checkbox:before {
width: 18px;
height: 18px;
line-height: 22px;
margin: 0;
padding: 0;
text-align: center;
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-family: "Pictos";
}
.sheet-box .sheet-boolean ~ .sheet-checkbox:before {
border: solid 1px #a8a8a8;
position: relative;
top: -23px;
left: -1px;
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f6f6f6;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
}
.sheet-box .sheet-boolean:checked ~ .sheet-checkbox:before {
content: "3";
}
.sheet-boolean {
opacity:1 !important;
}
.sheet-box .sheet-toggle ~ .sheet-checkbox:before {
content: "4";
}
.sheet-box .sheet-toggle ~ .sheet-checkbox {
position: absolute;
}
.sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}
/* ===== UTILITY ===== */
.sheet-right {
float: right;
}
.sheet-left {
float: left;
}
.sheet-inline {
display: inline;
}
.sheet-clearfix:before,
.sheet-clearfix:after {
content: "";
display: table;
}
.sheet-clearfix:after {
clear: both;
}
.sheet-hover {
position: relative;
z-index: 0;
}
/* ===== CSS TOOLTIP ===== */
.sheet-popup {
color: darkred;
}
.sheet-popup + .sheet-tooltip {
z-index: 10;
display: none;
padding: 4px;
text-align: left;
margin-left: -40px;
font-weight: normal;
text-transform: initial;
font-variant: initial;
}
.sheet-popup:hover + .sheet-tooltip {
width: auto;
height: auto;
display: inline;
position: absolute;
width:300px;
color: #111;
border: 1px solid #DCA;
border-radius:5px;
background: #fffAF0;
line-height: 1.5em;
font-size: 11px;
}
.sheet-tooltip table {
float: left;
line-height: 2em;
font-size: 11px;
border-collapse: collapse;
text-align: center;
}
.sheet-tooltip td {
padding: 0 8px;
}
.sheet-tooltip tr, th {
padding: 0 8px;
text-align: center;
}
.sheet-tooltip tbody tr:nth-child(odd) {
background: #FFF;
}
.sheet-tooltip input[type="text"].sheet-textInline {
display: inline;
background-color: transparent;
width: 25px ! important;
}
.sheet-tooltip input[type="text"].sheet-width-wide {
width: 200px ! important;
}
/* ===== MODULE SUPPORT ===== */
input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-on-roll,
.sheet-wrapper .sheet-module-off-roll {
display: inline-block;
}
input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-off-roll,
.sheet-wrapper .sheet-module-on-roll {
display: none;
}
/* ===== LAYOUT Subsection for Notes===== */
.sheet-box .sheet-row-details .sheet-col0 { width: 40px; text-align: center; }
.sheet-box .sheet-row-details .sheet-col1 { width: calc(100% - 40px); }
.sheet-box .sheet-row-details .sheet-col1 input { text-align: left; }
/* ===== ATTACK LAYOUT Subscentino for Weapon Notes and Damage Notes ===== */
.sheet-box .sheet-row-details2 .sheet-col0 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col1 { width: calc(100% - 450px); }
.sheet-box .sheet-row-details2 .sheet-col1 input { text-align: left; }
.sheet-box .sheet-row-details2 .sheet-col2 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col3 { width: 250px; }
.sheet-box .sheet-row-details2 .sheet-col3 input { text-align: left; }
/* -- TOOLTIPS -- */
.sheet-lift .sheet-tooltip { margin-left: -170px; }
.sheet-miscelleneous .sheet-tooltip { margin-left: -75px; }
.sheet-active-defense .sheet-tooltip { margin-left: -120px; }
.sheet-active-defense .sheet-tooltip.sheet-ad-col0-tooltip {
margin-left: 0px;
width: 50%;
}
.sheet-melee-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-ranged-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-ranged-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; }
.sheet-encumberance .sheet-tooltip { margin-left: -40px; }
.sheet-points .sheet-tooltip { margin-left: -300px; }
.sheet-thrown-object {
width: calc(100% - 140px - 0.8em);
}
.sheet-thrown-object .sheet-repcontainer .sheet-repitem {
position: relative;
}
/* -- GENERAL -- */
.sheet-attribute { width: 180px; }
.sheet-attribute .sheet-header .sheet-col0 { width: 85px; }
.sheet-attribute .sheet-header .sheet-col1 { width: 30px; }
.sheet-attribute .sheet-header .sheet-col2 { width: 35px; }
.sheet-attribute .sheet-row .sheet-title { text-align: center; }
.sheet-attribute .sheet-row .sheet-col0 { width: 50px; }
.sheet-attribute .sheet-row .sheet-col1 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col2 { width: 30px; }
.sheet-attribute .sheet-row .sheet-col3 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col4 { width: 22px; }
.sheet-attribute .sheet-row-thrust-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row-swing-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row .sheet-col-move-label { width: 145px; }
.sheet-attribute .sheet-row .sheet-col-move-value { width: 35px; }
.sheet-main-attribute .sheet-row { height: 35px; }
.sheet-main-attribute .sheet-row .sheet-col0 { font-size: 20px; }
.sheet-main-attribute .sheet-row .sheet-col1 input { font-size: 20px; }
.sheet-main-attribute .sheet-tooltip { font-size: 11px; }
.sheet-attribute .sheet-row-perception { height: 25px; }
.sheet-attribute .sheet-row-perception .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-perception .sheet-col1 input { font-size: 16px; }
.sheet-attribute .sheet-row-perception .sheet-tooltip { font-size: 11px; }
.sheet-attribute .sheet-row-willpower { height: 25px; }
.sheet-attribute .sheet-row-willpower .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-willpower .sheet-col1 input { font-size: 16px; }
.sheet-attribute .sheet-row-willpower .sheet-tooltip { font-size: 11px; }
.sheet-attribute .sheet-row-thrust-damage .sheet-tooltip { font-size: 11px; margin-left: 50px; top: 200px; }
.sheet-attribute .sheet-row-swing-damage .sheet-tooltip { font-size: 11px; margin-left: 50px; top: 200px; }
.sheet-attribute .sheet-row-condition-stun { height: 25px; }
.sheet-attribute .sheet-row-condition-stun .sheet-col0,
.sheet-attribute .sheet-row-condition-stun .sheet-col0 input {
font-size: 16px;
}
.sheet-attribute .sheet-row .sheet-col3-fright-label {
font-weight: bold;
font-size: 10px;
color: #404040;
}
.sheet-stats { width: 180px; }
.sheet-stats input { font-size: 13px;}
.sheet-stats .sheet-header .sheet-col0 { width: 72px; }
.sheet-stats .sheet-header .sheet-col1 { width: 41px; }
.sheet-stats .sheet-header .sheet-col2 { width: 30px; }
.sheet-stats .sheet-header .sheet-col3 { width: 37px; }
.sheet-stats .sheet-row { font-size: 13px; height: 31px; }
.sheet-stats .sheet-row .sheet-col0 { width: 75px; }
.sheet-stats .sheet-row .sheet-col0 input { text-align:left; }
.sheet-stats .sheet-row .sheet-col1 { width: 35px; }
.sheet-stats .sheet-row .sheet-col2 { width: 35px; }
.sheet-stats .sheet-row .sheet-col3 { width: 35px; }
.sheet-stats .sheet-row-current-points .sheet-col0 { width: 75px; }
.sheet-stats .sheet-row-current-points .sheet-col1 { width: 35px; }
.sheet-stats .sheet-tooltip table { text-align: left; font-size: 9px; }
.sheet-stats .sheet-tooltip table .sheet-label { text-align: left; font-size: 9px; }
.sheet-stats .sheet-cell {
margin: auto;
padding: 0.2em;
}
.sheet-miscelleneous {
width: calc(40% - 0.4em);
padding-bottom: 5px;
}
.sheet-miscelleneous .sheet-header .sheet-col0 {
width: calc(100% - 30px);
text-align: center;
}
.sheet-miscelleneous .sheet-header .sheet-col1 { width: 30px; }
.sheet-miscelleneous .sheet-row .sheet-col0 { width: 80px; }
.sheet-miscelleneous .sheet-row .sheet-col1 { width: calc(100% - 110px); }
.sheet-miscelleneous .sheet-row .sheet-col1 input { text-align:left; }
.sheet-miscelleneous .sheet-row .sheet-col2 { width: 30px; }
.sheet-miscelleneous .sheet-row-race .sheet-col1,
.sheet-miscelleneous .sheet-row-gender .sheet-col1,
.sheet-miscelleneous .sheet-row-size .sheet-col1,
.sheet-miscelleneous .sheet-row-hand .sheet-col1 { width: calc(100% - 80px); }
.sheet-miscelleneous .sheet-row-reactions .sheet-col1 { width: calc(100% - 80px); }
/* General Tab: Notes Box */
.sheet-general-notes-box {width: calc(100% - 180px - 180px - 100px - 1.6em);}
.sheet-general-notes-box .sheet-cell-col-100 {
box-sizing: border-box;
float: left;
padding: 5px;
width: 100%;
margin: 0;
}
.sheet-general-notes-box .sheet-header .sheet-cell {
padding-left: 6px;
}
.sheet-general-notes-box .sheet-cell-col-100 textarea {
width: 100%;
height: 160px;
padding: 0;
margin: 0;
}
.sheet-points { width: 100px; }
.sheet-points .sheet-header .sheet-col0 { width: 100%; }
.sheet-points .sheet-row .sheet-col0 { width: 60px; }
.sheet-points .sheet-row .sheet-col1 { width: 40px; }
.sheet-points .sheet-row .sheet-unspent-points-label {
color: #4f91cd;
}
.sheet-points .sheet-row .sheet-unspent-points input {
font-size: 14px;
}
/* display manual input checkbox */
.sheet-options .sheet-box input.sheet-manual-unspent-box {
opacity: 1;
}
/* show/hide manual unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-unspent {
display: block;
}
input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-unspent {
display: none;
}
/* show/hide calculated unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-total {
display: none;
}
input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-total {
display: block;
}
.sheet-lift { width: calc(100% - 180px - 180px - 100px - 1.6em); }
.sheet-lift .sheet-col0 { width: 180px; }
.sheet-lift .sheet-col1 { width: calc(100% - 180px); text-align: center; }
.sheet-encumberance { width: calc(100% - 180px - 100px - 1.2em); }
.sheet-encumberance .sheet-col0 { width: 100px; }
.sheet-encumberance .sheet-col1 { width: calc((100% - 100px) * 0.4); }
.sheet-encumberance .sheet-colAll { width: calc((100% - 100px) * 0.166); }
.sheet-encumberance .sheet-col2 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-col3 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-row-load {
height: 40px;
font-size: 18px;
font-weight: bold;
}
.sheet-encumberance .sheet-row-load .sheet-cell { margin-top: 11px; }
.sheet-encumberance .sheet-row-load input { font-size: 18px; font-weight: bold; }
.sheet-options .sheet-box {
margin: 10px;
padding: 2px;
}
.sheet-options .sheet-collision-falling-options textarea {
width: 184px;
}
/* -- TRAITS -- */
.sheet-language { width: calc(60% - 0.4em); }
.sheet-language .sheet-col0 { width: calc(100% - 210px); }
.sheet-language .sheet-col0 input { text-align:left; }
.sheet-language .sheet-col1 { width: 90px; }
.sheet-language .sheet-col2 { width: 90px; }
.sheet-language .sheet-col3 { width: 30px; }
.sheet-culture { width: calc(40% - 0.4em); }
.sheet-culture .sheet-col0 { width: calc(100% - 30px); }
.sheet-culture .sheet-col0 input { text-align:left; }
.sheet-culture .sheet-col1 { width: 30px; }
/* -- repeating traits -- */
.sheet-traits { width: calc(100% - 0.4em); }
.sheet-traits .sheet-col0 { width: calc(100% - 137px); }
.sheet-traits .sheet-col0 input { text-align:left; }
.sheet-traits .sheet-col1 { width: 25px; }
.sheet-traits .sheet-col2 { width: 22px; }
.sheet-traits .sheet-col3 { width: 30px; }
.sheet-traits .sheet-col4 { width: 60px; }
.sheet-traits .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 157px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
/* -- repeating disadvantages -- */
.sheet-disadvantages { width: calc(100% - 0.4em); }
.sheet-disadvantages .sheet-col0 { width: calc(100% - 137px); }
.sheet-disadvantages .sheet-col0 input { text-align:left; }
.sheet-disadvantages .sheet-col1 { width: 25px; }
.sheet-disadvantages .sheet-col2 { width: 22px; }
.sheet-disadvantages .sheet-col3 { width: 30px; }
.sheet-disadvantages .sheet-col4 { width: 60px; }
.sheet-disadvantages .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 157px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
/* -- repeating racial traits -- */
.sheet-racial { width: calc(100% - 0.4em); }
.sheet-racial .sheet-col0 { width: calc(100% - 137px); }
.sheet-racial .sheet-col0 input { text-align:left; }
.sheet-racial .sheet-col1 { width: 25px; }
.sheet-racial .sheet-col2 { width: 22px; }
.sheet-racial .sheet-col3 { width: 30px; }
.sheet-racial .sheet-col4 { width: 60px; }
.sheet-racial .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 157px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
/* -- MISC TAB -- */
/* general info */
.sheet-general-bio {
width: 421px;
}
.sheet-general-bio .sheet-header {
background: #f0f0f0;
margin-bottom: 5px;
}
.sheet-general-bio .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-general-bio .sheet-row .sheet-col0 { width: 80px; }
.sheet-general-bio .sheet-row .sheet-col1 {
width: calc(100% - 85px);
}
.sheet-general-bio .sheet-row input {
text-align: left;
}
.sheet-general-bio .sheet-row-textarea-reactions {
height: 150px;
margin-top: 4px;
}
.sheet-general-bio .sheet-row-textarea-reactions .sheet-cell {
height: 140px;
}
.sheet-general-bio .sheet-row-textarea-reactions textarea {
height: 140px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* bio description */
.sheet-bio-description {
width: 421px;
}
.sheet-bio-description .sheet-header {
background: #f0f0f0;
margin-bottom: 5px;
}
.sheet-bio-description .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-bio-description .sheet-row .sheet-col0 {
width: 80px;
}
.sheet-bio-description .sheet-row .sheet-col1 {
width: calc(100% - 85px);
}
.sheet-bio-description .sheet-row .sheet-col-half {
width: calc(100% - 294px);
}
.sheet-bio-description .sheet-row input {
text-align: left;
}
.sheet-bio-description .sheet-row-textarea {
height: 112px;
margin-top: 4px;
}
.sheet-bio-description .sheet-row-textarea .sheet-cell {
height: 112px;
}
.sheet-bio-description .sheet-row-textarea textarea {
height: 100px;
margin: 0;
padding: 2px 0 2px 2px;
}
.sheet-bio-description .sheet-row-textarea-features {
margin-bottom: 4px;
}
.sheet-bio-description .sheet-row-textarea-features,
.sheet-bio-description .sheet-row-textarea-features .sheet-cell {
height: 56px;
}
.sheet-bio-description .sheet-row-textarea-features textarea {
height: 50px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* Background Information */
.sheet-background-info {
width: 421px;
}
.sheet-background-info .sheet-header {
background: #f0f0f0;
margin-bottom: 5px;
}
.sheet-background-info .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-background-info .sheet-row .sheet-col0 {
width: 85px;
}
.sheet-background-info .sheet-row .sheet-col1 {
width: calc(100% - 88px);
}
.sheet-background-info .sheet-row .sheet-col-half {
width: calc(100% - 294px);
}
.sheet-background-info .sheet-row input {
text-align: left;
}
.sheet-background-info .sheet-row-textarea {
height: 112px;
margin-top: 4px;
}
.sheet-background-info .sheet-row-textarea .sheet-cell {
height: 112px;
}
.sheet-background-info .sheet-row-textarea textarea {
height: 100px;
margin: 0;
padding: 2px 0 2px 2px;
}
.sheet-background-info .sheet-row-textarea-family {
margin-bottom: 4px;
margin-top: 4px;
}
.sheet-background-info .sheet-row-textarea-family,
.sheet-background-info .sheet-row-textarea-family .sheet-cell {
height: 96px;
padding-right: 5px;
}
.sheet-background-info .sheet-row-textarea-family textarea {
height: 90px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* Misc Notes */
.sheet-misc-notes {
width: 421px;
}
.sheet-misc-notes .sheet-header {
background: #f0f0f0;
margin-bottom: 5px;
}
.sheet-misc-notes .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-misc-notes .sheet-row .sheet-col0 {
width: calc(100%);
}
.sheet-misc-notes .sheet-row-textarea {
margin-top: 4px;
}
.sheet-misc-notes .sheet-row-textarea .sheet-cell {
height: 318px;
padding: 4px 8px 4px 4px;
}
.sheet-misc-notes .sheet-row-textarea textarea {
height: 304px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* -- repeating controls -- */
.repcontrol {
margin-top: 4px;
}
.btn.repcontrol_move {
line-height: 12px;
padding: 4px 7px 4px;
z-index: 1;
}
.charsheet .sheet-box .sheet-toggle.sheet-toggle-notes ~ .sheet-checkbox {
left: 22px;
}
/* -- SKILLS -- */
.sheet-skills { width: calc(100% - 0.4em); }
.sheet-skills .sheet-col0 { width: calc(100% - 327px); }
.sheet-skills .sheet-col0 input { text-align:left; }
.sheet-skills .sheet-col1 { width: 27px; }
.sheet-skills .sheet-col2 { width: 30px; }
.sheet-skills .sheet-col3 { width: 40px; }
.sheet-skills .sheet-col4 { width: 55px; }
.sheet-skills .sheet-col5 { width: 50px; }
.sheet-skills .sheet-col6 { width: 30px; }
.sheet-skills .sheet-col7 { width: 30px; }
.sheet-skills .sheet-col8 { width: 60px; }
.sheet-skills .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 376px); }
.sheet-skills .sheet-row-misc .sheet-col0 { width: 75px; Text-align:right; font-size: 9px; height: 11px;}
.sheet-skills .sheet-row-misc .sheet-col1 { width: 150px; }
.sheet-skills .sheet-row-misc .sheet-col1 input { text-align:left; font-size: 9px; height: 11px;}
.sheet-skills .sheet-row-misc .sheet-col2 { width: 175px; Text-align:right; font-size: 9px; height: 11px;}
.sheet-skills .sheet-row-misc .sheet-col3 { width: 200px; }
.sheet-skills .sheet-row-misc .sheet-col3 input { text-align:left; font-size: 9px; height: 11px;}
.sheet-skills .sheet-row-misc .sheet-col0 { margin-left: 48px; width: calc(100% - 703px); }
/* -- highlight row -- */
.sheet-skills .repcontainer.ui-sortable.editmode .sheet-toggle-highlight {
opacity: 0;
z-index: -1;
}
.sheet-skills input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 5px;
}
.sheet-skills .sheet-toggle-notes {
position: absolute;
left: 22px;
}
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
/* -- techniques -- */
.sheet-techniques { width: calc(100% - 0.4em); }
.sheet-techniques .sheet-col0 { width: calc((100% - 260px) * 0.55); }
.sheet-techniques .sheet-col0 input { text-align:left; }
.sheet-techniques .sheet-col1 { width: calc((100% - 293px) * 0.45); }
.sheet-techniques .sheet-col1 input { text-align:left; }
.sheet-techniques .sheet-col2 { width: 30px; }
.sheet-techniques .sheet-col3 { width: 30px; }
.sheet-techniques .sheet-col4 { width: 40px; }
.sheet-techniques .sheet-col5 { width: 30px; }
.sheet-techniques .sheet-col6 { width: 40px; }
.sheet-techniques .sheet-col7 { width: 30px; }
.sheet-techniques .sheet-col8 { width: 60px; }
.sheet-techniques .sheet-row-stats .sheet-col0 { margin-left: 27px; width: calc((100% - 260px) * 0.55 - 27px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
/* -- COMBAT -- */
.sheet-active-defense { width: calc(100% - 140px - 0.8em); }
.sheet-active-defense .sheet-col0 { width: calc(100% - 169px); }
.sheet-active-defense .sheet-col0 input { text-align:left; }
.sheet-active-defense .sheet-col1 { width: 65px; }
.sheet-active-defense .sheet-col2 { width: 40px; }
.sheet-active-defense .sheet-col3 { width: 30px; }
.sheet-active-defense .sheet-col4 { width: 22px; }
/* -- Melee Attacks -- */
.sheet-melee-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-melee-attacks .sheet-col0 { width: calc(100% - 257px); }
.sheet-melee-attacks .sheet-col0 input { text-align:left; }
.sheet-melee-attacks .sheet-col1 { width: 60px; }
.sheet-melee-attacks .sheet-col2 { width: 30px; }
.sheet-melee-attacks .sheet-col3 { width: 55px; }
.sheet-melee-attacks .sheet-col4 { width: 50px; }
.sheet-melee-attacks .sheet-col4 input { text-align:left; }
.sheet-melee-attacks .sheet-col5 { width: 30px; }
.sheet-melee-attacks .sheet-col6 { width: 22px; }
.sheet-melee-attacks .sheet-header .sheet-col5 { width: 52px; }
.sheet-melee-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 301px); }
/* -- highlight row -- */
.sheet-melee-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-highlight {
opacity: 0;
z-index: -1;
}
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 5px;
}
.sheet-melee-attacks .sheet-toggle-notes {
position: absolute;
left: 22px;
}
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2 {
background: #B7FFAA;
}
/* -- Ranged Attacks -- */
.sheet-ranged-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-ranged-attacks .sheet-col0 { width: calc(100% - 441px); }
.sheet-ranged-attacks .sheet-col0-st { width: calc(100% - 558px); }
.sheet-ranged-attacks .sheet-col0 input { text-align:left; }
.sheet-ranged-attacks .sheet-col1 { width: 60px; }
.sheet-ranged-attacks .sheet-col2 { width: 30px; }
.sheet-ranged-attacks .sheet-col3 { width: 55px; }
.sheet-ranged-attacks .sheet-col4 { width: 30px; }
.sheet-ranged-attacks .sheet-col5 { width: 40px; }
.sheet-ranged-attacks .sheet-col5 input { text-align:left; }
.sheet-ranged-attacks .sheet-col5.sheet-thrown-object-input input { text-align: center;}
.sheet-ranged-attacks .sheet-col6 { width: 30px; }
.sheet-ranged-attacks .sheet-col7 { width: 60px; }
.sheet-ranged-attacks .sheet-col8 { width: 39px; }
.sheet-ranged-attacks .sheet-col9 { width: 35px; }
.sheet-ranged-attacks .sheet-col10 { width: 30px; }
.sheet-ranged-attacks .sheet-col11 { width: 22px; }
.sheet-ranged-attacks .sheet-header .sheet-col10 { width: 52px; }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 485px); }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0-st { margin-left: 20px; width: calc(100% - 580px); }
.sheet-ranged-attacks .sheet-row-stats.sheet-row-thrown-object { height: 28px; }
/* -- highlight row -- */
.sheet-ranged-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-highlight {
opacity: 0;
z-index: -1;
}
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 5px;
}
.sheet-ranged-attacks .sheet-toggle-notes {
position: absolute;
left: 22px;
}
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2 {
background: #B7FFAA;
}
/* -- Combat Tools: Range Calculator -- */
.sheet-firing-up-down {
width: calc(100% - 140px - 0.8em);
}
.sheet-firing-up-down .sheet-table .sheet-title {
background-color: #f0f0f0;
}
.sheet-firing-up-down .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-firing-up-down .sheet-table .sheet-cell {
padding: 0 5px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-linear-range {
width: 60px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-speed {
width: 60px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-size {
width: 78px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-direction {
width: 100px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-up-dwn-distance {
width: 76px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-new-range {
width: 88px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-hit-mod {
width: 90px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-reset button.sheet-reset {
height: 19px;
line-height: 19px;
color: white;
background: darkred;
border-radius: 3px;
font-weight: bold;
}
/* Combat Tools: Falling and Collision */
.sheet-falling-collision {
width: calc(100% - 140px - 0.8em);
}
.sheet-falling-collision .sheet-table .sheet-title {
background-color: #f0f0f0;
}
.sheet-falling-collision .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-falling-collision .sheet-table .sheet-cell {
padding: 0 5px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-row-title {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-yards-fallen {
width: 80px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-gravity {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-atmosphere {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-velocity {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-hit-points {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-damage {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-roll-damage {
width: 36px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-reset {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-reset button.sheet-reset {
height: 19px;
line-height: 19px;
color: white;
background: darkred;
border-radius: 3px;
font-weight: bold;
}
/* Damage Resistance */
.sheet-damage-reduction { float: right; width: 140px; }
.sheet-damage-reduction .sheet-col0 { width: 50px; }
.sheet-damage-reduction .sheet-col0 input { text-align: right; font-weight: bold; }
.sheet-damage-reduction .sheet-col1 { width: 25px; text-align: center; }
.sheet-damage-reduction .sheet-col2 { width: 65px; text-align: center; }
.sheet-damage-reduction .sheet-row-title .sheet-col0 { width: 100%; }
.sheet-damage-reduction .sheet-header .sheet-col2 { width: 65px; }
/* -- POSSESSIONS -- */
.sheet-quick-inventory { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 0.4em); }
.sheet-items { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 400px); }
.sheet-items .sheet-col0 input { text-align:left; }
.sheet-items .sheet-col1 { width: 30px; }
.sheet-items .sheet-col2 { width: 60px; }
.sheet-items .sheet-col3 { width: 20px; }
.sheet-items .sheet-col3 input { text-align:left; }
.sheet-items .sheet-col4 { width: 50px; }
.sheet-items .sheet-col5 { width: 60px; }
.sheet-items .sheet-col5 input { text-align:right; }
.sheet-items .sheet-col6 { width: 50px; }
.sheet-items .sheet-col6 input { text-align:right; }
.sheet-items .sheet-col7 { width: 60px; }
.sheet-items .sheet-col8 { width: 50px; }
.sheet-items .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 449px); }
.sheet-items .sheet-row-totals .sheet-col0 { width: calc(100% - 380px); }
.sheet-items .sheet-row-totals .sheet-col1 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col2 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col3 { width: 100px; }
/* -- highlight row -- */
.sheet-items .repcontainer.ui-sortable.editmode .sheet-toggle-highlight {
opacity: 0;
z-index: -1;
}
.sheet-items input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 5px;
}
.sheet-items .sheet-toggle-notes {
position: absolute;
left: 22px;
}
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
/* Text Area Box Styling */
.sheet-quick-inventory .sheet-header .sheet-col0 {
padding-left: 6px;
}
.sheet-quick-inventory-textarea {
box-sizing: border-box;
float: left;
padding: 5px;
width: 100%;
margin: 0;
}
.sheet-quick-inventory-textarea textarea {
width: 100%;
padding: 0;
margin: 0;
height: 150px;
}
/* -- SPELLS -- */
.sheet-spells {
width: calc(100% - 0.4em);
}
.sheet-spells .sheet-header {
padding: 3px;
}
/* -- highlight row -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle-highlight {
opacity: 0;
z-index: -1;
}
.sheet-spells input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 5px;
}
.sheet-spells .sheet-toggle-notes {
position: absolute;
left: 22px;
}
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
.sheet-spells .sheet-col0 { width: calc(100% - 700px); }
.sheet-spells .sheet-col0 input { text-align:left; }
.sheet-spells .sheet-col1 { width: 25px; }
.sheet-spells .sheet-col1 input { text-align:left; }
.sheet-spells .sheet-col2 { width: 40px; }
.sheet-spells .sheet-col3 { width: 45px; }
.sheet-spells .sheet-col4 { width: 30px; }
.sheet-spells .sheet-col5 { width: 30px; }
.sheet-spells .sheet-col6 { width: 75px; }
.sheet-spells .sheet-col7 { width: 80px; }
.sheet-spells .sheet-col8 { width: 70px; }
.sheet-spells .sheet-col9 { width: 115px; }
.sheet-spells .sheet-col10 { width: 85px; }
.sheet-spells .sheet-col11 { width: 65px; }
.sheet-spells .sheet-col12 { width: 40px; }
.sheet-spells .sheet-row-stats .sheet-col0 { margin-left: 44px; width: calc(100% - 748px); }
.sheet-spells .sheet-row-college .sheet-col0 { width: 75px; Text-align:right; font-size: 9px; height: 11px;}
.sheet-spells .sheet-row-college .sheet-col1 { width: 150px; }
.sheet-spells .sheet-row-college .sheet-col1 input { text-align:left; font-size: 9px; height: 11px;}
.sheet-spells .sheet-row-college .sheet-col2 { width: 175px; Text-align:right; font-size: 9px; height: 11px;}
.sheet-spells .sheet-row-college .sheet-col3 { width: 200px; }
.sheet-spells .sheet-row-college .sheet-col3 input { text-align:left; font-size: 9px; height: 11px;}
.sheet-spells .sheet-row-college .sheet-col0 { margin-left: 44px; width: calc(100% - 703px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
/* -- Roll Templates -- */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result {
width: 100%;
border: 1px solid;
color: black;
border-color: rgba(112, 32, 130,1);
font-size: 12px;
line-height: 1em;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result th {
color: darkred;
padding: 2px;
font-size: 14px;
font-style: normal;
font-weight: bold;
background-color: white;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-subhead {
padding: 2px;
border-bottom: 1px solid black;
background-color: white;
font-size: 12px;
font-weight: bold;
text-align: left;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td {
padding: 4px 2px;
text-align: left;
font-style: normal;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-label {
width: 45px;
line-height: 14px;
font-style: normal;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-damageType {
font-style: italic;
font-size: .9em;
color: darkred;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(odd) {
background-color: rgba(217, 217, 214,1);
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(even) {
background-color: rgba(233, 233, 233,1);
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
background-color: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
background-color: red;
color: white;
border: 2px solid red;
}
/* remove default crit and fail borders */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.importantroll {
border: none;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result {
width: 100%;
border: 1px solid;
color: black;
border-color: rgba(112, 32, 130,1);
font-size: 12px;
line-height: 1em;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result th {
color: darkred;
padding: 2px;
font-size: 14px;
font-weight: bold;
background-color: white;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-subhead {
padding: 2px;
border-bottom: 1px solid black;
background-color: white;
font-size: 12px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td {
padding: 4px 2px;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-label {
width: 45px;
font-weight: bold;
line-height: 14px;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td span.sheet-ref-label {
float: right;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-damageType {
font-weight: bold;
color: darkred;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(odd) {
background-color: rgba(217, 217, 214,1);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(even) {
background-color: rgba(233, 233, 233,1);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
background-color: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-success-text {
background-color: green;
color: white;
margin-left: 10px;
padding: 2px 5px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
background-color: red;
color: white;
border: 2px solid red;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-failure-text {
background-color: red;
color: white;
margin-left: 10px;
padding: 2px 5px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-effective-skill .inlinerollresult {
background-color: black;
border: 2px solid black;
color: white;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-damage-roll .inlinerollresult {
background-color: darkred;
border: 2px solid darkred;
color: white;
}
/* remove default crit and fail borders */
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.importantroll {
border: none;
}
/* damage type notes box */
.sheet-damage-type-notes {
margin: 10px;
width: 250px;
}
.sheet-damage-type-notes h3 {
text-align: center;
}
.sheet-damage-type-notes .sheet-toggle-notes {
text-align: center;
margin: 10px;
}
.sheet-damage-type-notes th {
vertical-align: top;
font-size: 1.1em;
}
.sheet-damage-type-notes td {
vertical-align: top;
text-align: left;
}
.sheet-damage-type-notes textarea {
margin-right: 10px;
width: 150px;
height: 75px;
font-size: 11px;
line-height: 14px;
}
.sheet-mark-updates-as-read {
margin: 10px 0;
}
.sheet-mark-updates-as-read span {
color: darkred;
font-weight: bold;
}
/* -- FOOTER -- */
.sheet-logo {
text-align: center;
margin-top: 10px;
clear: both;
}
.sheet-logo div.sheet-control {
margin-bottom: 10px;
}
.sheet-logo div.sheet-control button.sheet-no-decoration {
border: none;
background: none;
text-decoration: underline;
}
.sheet-logo div.sheet-control button[type=roll].sheet-no-decoration::before {
content: none;
}