Keith Johnson
d8f91161bf
* Vaesen Character Sheet V1.0 PC & NPC sheets. Custom roll templates. Dice rollers for attributes & Weapons * Updated Roll Templates Added Attack Templates. * Updated Folder Structure for Images Made an Images folder Updated the code to point there * Updated Image URLS Set Image URLs to Roll20 github * Updated CRLF to LF Unix LF * Update vaesen_sheet.html * New Updates Allow die modifier below 0 - complete Change name to dice modifier. - complete Change Sheet name to Vaesen - complete Add resource roll - complete Add capital and bonus boxes Add weapon range - complete Add unarmed attack - complete Add Fear Roll Condition checkboxes: Add to die rolls? Attr_exhasted etc? Min roll of 1 die Add NPC sheet Attribs - completed Skills -? Mental & Physical toughness - completed Equipment - completed Die Modifier - completed * Update Updated URLS that had issues with case. Updated Die modifier to allow negative. Added Capital Added Range Added NPC sheet (Still needs skills) * Update Updated URLS that had issues with case. Updated Die modifier to allow negative. Added Capital Added Range Added NPC sheet (Still needs skills) * NPC Update Added skill section to NPC sheet Added notes field to NPC sheet Optimized NPC sheet layout Cleaned up some double button naming * Removed _ from fieldset name Noticed issue with repeating skill sets not working when adding a new skill. * Updated Contain to cover minor change to background image * Updated Repeating Sections Using Dodgepongs work, added new repeating section styling to be more iconic. Increased size and color. * Resource Roll Updates - Added Spent Capital and Bonus Added Spent Capital Field Added Lifestyle Bonus Fixed a roll bug with resources * Layout Modification on Main PC sheet Updated the Grid layout to compensate for the new Resources fields. * Condition check boxes, Condition penalties and min 1d6 rolls. Added condition checkboxes Added condition penalty total boxes Added condition penalty to roll templates for skills Added minimum 1d6 roll to skills. * Layout work, graphics, and condition effects to attribs Added min 1 die to attribute rolls and implemented a minimum 1d6 roll Worked on layout a little. Added footer graphics * Added HQ Sheet. Fixed column layout. Updated some CSS. Added an HQ record sheet - no rolling functionality, simply a record sheet. Noted a missing ":" in my grid layout definition. Added it and set sizes to columns, display is much better now. Updated some CSS to fix column layouts.
498 lines
12 KiB
CSS
498 lines
12 KiB
CSS
/* Configure Tab Buttons */
|
|
.sheet-main,
|
|
.sheet-Vaesen,
|
|
.sheet-NPC,
|
|
.sheet-HQ, {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-break {
|
|
align:center;
|
|
height:5px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
.sheet-minorbreak{
|
|
align:center;
|
|
height:1px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
|
|
.sheet-header-image {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: header-right;
|
|
}
|
|
.sheet-footer-image {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://i.imgur.com/mZapEV1.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer;
|
|
|
|
}
|
|
.sheet-footer-image2 {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://i.imgur.com/uzHCvsY.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer2;
|
|
}
|
|
.sheet-footer-image3 {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://i.imgur.com/uzHCvsY.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer3;
|
|
}
|
|
.sheet-areaheader {
|
|
text-align: center;
|
|
background-color: rgba(109, 109, 109, 0.5);
|
|
font-style:italic;
|
|
font-size:large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-biglabel{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-normallabel{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
font-size:medium;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-normallabel-nb{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
font-size:medium;
|
|
font-weight:normal;
|
|
}
|
|
.sheet-longtext {
|
|
width: 45em;
|
|
}
|
|
.sheet-med2text{
|
|
width:28em;
|
|
}
|
|
.sheet-medtext {
|
|
width:25em;
|
|
}
|
|
.sheet-medtext2 {
|
|
width:19em;
|
|
}
|
|
.sheet-shorttext {
|
|
width: 10em;
|
|
}
|
|
.sheet-tinytext {
|
|
width: 5em;
|
|
}
|
|
.sheet-vaesentextarea{
|
|
height:30px;
|
|
resize: none;
|
|
}
|
|
.sheet-HQupradetextarea{
|
|
height:5em;
|
|
width:25em;
|
|
}
|
|
.sheet-HQtextarea{
|
|
height:20em;
|
|
resize: none;
|
|
}
|
|
|
|
.sheet-NPCtextarea{
|
|
height:60px;
|
|
resize: none;
|
|
}
|
|
|
|
.sheet-attribtext {
|
|
width: 3em;
|
|
}
|
|
.sheet-attriblabel {
|
|
font-size: small;
|
|
}
|
|
.sheet-attribtable {
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
font-size: large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-nametext{
|
|
width: 15em;
|
|
font-size:xx-large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-nametext-med{
|
|
width: 10em;
|
|
font-size:xx-large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-resourcetext{
|
|
width: 50px;
|
|
font-size:xx-large;
|
|
text-align:center;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-widebutton{
|
|
width:50px;
|
|
}
|
|
|
|
/* PC-GridAreas*/
|
|
.sheet-footergraphic {
|
|
grid-area: footer;
|
|
}
|
|
.sheet-leftbody {
|
|
grid-area: body-left;
|
|
}
|
|
.sheet-rightbody {
|
|
grid-area: body-right;
|
|
}
|
|
.sheet-rightcolumn {
|
|
grid-area: skills;
|
|
}
|
|
.sheet-item-e {
|
|
grid-area: verticalrule;
|
|
}
|
|
.sheet-charactername {
|
|
grid-area: header-name;
|
|
}
|
|
.sheet-wideequipment {
|
|
grid-area: equipment;
|
|
}
|
|
.sheet-leftstats{
|
|
grid-area:stats-left;
|
|
}
|
|
.sheet-rightstats{
|
|
grid-area:stats-right;
|
|
}
|
|
.sheet-mainspanning {
|
|
grid-area: spanning;
|
|
}
|
|
|
|
/* Vaesen-GridAreas */
|
|
.sheet-LeftVaesen {
|
|
grid-area: Vaesen-Left;
|
|
}
|
|
.sheet-RightVaesen {
|
|
grid-area: Vaesen-Right;
|
|
}
|
|
.sheet-VaesenAbilities {
|
|
grid-area: Vaesen-Abilities;
|
|
}
|
|
.sheet-VaesenName {
|
|
grid-area: Vaesen-Name;
|
|
}
|
|
|
|
/* NPC-GridAreas */
|
|
.sheet-NPCName {
|
|
grid-area: NPC-Name;
|
|
}
|
|
.sheet-NPCAttribs {
|
|
grid-area: NPC-Attribs;
|
|
}
|
|
.sheet-NPCSkills {
|
|
grid-area: NPC-Skills;
|
|
}
|
|
.sheet-NPCEquip {
|
|
grid-area: NPC-Equipment;
|
|
}
|
|
.sheet-NPCMisc {
|
|
grid-area: NPC-Misc;
|
|
}
|
|
/* HQ-GridAreas */
|
|
|
|
.sheet-HQimage {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: HQ-image;
|
|
}
|
|
.sheet-HQhistory {
|
|
grid-area: HQ-history;
|
|
}
|
|
.sheet-HQheader {
|
|
grid-area: HQ-header;
|
|
}
|
|
.sheet-HQupgrades {
|
|
grid-area: HQ-upgrades;
|
|
}
|
|
.sheet-HQleftupgrades {
|
|
grid-area: HQ-leftupgrades;
|
|
}
|
|
.sheet-HQrightupgrades {
|
|
grid-area: HQ-rightupgrades;
|
|
}
|
|
|
|
/*PC Sheet Layout*/
|
|
.sheet-tabstoggle[value="main"] ~ div.sheet-main {
|
|
display: grid;
|
|
grid-template-columns: [gutter] auto [Body-Left] 25em [Body-Right] 25em [break] 20px [skills] 25em [gutter] auto;
|
|
grid-template-rows: [gutter] 2em [Name] auto [stats] 15em [spanning] 3em [Body] auto [equipment] auto [Footer] 5em [gutter] 2em;
|
|
grid-template-areas:
|
|
". . . . . ."
|
|
". header-name header-name verticalrule header-right ."
|
|
". stats-left stats-right verticalrule skills ."
|
|
". spanning spanning verticalrule skills ."
|
|
". body-left body-right verticalrule skills ."
|
|
". equipment equipment . skills ."
|
|
". footer footer2 footer2 footer3 ."
|
|
". . . . . .";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
/*NPC Sheet Layout*/
|
|
.sheet-tabstoggle[value="NPC"] ~ div.sheet-NPC {
|
|
display: grid;
|
|
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 20px [body-right] 25em [gutter] auto;
|
|
grid-template-rows: [gutter] 5px [Name] auto [Attribs] auto [Skills] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . ."
|
|
". NPC-Name NPC-Name NPC-Name ."
|
|
". NPC-Attribs . NPC-Equipment . "
|
|
". NPC-Skills . NPC-Equipment ."
|
|
". NPC-Misc NPC-Misc NPC-Misc ."
|
|
". . . . .";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
/*Vaesen Sheet Layout*/
|
|
.sheet-tabstoggle[value="Vaesen"] ~ div.sheet-Vaesen {
|
|
display: grid;
|
|
grid-template-columns: [gutter] auto [Body-Left] 30em [break] 20px [body-right] 30em [gutter] auto;
|
|
grid-template-rows: [gutter] 5px [Name] auto [Stats] auto [Abilities] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . "
|
|
". Vaesen-Name Vaesen-Name . ."
|
|
". Vaesen-Left . Vaesen-Right . "
|
|
". Vaesen-Abilities . Vaesen-Right ."
|
|
". . . . . ";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
/*Vaesen HQ Layout*/
|
|
.sheet-tabstoggle[value="HQ"] ~ div.sheet-HQ {
|
|
display: grid;
|
|
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 10em [body-right] 25em [gutter] 10em;
|
|
grid-template-rows: [gutter] 5px [image] auto [header] auto [upgradespan] auto [upgrades] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . "
|
|
". HQ-image . HQ-history ."
|
|
". HQ-header . HQ-history . "
|
|
". HQ-upgrades HQ-upgrades HQ-upgrades ."
|
|
". HQ-leftupgrades . HQ-rightupgrades ."
|
|
". . . . . ";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
|
|
/*Attribute Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attrib div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
/*Skill Roll Template*/
|
|
.sheet-rolltemplate-vaesen-skill div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
}
|
|
/*Attack Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attack div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
/*Repeating Setions*/
|
|
.repcontrol {
|
|
display: flex;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit {
|
|
margin-left: auto;
|
|
order: 1;
|
|
}
|
|
|
|
.repcontrol button {
|
|
background: transparent;
|
|
color: #555;
|
|
border-radius: 0;
|
|
border-color: #999;
|
|
transition: all 0.2s;
|
|
font-family: pictos;
|
|
font-size: 0;
|
|
font-weight: bold;
|
|
padding: 5px 3px 2px;
|
|
line-height: 8px;
|
|
}
|
|
|
|
.repcontrol button:hover {
|
|
color: green;
|
|
border-color: green;
|
|
background: #ddd;
|
|
}
|
|
|
|
.repcontrol button.repcontrol_edit::after {
|
|
content: "(";
|
|
}
|
|
|
|
.repcontrol button.repcontrol_add::after {
|
|
content: "&";
|
|
}
|
|
|
|
.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
|
|
content: ")";
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 20;
|
|
}
|
|
|
|
|
|
|
|
|
|
button[type="roll"].sheet-main:before{
|
|
content: ' ';
|
|
}
|
|
|
|
button[type="roll"].sheet-main:hover{
|
|
background-position: 0;
|
|
}
|
|
|
|
button[type="roll"].sheet-main{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg");
|
|
background-size: 26px 26px;
|
|
background-repeat: no-repeat;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
} |