mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
Some Highlights 1. removed the preset attack buttons(no longer necessary) 2. drag/drop sheet rolls to the quick bar 3. In accordance to the latest Roll20 update, old ability macros will need to be updated to include "$X", where X is the row number of the repeating item 4. added more ability-based skills/info and gave them rolls 5. added Surprise and Initiative rolls (both rolls use @SurpriseBonus as modifier) 6. added editable macro-text for attacks (allows you to customize your macros) 7. added many new sections; 8. Movement: with auto-calc rates and current load indicators based off of carrying capacity vs total weight carried 9. Wealth: with coins total and carried 10. Equipment: repeating rows with auto-calc cost/weight. Armor, coins carried, and weapons costs/weight are included elsewhere and do not need to be included as equipment. 11. Sheet worker javascript was used for weight, cost, and encumbrance (thanks to Aaron's TAS script) 12. The encumbrance function sets a checkbox to the current load. Current load is determined by comparing the total weight carried to the amounts entered for a character's carrying capacities (normal, heavy, very heavy, and max). Currently these limits are entered by the sheet user. These limits may be automated in future updates. 13. Special Abilities: repeating rows w/roll and macro-text 14. Spells: repeating rows w/roll and macro-text 15. Notes 16. added Footer with sheet info 17. option to /w gm to-hit table info to the DM when making an attack 18. option to toggle a parchment background (void of coffee or Jolt Cola stains). ;-)
227 lines
6.9 KiB
CSS
227 lines
6.9 KiB
CSS
/* background toggle*/
|
|
.sheet-wrapper {margin:5px; padding:0}
|
|
.sheet-useBackground input[value="1"]:checked ~ .sheet-background { background-image:none; background-color:white;}
|
|
.sheet-useBackground input[value="2"]:checked ~ .sheet-background { background-image:url("http://i.imgur.com/izwlEug.jpg"); background-size: cover; background-position: center top;}
|
|
|
|
.sheet-table {display:table; width:100%;}
|
|
.sheet-table-row {display: table-row; width:100%;}
|
|
.sheet-data {display:table-cell; vertical-align:bottom;}
|
|
.sheet-left {text-align:left;}
|
|
.sheet-right {text-align:right;}
|
|
.sheet-center {text-align:center;}
|
|
.sheet-border {border:1px solid gray; border-radius:10px; border-collapse:separate; margin: 2px 0 2px 0; padding: 2px;}
|
|
|
|
table, tr {width:100%;}
|
|
table, tr, td {font-size:12px; font-weight:bold;}
|
|
|
|
input {border:1px transparent; border-bottom:1px solid; background-color:transparent; text-align:center; font-family:cursive; font-size:1.1em; color:#262626;}
|
|
.sheet-input-small {width:3.5em; height:1.85em;}
|
|
.sheet-input-medium {width:80%; height:1.85em;}
|
|
.sheet-input-large {width:100%; height:1.85em;}
|
|
input[disabled], select[disabled], textarea[disabled], input[readonly] {cursor:not-allowed; background-color:rgba(245, 245, 245, 0.5);}
|
|
|
|
select {background-color:transparent;}
|
|
|
|
button[type=roll].sheet-button {font-size:1em; line-height:1.5em; white-space:nowrap;}
|
|
|
|
.sheet-header {display:inline-block; font-size:16px; font-weight:bold; margin:0 -5px 0 0;}
|
|
|
|
hr {border-top: 1px solid #8c8b8b; margin:5px;}
|
|
.sheet-text-small {font-size:10px;}
|
|
.sheet-text-large {font-size:14px; font-weight:bold;}
|
|
|
|
div.sheet-table-row textarea {width:94%; resize:vertical; margin:0 10px 5px 20px; height:60px; background-color:transparent;}
|
|
|
|
/*hide and seek magic*/
|
|
.sheet-sect-show:not(:checked)~.sheet-sect {display: none;}
|
|
input[type="checkbox"] + span:not(.sheet-not-sheet-show)::before {display: inline-block; content:'►'; width:14px; height:16px; font-size:.85em; vertical-align:text-bottom; margin-bottom:1px;}
|
|
input[type="checkbox"]:checked + span:not(.sheet-not-sheet-show)::before {content:'▼';}
|
|
|
|
/*rep-items counter*/
|
|
.sheet-repeating-fields {counter-reset: sheet-rep-items -1;}
|
|
input[type="checkbox"].sheet-counted + span:not(.sheet-not-sheet-show)::before {counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. '; width:auto;}
|
|
input[type="checkbox"].sheet-counted:checked + span:not(.sheet-not-sheet-show)::before {counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. '; width:auto;}
|
|
|
|
.sheet-personal_attributes,.sheet-abilities,.sheet-saves,.sheet-weapons,.sheet-to_hit_AC,.sheet-thief_skills,
|
|
.sheet-wealth,.sheet-equipment,.sheet-special_abilities,.sheet-spells,.sheet-notes {margin-top:0;}
|
|
|
|
/*to-hit AC*/
|
|
.sheet-box {border: 1px solid #000; height:30px; width:50px; font-size:14px;}
|
|
tr.sheet-to-hit td:nth-child(odd){background-color:rgba(148, 148, 148, 0.5); color:#ffffff;}
|
|
tr.sheet-to-hit td:nth-child(even){background-color:rgba(236, 236, 236, 0.5);}
|
|
.sheet-to-hit-input input {width:108%; height:24px; text-align:center;}
|
|
|
|
div.sheet-footer span.sheet-data input[type="text"] {width:21em; height:1.5em; border:none; background-color:transparent; margin-top:-2px;}
|
|
|
|
/*repeating sections*/
|
|
span.sheet-data.sheet-center input {width:5.5em; height:2em;}
|
|
span.sheet-data.sheet-center {padding:0 4px 0 4px;}
|
|
textarea.sheet-weapons {width:22em; resize:vertical; height:1.3em; overflow:hidden; white-space:nowrap; background-color:transparent; margin:0;}
|
|
textarea.sheet-macro-text {width:5.5em; resize:vertical; height:1.3em; overflow:hidden; white-space:pre-line; background-color:transparent; margin:0;}
|
|
|
|
/*Roll Templates*/
|
|
/*Attacks*/
|
|
.sheet-rolltemplate-attacks table {
|
|
width:100%;
|
|
background-color:white;
|
|
border:2px solid #000;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow:2px 2px 5px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks th {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-subheader {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:0.9em;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks td {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-text {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-ToHit {
|
|
font-family: monospace;
|
|
font-size: 10px;
|
|
line-height: .80em !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks tr:nth-child(odd) {
|
|
background-color:#E6E6E6;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks tr:nth-child(even) {
|
|
background-color:#A3A3A3;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
text-align: right;
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
/*General*/
|
|
.sheet-rolltemplate-general table {
|
|
width:100%;
|
|
background-color:white;
|
|
border:2px solid #000;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow:2px 2px 5px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolltemplate-general th {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-subheader {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:0.9em;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-general td {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-general tr:nth-child(odd) {
|
|
background-color:#E6E6E6;
|
|
}
|
|
|
|
.sheet-rolltemplate-general tr:nth-child(even) {
|
|
background-color:#A3A3A3;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
text-align: right;
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-savethrow .inlinerollresult.importantroll {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-savethrow {
|
|
vertical-align:inherit;
|
|
font-weight:bold;
|
|
} |