mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
DnD5E Character Scrolls - a DnD character sheet that is more home-brew friendly than the present offerings and features graphical icons to help players who have trouble reading the jargon remember where things are and what they are for
This commit is contained in:
Cyanobacterium
@@ -0,0 +1,377 @@
|
||||
|
||||
/*
|
||||
This work is licensed the MIT License.
|
||||
|
||||
Author: C. C. Hall (aka Cyanobacterium)
|
||||
*/
|
||||
|
||||
/* Tabs implementation */
|
||||
.sheet-tab-row {
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tab-button { }
|
||||
|
||||
.sheet-tabbed-pane {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-tab-button-all:checked ~ div.sheet-tab {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input.sheet-tab-button1:checked ~ div.sheet-tab1,
|
||||
input.sheet-tab-button2:checked ~ div.sheet-tab2,
|
||||
input.sheet-tab-button3:checked ~ div.sheet-tab3,
|
||||
input.sheet-tab-button4:checked ~ div.sheet-tab4,
|
||||
input.sheet-tab-button5:checked ~ div.sheet-tab5 {
|
||||
display: block;
|
||||
}
|
||||
/* End of tabs */
|
||||
|
||||
|
||||
/* section fotmatting */
|
||||
.sheet-text-align-left { text-align: left; }
|
||||
.sheet-text-align-center { text-align: center; }
|
||||
.sheet-text-align-right { text-align: right; }
|
||||
.sheet-inline {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.sheet-header {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
.sheet-header-block {
|
||||
display: inline-block;
|
||||
padding: 6px 4px;
|
||||
}
|
||||
.sheet-column1 { }
|
||||
.sheet-column2 { }
|
||||
.sheet-column3 { } /* column 3 is for single-column pages*/
|
||||
.sheet-column1-cell {
|
||||
vertical-align: top;
|
||||
}
|
||||
.sheet-column2-cell {
|
||||
vertical-align: top;
|
||||
}
|
||||
.sheet-column3-cell {
|
||||
vertical-align: top;
|
||||
}
|
||||
.sheet-section-title-bar {
|
||||
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
||||
font-size: 22pt;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.sheet-section-content {
|
||||
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
||||
font-size: 12pt;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.sheet-section-line-item {
|
||||
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-align: right;
|
||||
}
|
||||
.sheet-repeated-entry {
|
||||
border-top: 1pt solid #808080;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding: 4px;
|
||||
}
|
||||
.sheet-repeater-fieldset {
|
||||
border: none;
|
||||
}
|
||||
.sheet-numbox {
|
||||
width: 4em;
|
||||
}
|
||||
.sheet-long-numbox {
|
||||
width: 7em;
|
||||
}
|
||||
.sheet-long-text-input {
|
||||
width: 150px;
|
||||
}
|
||||
.sheet-paragraph-box {
|
||||
width: calc(100% - 16px);
|
||||
height: 4em;
|
||||
}
|
||||
.sheet-list-box {
|
||||
width: calc(100% - 16px);
|
||||
height: 8em;
|
||||
}
|
||||
.sheet-long-list-box {
|
||||
width: calc(100% - 16px);
|
||||
height: 16em;
|
||||
}
|
||||
.sheet-big-bold {
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
font-family: Verdana, Geneva, sans-serif;
|
||||
}
|
||||
.sheet-big-bold-fancy {
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
||||
}
|
||||
.sheet-undertext {
|
||||
font-size: 8pt;
|
||||
font-weight: normal;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.sheet-skill-name {
|
||||
width: 120px;
|
||||
}
|
||||
/**********************/
|
||||
|
||||
/* section box layout */
|
||||
.sheet-columns {
|
||||
border: none;
|
||||
}
|
||||
.sheet-columns td{
|
||||
border: none;
|
||||
padding: 4px;
|
||||
}
|
||||
.sheet-section-layout-table {
|
||||
border: none;
|
||||
border-spacing: 0px;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.sheet-section-layout-table td {
|
||||
padding: 0px;
|
||||
}
|
||||
.sheet-section-frame {
|
||||
padding: 16px;
|
||||
width: 316px;
|
||||
}
|
||||
.sheet-section-frame-2x {
|
||||
padding: 16px;
|
||||
width: calc(2*316px + 72px);
|
||||
}
|
||||
.sheet-subsection-table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
.sheet-subsection-table tr td {
|
||||
border-bottom: 1pt solid #808080;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
padding: 2px;
|
||||
}
|
||||
.sheet-cell-header {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.sheet-subsection-table tr th {
|
||||
border-bottom: none;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.sheet-subsection-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.sheet-subsection-table tr td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
.sheet-subsection-table2{
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.sheet-subsection-table2 tr th {
|
||||
border-bottom: none;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.sheet-subsection-table2 tr td {
|
||||
border-bottom: none;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
padding: 2px;
|
||||
}
|
||||
.sheet-table-hide{
|
||||
display: none;
|
||||
}
|
||||
input.sheet-table-hide-checkbox:checked ~ div.sheet-table-hide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.sheet-subsection-nontable-row {
|
||||
border-bottom: 1pt solid #808080;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding: 4px;
|
||||
}
|
||||
div:last-child.sheet-subsection-nontable-row {
|
||||
border-bottom: none;
|
||||
}
|
||||
.sheet-half-width {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
width: calc(50% - 16px);
|
||||
}
|
||||
.sheet-full-width {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
width: calc(100% - 16px);
|
||||
}
|
||||
.sheet-small-padding {
|
||||
padding: 2px;
|
||||
}
|
||||
/**********************/
|
||||
|
||||
/* section decorations */
|
||||
.sheet-scroll-roll {
|
||||
height: 16px;
|
||||
background-image: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/scroll-roll.png");
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.sheet-scroll-left {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
||||
background-position: -160px -48px;
|
||||
}
|
||||
.sheet-scroll-right {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
||||
background-position: -160px -80px;
|
||||
}
|
||||
.sheet-paper-background {
|
||||
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/section-content-background.png") no-repeat;
|
||||
background-size: 100% 100%
|
||||
}
|
||||
/***************************/
|
||||
|
||||
/* spell notes hiding */
|
||||
|
||||
.sheet-spell-paragraph-box {
|
||||
width: calc(100% - 16px);
|
||||
height: 4em;
|
||||
}
|
||||
.sheet-spell-info {
|
||||
display: none;
|
||||
}
|
||||
.sheet-spell-info-button{
|
||||
margin: 2px;
|
||||
}
|
||||
input.sheet-spell-info-button:checked ~ div.sheet-spell-info {
|
||||
display: block;
|
||||
}
|
||||
/**********************/
|
||||
|
||||
/* buttons */
|
||||
.sheet-roll-button { }
|
||||
/***********/
|
||||
|
||||
/* sprites (16x16 and 32x32 pixel sprites) */
|
||||
.sheet-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
||||
display: inline-block;
|
||||
}
|
||||
.sheet-icon-large {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-icon-section-identity { background-position: 0px 0px; }
|
||||
.sheet-icon-section-appearance { background-position: 0px -32px; }
|
||||
.sheet-icon-section-ability-scores { background-position: 0px -64px; }
|
||||
.sheet-icon-section-skills { background-position: 0px -96px; }
|
||||
.sheet-icon-section-proficiencies { background-position: 0px -128px; }
|
||||
.sheet-icon-section-features { background-position: 0px -160px; }
|
||||
.sheet-icon-section-combat { background-position: -32px 0px; }
|
||||
.sheet-icon-section-equipment { background-position: -32px -32px; }
|
||||
.sheet-icon-section-mounts { background-position: -32px -64px; }
|
||||
.sheet-icon-section-deeds { background-position: -32px -96px; }
|
||||
.sheet-icon-section-pet { background-position: -32px -128px; }
|
||||
.sheet-icon-section-magic { background-position: -32px -160px; }
|
||||
.sheet-icon-section-spells { background-position: -64px 0px; }
|
||||
.sheet-icon-section-contacts { background-position: -64px -32px; }
|
||||
.sheet-icon-section-notes { background-position: -64px -64px; }
|
||||
|
||||
|
||||
.sheet-icon-tab-abilities { background-position: -96px 0px; }
|
||||
.sheet-icon-tab-equipment { background-position: -96px -16px; }
|
||||
.sheet-icon-tab-magic { background-position: -96px -32px; }
|
||||
.sheet-icon-tab-notebook { background-position: -96px -48px; }
|
||||
.sheet-icon-tab-all { background-position: -96px -64px; }
|
||||
.sheet-icon-strength { background-position: -64px -96px; }
|
||||
.sheet-icon-dexterity { background-position: -64px -128px; }
|
||||
.sheet-icon-constitution { background-position: -64px -160px; }
|
||||
.sheet-icon-intelligence { background-position: 0px -192px; }
|
||||
.sheet-icon-wisdom { background-position: -32px -192px; }
|
||||
.sheet-icon-charisma { background-position: -64px -192px; }
|
||||
.sheet-icon-normal-d20 { background-position: -96px -176px; }
|
||||
.sheet-icon-prof-d20 { background-position: -112px 0px; }
|
||||
.sheet-icon-adv-d20 { background-position: -112px -16px; }
|
||||
.sheet-icon-disadv-d20 { background-position: -112px -32px; }
|
||||
.sheet-icon-skill-acrobatics { background-position: -112px -48px; }
|
||||
.sheet-icon-skill-animal-handling { background-position: -112px -64px; }
|
||||
.sheet-icon-skill-arcana { background-position: -112px -80px; }
|
||||
.sheet-icon-skill-athletics { background-position: -112px -96px; }
|
||||
.sheet-icon-skill-deception { background-position: -112px -112px; }
|
||||
.sheet-icon-skill-history { background-position: -112px -128px; }
|
||||
.sheet-icon-skill-insight { background-position: -112px -144px; }
|
||||
.sheet-icon-skill-intimidation { background-position: -112px -160px; }
|
||||
.sheet-icon-skill-investigation { background-position: -112px -176px; }
|
||||
.sheet-icon-skill-medicine { background-position: -128px 0px; }
|
||||
.sheet-icon-skill-nature { background-position: -128px -16px; }
|
||||
.sheet-icon-skill-perception { background-position: -128px -32px; }
|
||||
.sheet-icon-skill-performance { background-position: -128px -48px; }
|
||||
.sheet-icon-skill-persuasion { background-position: -128px -64px; }
|
||||
.sheet-icon-skill-religion { background-position: -128px -80px; }
|
||||
.sheet-icon-skill-sleight-of-hand { background-position: -128px -96px; }
|
||||
.sheet-icon-skill-stealth { background-position: -128px -112px; }
|
||||
.sheet-icon-skill-survival { background-position: -128px -128px; }
|
||||
.sheet-icon-personality { background-position: -128px -144px; }
|
||||
.sheet-icon-ideals { background-position: -128px -160px; }
|
||||
.sheet-icon-bonds { background-position: -128px -176px; }
|
||||
.sheet-icon-flaws { background-position: -144px 0px; }
|
||||
.sheet-icon-ac { background-position: -144px -16px; }
|
||||
.sheet-icon-hp { background-position: -144px -32px; }
|
||||
.sheet-icon-death-saves { background-position: -144px -48px; }
|
||||
.sheet-icon-hd { background-position: -144px -64px; }
|
||||
.sheet-icon-attack { background-position: -144px -80px; }
|
||||
.sheet-icon-attuned-items { background-position: -144px -96px; }
|
||||
.sheet-icon-quiver { background-position: -144px -112px; }
|
||||
.sheet-icon-belt-pouch { background-position: -144px -128px; }
|
||||
.sheet-icon-backpack { background-position: -144px -144px; }
|
||||
.sheet-icon-coin-purse { background-position: -144px -160px; }
|
||||
.sheet-icon-trinkets { background-position: -144px -176px; }
|
||||
.sheet-icon-mount { background-position: -160px 0px; }
|
||||
.sheet-icon-deed { background-position: -160px -16px; }
|
||||
.sheet-icon-spell-level { background-position: -160px -32px; }
|
||||
|
||||
.sheet-icon-scroll-top-left { background-position: -160px -48px; }
|
||||
.sheet-icon-scroll-top-middle { background-position: -160px -64px; }
|
||||
.sheet-icon-scroll-top-right { background-position: -160px -80px; }
|
||||
.sheet-icon-scroll-bottom-left { background-position: -160px -96px; }
|
||||
.sheet-icon-scroll-bottom-middle { background-position: -160px -112px; }
|
||||
.sheet-icon-scroll-bottom-right { background-position: -160px -128px; }
|
||||
|
||||
|
||||
|
||||
/* end of sprites */
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
@@ -0,0 +1,16 @@
|
||||
# DnD5E Character Scrolls
|
||||
A custom Roll20.net character sheet for **Dungeons & Dragons** 5th Edition.
|
||||
|
||||
The DnD5E Character Scrolls character sheet is designed to be flexible, memorable, and easy to use. To fulfill these goals, it features a simple two-column layout with eye-catching icons next to each section and entry. For flexibility, this character sheet takes a fill-in-the-blank approach to nearly all entries on the character sheet, reserving automatic calculation and drop-down menus for only core game mechanics that wouldn't change even in a home-brew campaign setting. D20 roll buttons are present for convenient rolling of ability checks, saves, and attack rolls.
|
||||
|
||||
Using the DnD5E Character Scrolls sheet feels more like using a paper sheet and less like a character generator. If you love to customize your characters beyond the normal parameters, or your campaign features home-brew classes and other content, you will likely enjoy the simplicity and flexibility of this character sheet. However, if you are looking for a character sheet that frees you from having to keep your Player's Handbook at the ready, then this is probably not the character sheet for you.
|
||||
|
||||
## Features
|
||||
- Distinctive yet simple art style
|
||||
- Minimal auto-calculation to allow for multi-class characters and home-brew content
|
||||
- Icons for each skill and section to help remember what the skills do
|
||||
- Drag-and-drop support for spells from the compendium
|
||||
- Drag-and-drop compedium monster entries into the pets section to fill-in the stats for pets/familiars/animal companions
|
||||
|
||||
## License
|
||||
This work is licensed the MIT License.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 232 B |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "DnD5E-Character-Scrolls.html",
|
||||
"css": "DnD5E-Character-Scrolls.css",
|
||||
"authors": "Chris Hall",
|
||||
"roll20userid": "1810967",
|
||||
"preview": "DnD5E-Character-Scrolls_Preview.png",
|
||||
"instructions": "This character sheet is intended for use with the the 5th edition of the Dungeons & Dragons role-playing game. It features minimal calculation (homebrew-friendly) and graphical icons to help people who are new to Dungeons & Dragons remember what all those funny terms mean."
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Reference in New Issue
Block a user