mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Daniel LaPine
e0d9525f15
* Hero System 5R character sheet * V1.4 added rool template and cleanups * V1.4 added rool template and cleanups * V1.4 Fixed Typo in Movement section * V1.41 Shrink version line * V1.41 new example image * V1.41 internal logo image * V1.42 re-added base char calcs, changed logo source * V1.4.3 END calc fix and re-aded ENDMAX, STUNMAX & BODYMAX in the Current Status
674 lines
12 KiB
CSS
674 lines
12 KiB
CSS
/* Dan 3col 5R V1.4 051720 CSS */
|
|
/* based on Chris's revamp of the 6th Ed 3 col */
|
|
/* 1.3 change, allow for larger space to note END or Cost under powers/Equipment */
|
|
/* 1.4 added css for the hit location template */
|
|
/* 1.41 adjusted mv2 to be number input */
|
|
|
|
input[type=number]
|
|
{
|
|
padding: 0;
|
|
margin:0;
|
|
border: .1em solid transparent;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-size:100%;
|
|
text-align: center;
|
|
border-bottom: .1em solid black;
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input[type=text]
|
|
{
|
|
padding: 0;
|
|
margin:0;
|
|
border: .1em solid transparent;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-size:100%;
|
|
text-align: center;
|
|
border-bottom:.1em solid black;
|
|
}
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
div.sheet-single-col {
|
|
padding:none;
|
|
margin:none;
|
|
width:21.5em;
|
|
float:left;
|
|
}
|
|
|
|
div.sheet-section {
|
|
border: .2em solid black;
|
|
border-radius: 1em;
|
|
/* font-size: 85%; */
|
|
margin-bottom: 1em;
|
|
margin-left:.5em;
|
|
margin-right: .5em;
|
|
}
|
|
|
|
div.sheet-subsection {
|
|
padding-top: 0em;
|
|
padding-left:.5em;
|
|
padding-right: .5em;
|
|
padding-bottom: 0;
|
|
padding-top:0em;
|
|
}
|
|
|
|
div.sheet-section-title {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
border-bottom: .2em solid black;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div.sheet-line
|
|
{
|
|
border:none;
|
|
padding:0;
|
|
clear: left;
|
|
margin-top: -.5em;
|
|
}
|
|
|
|
.sheet-head1, .input[type=text].sheet-head1
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
margin-bottom: .175em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-head1, input[type=text].sheet-head1
|
|
{
|
|
margin:0;
|
|
padding:0;
|
|
float:left;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-cha1, .sheet-cha2, .sheet-cha3, .sheet-cha4, input[type=number].sheet-cha1, input[type=number].sheet-cha3,
|
|
input[type=number].sheet-cha4
|
|
{
|
|
margin-bottom: .175em;
|
|
font-size:100%;
|
|
}
|
|
|
|
.sheet-cha1, .sheet-cha2, .sheet-cha3, .sheet-cha4
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-cha1, input[type=number].sheet-cha1
|
|
{
|
|
float:left;
|
|
width: 25%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cha2
|
|
{
|
|
float:left;
|
|
width: 20%;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-cha3, input[type=number].sheet-cha3
|
|
{
|
|
float:left;
|
|
width:20%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cha4
|
|
{
|
|
float:left;
|
|
width:35%;
|
|
text-align:center;
|
|
}
|
|
|
|
input[type=number].sheet-cha4
|
|
{
|
|
width:20%;
|
|
text-align:center;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-am1, div.sheet-am2, div.sheet-am3, div.sheet-am4, div.sheet-am5, input[type=text].sheet-am1,
|
|
input[type=text].sheet-am2, input[type=text].sheet-am3, input[type=text].sheet-am4,
|
|
input[type=text].sheet-am5
|
|
{
|
|
margin-bottom: -.15em;
|
|
font-size:80%;
|
|
letter-spacing:-.1em
|
|
}
|
|
|
|
input[type=text].sheet-am1, input[type=text].sheet-am2, input[type=text].sheet-am3, input[type=text].sheet-am4,
|
|
input[type=text].sheet-am5
|
|
{
|
|
|
|
}
|
|
div.sheet-am1, div.sheet-am2, div.sheet-am3, div.sheet-am4, div.sheet-am5
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-am1, input[type=text].sheet-am1
|
|
{
|
|
float:left;
|
|
width:24%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-am2, input[type=text].sheet-am2
|
|
{
|
|
float:left;
|
|
width:11%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-am3, input[type=text].sheet-am3
|
|
{
|
|
float:left;
|
|
width:10%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-am4, input[type=text].sheet-am4
|
|
{
|
|
float:left;
|
|
width:10%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-am5, input[type=text].sheet-am5
|
|
{
|
|
float:left;
|
|
width:45%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-cs1, div.sheet-cs2, input[type=text].sheet-cs2
|
|
{
|
|
margin-bottom: .4em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-cs1, div.sheet-cs2
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-cs1
|
|
{
|
|
float:left;
|
|
width:22%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-cs2, input[type=number].sheet-cs2
|
|
{
|
|
float:left;
|
|
width:39%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-vs1, input[type=text].sheet-vs1
|
|
{
|
|
float:left;
|
|
text-align:left;
|
|
margin-bottom: .8em;
|
|
font-size:90%;
|
|
}
|
|
|
|
div.sheet-vs1
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-def1, div.sheet-def2, input[type=text].sheet-def2, input[type=text].sheet-def3
|
|
{
|
|
margin-bottom: .2em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-def1, div.sheet-def2
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-def1, input[type=text].sheet-def1
|
|
{
|
|
float:left;
|
|
width:40%;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-def2, input[type=text].sheet-def2
|
|
{
|
|
float:left;
|
|
width:60%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-es1, input[type=text].sheet-es1, input[type=text].sheet-es2
|
|
{
|
|
float:left;
|
|
margin-bottom: .3em;
|
|
font-size:90%;
|
|
}
|
|
|
|
div.sheet-es1
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-es1
|
|
{
|
|
text-align:left;
|
|
}
|
|
|
|
input[type=text].sheet-es1
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-pts1, div.sheet-pts2, input[type=number].sheet-pts2
|
|
{
|
|
margin-bottom: .5em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-pts1, div.sheet-pts2
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-pts1
|
|
{
|
|
float:left;
|
|
width:60%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-pts2, input[type=number].sheet-pts2
|
|
{
|
|
float:left;
|
|
width:40%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl1, div.sheet-hl2, div.sheet-hl3, div.sheet-hl4, div.sheet-hl5, div.sheet-hl6, div.sheet-hl7, div.sheet-hl8,
|
|
div.sheet-hl9, div.sheet-hl10, div.sheet-hl11, div.sheet-hl12,
|
|
input[type=number].sheet-hl3, input[type=number].sheet-hl5, input[type=number].sheet-hl9, input[type=text].sheet-hl11,
|
|
input[type=text].sheet-hl12
|
|
{
|
|
margin-bottom: .3em;
|
|
font-size:80%;
|
|
}
|
|
|
|
div.sheet-hl1, div.sheet-hl2, div.sheet-hl3, div.sheet-hl4, div.sheet-hl5, div.sheet-hl6, div.sheet-hl7, div.sheet-hl8,
|
|
div.sheet-hl9, div.sheet-hl10, div.sheet-hl11, div.sheet-hl12
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-hl1
|
|
{
|
|
float:left;
|
|
width:15%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl2
|
|
{
|
|
float:left;
|
|
width:15%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-hl3, input[type=number].sheet-hl3
|
|
{
|
|
float:left;
|
|
width:14%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl4
|
|
{
|
|
float:left;
|
|
width:7%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl5, input[type=number].sheet-hl5
|
|
{
|
|
float:left;
|
|
width:9%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl6
|
|
{
|
|
float:left;
|
|
width:3%;
|
|
text-align:center;
|
|
}
|
|
div.sheet-hl7
|
|
{
|
|
float:left;
|
|
width:21%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl8
|
|
{
|
|
float:left;
|
|
width:35%;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-hl9, input[type=number].sheet-hl9
|
|
{
|
|
float:left;
|
|
width:21%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-hl10
|
|
{
|
|
float:left;
|
|
width:30%;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-hl11, input[type=text].sheet-hl11
|
|
{
|
|
float:left;
|
|
width:70%;
|
|
text-align:left;
|
|
border-bottom:.1em solid transparent;
|
|
}
|
|
|
|
div.sheet-hl12, input[type=text].sheet-hl12
|
|
{
|
|
float:left;
|
|
width:100%;
|
|
text-align:left;
|
|
border-bottom:.1em solid transparent
|
|
}
|
|
|
|
div.sheet-cm1, div.sheet-cm2, div.sheet-cm3, div.sheet-cm4, div.sheet-cm5, div.sheet-cm6, div.sheet-cm7
|
|
{
|
|
margin-bottom: -.5em;
|
|
font-size:80%;
|
|
}
|
|
|
|
div.sheet-cm1, div.sheet-cm2, div.sheet-cm3, div.sheet-cm4, div.sheet-cm5, div.sheet-cm6, div.sheet-cm7
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-cm1
|
|
{
|
|
float:left;
|
|
width:24%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cm2
|
|
{
|
|
float:left;
|
|
width:11%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cm3
|
|
{
|
|
float:left;
|
|
width:16%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cm4
|
|
{
|
|
float:left;
|
|
width:62%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-cm5
|
|
{
|
|
float:left;
|
|
width:11%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cm6
|
|
{
|
|
float:left;
|
|
width:27%em;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-cm7
|
|
{
|
|
width:100%;
|
|
text-align:center;
|
|
font-style:italic;
|
|
}
|
|
|
|
div.sheet-mv1, div.sheet-mv2, input[type=text].sheet-mv1, input[type=number].sheet-mv2, input[type=text].sheet-mv3
|
|
{
|
|
margin-bottom: .3em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-mv1, div.sheet-mv2
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-mv1, input[type=text].sheet-mv1
|
|
{
|
|
float:left;
|
|
width:40%;
|
|
text-align:left;
|
|
}
|
|
|
|
|
|
div.sheet-mv2, input[type=number].sheet-mv2
|
|
{
|
|
float:left;
|
|
width:30%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-mv3, input[type=text].sheet-mv3
|
|
{
|
|
float:left;
|
|
width:60%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-sk1, div.sheet-sk2, div.sheet-sk3, input[type=number].sheet-sk1, input[type=text].sheet-sk2, input[type=text].sheet-sk3
|
|
{
|
|
margin-bottom: -.14em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-sk1, div.sheet-sk2, div.sheet-sk3
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-sk1, input[type=number].sheet-sk1
|
|
{
|
|
float:left;
|
|
width:14%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-sk2, input[type=text].sheet-sk2
|
|
{
|
|
float:left;
|
|
width:72%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-sk3, input[type=text].sheet-sk3
|
|
{
|
|
float:left;
|
|
width:14%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-pow1, div.sheet-pow2, div.sheet-pow3, div.sheet-pow4, input[type=number].sheet-pow1, input[type=text].sheet-pow2,
|
|
input[type=text].sheet-pow3, input[type=text].sheet-pow4
|
|
{
|
|
margin-bottom: -.14em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-pow1, div.sheet-pow2, div.sheet-pow3, div.sheet-pow4
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-pow1, input[type=number].sheet-pow1
|
|
{
|
|
float:left;
|
|
width:7%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-pow2, input[type=text].sheet-pow2
|
|
{
|
|
float:left;
|
|
width:20%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-pow3, input[type=text].sheet-pow3
|
|
{
|
|
float:left;
|
|
width:63%;
|
|
text-align:left;
|
|
}
|
|
|
|
div.sheet-pow4, input[type=text].sheet-pow4
|
|
{
|
|
float:left;
|
|
width:10%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-disad1, div.sheet-disad2, input[type=number].sheet-disad1, input[type=text].sheet-disad2
|
|
{
|
|
margin-bottom: -.14em;
|
|
font-size:100%;
|
|
}
|
|
|
|
div.sheet-disad1, div.sheet-disad2
|
|
{
|
|
border-bottom: .1em solid transparent;
|
|
border-top: .1em solid transparent;
|
|
}
|
|
|
|
div.sheet-disad1, input[type=number].sheet-disad1
|
|
{
|
|
float:left;
|
|
width:7%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-disad2, input[type=text].sheet-disad2
|
|
{
|
|
float:left;
|
|
width:93%;
|
|
text-align:left;
|
|
}
|
|
|
|
/* ------------------------------------------------------- */
|
|
/* */
|
|
/* ROLL TEMPLATE(S) */
|
|
/* */
|
|
/* ------------------------------------------------------- */
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-main-wrap
|
|
{
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-main
|
|
{
|
|
position: relative;
|
|
margin-right: 16px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: white;
|
|
border: solid black 2px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-title
|
|
{
|
|
min-height: 16px;
|
|
margin-top: -2px;
|
|
padding: 3px 18px 2px 0;
|
|
text-align: center;
|
|
color: #DDD;
|
|
background-color: black;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
border-bottom: solid black 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-title > span
|
|
{
|
|
display: block;
|
|
width: 60%;
|
|
margin-left: 4.5%;
|
|
transform: scalex(1.5);
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-line
|
|
{
|
|
font-size: 12px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
padding: 3px 8px 2px 8px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-line > span:first-child
|
|
{
|
|
font-weight: bold;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hero6template div.sheet-rt-divider
|
|
{
|
|
border-bottom: solid #DDD 1px; /* yeah, it's not rem */
|
|
}
|