mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Great Big Update
Roll Templates! Buttons made better, cleaned up derived stats, included tooltips, changed background, cleaned up text boxes, cleaned up combat tab, other minor changes
This commit is contained in:
CoalPoweredPuppet
+790
-73
@@ -1,16 +1,27 @@
|
||||
/*-----background-----*/
|
||||
|
||||
.charsheet {
|
||||
background-image: url("http://fc01.deviantart.net/fs14/f/2007/096/b/a/Old_Paper_by_sampsonx.jpg");
|
||||
background: black;
|
||||
background-size:100%;
|
||||
}
|
||||
/*-----other background: http://wallpapersweb.com/data/media/34/steampunk.jpg-----*/
|
||||
|
||||
/*-----text colouring----*/
|
||||
|
||||
.sheet-plain {
|
||||
text-shadow: none;
|
||||
font-style:normal;
|
||||
color:black;
|
||||
font-weight:bold;
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
{
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
}
|
||||
table td {
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #9C0606;
|
||||
@@ -52,7 +63,131 @@ h5 {
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
}
|
||||
|
||||
/*-----tabs-----*/
|
||||
.sheet-stats-base {
|
||||
background:transparent;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
border:none;
|
||||
text-shadow: 0px 0px 0.2em white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.sheet-stats-base::-webkit-input-placeholder {
|
||||
padding-top:3px;
|
||||
}
|
||||
|
||||
.sheet-stats-small {
|
||||
background:transparent;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
border:none;
|
||||
text-shadow: 0px 0px 0.1em white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.sheet-stats-big {
|
||||
background:transparent;
|
||||
text-align: center;
|
||||
font-size: 2.0em;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
border:none;
|
||||
text-shadow: 0px 0px 0.2em white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.sheet-stats-big::-webkit-input-placeholder {
|
||||
padding-top:5px;
|
||||
}
|
||||
|
||||
.sheet-clearbox {
|
||||
background:transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px dotted white;
|
||||
font-style: italic;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
}
|
||||
|
||||
.sheet-blackfont {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sheet-skill-base input[type="number"],
|
||||
.sheet-skill-base input[type="text"] {
|
||||
text-align: center;
|
||||
background:transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px dotted white;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
}
|
||||
|
||||
.sheet-blue {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.sheet-red {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.sheet-green {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.sheet-general {
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 36px;
|
||||
margin: 5px 0px 0px 0px;
|
||||
resize:vertical;
|
||||
}
|
||||
/*----removing spinner on numbers----*/
|
||||
input.sheet-stats-base::-webkit-outer-spin-button ,
|
||||
input.sheet-stats-base::-webkit-inner-spin-button {
|
||||
/* display: none; <- Crashes Chrome on hover */
|
||||
-webkit-appearance: none;
|
||||
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
|
||||
}
|
||||
|
||||
.sheet-input-center-aligned {
|
||||
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
||||
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
||||
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sheet-input-center-aligned[type="number"] {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.sheet-input-center-aligned::-webkit-input-placeholder {
|
||||
color:#D2B48C;
|
||||
font-style: italic;
|
||||
font-weight:400;
|
||||
text-shadow: 0px 0px 2px black;
|
||||
}
|
||||
/*========== tabs ==========*/
|
||||
|
||||
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
|
||||
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
|
||||
@@ -87,10 +222,10 @@ input.sheet-tab::before {
|
||||
content: attr(title);
|
||||
display: inline-block;
|
||||
|
||||
background: #fff;
|
||||
border: solid 1px #a8a8a8;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
background-image: url("http://www.androidcentral.com/sites/androidcentral.com/files/styles/w550h500/public/wallpapers/blank-parchment-aps.jpg?itok=flcYf3mT");
|
||||
border: solid 2px black;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
@@ -98,33 +233,35 @@ input.sheet-tab::before {
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
|
||||
color:black;
|
||||
text-shadow: 0px 0px 2px white;
|
||||
}
|
||||
|
||||
input.sheet-tab:checked::before {
|
||||
border-bottom-color: white;
|
||||
border: solid 2px black;
|
||||
background-image: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
||||
color: white;
|
||||
text-shadow: 0px 0px 2px black;
|
||||
|
||||
}
|
||||
|
||||
.sheet-tab-content {
|
||||
background-image: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
||||
}
|
||||
|
||||
.sheet-tab-br {
|
||||
border-bottom: 1px solid #a8a8a8;
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
input.sheet-arrow {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.sheet-body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-arrow:checked ~ div.sheet-body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*-----misc-----*/
|
||||
|
||||
div.sheet-hidden {
|
||||
.sheet-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -144,7 +281,7 @@ div.sheet-hidden {
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
/*-----feat number button-----*/
|
||||
/*==========feat number button==========*/
|
||||
|
||||
div.sheet-feat {
|
||||
width: 195px;
|
||||
@@ -209,12 +346,11 @@ input.sheet-threefeat:checked ~ span.sheet-threefeat { display: inline-block; }
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
/*--------------sheet arrow--------------*/
|
||||
/*========== sheet arrow ==========*/
|
||||
|
||||
/* ----Hide actual sheet-arrow checkbox---- */
|
||||
|
||||
input.sheet-arrow[type="checkbox"]
|
||||
{
|
||||
input.sheet-arrow[type="checkbox"] {
|
||||
opacity: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
@@ -236,19 +372,28 @@ input.sheet-arrow[type="checkbox"] + span::before
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
content: "▼";
|
||||
content: "►";
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
font-size: 12px;
|
||||
}
|
||||
input.sheet-arrow[type="checkbox"]:checked + span::before
|
||||
{
|
||||
content: "►";
|
||||
|
||||
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/*--------------Big Checkbox--------------*/
|
||||
/* -----Hiding areas with sheet-arrow ----- */
|
||||
|
||||
/* ----Hide actual sheet-arrow checkbox---- */
|
||||
input.sheet-arrow {
|
||||
float: left;
|
||||
}
|
||||
|
||||
input.sheet-arrow:checked ~ div.sheet-body {
|
||||
display: block;
|
||||
}
|
||||
/*========== Big Checkbox ==========*/
|
||||
|
||||
/* ----Hide actual Big Checkbox---- */
|
||||
input.sheet-bigcheck[type="checkbox"]
|
||||
{
|
||||
opacity: 0;
|
||||
@@ -262,26 +407,26 @@ input.sheet-bigcheck[type="checkbox"]
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* ----Fake sheet-arrow checkbox---- */
|
||||
/* ----Fake Big Checkbox ---- */
|
||||
input.sheet-bigcheck[type="checkbox"] + span::before
|
||||
{
|
||||
margin-right: 4px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
|
||||
-moz-box-shadow: 0 0 2px #ccc;
|
||||
-webkit-box-shadow: 0 0 2px #ccc;
|
||||
box-shadow: 0 0 2px #ccc;
|
||||
|
||||
background: #f6f6f6;
|
||||
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
||||
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
||||
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
|
||||
input.sheet-bigcheck[type="checkbox"] + span::before
|
||||
@@ -299,9 +444,11 @@ input.sheet-bigcheck[type="checkbox"]:checked + span::before
|
||||
{
|
||||
color: red;
|
||||
content: "✓";
|
||||
text-shadow:none;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/*----jack damage grid----*/
|
||||
/*==========jack damage grid==========*/
|
||||
|
||||
div.sheet-jackbox {
|
||||
width: 20px;
|
||||
@@ -356,7 +503,7 @@ input.sheet-redbox:checked ~ span.sheet-redbox { display: inline-block; }
|
||||
.sheet-grid {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
/*--------------character damage grid--------------*/
|
||||
/*========== character damage grid ==========*/
|
||||
|
||||
/*-------phybox---------*/
|
||||
div.sheet-phybox {
|
||||
@@ -391,7 +538,7 @@ input.sheet-xdot:checked ~ span.sheet-xdot { display: inline-block; }
|
||||
.sheet-blackdot {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url("http://www.teezy.eu/img/design_products/thumb_design_product-4852-1830-844.png") no-repeat 0 0;
|
||||
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
||||
background-size: 100%;
|
||||
-webkit-filter: drop-shadow(0px 0px 5px blue);
|
||||
}
|
||||
@@ -445,7 +592,7 @@ input.sheet-xdota:checked ~ span.sheet-xdota { display: inline-block; }
|
||||
.sheet-blackdota {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url("http://www.teezy.eu/img/design_products/thumb_design_product-4852-1830-844.png") no-repeat 0 0;
|
||||
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
||||
background-size: 100%;
|
||||
-webkit-filter: drop-shadow(0px 0px 5px red);
|
||||
}
|
||||
@@ -499,7 +646,7 @@ input.sheet-xdoti:checked ~ span.sheet-xdoti { display: inline-block; }
|
||||
.sheet-blackdoti {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url("http://www.teezy.eu/img/design_products/thumb_design_product-4852-1830-844.png") no-repeat 0 0;
|
||||
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
||||
background-size: 100%;
|
||||
-webkit-filter: drop-shadow(0px 0px 5px green);
|
||||
}
|
||||
@@ -578,41 +725,611 @@ input.sheet-powerfield_empty:checked ~ span.sheet-powerfield_empty { display: in
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
/*========== Virtuoso ==========*/
|
||||
/*-----virtioso colouring----*/
|
||||
div.sheet-virtioso {
|
||||
color: Chartreuse;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*----Virtioso button----*/
|
||||
.sheet-virtioso_button {
|
||||
background: Chartreuse;
|
||||
background-image: -webkit-linear-gradient(top, Chartreuse, #000000);
|
||||
background-image: -moz-linear-gradient(top, Chartreuse, #000000);
|
||||
background-image: -ms-linear-gradient(top, Chartreuse, #000000);
|
||||
background-image: -o-linear-gradient(top, Chartreuse, #000000);
|
||||
background-image: linear-gradient(to bottom, Chartreuse, #000000);
|
||||
-webkit-border-radius: 40;
|
||||
-moz-border-radius: 40;
|
||||
border-radius: 40px;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
padding: 10px 5px 10px 5px;
|
||||
text-decoration: none;
|
||||
button[type="roll"].sheet-virtioso_button:before {
|
||||
content: ""!important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*----Combat Caster button----*/
|
||||
.sheet-combatcaster_button {
|
||||
background: black;
|
||||
background-image: -webkit-linear-gradient(top, black, #000000);
|
||||
background-image: -moz-linear-gradient(top, black, #000000);
|
||||
background-image: -ms-linear-gradient(top, black, #000000);
|
||||
background-image: -o-linear-gradient(top, black, #000000);
|
||||
background-image: linear-gradient(to bottom, black, #000000);
|
||||
-webkit-border-radius: 40;
|
||||
-moz-border-radius: 40;
|
||||
border-radius: 40px;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
padding: 10px 5px 10px 5px;
|
||||
text-decoration: none;
|
||||
.sheet-virtioso_button {
|
||||
height:24px;
|
||||
width:24px;
|
||||
border:none;
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
|
||||
|
||||
background: radial-gradient(circle at 8px 8px, Chartreuse, black);
|
||||
box-shadow: 0px 0px 3px black;
|
||||
}
|
||||
|
||||
.sheet-virtioso_button:hover {
|
||||
background: radial-gradient(circle at 16px 16px, Chartreuse, black);
|
||||
box-shadow: 0px 0px 3px blue;
|
||||
}
|
||||
|
||||
.sheet-virtioso_button:active {
|
||||
background: radial-gradient(circle at 8px 8px, Chartreuse, black);
|
||||
}
|
||||
|
||||
|
||||
/*==========Combat Caster button==========*/
|
||||
button[type="roll"].sheet-combatcaster_button:before {
|
||||
content: ""!important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-combatcaster_button {
|
||||
height:24px;
|
||||
width:24px;
|
||||
border:none;
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
|
||||
color:Chartreuse;
|
||||
font-weight:700;
|
||||
|
||||
background: radial-gradient(circle at 8px 8px, silver, black);
|
||||
box-shadow: 0px 0px 3px black;
|
||||
}
|
||||
|
||||
.sheet-combatcaster_button:hover {
|
||||
background: radial-gradient(circle at 16px 16px, blue, black);
|
||||
box-shadow: 0px 0px 3px blue;
|
||||
}
|
||||
|
||||
.sheet-combatcaster_button:active {
|
||||
background: radial-gradient(circle at 8px 8px, blue, black);
|
||||
}
|
||||
/*==========Button Reset==========*/
|
||||
/*================================*/
|
||||
/*================================*/
|
||||
.sheet-wrapper button[type="roll"]:before {
|
||||
content: ""!important;
|
||||
display: none;
|
||||
}
|
||||
.sheet-wrapper button[type="roll"],
|
||||
.sheet-wrapper .sheet-roll {
|
||||
width: 100%;
|
||||
height:24px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
|
||||
background-color: transparent;
|
||||
border: 2px solid transparent /* 1px solid black */;
|
||||
border-style: outset;
|
||||
padding: 2px;
|
||||
padding-left:2px;
|
||||
font-size: 1em;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 0.2em #6C3306;
|
||||
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sheet-wrapper button[type="roll"]:hover {
|
||||
border: 2px inset gray;
|
||||
padding-left:4px;
|
||||
padding-top:4px;
|
||||
padding-right:0px;
|
||||
padding-bottom:0px;
|
||||
|
||||
}
|
||||
|
||||
.sheet-wrapper button[type="roll"]:active {
|
||||
border: 2px solid black;
|
||||
|
||||
}
|
||||
|
||||
.sheet-wrapper button[type="roll"] label,
|
||||
.sheet-wrapper button[type="roll"] input {
|
||||
height:24px;
|
||||
line-height: 24px;
|
||||
font-size: 1em;
|
||||
vertical-align: middle;
|
||||
text-align:center;
|
||||
width: 99%;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
transition: none;
|
||||
border-radius: none;
|
||||
border:none;
|
||||
font-weight:700;
|
||||
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"],
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"]label,
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"]input {
|
||||
color: blue;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"]:hover,
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"]:hover label,
|
||||
.sheet-wrapper .sheet-physstat button[type="roll"]:hover input {
|
||||
color: blue;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"],
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"]label,
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"]input {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover,
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover label,
|
||||
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover input {
|
||||
color: red;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"],
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"] label,
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"] input {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"]:hover,
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"]:hover label,
|
||||
.sheet-wrapper .sheet-intstat button[type="roll"]:hover input {
|
||||
color: green;
|
||||
border: 1px solid green;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* ================Tooltips ================ */
|
||||
button[type="roll"].sheet-skill_button:before {
|
||||
content: ""!important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-skill_button {
|
||||
height:21px;
|
||||
width:21px;
|
||||
border:none;
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
|
||||
|
||||
background: radial-gradient(circle at 8px 8px, white, black 50%);
|
||||
box-shadow: 0px 0px 2px white;
|
||||
}
|
||||
|
||||
.sheet-skill_button:hover {
|
||||
background: radial-gradient(circle at 12px 12px, white, black 50%);
|
||||
}
|
||||
|
||||
.sheet-skill_button:active {
|
||||
background: radial-gradient(circle at 8px 8px, silver, black 50%);
|
||||
}
|
||||
|
||||
|
||||
/* ================Tooltips ================ */
|
||||
.sheet-tooltips {
|
||||
position: relative;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.sheet-tooltips span {
|
||||
position: absolute;
|
||||
width:200px;
|
||||
color: #000000;
|
||||
background: #FFFFFF;
|
||||
border: 2px solid #000000;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
border-radius: 6px;
|
||||
box-shadow: -2px -2px 5px #000000;
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
.sheet-tooltips span:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 100%;
|
||||
margin-top: -12px;
|
||||
width: 0; height: 0;
|
||||
border-right: 12px solid #000000;
|
||||
border-top: 12px solid transparent;
|
||||
border-bottom: 12px solid transparent;
|
||||
}
|
||||
|
||||
.sheet-tooltips span:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 100%;
|
||||
margin-top: -8px;
|
||||
width: 0; height: 0;
|
||||
border-right: 8px solid #FFFFFF;
|
||||
border-top: 8px solid transparent;
|
||||
border-bottom: 8px solid transparent;
|
||||
}
|
||||
|
||||
:hover.sheet-tooltips span {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
left: 100%;
|
||||
top: 50%;
|
||||
margin-top: -35px;
|
||||
margin-left: 15px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/*==== Tooltip left====*/
|
||||
.sheet-tooltips-left {
|
||||
position: relative;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.sheet-tooltips-left span {
|
||||
position: absolute;
|
||||
width:200px;
|
||||
color: #000000;
|
||||
background: #FFFFFF;
|
||||
border: 2px solid #000000;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
border-radius: 6px;
|
||||
|
||||
box-shadow: -2px -2px 5px #000000;
|
||||
font-size:0.7em;
|
||||
|
||||
right: 100%; /*===differnt from bootom===*/
|
||||
top: 50%; /*===differnt from bootom===*/
|
||||
margin-top: -15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.sheet-tooltips-left span:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%; /*===differnt from bootom===*/
|
||||
left: 100%; /*===differnt from bootom===*/
|
||||
margin-top: -8px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 8px solid #FFFFFF;
|
||||
border-top: 8px solid transparent;
|
||||
border-bottom: 8px solid transparent;
|
||||
}
|
||||
|
||||
:hover.sheet-tooltips-left span {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
right: 100%; /*===differnt from bottom===*/
|
||||
top: 50%; /*===differnt from bottom===*/
|
||||
margin-top: -15px;
|
||||
margin-right: 15px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/*-----radio boxes-----*/
|
||||
|
||||
/* -----Hide actual radio----- */
|
||||
input.sheet-normal[type="radio"]
|
||||
{
|
||||
opacity: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 6px;
|
||||
margin: -10px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* -----Fake radio----- */
|
||||
input.sheet-normal[type="radio"] + span::before
|
||||
{
|
||||
margin-right: 2px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
border:none;
|
||||
-moz-box-shadow: 0 0 2px #ccc;
|
||||
-webkit-box-shadow: 0 0 2px #ccc;
|
||||
box-shadow: 0 0 2px #ccc;
|
||||
|
||||
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
||||
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
||||
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
|
||||
color:green;
|
||||
content: "•";
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
font-size: 3em;
|
||||
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* -----Remove dot from all radios _after_ selected one----- */
|
||||
input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before
|
||||
{
|
||||
content: "";
|
||||
}
|
||||
|
||||
/*------------empty traits-----------*/
|
||||
input.sheet-zero[type="radio"]:checked + span::before
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-zero[type="radio"]:hover + span::before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input.sheet-zero[type="radio"] + span::before
|
||||
{
|
||||
color:black;
|
||||
font-size: 1em;
|
||||
content: "✖";
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
|
||||
/*=== Roll Templates ===*/
|
||||
/*======================*/
|
||||
/*======================*/
|
||||
/*=== Roll Templates ===*/
|
||||
/*=== ranged ===*/
|
||||
.sheet-rolltemplate-weapon table {
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 1px solid;
|
||||
color: black;
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
box-shadow: -5px -5px 5px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon th {
|
||||
background: url ('http://mybizmobile.com.au/wp-content/uploads/2012/01/green-smoke11.png');
|
||||
background-size: contain;
|
||||
color: black;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid black;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
text-shadow: 0px 0px 4px white;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon .sheet-tcat {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon .inlinerollresult {
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon .inlinerollresult.fullfail {
|
||||
border: 2px solid #B31515;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
|
||||
border: 2px solid #4A57ED;
|
||||
}
|
||||
/*=== Roll Templates ===*/
|
||||
/*=== artillary ===*/
|
||||
.sheet-rolltemplate-boom table {
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 1px solid;
|
||||
color: black;
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-boom th {
|
||||
background: url ('http://th06.deviantart.net/fs70/PRE/i/2011/132/5/6/smoke_texture5_by_ashensorrow-d3g74bf.jpg');
|
||||
background-size: 100%;
|
||||
color: red;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid black;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
text-shadow: 0px 0px 2px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-boom .sheet-tcat {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-weapon td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-boom .inlinerollresult {
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-boom .inlinerollresult.fullfail {
|
||||
border: 2px solid #B31515;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-boom .inlinerollresult.importantroll {
|
||||
border: 2px solid #4A57ED;
|
||||
}
|
||||
|
||||
/*=== Roll Templates ===*/
|
||||
/*=== melee ===*/
|
||||
.sheet-rolltemplate-melee table {
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 1px solid;
|
||||
color: black;
|
||||
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee th {
|
||||
background: url ('http://alamocityrods.com/sitebuilder/images/RedSmoke-359x157.png');
|
||||
background-size:contain;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid black;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
text-shadow: 0px 0px 2px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee .sheet-tcat {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee .inlinerollresult {
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee .inlinerollresult.fullfail {
|
||||
border: 2px solid #B31515;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee .inlinerollresult.importantroll {
|
||||
border: 2px solid #4A57ED;
|
||||
}
|
||||
|
||||
/*=== Roll Templates ===*/
|
||||
/*=== spell ===*/
|
||||
|
||||
.sheet-rolltemplate-spell table {
|
||||
width: 100%;
|
||||
border: 1px solid;
|
||||
color: black;
|
||||
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
box-shadow: -5px -5px 6px #0066CC, -5px -5px 4px blue, -5px -5px 2px #ADD8E6;
|
||||
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-spell th {
|
||||
background: url ('http://ak6.picdn.net/shutterstock/videos/2721404/preview/stock-footage-abstract-blue-smoke.jpg');
|
||||
background-size: contain;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid black;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
text-shadow: 0px 0px 2px black;
|
||||
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-spell td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/*=== Roll Templates ===*/
|
||||
/*=== fellcall ===*/
|
||||
|
||||
.sheet-rolltemplate-fellcall table {
|
||||
width: 100%;
|
||||
color: black;
|
||||
border: 1px solid black;
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
||||
|
||||
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
||||
|
||||
box-shadow: -5px -5px 5px black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-fellcall th {
|
||||
background: url ('http://ak7.picdn.net/shutterstock/videos/4572215/preview/stock-footage-abstract-glitter-light-background-seamless-loop.jpg');
|
||||
background-size: 100%;
|
||||
color: black;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid black;
|
||||
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
|
||||
.sheet-rolltemplate-fellcall td {
|
||||
padding: 5px;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-fellcall tr:last-child {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+2056
-2260
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 3.9 MiB |
@@ -4,5 +4,5 @@
|
||||
"authors": "Chris H. & John W.",
|
||||
"roll20userid": "492849",
|
||||
"preview": "IKRPG.png",
|
||||
"instructions": "#Character Sheet\rWhole Sheet: This is a labour of love, and the relationship is still going strong. Any an all input will be appreciated, especially in regards to improvements.\r*Basic Tab: The damage track in the center is collection of cycling images. The first is a non-existent, the second is available for damage, and the third represents a damage. Injury modifiers are to be entered by hand into the modifier blocks under each attribute. The circled number on the left is a feat tracker, and again, is a cycling set of images (0 to 3). The derived stats are auto-calculated. A special mention to the Defense and Armor stats: since targeted rolls use this number, it adds the entries from the steamjack and NPC tabs (which are normally zero). Therefore, do not add any steamjacks or NPC's to a normal character's journal, as their defense and armor stats with be doubled. \r*Skills Tab: All dice buttons have the option of adding more dice when pressed. The skills are separated on Military, Occupational, and General skills. Per the books, General skills are really Occupational skills everyone has access to. I have included all the skills from the published books, but included a repeatable section for other skills that may come out. \r*The Abilities Tab: A place holder for information. \r*The Magic Tab: Spells use the arcane attribute, and the Fell calls use Poise. Targeted rolls target the character's defence, and have the option of adding more dice to attack and effect. \r*Combat Tab: Armor and weapons are here, separated in to types. Again, the targeted rolls include the option of adding dice to attack and damage. The stat blocks auto-calculate where appropriate. There is a special button for Virtuoso, and the Mighty check-box affects all melee weapons. The Armor stats are reflected on the basic tab. A special note here is the armor speed; any changes here will change your movement rate but not your speed stat, as per the rules. \r*Story Tab: Another placeholder for information.\r*Inventory Tab: More information holders, in repeatable sections. \r*Steamjack Tab: When creating a 'jack, use only this tab, and only use tab when making steamjacks. Everythign here should be intutive. \r*Advancement Tab: A place to track xp an the benifits of that xp. \r* NPC Tab: As with the steamjack tab, this is the only tab nessisary when making simple NPC's, and should not be used in conjunction with other parts of the sheet."
|
||||
"instructions": "#Character Sheet\rWhole Sheet: This is a labour of love, and the relationship is still going strong. Any an all input will be appreciated, especially in regards to improvements. Nearly all the buttons have a modifier built into them, so you can add additional dice. This is not a static number, but additional dice to roll. \r*Basic Tab: The damage track in the center is collection of cycling images. The first is a non-existent, the second is available for damage, and the third represents a damage. Injury modifiers are to be entered by hand into the modifier blocks under each attribute. The circled number on the left is a feat tracker, and again, is a cycling set of images (0 to 3). The names of each of the attributes are buttons. The derived stats are auto-calculated. Willpower and initiative are buttons. Armor and Defense are include calculations from the combat tab. A special mention to the Defense and Armor stats: since targeted rolls use this number, it adds the entries from the steamjack and NPC tabs (which are normally zero). Therefore, do not add any steamjacks or NPC's to a normal character's journal, as their defense and armor stats with be doubled. \r*Skills Tab: All dice buttons have the option of adding more dice when pressed. The skills are separated on Military and Occupational skills. General skills are italic. I have included all the skills from the published books, but included a repeatable section for other skills that may come out. \r*The Abilities Tab: A place holder for information, and includes a space to list what is gained from Adventuring companies. \r*The Magic Tab: Spells use the arcane attribute, and the Fell calls use Poise. Targeted rolls target the character's defence, and have the option of adding more dice to attack and effect. Both Fell Calls and Spells use roll templates. \r*Combat Tab: Armor and weapons are here, separated in to types. Again, the targeted rolls include the option of adding dice to attack and damage. The stat blocks auto-calculate where appropriate. There is a special button for Virtuoso, and the Mighty check-box affects all melee weapons. All weapons use roll templates. The Armor stats are reflected on the basic tab. A special note here is the armor speed; any changes here will change your movement rate but not your speed stat, as per the rules. \r*Story Tab: Another placeholder for information.\r*Inventory Tab: More information holders, in repeatable sections. \r*Steamjack Tab: When creating a 'jack, use only this tab, and only use tab when making steamjacks. Everything here should be intuitive. \r*Advancement Tab: A place to track xp an the benefits of that xp. \r* NPC Tab: As with the steamjack tab, this is the only tab necessary when making simple NPC's, and should not be used in conjunction with other parts of the sheet."
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user