Heavy GUI update to sheet, and Feat points spent Calc

### 0.9.0
* GUI update
- Background images for all but inventory
- Gear for settings to expand for more information in Actions, Feats,
Perks, Flaws
- Optional variations for inventory shown (options 2 & 3 do not calc for
heavy/bulky, just for show)
- pixel widths for 1/3 set to 275 (3 columns on sheet, total 825 pixel
across design)
+ Still needs minor fixes for full flowing when width adjusted down, but
1 step closer
* Auto calculation for Feat points spent
This commit is contained in:
BuildAndDie
2016-11-10 00:37:06 -06:00
parent f3f22fc2fd
commit cfef5dd17f
4 changed files with 1077 additions and 161 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

@@ -5,6 +5,15 @@
### Changelog
### 0.9.0
* GUI update
- Background images for all but inventory
- Gear for settings to expand for more information in Actions, Feats, Perks, Flaws
- Optional variations for inventory shown (options 2 & 3 do not calc for heavy/bulky, just for show)
- pixel widths for 1/3 set to 275 (3 columns on sheet, total 825 pixel across design)
+ Still needs minor fixes for full flowing when width adjusted down, but 1 step closer
* Auto calculation for Feat points spent
### 0.8.1
* Fixed reaching max Heavy items carried = 1/2 speed
- Was suppose to be Might + 1, was only at Might that this triggered
@@ -17,13 +17,130 @@
.sheet-container {
margin-left: auto;
margin-right: auto;
max-width: 840px;
min-width: 320px;
padding: 0;
background-color: white;
color: black;
text-align: center;
vertical-align: middle;
}
/* make third only expand and shrink to so wide & still be centered */
.sheet-third {
margin-left: auto;
margin-right: auto;
width: 275px;
padding: 0;
text-align: center;
vertical-align: middle;
}
/* temp make two-third only expand and shrink to so wide & still be centered */
.sheet-twoThird {
margin-left: auto;
margin-right: auto;
width: 550px;
padding: 0;
text-align: center;
vertical-align: middle;
}
/* Evasion Background paper look */
.sheet-evasion {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Evasion.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 155px;
padding: 0;
background-color: white;
}
/* Toughness Background paper look */
.sheet-toughness {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Toughness.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 155px;
padding: 0;
background-color: white;
}
/* Resolve Background paper look */
.sheet-resolve {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Resolve.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 155px;
padding: 0;
background-color: white;
}
/* Hit Points Background paper look */
.sheet-hitPoints {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Hit%20Points.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 225px;
padding: 0;
background-color: white;
}
/* Speed & Lethal Damage Background paper look */
.sheet-speedLethalDamage {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Speed%20and%20Lethal%20Damage.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 155px;
padding: 0;
background-color: white;
}
/* Wealth Background paper look */
.sheet-wealth {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Wealth.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 55px;
padding: 0;
background-color: white;
}
/* Wealth Background paper look */
.sheet-attributes {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Attributes.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 100px;
padding: 0;
background-color: white;
}
/* Action Top Background paper look */
.sheet-actionsTop {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Actions%20Top.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 50px;
padding: 0;
background-color: white;
}
/* Action Middle Background paper look */
.sheet-actionsMiddle {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Actions%20Middle.png");
background-repeat: repeat-y;
background-position: left top;
width: 275px;
min-height: 93px;
padding: 0;
background-color: white;
}
/* Action Bottom Background paper look */
.sheet-actionsBottom {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Actions%20Bottom.png");
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 28px;
padding: 0;
background-color: white;
}
/* sometimes you need a row of divs to look and act like a table... deal */
.sheet-makeTable, .sheet-rolltemplate-openLegends .sheet-makeTable { display: table; }
@@ -110,11 +227,6 @@
font-size: 2.0em;
font-family: Georgia, Verdana, sans-serif;
}
.sheet-rotateText {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* START alignment */
.sheet-textLeft, .sheet-rolltemplate-openLegends .sheet-textLeft { text-align: left; }
.sheet-textRight, .sheet-rolltemplate-openLegends .sheet-textRight { text-align: right; }
@@ -374,6 +486,14 @@ input.sheet-checks25 {
letter-spacing: normal;
word-spacing: normal;
}
/* Hide and Show different sections */
.sheet-displaySettings {
display: block;
}
.sheet-displaySettingsFlag[value="hide"] ~ .sheet-displaySettings {
display: none;
}
/* Boring Pre-defined width & height options */
.sheet-width5, .sheet-rolltemplate-openLegends .sheet-width5 { width: 5%; }
.sheet-width10, .sheet-rolltemplate-openLegends .sheet-width10 { width: 10%; }
File diff suppressed because it is too large Load Diff