bts1967
51031f4469
* W&G Update v2.6: Readme.md Updated the following in the Readme.md - version number - changelog * W&G Update v2.6: sheet.json Updated the following in the sheet.json - version number * W&G Update v2.6: wrath_and_glory.css Updated the following in the wrath_and_glory.css - version number * W&G Update v2.6: wrath_and_glory_api.html Added the following the functionality in the wrath_and_glory_api.html 1. Fixed NaN error when rolling psyker damage. 2. Added Psychic Mastery as a hard skill on NPC's so Psychic power rolls are auto-calculated. 3. Added to all tests a wrath outcome when using the API die roller so that a new ability in the API is included - it lists outcome of the die roll. 4. Fixed update to Conviction for older sheets. 5. Fixed voidship wounds current; which was pointing to vehicle wounds current. 6. Updated vehicle and voidship wounds to Roll20 standard of wound/wound_max. 7. Calculated Heavily wounded for Vehicle and Voidships. 8. Autoupdate old versions of charactersheets for vehicle wounds, voidship wounds, calculating heavily wounded for vehicles, and heavily wounded for voidships. Notes for release management: - auto-update script for older versions has been built as a case worker: specifically voidship and vehicle wounds. - the file is using unix eol format * W&G v2.7: readme.md Updated with release information and version number. * W&G v2.7: sheet.json Updated version number. * W&G v2.7: wrath_and_glory.css Added new roll templates and configuration changes in existing templates. * W&G v2.7: wrath_and_glory_api.html Implemented cosmetic changes, a fix, 2 updates to existing functionality, and 5 new features. In detail: 1. Cosmetic change: changed all dice to D6; teal buttons roll wrath, black/gold/red buttons have no wrath die. 2. Cosmetic change: added spacing and thick dark teal line between psychic powers (PC and NPC) 3. Cosmetic change: changed all references to Combat Rolls to Rolls (PC, NPC, Vehicle, Voidship) 4. Cosmetic change: On PC Equipment sheet added thick dark teal line between vehicles and voidships. 5. Cosmetic change: made all areas for lengthy text entry two lines in height. 6. Cosmetic change: changed DN field for powers to text so values other than numbers can be entered - example is Defense. 7. Fix: corrected layout of Heavily Wounded at label and field for Vehicles and Voidships. 8. Update: Refined the inline dice rolls to now show critical on rolling standard pool and to show a critical when rolling a 1 on wrath die. 9. Update: Added option for Weapon Skill + Agility in weapons; this accounts for use of a Pistol in Melee where an attack roll is Agility + Weapon Skill. 10. New: Psychic powers now have an additional option to roll an alternative dice roll for shock, wounds, and mortal damage. 11. New: Added d66 to psychic powers. Future enhancement will convert this into a Peril of the Warp result. 12. New: Added d3, d6, and d66 die roller on combat rolls for PC's and NPC's. 13. New: Added Memorable Injuries as a repeating framework - can capture multiple memorable injuries - to Personal tab. 14. New: Auto set rank title based on the selected rank; also automated to update existing character sheets.
786 lines
22 KiB
CSS
786 lines
22 KiB
CSS
/* Version: 2.7 */
|
|
/* ================ COLOR GUIDE ================
|
|
LIGHT TEAL: #d0dfe5
|
|
DARK TEAL: #023244
|
|
*/
|
|
/* ================ Roll Templates ================ */
|
|
.sheet-rolltemplate-alternative_rolld66 table,
|
|
.sheet-rolltemplate-alternative_roll table,
|
|
.sheet-rolltemplate-roll_dicepool_nowrath table,
|
|
.sheet-rolltemplate-roll_dicepool table,
|
|
.sheet-rolltemplate-glory_roll table,
|
|
.sheet-rolltemplate-defiance_roll table,
|
|
.sheet-rolltemplate-recovershock_roll table {
|
|
width:100%;
|
|
background-color: white;
|
|
border:1px solid Black
|
|
}
|
|
.sheet-rolltemplate-alternative_rolld66 th,
|
|
.sheet-rolltemplate-alternative_roll th,
|
|
.sheet-rolltemplate-roll_dicepool_nowrath th,
|
|
.sheet-rolltemplate-roll_dicepool th,
|
|
.sheet-rolltemplate-glory_roll th,
|
|
.sheet-rolltemplate-defiance_roll th,
|
|
.sheet-rolltemplate-recovershock_roll th {
|
|
text-align: center;
|
|
font-family: Helvetica;
|
|
font-weight:300;
|
|
font-size:1.1em;
|
|
padding:5px;
|
|
background-color: Black;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-alternative_rolld66 td,
|
|
.sheet-rolltemplate-alternative_roll td,
|
|
.sheet-rolltemplate-roll_dicepool_nowrath td,
|
|
.sheet-rolltemplate-roll_dicepool td,
|
|
.sheet-rolltemplate-glory_roll td,
|
|
.sheet-rolltemplate-defiance_roll td,
|
|
.sheet-rolltemplate-recovershock_roll td {
|
|
padding:5px;
|
|
line-height:1.1em;
|
|
vertical-align:top;
|
|
}
|
|
.sheet-rolltemplate-roll_dicepool_nowrath td:first-child,
|
|
.sheet-rolltemplate-roll_dicepool td:first-child,
|
|
.sheet-rolltemplate-glory_roll td:first-child,
|
|
.sheet-rolltemplate-defiance_roll td:first-child,
|
|
.sheet-rolltemplate-recovershock_roll td:first-child {
|
|
color: black;
|
|
text-align:Left;
|
|
min-width:50px;
|
|
padding-right:5px;
|
|
}
|
|
.sheet-rolltemplate-alternative_rolld66 td:first-child,
|
|
.sheet-rolltemplate-alternative_roll td:first-child {
|
|
color: black;
|
|
text-align:center;
|
|
min-width:50px;
|
|
padding-right:5px;
|
|
}
|
|
.sheet-rolltemplate-alternative_rolld66 tr:nth-child(even),
|
|
.sheet-rolltemplate-alternative_roll tr:nth-child(even),
|
|
.sheet-rolltemplate-roll_dicepool_nowrath tr:nth-child(even),
|
|
.sheet-rolltemplate-roll_dicepool tr:nth-child(even),
|
|
.sheet-rolltemplate-glory_roll tr:nth-child(even),
|
|
.sheet-rolltemplate-defiance_roll tr:nth-child(even),
|
|
.sheet-rolltemplate-recovershock_roll tr:nth-child(even) {
|
|
background-color:#EEEEEE
|
|
}
|
|
/* ================ End Roll Templates ================ */
|
|
|
|
span {
|
|
font-family: Helvetica;
|
|
text-align: left;
|
|
font-size: 92.5%;
|
|
color: black;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.sheet-smallfont {
|
|
font-size: 80%;
|
|
}
|
|
/* ================ RADIO HANDLING ================ */
|
|
input[type="radio"].sheet-falseRadio {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 65px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
span.sheet-falseRadio {
|
|
position: relative;
|
|
top: -10px;
|
|
left: 0px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
width: 65px;
|
|
cursor: pointer;
|
|
border: none;
|
|
color: #000000;
|
|
background: transparent;
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
input.sheet-falseRadio:checked + span.sheet-falseRadio {
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
input.sheet-falseRadio:checked + span.sheet-falseRadio::after {
|
|
content: '?';
|
|
}
|
|
/* ================ END RADIO HANDLING ================ */
|
|
|
|
/*================ Tabs Handling ================ */
|
|
|
|
/* ---- sheet blocks: PC, NPC, Vehicle, Voidship, and Tables ---- */
|
|
|
|
div.sheet-multi-view { display: none; }
|
|
|
|
input.sheet-isPC:checked ~ div.sheet-isPC,
|
|
input.sheet-isNPC:checked ~ div.sheet-isNPC,
|
|
input.sheet-isVehicle:checked ~ div.sheet-isVehicle,
|
|
input.sheet-isVoidship:checked ~ div.sheet-isVoidship,
|
|
input.sheet-isTables:checked ~ div.sheet-isTables,
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* ---- character sheet tabs ---- */
|
|
|
|
div[class^="sheet-section"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
}
|
|
input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
max-height: 999998px;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: auto;
|
|
}
|
|
input.sheet-tab {
|
|
width: 120px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
padding-top: 3px;
|
|
width: 110px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -125px;
|
|
border: 2px solid #023244; /* - Layout: tab borders- */
|
|
color: black; /* - Layout: font color for tabs not selected - */
|
|
background: #d0dfe5; /* - Layout: color of the tabs not selected - */
|
|
border-radius:3px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
margin-top: 6px;
|
|
}
|
|
input.sheet-tab::before {
|
|
content: attr(title);
|
|
text-align: center;
|
|
margin-top: 5px;
|
|
display: inline-block;
|
|
width: 75%;
|
|
height: 100%;
|
|
background: #023244; /* - Layout: color of the selected tab - */
|
|
color:white; /* - Layout: font color for selected tab - */
|
|
}
|
|
input.sheet-tab:checked::before {
|
|
background: #023244; /* - Layout: color of the selected tab - */
|
|
color:white; /* - Layout: font color for selected tab - */
|
|
font-weight: bold;
|
|
}
|
|
input.sheet-tab1:checked ~ div.sheet-section-pc1,
|
|
input.sheet-tab2:checked ~ div.sheet-section-pc2,
|
|
input.sheet-tab3:checked ~ div.sheet-section-pc3,
|
|
input.sheet-tab4:checked ~ div.sheet-section-pc4,
|
|
input.sheet-tab5:checked ~ div.sheet-section-pc5,
|
|
input.sheet-tab6:checked ~ div.sheet-section-pc6,
|
|
input.sheet-tab7:checked ~ div.sheet-section-pc7 {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
}
|
|
input.sheet-tab1:checked + span.sheet-tab1,
|
|
input.sheet-tab2:checked + span.sheet-tab2,
|
|
input.sheet-tab3:checked + span.sheet-tab3,
|
|
input.sheet-tab4:checked + span.sheet-tab4,
|
|
input.sheet-tab5:checked + span.sheet-tab5,
|
|
input.sheet-tab6:checked + span.sheet-tab6,
|
|
input.sheet-tab7:checked + span.sheet-tab7 {
|
|
background: #023244; /* - Layout: color of the selected tab - */
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ================ END TABS HANDLING ================ */
|
|
|
|
|
|
/* ================ REPEATING SECTIONS ================ */
|
|
|
|
.repcontainer[data-groupname=repeating_attack]
|
|
.repitem { margin-bottom: 5px; }
|
|
.repcontrol { margin-bottom: 5px; }
|
|
.repcontainer.editmode[data-groupname=repeating_attack] + .repcontrol { text-align: right; }
|
|
.repcontainer.editmode[data-groupname=repeating_attack] + .repcontrol .repcontrol_edit { float: left; }
|
|
|
|
/* ================ END REPEATING SECTIONS ================ */
|
|
|
|
/* ================ HEADERS and LABELS ================ */
|
|
|
|
h1,h2,h3,h4 {
|
|
font-family: Helvetica;
|
|
font-variant: small-caps;
|
|
font-weight: Bold;
|
|
text-align: center;
|
|
color: black;
|
|
font-size: 100%;
|
|
}
|
|
h1 {
|
|
font-size: 200%;
|
|
text-align: left;
|
|
font-weight: Bold;
|
|
}
|
|
h2 {
|
|
font-style: Italic;
|
|
margin-bottom: 5px;
|
|
}
|
|
h3 { /* - Table Headers with TH - */
|
|
font-size: 70%;
|
|
}
|
|
h4 { /* - standalone row where the first word is the header - */
|
|
text-align: left;
|
|
}
|
|
h5 { /* - standalone row with standard sized text (typically the first td in a row) - */
|
|
text-align: left;
|
|
font-size: 90%;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
h6 { /* - standalone row with standard sized text (typically the first td in a row) - */
|
|
text-align: right;
|
|
font-variant: normal;
|
|
font-size: 80%;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* ================ END HEADERS and LABELS ================ */
|
|
|
|
/* ================ TEXTAREAS ================ */
|
|
|
|
textarea[name=attr_PsyPowerDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_PsyPowerPotency] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_background] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_backgroundbenefit] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_malignancy] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_rmalignancy] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_vehCriticalHits] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_vehDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_voidCriticalHits] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_voidDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_voidSystems] {
|
|
resize: vertical;
|
|
margin: 0 auto;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_objective] {
|
|
resize: vertical;
|
|
margin: 0 auto;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 1.25em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_abilityDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_talentDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_allianceDesc] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 2.4em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_keywords] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 90% !important;
|
|
height: 3.1em;
|
|
margin-left: 7.5px !important;
|
|
}
|
|
textarea[name=attr_gearDetail-tooltip] {
|
|
height: 4em;
|
|
resize: vertical;
|
|
}
|
|
textarea[name=attr_rinjury] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 95% !important;
|
|
height: 1.25em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
textarea[name=attr_rinjuryDescription] {
|
|
resize: vertical;
|
|
display: block;
|
|
width: 98% !important;
|
|
height: 1.25em;
|
|
/* margin-left: 10px !important;*/
|
|
}
|
|
/* ================ END TEXTAREAS ================ */
|
|
|
|
/* ================ SECTION FORMATTING ================ */
|
|
.sheet-header {
|
|
margin-bottom: 4px;
|
|
margin-top: 8px;
|
|
padding: 2px 4px;
|
|
text-align: center;
|
|
background: #023244; /* - Layout: header color - */
|
|
color: White; /* - Layout: header font color - */
|
|
font-weight: bold;
|
|
}
|
|
.sheet-minorheader {
|
|
margin-bottom: 4px;
|
|
margin-top: 4px;
|
|
padding: 2px 2px;
|
|
text-align: left;
|
|
background: #89A5A8; /* - Layout: header color - */
|
|
color: White; /* - Layout: header font color - */
|
|
font-weight: bold;
|
|
}
|
|
.charsheet {
|
|
background-size: cover;
|
|
background: WhiteSmoke; /* - Layout: page background color - */
|
|
min-width: 875px;
|
|
}
|
|
input, select, textarea {
|
|
font-size: 100%;
|
|
font-family: Helvetica;
|
|
color: black;
|
|
}
|
|
.sheet-select-attr {
|
|
/* configure attribute drop down box */
|
|
Font-size: 75% !important;
|
|
width: 7.6em;
|
|
}
|
|
.sheet-dropdown,
|
|
.sheet-smalldropdown,
|
|
.sheet-smeddropdown,
|
|
.sheet-meddropdown,
|
|
.sheet-largedropdown,
|
|
.sheet-verylargedropdown,
|
|
.sheet-xverylargedropdown,
|
|
.sheet-xtralargedropdown,
|
|
.sheet-select-attr {
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.sheet-subsection {
|
|
border: 1px solid #023244; /* - Layout: section border colors - */
|
|
position: relative;
|
|
border-radius: 10px;
|
|
margin-bottom: 10px;
|
|
padding: 2px;
|
|
}
|
|
.sheet-input > .sheet-input-name + input {
|
|
display: block;
|
|
font-size: 120%;
|
|
border-radius: 5px;
|
|
padding: 5px 5px 5pt 5px;
|
|
width: 100%;
|
|
height: 2em;
|
|
box-shadow: 5px 5px 3px 1px #999;
|
|
}
|
|
.sheet-input-name {
|
|
font-family: Helvetica;
|
|
font-size: 120%;
|
|
font-variant: small-caps;
|
|
position: absolute;
|
|
left: 5px;
|
|
bottom: 0px;
|
|
}
|
|
table { width: 100%; }
|
|
.sheet-tableColorRows td:first-child td:first-child {
|
|
background-color:#ebece7;
|
|
}
|
|
.sheet-tableColorRows tr:nth-child(even) {
|
|
background-color:#ebece7;
|
|
}
|
|
|
|
/* ================ END SECTION FORMATTING ================ */
|
|
|
|
/* ================ NUMBER FORMATTING ================ */
|
|
|
|
.sheet-circle input[type=text],
|
|
.sheet-circle input[type=number] {
|
|
border-radius: 100%;
|
|
height: 28px;
|
|
width: 28px !important;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
-moz-appearance: textfield;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.sheet-noborder input[type=text],
|
|
.sheet-noborder input[type=number] {
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
.sheet-circle input[type=text]::-webkit-outer-spin-button,
|
|
.sheet-circle input[type=text]::-webkit-inner-spin-button,
|
|
.sheet-circle input[type=number]::-webkit-outer-spin-button,
|
|
.sheet-circle input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* ================ END NUMBER FORMATTING ================ */
|
|
|
|
/* ================ BUTTON MANAGEMENT ================ */
|
|
.charsheet button[type=roll]::before {
|
|
display:none;
|
|
}
|
|
|
|
button.sheet-diebutton-all,
|
|
button.sheet-diebutton-simple,
|
|
button.sheet-diebutton-api { /* API is the default roller */
|
|
margin: 0 !important;
|
|
border-radius: 0 !important;
|
|
/*background-image: none !important;*/
|
|
/*border: none !important;*/
|
|
/*box-shadow: none !important;*/
|
|
font-family: dicefontd6;
|
|
color: rgb(2, 50, 68); /* - Layout: button image color #023244 - */
|
|
background-color: #D0DFE5;
|
|
font-size: 175% !important;
|
|
}
|
|
button.sheet-diebutton-damage {
|
|
color: rgb(252, 0, 0); /* - Layout: button image color #023244 - */
|
|
background-color: #4b0000;
|
|
}
|
|
button.sheet-diebutton-notest,
|
|
button.sheet-diebutton-assist {
|
|
color: rgb(0, 0, 0); /* - Layout: button image color #023244 - */
|
|
background-color:#48565a;
|
|
}
|
|
button.sheet-diebutton-glory {
|
|
color: rgb(209, 136, 0); /* - Layout: button image color #023244 - */
|
|
background-color: #FC0000;
|
|
}
|
|
button.sheet-diebutton-simple {
|
|
display: none;
|
|
}
|
|
|
|
button.sheet-diebutton-smaller {
|
|
font-size: 150% !important;
|
|
}
|
|
input.sheet-roll-useDice:unchecked ~ div table button.sheet-diebutton-api { display: inline; }
|
|
input.sheet-roll-useDice:unchecked ~ div table button.sheet-diebutton-simple { display: none; }
|
|
input.sheet-roll-useDice:checked ~ div table button.sheet-diebutton-simple { display: inline; }
|
|
input.sheet-roll-useDice:checked ~ div table button.sheet-diebutton-api { display: none; }
|
|
|
|
/* ================ End BUTTON Management ================ */
|
|
/* ================ BEGIN Flex Rows with Tooltips ================ */
|
|
|
|
.sheet-hover input[type="text"] {
|
|
display: flex;
|
|
flex: 1;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-hover input[type=number] {-moz-appearance: textfield;}
|
|
.sheet-hover input[type=number]::-webkit-outer-spin-button,
|
|
.sheet-hover input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-hover input:focus::-webkit-input-placeholder { color:transparent; }
|
|
.sheet-hover input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
|
|
.sheet-hover input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
|
|
.sheet-hover input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
|
|
|
|
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
|
|
color: black;
|
|
}
|
|
|
|
::-moz-placeholder { /* Firefox 19+ */
|
|
color: black;
|
|
}
|
|
|
|
:-ms-input-placeholder { /* IE 10+ */
|
|
color: black;
|
|
}
|
|
|
|
:-moz-placeholder { /* Firefox 18- */
|
|
color: black;
|
|
}
|
|
|
|
.sheet-flexrow {
|
|
display: flex;
|
|
flex-flow: row;
|
|
}
|
|
|
|
.sheet-tooltip {
|
|
display: inline-block; /* ORIGINAL = None ; changed to inline-block */
|
|
pointer-events: none;
|
|
position: absolute;
|
|
bottom: 60%; /* This sets where the text box appears in relation to the button */
|
|
left: 0%;
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
border-radius: 5px; /* ORIGINAL removed: Pointer-events: none; */
|
|
padding: 5px;
|
|
white-space: pre-wrap;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: visibility 500ms, opacity 500ms;
|
|
-webkit-transition-delay: 0s; /* Safari */
|
|
-webkit-transition: all 500ms ease-in-out;
|
|
-moz-transition: all 500ms ease-in-out;
|
|
-ms-transition: all 500ms ease-in-out;
|
|
-o-transition: all 500ms ease-in-out;
|
|
transition: all 500ms ease-in-out;
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
.sheet-hover:hover + .sheet-tooltip {
|
|
display: block;
|
|
background-color: white;
|
|
opacity: 1.0 !important;
|
|
visibility: visible;
|
|
pointer-events: visible;
|
|
box-shadow: none;
|
|
z-index: 1;
|
|
}
|
|
/* checkbox style settings */
|
|
.sheet-hover-hidden {
|
|
position: absolute; /* ORIGINAL value was relative, changed to absolute */
|
|
opacity: 0;
|
|
margin: 3px;
|
|
transform: scale(1.5);
|
|
}
|
|
/* hidden checkbox with no top margin */
|
|
.sheet-hover-hidden-notopmargin {
|
|
margin: 0px 3px 3px 3px !important;
|
|
}
|
|
/* image under the checkbox when unchecked */
|
|
.sheet-hover-hidden + span::before {
|
|
content: url(https://i.imgur.com/sRvElxy.png);
|
|
float: center;
|
|
margin: 0px 3px 3px 3px !important;
|
|
z-index: -1;
|
|
}
|
|
/* image under the checkbox when checked */
|
|
.sheet-hover-hidden:checked + span::before {
|
|
content: url(https://i.imgur.com/N8VCNVO.png);
|
|
float: center;
|
|
margin: 0px 3px 3px 3px !important;
|
|
z-index: -1;
|
|
}
|
|
.sheet-hover-hidden:hover ~ .sheet-tooltip {
|
|
left: 0%;
|
|
pointer-events: visible;
|
|
box-shadow: none;
|
|
z-index: 1;
|
|
}
|
|
.sheet-hover-hidden:checked ~ .sheet-tooltip {
|
|
display: block;
|
|
left: 0%;
|
|
background-color: #bbb;
|
|
opacity: 1.0;
|
|
visibility: visible;
|
|
pointer-events: visible;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ================ END Flex Rows with Tooltips ================ */
|
|
|
|
/* ================ Section formatting ================ */
|
|
|
|
table, th, td {
|
|
/* border: 1px solid black; Table borders - turned on only for design work */
|
|
border-collapse: collapse;
|
|
}
|
|
.sheet-bottom-border {
|
|
border-bottom: 4px solid #023244;
|
|
}
|
|
}
|
|
th {
|
|
text-align: center;
|
|
}
|
|
.sheet-tagline{
|
|
font: Rockwell;
|
|
size: 100%;
|
|
font-style: Italic Bold;
|
|
margin-top: 10px;
|
|
/* margin-left: 5px; */
|
|
background-color: WhiteSmoke;
|
|
}
|
|
.sheet-objective-checkbox{
|
|
size: 300%;
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
.sheet-block-text {Font-size: 100%;}
|
|
.sheet-smaller-text {Font-size: 80%;}
|
|
.sheet-header-spacer {margin-top: 22.5px;}
|
|
.sheet-center {text-align: center;}
|
|
.sheet-right {text-align: right;}
|
|
.sheet-left {text-align: left;}
|
|
.sheet-header-override {text-align: left!important;}
|
|
.sheet-header-overrideright {text-align: right!important;}
|
|
.sheet-width-W100 {width: 100%;}
|
|
.sheet-width-W99 {width: 99%;}
|
|
.sheet-width-W98 {width: 98%;}
|
|
.sheet-width-W95 {width: 95%;}
|
|
.sheet-width-W90 {width: 90%;}
|
|
.sheet-width-W85 {width: 85%;}
|
|
.sheet-width-W80 {width: 80%;}
|
|
.sheet-width-W75 {width: 75%;}
|
|
.sheet-width-W70 {width: 70%;}
|
|
.sheet-width-W65 {width: 65%;}
|
|
.sheet-width-W60 {width: 60%;}
|
|
.sheet-width-W55 {width: 55%;}
|
|
.sheet-width-W50 {width: 50%;}
|
|
.sheet-width-W45 {width: 45%;}
|
|
.sheet-width-W40 {width: 40%;}
|
|
.sheet-width-W35 {width: 35%;}
|
|
.sheet-width-W33 {width: 33%;}
|
|
.sheet-width-W30 {width: 30%;}
|
|
.sheet-width-W25 {width: 25%;}
|
|
.sheet-width-W24 {width: 24%;}
|
|
.sheet-width-W23 {width: 23%;}
|
|
.sheet-width-W22 {width: 22%;}
|
|
.sheet-width-W21 {width: 21%;}
|
|
.sheet-width-W20 {width: 20%;}
|
|
.sheet-width-W19 {width: 19%;}
|
|
.sheet-width-W18 {width: 18%;}
|
|
.sheet-width-W17 {width: 17%;}
|
|
.sheet-width-W16 {width: 16%;}
|
|
.sheet-width-W15 {width: 15%;}
|
|
.sheet-width-W14 {width: 14%;}
|
|
.sheet-width-W13 {width: 13%;}
|
|
.sheet-width-W12 {width: 12%;}
|
|
.sheet-width-W11 {width: 11%;}
|
|
.sheet-width-W10 {width: 10%;}
|
|
.sheet-width-W9 {width: 9%;}
|
|
.sheet-width-W8 {width: 8%;}
|
|
.sheet-width-W7 {width: 7%;}
|
|
.sheet-width-W6 {width: 6%;}
|
|
.sheet-width-W5 {width: 5%;}
|
|
.sheet-width-W4 {width: 4%;}
|
|
.sheet-width-W3 {width: 3%;}
|
|
.sheet-width-W2 {width: 2%;}
|
|
.sheet-width-W1 {width: 1%;}
|
|
.sheet-attr-display {width: 5.75em !important; Font-size: 90% !important;}
|
|
.sheet-tiny-textblock {width: 2em !important;}
|
|
.sheet-verysmall-textblock {width: 2.8em !important;}
|
|
.sheet-small-textblock {width: 4em !important;}
|
|
.sheet-smallmed-textblock {width: 4.5em !important;}
|
|
.sheet-med-textblock {width: 7.5em !important;}
|
|
.sheet-large-textblock {width: 10em !important;}
|
|
.sheet-verylarge-textblock {width: 15em !important;}
|
|
.sheet-smalldropdown {width: 2.8em !important;}
|
|
.sheet-smeddropdown {width: 4em !important;}
|
|
.sheet-meddropdown {width: 6.25em !important;}
|
|
.sheet-largedropdown {width: 7em !important;}
|
|
.sheet-verylargedropdown {width: 9em !important;}
|
|
.sheet-xverylargedropdown {width: 10em !important;}
|
|
.sheet-xtralargedropdown {width: 12em !important;}
|
|
.sheet-smallspin-button {width: 3.1em !important;}
|
|
.sheet-2digitspin-button {width: 3.25em !important;}
|
|
.sheet-spin-button {width: 4em !important;}
|
|
.sheet-bigspin-button {width: 5.25em !important;}
|
|
.sheet-pad-text {padding-left: 5px;}
|
|
.sheet-margin {margin-left: 10px;}
|
|
.sheet-margin-top {margin-top: 10px !important;}
|
|
.sheet-margin-bottom {margin-bottom: 10px !important;}
|
|
.sheet-tooltip-override {bottom: 100%;}
|
|
.charsheet .sheet-wrapper {
|
|
background-image:url("https://i.imgur.com/ccLqJqK.jpg");
|
|
background-repeat:repeat;
|
|
padding-left: 7px;
|
|
}
|