Files
roll20-character-sheets/GURPS/gurps.css
T
Ken 6fd0d7d488 [GURPS 1.5.8] (#5137)
* Advanced Move Options

Adding movement options

* Update gurps.html

Adding enhanced ground move.

* Update gurps.html

finished adding enhanced move ground

* Adding Enhanced Air Move

Added math to calculate Enhanced Air Move

* Air Move Encumbrance Added

Added Air Move Encumbrance calculation

* Add Water Movement

Add sections for water movement

* Jumping Stats

Adding jump stats

* Adding Jump Stats

Adding in jump stats.

* Jump updates

Add in jump points into attributes total
tweak running jump stats.

* Tweak jumping stats

Add more help text
fix formulas

* Update stats on new version

Update stats for movement, dice damage, and toggle unspents when a new version is detected

* Gurps updates

Tweak jumping info and match new styles

* updates gurps.html

Added Mark Updates as Read checkbox

* GURPS added headings

Added headings to the new move attributes areas

* GURPS rolltemplates

Adding rolltemplates to different rolls.

* Update gurps.html

Update all rolls to use rolltemplate. Add whisper method template rolls.

* gurps updates

Additional features to rolltemplates
Add damage type notes to rolltemplates

* gurps.html

Add ability to turn off critical plus 10 success check. If true, only apply critical plus 10 to skill, spell, and attack rolls

* gurps

add revision history

* gurps.html

Tweak text for critical successes option

* GURPS sheet.json

Adding default user options

* kob.css

attempting to resolve line ending issues

* Revert "kob.css"

This reverts commit e11666490e.

* GURPS sheet.json

Added user options

* GURPS Sheet

Added Stun, Knockdown, Unconscious, and Death Checks

* Fixing Line endings

Fixing line endings

* Fixing Line Endings

Changing line endings from LF to CRLF

* Update GURPS

Fixed rounding bug with flight move. Updated Air move column to hide enhanced move if there's no enhanced move.

* Update Gurps

Update revision history

* GURPS updates

Add editable damage note fields. Update damage type notes when new sheet is loaded.

* GURPS

Tweak spacing

* GURPS Sheet Updates

Text edits. Updated sheet.json description.
Changed Speed Add To Tracker to use rolltemplates.
Added Thrown Weight below Ranged Attacks.

* GURPS

Updated thrown object autocalc

* GURPS sheet and json

Minor text change.
Update sheet.json change radio to select and textarea to text.

* GURPS Misc. Tab

Add Misc. Tab.
Move some fields around.
Add new fields into misc. tab.

* GURPS Misc Tab

Added additional fields to Misc tab.

* GURPS Sheets

More tweaks to Misc tab. Renamed to bio tab.

* GURPS

Added Fright Check Threshold

* GURPS Sheet

Options tab. Reduced font-size for Wound Modifier Notes text boxes.
Roll templates. Reduced font-size for results.
Delete old update notices

* GURPS sheet

Updates tab. Highlight "mark updates as read" checkbox

* GURPS Sheets

Grimoure Tab. Tweak Spells based on: heading area. Added spacing

* GURPS sheet

tweak contrast of headers on Bio tab.

* Gurps sheets

Tweaks to Bio tab and Fright Check

* GURPS Sheets

update rolltemplate styles
minor text updates

* GURPS Add image file

Adding Rapid Fire Table Image

* GURPS Added rapid fire

* GURPS.html

Updated image to use roll20 path

* GURPS sheets

Initial code for highlighting, skills, combat, and equipment

* GURPS Sheets

Improved controls to move/delete rows
Added highlight checkbox to skills, melee, range, and inventory tables

* Gurps sheet.json

show damage notes turned off by default

* GURPS

Adding range calculator

* GURPS

added range calc. tool

* GURPS

misc tweaks to appearance and labels. Change how fright check mod works.

* GURPS

tweaks to elevation

* GURPS

Added range calculator reset

* GURPS - Announcments Box

Adding style and actions for announcements box

* GURPS

Added falling and collision tool

* GURPS

Update notes

* GURPS.html

Added Mike W to credit

* GURPS

Changed text links to button links

* GURPS

misc updates

* GURPS files

Added wildcard skill option.
Added usable links

* Update gurps.html

Refactor roll result template

* Update gurps.html

Incorporate the following main rules.

Regardless of the score you are rolling against, a roll of 3 or 4 is always a success, while a roll of 17 or 18 is always a failure.

* update gurps.html

Added names to a few roll buttons.
2019-06-03 16:50:18 -05:00

1840 lines
48 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;
}
/* ===== 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: 22px; }
.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: 40px; }
.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); }
/* -- 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: 53px; }
.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% - 380px); }
.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: 50px; }
.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: 50px; }
.sheet-items .sheet-col8 { width: 50px; }
.sheet-items .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 429px); }
.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-col0 { width: calc(100% - 432px); }
.sheet-spells .sheet-header {
height: 30px;
padding: 5px;
}
.sheet-spells .sheet-col0 input { text-align:left; }
.sheet-spells .sheet-col1 { width: 22px; }
.sheet-spells .sheet-col1 input { text-align:left; }
.sheet-spells .sheet-col2 { width: 40px; }
.sheet-spells .sheet-col3 { width: 50px; }
.sheet-spells .sheet-col4 { width: 40px; }
.sheet-spells .sheet-col5 { width: 60px; }
.sheet-spells .sheet-col6 { width: 60px; }
.sheet-spells .sheet-col7 { width: 60px; }
.sheet-spells .sheet-col8 { width: 60px; }
.sheet-spells .sheet-col9 { width: 40px; }
.sheet-spells .sheet-margin-right {
margin-right: 15px;
}
.sheet-spells .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 452px); }
/* -- 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 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;
}