new shorter version of the sheet

deleted the box.png and paper background: they were not used in the html
anyway
remodeled the width of the sheet: it should cope withing roll20 easily
now
added missing "infiltration" skill
removed the radio boxes tracking health to put a debuff track instead
This commit is contained in:
laresgod
2016-05-31 18:43:30 +02:00
parent 693a0826b2
commit 3eee987f9c
8 changed files with 1873 additions and 1970 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 MiB

+1 -1
View File
@@ -1,4 +1,4 @@
.sheet-auto-style1 {
.sheet-auto-style1 {
text-align: center;
}
.sheet-auto-style8 {
File diff suppressed because it is too large Load Diff
Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 68 KiB

+427 -427
View File
@@ -1,427 +1,427 @@
.charsheet {
background: white;
}
textarea {
resize: vertical;
height: 140px;
width: 97%;
}
textarea.sheet-hide {
height: 60px;
}
textarea,
input {
outline: none;
box-shadow: none;
margin-bottom: 1px;
}
.sheet-header textarea,
.sheet-header input {
border: none;
}
h1, h2, h3 {
font-family: "Times New Roman", Georgia, Serif;
color: darkgoldenrod;
text-shadow: -1px -1px 0px yellow, 1px 1px 0px black, 0 5px 25px darkred, 0px 4px 3px maroon, 0px 8px 6px darkred;
letter-spacing: 2px;
}
select {
width: auto;
margin: 0;
}
input[type=number]:disabled::-webkit-inner-spin-button,
input[type=number]:disabled::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[disabled] {-moz-appearance: textfield}
.repcontainer .btn,
.repcontrol .btn {
border-radius: 0;
background-image: none;
border: none;
}
label {
display: inline;
font-size: 1em;
color: burlywood;
align: left;
}
/* ===== LAYOUT ===== */
.sheet-col-left {
float: left;
width: 39%;
}
.sheet-col-right {
float: right;
width: 60%;
}
/* ===== TOGGLE ===== */
.sheet-toggle:not(:checked) ~ .sheet-hide,
.sheet-toggle:checked ~ .sheet-show {
display: none;
}
/* ===== Boxes ===== */
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
.sheet-optionalRules, .sheet-topbar, .sheet-box {
border-radius: 8px;
margin: 1px;
padding: 5px;
}
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
.sheet-topbar, .sheet-box {
text-align: center;
color: white;
background: black;}
.sheet-optionalRules {
text-align: left;
color: gainsboro;
background: maroon;
}
.sheet-progression span {
width: 30%;
padding-left: 1.5%;
padding-right: 1.5%;
}
.sheet-statistics input[name="attr_primaryWeapon"] {
width: 30%;
}
.sheet-statistics input[name="attr_damage"] {
width: 10%;
}
/* ===== UTILITY ===== */
.sheet-clearfix {
clear: both;
}
.sheet-right {
float: right !important;
}
.sheet-left {
float: left !important;
}
.sheet-translucent {
background-color: rgba(250,235,215, 0.75);
padding: 8px;
border-radius: 8px;
}
/* ===== TWEAKS ===== */
.sheet-NPCs input[type="text"] {
width: 75px;
}
.sheet-NPCs input[name="attr_NPCname"],
.sheet-NPCs input[name="attr_NPCWeapons"],
.sheet-NPCs input[name="attr_NPCAbilities"],
.sheet-NPCs input[name="attr_NPCInstincts"]
{
width: 170px;
}
.sheet-damage input[name="attr_weaponDamage"] {
width: 20%;
}
.sheet-damage input[name="attr_weaponName"] {
width: 40%;
}
.sheet-section-moves input[name="attr_movename"],
.sheet-section-spells input[name="attr_spellname"],
.sheet-section-skills input[name="attr_skillname"] {
width: 95%;
}
.sheet-section-gear input[name="attr_itemtags"] {
width: 85%;
float: left;
}
.sheet-section-gear input[name="attr_itemweight"] {
width: 15%;
float: left;
}
/* ===== Tabs ===== */
div.sheet-tab-content { display: none; }
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5
{
display: block;
}
input.sheet-tab
{
width: 150px;
height: 20px;
position: relative;
top: -2px;
margin: 0px;
cursor: pointer;
z-index: 1;
font-family: "Times New Roman", Georgia, Serif;
font-size: 14px;
font-weight: bold;
color: darkgrey;
letter-spacing: 2px;
}
input.sheet-tab::before
{
/* needed to hide checkboxes */
content: attr(title);
width: 150px;
height: 20px;
border: solid 2px #E8E8E8;
border-bottom: none;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
text-align: center;
display: inline-block;
}
input.sheet-tab:checked::before
{
background: dimgrey;
color: darkgrey;
text-shadow: 1px 1px 0px black, 0 5px 25px brown, 0px 4px 3px maroon, 0px 8px 6px darkred;
}
input.sheet-tab:not(:checked)::before
{
background: darkslategrey;
color:darkgrey;
text-shadow: 1px 1px 0px black;
}
input.sheet-tab:not(:first-child)::before
{
border-left: none;
}
/* input.sheet-tab2::before
{
background: aquamarine;
}
input.sheet-tab2:checked::before
{
background: aqua;
border-bottom-color: #blue;
}
*/
div.sheet-tab-content
{
/* width: 830px; */
border: 1px solid #a8a8a8;
border-top-color: #000;
margin: 0 0 0 2px;
padding: 5px;
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
background-size: 100%;
background-repeat: repeat;
}
div.sheet-tab1 {
/*
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
background-size: 100%;
background-repeat: no-repeat;
*/
}
/*
div.sheet-tab2
{
background-color: azure;
}
div.sheet-tab3
{
background-color: black;
}
*/
/*
ooooooooo. oooo oooo
`888 `Y88. `888 `888
888 .d88' .ooooo. 888 888 .oooo.o
888ooo88P' d88' `88b 888 888 d88( "8
888`88b. 888 888 888 888 `"Y88b.
888 `88b. 888 888 888 888 o. )88b
o888o o888o `Y8bod8P' o888o o888o 8""888P'
*/
.sheet-rolltemplate-TTRoll {
width: 120%;
margin: 0;
margin-left: -45px;
margin-top: -2px;
margin-bottom: -2px;
padding: 1px;
background-image: url("http://i.imgur.com/DYymYk8.jpg");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
.sheet-rolltemplate-TTRoll .sheet-rollContent .sheet-rollLimits .inlinerollresult {
background-color: inherit;
border: inherit;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid darkgrey;
background-color: darkgoldenrod;
border-radius:9px;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-sadRollResult .inlinerollresult {
border: 2px solid darkred;
color: black;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-happyRollResult .inlinerollresult {
border: 2px solid green;
color: black;
}
.sheet-rolltemplate-TTRoll .sheet-rollContent {
width: 60%;
margin-top: 8%;
margin-bottom: 8%;
margin-left: 27%;
margin-right: 11%;
padding: 0;
border-style: none;
color: black;
font-family: "Helvetica Neue", Helvetica, sans-serif;
border-radius: 1em;
text-align: center;
/*
background-image: url("http://i.imgur.com/2yDT9iP.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
*/
}
.sheet-rolltemplate-TTRoll .sheet-rollHeader {
background-color: burlywood;
font-size: 1.5em;
margin: 0px;
padding: 4px;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
.sheet-rolltemplate-TTRoll .sheet-rollBody {
margin:0px;
background: rgba(217, 205, 191, 0.90);
text-align: center;
}
/*
.sheet-rolltemplate-TTRoll tr:nth-child(3) {
background-color: burlywood;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
}
*/
.sheet-rolltemplate-TTRoll .sheet-rollNotes {
text-align: center;
}
.sheet-rolltemplate-TTRoll .sheet-fineprint,
.sheet-rolltemplate-TTRoll .sheet-rollLimits {
text-align: center;
font-size: 0.8em;
}
.sheet-rolltemplate-TTRoll .sheet-exciting {
font-weight: bold;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter {
background-color: burlywood;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
margin: 0px;
padding: 4px;
text-align: center;
}
.charsheet {
background: white;
}
textarea {
resize: vertical;
height: 140px;
width: 97%;
}
textarea.sheet-hide {
height: 60px;
}
textarea,
input {
outline: none;
box-shadow: none;
margin-bottom: 1px;
}
.sheet-header textarea,
.sheet-header input {
border: none;
}
h1, h2, h3 {
font-family: "Times New Roman", Georgia, Serif;
color: darkgoldenrod;
text-shadow: -1px -1px 0px yellow, 1px 1px 0px black, 0 5px 25px darkred, 0px 4px 3px maroon, 0px 8px 6px darkred;
letter-spacing: 2px;
}
select {
width: auto;
margin: 0;
}
input[type=number]:disabled::-webkit-inner-spin-button,
input[type=number]:disabled::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[disabled] {-moz-appearance: textfield}
.repcontainer .btn,
.repcontrol .btn {
border-radius: 0;
background-image: none;
border: none;
}
label {
display: inline;
font-size: 1em;
color: burlywood;
align: left;
}
/* ===== LAYOUT ===== */
.sheet-col-left {
float: left;
width: 39%;
}
.sheet-col-right {
float: right;
width: 60%;
}
/* ===== TOGGLE ===== */
.sheet-toggle:not(:checked) ~ .sheet-hide,
.sheet-toggle:checked ~ .sheet-show {
display: none;
}
/* ===== Boxes ===== */
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
.sheet-optionalRules, .sheet-topbar, .sheet-box {
border-radius: 8px;
margin: 1px;
padding: 5px;
}
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
.sheet-topbar, .sheet-box {
text-align: center;
color: white;
background: black;}
.sheet-optionalRules {
text-align: left;
color: gainsboro;
background: maroon;
}
.sheet-progression span {
width: 30%;
padding-left: 1.5%;
padding-right: 1.5%;
}
.sheet-statistics input[name="attr_primaryWeapon"] {
width: 30%;
}
.sheet-statistics input[name="attr_damage"] {
width: 10%;
}
/* ===== UTILITY ===== */
.sheet-clearfix {
clear: both;
}
.sheet-right {
float: right !important;
}
.sheet-left {
float: left !important;
}
.sheet-translucent {
background-color: rgba(250,235,215, 0.75);
padding: 8px;
border-radius: 8px;
}
/* ===== TWEAKS ===== */
.sheet-NPCs input[type="text"] {
width: 75px;
}
.sheet-NPCs input[name="attr_NPCname"],
.sheet-NPCs input[name="attr_NPCWeapons"],
.sheet-NPCs input[name="attr_NPCAbilities"],
.sheet-NPCs input[name="attr_NPCInstincts"]
{
width: 170px;
}
.sheet-damage input[name="attr_weaponDamage"] {
width: 20%;
}
.sheet-damage input[name="attr_weaponName"] {
width: 40%;
}
.sheet-section-moves input[name="attr_movename"],
.sheet-section-spells input[name="attr_spellname"],
.sheet-section-skills input[name="attr_skillname"] {
width: 95%;
}
.sheet-section-gear input[name="attr_itemtags"] {
width: 85%;
float: left;
}
.sheet-section-gear input[name="attr_itemweight"] {
width: 15%;
float: left;
}
/* ===== Tabs ===== */
div.sheet-tab-content { display: none; }
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5
{
display: block;
}
input.sheet-tab
{
width: 150px;
height: 20px;
position: relative;
top: -2px;
margin: 0px;
cursor: pointer;
z-index: 1;
font-family: "Times New Roman", Georgia, Serif;
font-size: 14px;
font-weight: bold;
color: darkgrey;
letter-spacing: 2px;
}
input.sheet-tab::before
{
/* needed to hide checkboxes */
content: attr(title);
width: 150px;
height: 20px;
border: solid 2px #E8E8E8;
border-bottom: none;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
text-align: center;
display: inline-block;
}
input.sheet-tab:checked::before
{
background: dimgrey;
color: darkgrey;
text-shadow: 1px 1px 0px black, 0 5px 25px brown, 0px 4px 3px maroon, 0px 8px 6px darkred;
}
input.sheet-tab:not(:checked)::before
{
background: darkslategrey;
color:darkgrey;
text-shadow: 1px 1px 0px black;
}
input.sheet-tab:not(:first-child)::before
{
border-left: none;
}
/* input.sheet-tab2::before
{
background: aquamarine;
}
input.sheet-tab2:checked::before
{
background: aqua;
border-bottom-color: #blue;
}
*/
div.sheet-tab-content
{
/* width: 830px; */
border: 1px solid #a8a8a8;
border-top-color: #000;
margin: 0 0 0 2px;
padding: 5px;
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
background-size: 100%;
background-repeat: repeat;
}
div.sheet-tab1 {
/*
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
background-size: 100%;
background-repeat: no-repeat;
*/
}
/*
div.sheet-tab2
{
background-color: azure;
}
div.sheet-tab3
{
background-color: black;
}
*/
/*
ooooooooo. oooo oooo
`888 `Y88. `888 `888
888 .d88' .ooooo. 888 888 .oooo.o
888ooo88P' d88' `88b 888 888 d88( "8
888`88b. 888 888 888 888 `"Y88b.
888 `88b. 888 888 888 888 o. )88b
o888o o888o `Y8bod8P' o888o o888o 8""888P'
*/
.sheet-rolltemplate-TTRoll {
width: 120%;
margin: 0;
margin-left: -45px;
margin-top: -2px;
margin-bottom: -2px;
padding: 1px;
background-image: url("http://i.imgur.com/DYymYk8.jpg");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
.sheet-rolltemplate-TTRoll .sheet-rollContent .sheet-rollLimits .inlinerollresult {
background-color: inherit;
border: inherit;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid darkgrey;
background-color: darkgoldenrod;
border-radius:9px;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-sadRollResult .inlinerollresult {
border: 2px solid darkred;
color: black;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-happyRollResult .inlinerollresult {
border: 2px solid green;
color: black;
}
.sheet-rolltemplate-TTRoll .sheet-rollContent {
width: 60%;
margin-top: 8%;
margin-bottom: 8%;
margin-left: 27%;
margin-right: 11%;
padding: 0;
border-style: none;
color: black;
font-family: "Helvetica Neue", Helvetica, sans-serif;
border-radius: 1em;
text-align: center;
/*
background-image: url("http://i.imgur.com/2yDT9iP.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
*/
}
.sheet-rolltemplate-TTRoll .sheet-rollHeader {
background-color: burlywood;
font-size: 1.5em;
margin: 0px;
padding: 4px;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
.sheet-rolltemplate-TTRoll .sheet-rollBody {
margin:0px;
background: rgba(217, 205, 191, 0.90);
text-align: center;
}
/*
.sheet-rolltemplate-TTRoll tr:nth-child(3) {
background-color: burlywood;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
}
*/
.sheet-rolltemplate-TTRoll .sheet-rollNotes {
text-align: center;
}
.sheet-rolltemplate-TTRoll .sheet-fineprint,
.sheet-rolltemplate-TTRoll .sheet-rollLimits {
text-align: center;
font-size: 0.8em;
}
.sheet-rolltemplate-TTRoll .sheet-exciting {
font-weight: bold;
}
.sheet-rolltemplate-TTRoll .sheet-rollFooter {
background-color: burlywood;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
margin: 0px;
padding: 4px;
text-align: center;
}
File diff suppressed because it is too large Load Diff
+8 -8
View File
@@ -1,8 +1,8 @@
{
"html": "StreetsOfMarienburg.html",
"css": "StreetsOfMarienburg.css",
"authors": "plexsoup",
"roll20userid": "258125",
"preview": "StreetsOfMarienburgPreview.jpg",
"instructions": "Basic sheet for Streets of Marienburg."
}
{
"html": "StreetsOfMarienburg.html",
"css": "StreetsOfMarienburg.css",
"authors": "plexsoup",
"roll20userid": "258125",
"preview": "StreetsOfMarienburgPreview.jpg",
"instructions": "Basic sheet for Streets of Marienburg."
}