mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
3366 lines
66 KiB
CSS
3366 lines
66 KiB
CSS
/*None of this font stuff works*/
|
|
@font-face {
|
|
font-style:normal;
|
|
font-weight:400;
|
|
src:local('Nova Cut Book'), local('NovaCutBook-Regular'),url(http://openfontlibrary.org/assets/fonts/nova/9fea9bf34ffdc4d4c44a8502d0deb44b/705bea8a3de102e01c88119e1e36fa4e/NovaCutBook.ttf) format('truetype');
|
|
}
|
|
|
|
.charsheet .sheet-outer-div {
|
|
vertical-align: top;
|
|
width:100%;
|
|
font-family:'Nova Cut Book';
|
|
font-family:'Lucida Handwriting';
|
|
/*color: silver;*/
|
|
/*Following Actoba's overall-wrapper */
|
|
max-width: 839px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-separator {
|
|
height: 2px;
|
|
border-width: 0px;
|
|
background-color: gold;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet {
|
|
}
|
|
|
|
.charsheet .sheet-outer-div ::-webkit-input-placeholder {
|
|
color: rgba(220, 80, 80, 0.7);
|
|
}
|
|
|
|
.charsheet .sheet-outer-div :-moz-placeholder { /* Firefox 18- */
|
|
color: rgba(220, 80, 80, 0.7);
|
|
}
|
|
|
|
.charsheet .sheet-outer-div ::-moz-placeholder { /* Firefox 19+ */
|
|
color: rgba(220, 80, 80, 0.7);
|
|
}
|
|
|
|
.charsheet .sheet-outer-div :-ms-input-placeholder {
|
|
color: rgba(220, 80, 80, 0.7);
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-white-font {
|
|
color: white!important;
|
|
}
|
|
|
|
.charsheet div[class^="repcontrol"] {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-vcenter {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills .sheet-max-ranks {
|
|
width: 2.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills td[name$="mod_table_data"] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills input[name$="attr_mod"] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills .sheet-skill-total {
|
|
width: 2.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills thead {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.charsheet .sheet-basic-info img
|
|
{
|
|
/*margin-left: calc(30% - 200px);
|
|
position: relative;
|
|
right: 30px;
|
|
bottom: 10px;*/
|
|
}
|
|
|
|
.charsheet .sheet-basic-info
|
|
{
|
|
/*margin: 10px 0 -10px 0;*/
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet div.sheet-basic-info
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-basic-info span
|
|
{
|
|
/*float: left;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-pull-up {
|
|
position: relative;
|
|
bottom: 10px;
|
|
}
|
|
|
|
.charsheet .sheet-basic-left
|
|
{
|
|
/* position: relative;
|
|
bottom: 0px;
|
|
left: 0px;*/
|
|
width: 30%;
|
|
display: inline;
|
|
float: left;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-basic-left label input
|
|
{
|
|
/*width: 250px;
|
|
padding: 0px;*/
|
|
width: 250px;}
|
|
|
|
.charsheet .sheet-basic-right
|
|
{
|
|
float: right;
|
|
width: 30%;
|
|
display: inline;
|
|
}
|
|
|
|
.charsheet .sheet-basic-right-top
|
|
{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-basic-left-top
|
|
{
|
|
margin: 0 0px 5px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-basic-right-bottom
|
|
{
|
|
margin: 5px 0px 0 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-basic-left-bottom
|
|
{
|
|
position: relative;
|
|
top: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-groundspeed, .charsheet .sheet-travelspeed {
|
|
min-width: 4em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills td {
|
|
min-width:1em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div , .charsheet .sheet-outer-div label , .charsheet .sheet-outer-div select {
|
|
display:inline-block;
|
|
font-family: 'Nova Cut Book'; /* WHY won't this WORK??*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div.sheet-narrow-column {
|
|
width:38%;
|
|
/*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div.sheet-combat {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-grouping {
|
|
border: thin solid;
|
|
border-color: gold;
|
|
padding: 6px;
|
|
border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
/*background-color: rgba(255,20,20,0.65);*/
|
|
/*background-color: rgba(255,255,255,0.85);*/
|
|
/*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/
|
|
background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg");
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-table .sheet-table-center {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
color: black;
|
|
border: 0px ;
|
|
display: table-cell; /* might need its own class */
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div.sheet-wide-column {
|
|
width:48%;
|
|
vertical-align:top;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-title {
|
|
font-family:'Nova Cut Book';
|
|
font-size:x-large;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-subtitle {
|
|
font-family:'BadNeighborhoodBadLightRegular';
|
|
font-size: x-large;
|
|
background-color:silver;
|
|
border-radius: 4px;
|
|
padding: 2px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-table-heading {
|
|
color: black;
|
|
font-family: regular;
|
|
font-size: small;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-higher {
|
|
vertical-align: 85%;/*top:-20px;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div label {
|
|
font-size:small;
|
|
font-weight:normal;
|
|
width:initial;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-attr-label {
|
|
font-family:'Nova Cut Book';
|
|
font-family:'BadNeighborhoodBadLightRegular';
|
|
font-size:large;
|
|
width:3em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-field-label {
|
|
font-family:'IM Fell English SC';
|
|
font-size: small;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-title-checkbox .sheet-field-label {
|
|
padding:0 1em 0 0;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-attributes tbody td {
|
|
font-size:x-large;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-attributes tbody td input {
|
|
font-size:x-large;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-hidden {
|
|
display:none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-hidden-button-hack {
|
|
display:none;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-check-roll-button::before
|
|
{
|
|
font-family: 'BadNeighborhoodBadLightRegular';
|
|
content: attr(title);
|
|
white-space: pre; /* To allow carriage-return */
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-interests-center {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
padding: 2px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input, .charsheet .sheet-outer-div input[type=number], .charsheet .sheet-outer-div select {
|
|
width: 3em;
|
|
font-family: 'Patrick Hand SC';
|
|
font-size: medium;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.charsheet .sheet-defense-group .sheet-left-input {
|
|
margin: 0 -12px 0 0;
|
|
}
|
|
|
|
.charsheet .sheet-defense-group .sheet-right-input {
|
|
margin: 0 0 0 -12px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=text] {
|
|
font-size: medium;
|
|
}
|
|
|
|
.charsheet input.sheet-char-type, .charsheet span.sheet-char-type {
|
|
width: 50px;
|
|
height: 20px;
|
|
}
|
|
|
|
.charsheet input.sheet-char-type {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
position: relative;
|
|
left: 35px;
|
|
}
|
|
|
|
.charsheet span.sheet-char-type {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background: rgb(255,220,40); /* dull gold */
|
|
color: rgb(20,20,255);
|
|
font-weight: regular;
|
|
border-radius: 4px;
|
|
|
|
/*cursor: pointer;*/
|
|
position: relative;
|
|
padding: 3px;
|
|
right: 25px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-special {
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-char-type:not(:checked) + span.sheet-char-type {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-char-type:checked + span.sheet-char-type {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-standard-select:checked ~ div.sheet-special {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-special-select:checked ~ div.sheet-standard {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-no-margin {
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-no-margin-sides {
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-min-margin {
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-default-margin {
|
|
padding-top: initial;
|
|
padding-bottom: initial;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-interest-fields {
|
|
width: 12em;
|
|
width: 150px;
|
|
margin: 1px;
|
|
padding: 0px;
|
|
}
|
|
|
|
/*----------- Logo Configuration Info -----------*/
|
|
|
|
.charsheet div.sheet-SWD,
|
|
.charsheet div.sheet-PotSM {
|
|
max-width: 250px;
|
|
/*max-height: 100px;*/
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-ShowLogo input[value="1"]:checked ~ .sheet-SWD{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-ShowLogo input[value="2"]:checked ~ .sheet-PotSM{
|
|
display: block;
|
|
}
|
|
|
|
/*----------- END Logo Configuration Info -----------*/
|
|
|
|
.charsheet .sheet-outer-div .sheet-13_5em {
|
|
width:13.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-5em {
|
|
width: 5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-135px {
|
|
width: 135px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-652px {
|
|
width: 652px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=number].sheet-15em {
|
|
width:15em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-11em {
|
|
width: 11em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-8em {
|
|
width: 8em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-2_5em {
|
|
width: 2.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-24_5em {
|
|
width:24.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-25em {
|
|
width:25em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-25_5em {
|
|
width:25.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-31em {
|
|
width:31em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-31_5em {
|
|
width: 31.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-32em {
|
|
width: 32em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-33em {
|
|
width: 33em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-34_5em {
|
|
width: 34.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-3_3em {
|
|
width: 3.3em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-3_5em {
|
|
width: 3_5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-3em {
|
|
width: 3em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-2em {
|
|
width: 2em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weight {
|
|
width: 4em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-200px {
|
|
width:200px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=number].sheet-number-2em {
|
|
width:2em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-error], .charsheet .sheet-outer-div input[class=sheet-error-untrained] {
|
|
width: 2em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div.sheet-error-cell {
|
|
width: 2em;
|
|
height:2em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=number].sheet-number-2_5em {
|
|
width:2.5em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=number].sheet-number-3em {
|
|
width: 3em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-4em {
|
|
width:4em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[type=number].sheet-experience
|
|
{
|
|
width: 4em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-narrow-text {
|
|
width: 32%;
|
|
}
|
|
.charsheet .sheet-outer-div .sheet-align-block {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-narrow-text-1 {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-narrow-text-2 {
|
|
width: 80%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-150px {
|
|
width:150px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-alignment
|
|
{
|
|
width: 150px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-qualities {
|
|
width: 370px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div {
|
|
|
|
}
|
|
|
|
.charsheet span.sheet-5pxshim {
|
|
display: block;
|
|
margin-left: 5px;
|
|
}
|
|
/* START New Stuff */
|
|
|
|
.charsheet .sheet-outer-div .sheet-padl{
|
|
padding-left: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-padr{
|
|
padding-right: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-margin-botom {
|
|
5px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-padt{
|
|
padding-top:12px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-padb{
|
|
padding-bottom:5px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div button, .charsheet .sheet-outer-div input, .charsheet .sheet-outer-div select,
|
|
.charsheet .sheet-outer-div textarea, /* Actoba */
|
|
.charsheet .sheet-outer-div .sheet-row [class *= "sheet-col"],
|
|
.charsheet [class *= "sheet-col"] {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-small-label { /* Actoba */
|
|
font-size: 85%!important;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-vert-bottom { /* Actoba */
|
|
vertical-align: bottom!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-spell-header { /* Actoba */
|
|
background-color: #c7d1bf;
|
|
vertical-align: bottom;
|
|
border-radius: 12px;
|
|
margin-bottom: 3px;
|
|
margin-top: 3px;
|
|
font-family: 'IM Fell English SC'; /* So sick of this font $#!t */
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-condition-grade
|
|
{
|
|
width: 41px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-conditions {
|
|
width: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-table {
|
|
border: 1px solid gold;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
display: inline-block!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-header {
|
|
width: 57%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-header-img {
|
|
width: 20%;
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-damage {
|
|
width: 65px;
|
|
}
|
|
|
|
charsheet .sheet-outer-div .sheet-weapon-damage-placeholder {
|
|
|
|
}
|
|
|
|
.charsheet .sheet-outer-div table {
|
|
border-collapse: collapse;
|
|
width: 20px;
|
|
/*border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
padding: 1px;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div table, th {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div table.sheet-skill-table {
|
|
border: 1px solid ;
|
|
position: relative;
|
|
text-align: center;
|
|
/*right: 15px;
|
|
margin: 0 -5px 0 -3px;*/
|
|
}
|
|
|
|
.charsheet .sheet-skills {
|
|
text-align: left;
|
|
position: relative;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-threat] {
|
|
width: 2em;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding-left: 1px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills .sheet-threat {
|
|
width: 2em;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-ranks] {
|
|
width: 2.2em;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding-left: 1px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skill-attr {
|
|
width: 4.1em;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
text-indent: 0px;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div td {
|
|
padding: 2px;
|
|
/*background-color: rgb(250,250,244);*/
|
|
/*background-color: rgba(255,20,20,0.65);*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-table-background
|
|
{
|
|
/*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/
|
|
background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg");
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-saves tbody, .charsheet .sheet-outer-div .sheet-saves td {
|
|
padding: 2px;
|
|
/*background-color: rgb(250,250,244);*/
|
|
/*background-color: rgba(255,200,20,0.7);*/
|
|
border: 0px!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div th {
|
|
padding: 2px;
|
|
background-color: silver;
|
|
border-right: 1px solid black;
|
|
border-top: 1px solid gold;
|
|
border-top-color: rgba(0,0,0,0);
|
|
border-bottom: 0px solid black;
|
|
}
|
|
|
|
.charsheet .sheet-table-title {
|
|
font-size: large;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-repeating-field-title {
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-attack-bonuses table, .charsheet .sheet-proficiency-table table {
|
|
font-size: small;
|
|
font-weight: normal;
|
|
border-color:gold;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-attack-bonuses {
|
|
margin: 0 -0px 0 -0px;
|
|
position: relative;
|
|
right: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-proficiency-table {
|
|
margin: 0 -25px 0 -1px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div select.sheet-proficiency
|
|
{
|
|
width: auto;
|
|
width: 66px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-forte
|
|
{
|
|
position: relative;
|
|
top:0px;
|
|
left:10px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-armor-header-img {
|
|
padding-left: 13px;
|
|
padding-right: 13px;
|
|
width: 6%; display:
|
|
inline;vertical-align: text-bottom;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-table {
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-element
|
|
{
|
|
margin: 2px -2px 0 -2px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-element2
|
|
{
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
/*
|
|
<input class="sheet-flatfoot" type="checkbox" style="position: relative; left: -47%; top: -22px;"/>
|
|
<input name="attr_defense_bonus" value="10+@{armor_dp}+@{defense_class}+@{dex_mod}+@{size}+@{defense_dodge}+@{defense_gear}+@{defense_misc}" disabled="disabled" type="number" class="sheet-defbonus-norm"/>
|
|
<input name="attr_defense_bonus" value="10+@{armor_dp}+@{defense_class}+@{dex_mod}+@{size}+@{defense_dodge}+@{defense_gear}+@{defense_misc}" disabled="disabled" type="number" class="sheet-defbonus-flat"/>
|
|
*/
|
|
|
|
.charsheet .sheet-outer-div table.sheet-fc_actions {
|
|
width: 83%;
|
|
display: inline-block;
|
|
border: 0px;
|
|
border-bottom: 1px solid gold;
|
|
border-left: 1px solid gold;
|
|
border-right: 1px solid gold;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div table.sheet-fc_actions td {
|
|
width: 83%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div table.sheet-fc_actions th {
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-defense-group {
|
|
float: left;
|
|
text-align:left;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-origin]:checked ~ input[class=sheet-error],
|
|
.charsheet .sheet-outer-div input[class=sheet-origin]:not(:checked) ~ input[class=sheet-error-untrained] {
|
|
display: inline;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-origin]:checked ~ input[class=sheet-error-untrained],
|
|
.charsheet .sheet-outer-div input[class=sheet-origin]:not(:checked) ~ input[class=sheet-error] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class="sheet-origin"]
|
|
{/*
|
|
position: relative;
|
|
left: -1415%;
|
|
top: 8px;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div input[class=sheet-error], .charsheet .sheet-outer-div div input[class=sheet-error-untrained] {
|
|
/*position: relative;
|
|
bottom: 16px; / jsFiddle needs 9 for proper alignment? /
|
|
right: 2px;
|
|
width: 2em;
|
|
vertical-align: top;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding-left: 1px;
|
|
padding-right: 0px;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-spell-origin]:checked ~ input[class=sheet-spell-skills],
|
|
.charsheet .sheet-outer-div input[class=sheet-spell-origin]:not(:checked) ~ input[class=sheet-spell-untrained] {
|
|
display: inline;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class=sheet-spell-origin]:checked ~ input[class=sheet-spell-untrained],
|
|
.charsheet .sheet-outer-div input[class=sheet-spell-origin]:not(:checked) ~ input[class=sheet-spell-skills] {
|
|
/*display: none;*/
|
|
}
|
|
|
|
.charsheet .sheet-inputs {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-label-adjust {
|
|
position: relative;
|
|
left: 30px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet .sheet-inputs label {
|
|
width: 12%;
|
|
text-align: inherit;
|
|
padding: 0px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-inputs span {
|
|
padding: 0px!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spellvisibility
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
.charsheet div.sheet-spellbook {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spellvisibility:not(:checked) ~ div.sheet-spellbook
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* Hide actual checkbox */
|
|
.charsheet .sheet-outer-div input[class="sheet-spellvisibility"]
|
|
{
|
|
opacity: 0; /* critical */
|
|
width: 18px;
|
|
height: 18px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: 36px;
|
|
margin-left: -30px;
|
|
z-index: 9999; /* critical */
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
.charsheet .sheet-outer-div input[class="sheet-spellvisibility"] + span::before
|
|
{
|
|
content: "[show]";
|
|
color: white;
|
|
right: 80px;
|
|
font-family: normal;
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input[class="sheet-spellvisibility"]:checked + span::before
|
|
{
|
|
content: "[hide]";
|
|
color: white;
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
position: relative;
|
|
right: 0px;
|
|
font-family: normal;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* A cool technique for adding our own attribute defined titles
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:after {
|
|
overflow: hidden;
|
|
padding: 2px;
|
|
display:none;
|
|
position: relative;
|
|
top: -30px;
|
|
right: -30px;
|
|
height: 20px;
|
|
width: 10%;
|
|
text-align: center;
|
|
background-color: #fef4c5;
|
|
border: 1px solid #d4b943;
|
|
border-radius: 2px;
|
|
font-size: 12px!important;
|
|
font-weight: 800!important;
|
|
z-index: 9999;
|
|
}
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:hover:after { display: block; }
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:after { content: attr(data-title); }
|
|
*/
|
|
/*
|
|
.charsheet .sheet-outer-div .sheet-fieldset-title {
|
|
visibility: hidden;
|
|
}
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol + span.sheet-fieldset-title
|
|
{
|
|
position: relative;
|
|
bottom: 20px;
|
|
right: 85px;
|
|
visibility: visible;
|
|
}*/
|
|
/*.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .repcontrol_add
|
|
{
|
|
width: 45px!important;
|
|
}
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .repcontrol_add:hover:before
|
|
{
|
|
float:
|
|
position: relative;
|
|
bottom: 20px;
|
|
right: 5px;
|
|
content: "Click to add a track of Renown";
|
|
}*/
|
|
/*
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] {
|
|
color: #900;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"]:hover {
|
|
color: red;
|
|
position: relative;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"][data-title]:hover:after {
|
|
content: attr(data-title);
|
|
padding: 4px 8px;
|
|
color: #333;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 100%;
|
|
white-space: nowrap;
|
|
z-index: 20px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0px 0px 4px #222;
|
|
-webkit-box-shadow: 0px 0px 4px #222;
|
|
box-shadow: 0px 0px 4px #222;
|
|
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
|
|
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
|
|
}*/
|
|
|
|
/* END New Stuff */
|
|
|
|
/* Many thanks to Actoba for the use of his excellent Spellbook section modified for FC !! */
|
|
|
|
.charsheet button.sheet-roll {
|
|
font-size: 12px!important;
|
|
/* This is doing diddly squat */
|
|
/* Internet Explorer 10 */
|
|
/*height:100%;*/
|
|
display:-ms-flexbox;
|
|
-ms-flex-pack:center;
|
|
-ms-flex-align:center;
|
|
|
|
/* Firefox */
|
|
display:-moz-box;
|
|
-moz-box-pack:center;
|
|
-moz-box-align:center;
|
|
|
|
/* Safari, Opera, and Chrome */
|
|
display:-webkit-box;
|
|
-webkit-box-pack:center;
|
|
-webkit-box-align:center;
|
|
|
|
/* W3C */
|
|
display:box;
|
|
box-pack:center;
|
|
box-align:center;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div span.sheet-spacer {
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div.sheet-center {
|
|
text-align: center;
|
|
/*border: 1px solid;*/
|
|
}
|
|
|
|
.charsheet .sheet-outer-div button.sheet-roll {
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div button.sheet-button-middle {
|
|
position: relative;
|
|
top: 40px;
|
|
}
|
|
|
|
/* Spell Page Settings */
|
|
.charsheet .sheet-outer-div div[class^="sheet-spell-page"] {
|
|
width: 100%!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[class^="sheet-spell-page"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height: 0px;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spelltab0:checked ~ div.sheet-spell-page0,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab1:checked ~ div.sheet-spell-page1,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab2:checked ~ div.sheet-spell-page2,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab3:checked ~ div.sheet-spell-page3,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab4:checked ~ div.sheet-spell-page4,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab5:checked ~ div.sheet-spell-page5,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab6:checked ~ div.sheet-spell-page6,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab7:checked ~ div.sheet-spell-page7,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab8:checked ~ div.sheet-spell-page8,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab9:checked ~ div.sheet-spell-page9,
|
|
.charsheet .sheet-outer-div input.sheet-spelltabpaths:checked ~ div.sheet-spell-pagepaths {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
display: block;
|
|
transition: opacity 0.5s linear 0s;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
display: block;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spelltab0:checked ~ span.sheet-spelltab0,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab1:checked ~ span.sheet-spelltab1,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab2:checked ~ span.sheet-spelltab2,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab3:checked ~ span.sheet-spelltab3,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab4:checked ~ span.sheet-spelltab4,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab5:checked ~ span.sheet-spelltab5,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab6:checked ~ span.sheet-spelltab6,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab7:checked ~ span.sheet-spelltab7,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab8:checked ~ span.sheet-spelltab8,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab9:checked ~ span.sheet-spelltab9,
|
|
.charsheet .sheet-outer-div input.sheet-spelltabpaths:checked ~ span.sheet-spelltabpaths,
|
|
.charsheet .sheet-outer-div input.sheet-spelltab99:checked ~ span.sheet-spelltab99
|
|
{
|
|
background: rgb(255,78,30); /* rgb(0,158,115) turquoise green */
|
|
color: white;
|
|
border-radius: 4px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[class^="sheet-spell-page"]
|
|
{
|
|
font-family: 'IM Fell English SC';
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spellpagetab {
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
top: 5;
|
|
width: 9%;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
margin-right: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
left: 13px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div input.sheet-spellpagetabrow2 {
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
top: 5;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
width: 48%;
|
|
left: 14px;
|
|
margin-right: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div span.sheet-spellpagetab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: 'IM Fell English SC';
|
|
/*font-family: Arial;*/
|
|
background: rgb(255,220,40); /* dull gold */
|
|
/*color: rgb(86,180,233);*/ /* blue */
|
|
color: rgb(20,20,255);
|
|
font-weight: regular;
|
|
border-radius: 4px;
|
|
|
|
width: 70px;
|
|
height: 20px;
|
|
position: relative;
|
|
margin-left: -67px;
|
|
width: 9%;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
margin-left: -9%;
|
|
margin-right: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
left: 10px;
|
|
|
|
}
|
|
|
|
.charsheet .sheet-outer-div span.sheet-spellpagetabrow2 {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: 'IM Fell English SC';
|
|
/*font-family: Arial;*/
|
|
background: rgb(255,220,40); /* dull gold */
|
|
color: rgb(20,20,255);
|
|
font-weight: regular;
|
|
border-radius: 4px;
|
|
opacity: 1;
|
|
|
|
height: 20px;
|
|
position: relative;
|
|
width: 48%;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
margin-left: -48%;
|
|
margin-right: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
left: 10px;
|
|
}
|
|
|
|
/* END Spell Page Settings */
|
|
|
|
/* Borders for spell page and class action repeating section rows */
|
|
.charsheet .repcontainer[data-groupname^=repeating_spellpath],
|
|
.charsheet .repcontainer[data-groupname^=repeating_spellbook] {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet div[data-groupname^="repeating_spellbook"] .repitem,
|
|
.charsheet div[data-groupname^="repeating_spellpath"] .repitem {
|
|
border: 1px solid gold;
|
|
border-radius: 12px;
|
|
/*margin-left: 1px;*/
|
|
margin-bottom: 5px;
|
|
padding-bottom: 3px;
|
|
/*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/
|
|
background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg");
|
|
width: 100%!important;
|
|
}
|
|
|
|
/* spell type tab Settings */
|
|
|
|
.charsheet div[class^="sheet-spell-type"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
display: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypeadvanced:checked ~ div.sheet-spell-type-advanced,
|
|
.charsheet input.sheet-spelltypeattack:checked ~ div.sheet-spell-type-attack,
|
|
.charsheet input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save,
|
|
.charsheet input.sheet-spelltypedamage:checked ~ div.sheet-spell-type-damage,
|
|
.charsheet input.sheet-spelltypeheal:checked ~ div.sheet-spell-type-heal,
|
|
.charsheet input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypeadvanced:checked ~ span.sheet-spelltypeadvanced,
|
|
.charsheet input.sheet-spelltypeattack:checked ~ span.sheet-spelltypeattack,
|
|
.charsheet input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave,
|
|
.charsheet input.sheet-spelltypedamage:checked ~ span.sheet-spelltypedamage,
|
|
.charsheet input.sheet-spelltypeheal:checked ~ span.sheet-spelltypeheal,
|
|
.charsheet input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects
|
|
{
|
|
background: #77a060;
|
|
/* background: #879a6a; */
|
|
color: white;
|
|
border-radius: 4px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypetab {
|
|
width: 122px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 999;
|
|
}
|
|
|
|
span.sheet-spelltypetab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-size: 14px;
|
|
font-family: 'IM Fell English SC';
|
|
|
|
background: #99bbdd;
|
|
/* background: #8c6075; */
|
|
color: black;
|
|
font-weight: regular;
|
|
border-radius: 4px;
|
|
opacity: 0.7;
|
|
|
|
width: 122px;
|
|
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -121px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skill-table th {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 1px 0px 1px 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-wide-text {
|
|
width: 285px;
|
|
}
|
|
|
|
.charsheet .sheet-vert-middle {
|
|
vertical-align: middle!important; /* Actoba, remove ! important if possible */
|
|
}
|
|
|
|
.charsheet .sheet-vert-middle select {
|
|
margin: 0px 1px 0px 1px;
|
|
padding: 0px 1px 0px 1px;
|
|
}
|
|
|
|
/* END spell type tab Settings */
|
|
|
|
/* Custom Pure Grid CSS (24 cols) DO NOT EDIT BELOW THIS LINE OR RISK BREAKING FORMATTING */
|
|
.charsheet .sheet-row {
|
|
letter-spacing: -0.31em;
|
|
*letter-spacing: normal;
|
|
*word-spacing: -0.43em;
|
|
text-rendering: optimizespeed;
|
|
/*
|
|
Can' figure out how Actoba's css is selecting the width for this
|
|
so I'm adding this to force it to the same width as max-width
|
|
in the outer-div above
|
|
*/
|
|
/*width: 832px;
|
|
width: 100%;*/
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-opera-only :-o-prefocus, .charsheet .sheet-row {
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.charsheet .sheet-col {
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
vertical-align: top;
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.charsheet .sheet-col-1,.charsheet .sheet-col-1-2,.charsheet .sheet-col-1-3,.charsheet .sheet-col-2-3,
|
|
.charsheet .sheet-col-1-4,.charsheet .sheet-col-3-4,.charsheet .sheet-col-1-5,.charsheet .sheet-col-2-5,
|
|
.charsheet .sheet-col-3-5,.charsheet .sheet-col-4-5,.charsheet .sheet-col-1-6,.charsheet .sheet-col-5-6,
|
|
.charsheet .sheet-col-1-7,.charsheet .sheet-col-2-7,.charsheet .sheet-col-3-7,.charsheet .sheet-col-4-7,
|
|
.charsheet .sheet-col-5-7,.charsheet .sheet-col-6-7,.charsheet .sheet-col-1-8,.charsheet .sheet-col-3-8,
|
|
.charsheet .sheet-col-5-8,.charsheet .sheet-col-7-8,.charsheet .sheet-col-1-9,.charsheet .sheet-col-2-9,
|
|
.charsheet .sheet-col-4-9,.charsheet .sheet-col-5-9,.charsheet .sheet-col-6-9,.charsheet .sheet-col-7-9,
|
|
.charsheet .sheet-col-8-9,.charsheet .sheet-col-1-10,.charsheet .sheet-col-3-10,.charsheet .sheet-col-4-10,
|
|
.charsheet .sheet-col-7-10,.charsheet .sheet-col-9-10,.charsheet .sheet-col-1-11,.charsheet .sheet-col-2-11,
|
|
.charsheet .sheet-col-3-11,.charsheet .sheet-col-4-11,.charsheet .sheet-col-5-11,.charsheet .sheet-col-6-11,
|
|
.charsheet .sheet-col-7-11,.charsheet .sheet-col-8-11,.charsheet .sheet-col-9-11,.charsheet .sheet-col-10-11,
|
|
.charsheet .sheet-col-1-12,.charsheet .sheet-col-5-12,.charsheet .sheet-col-7-12,.charsheet .sheet-col-9-12,
|
|
.charsheet .sheet-col-11-12,.charsheet .sheet-col-1-13,.charsheet .sheet-col-2-13,.charsheet .sheet-col-3-13,
|
|
.charsheet .sheet-col-4-13,.charsheet .sheet-col-5-13,.charsheet .sheet-col-6-13,.charsheet .sheet-col-7-13,
|
|
.charsheet .sheet-col-8-13,.charsheet .sheet-col-9-13,.charsheet .sheet-col-10-13,.charsheet .sheet-col-11-13,
|
|
.charsheet .sheet-col-12-13,.charsheet .sheet-col-1-14,.charsheet .sheet-col-3-14,.charsheet .sheet-col-5-14,
|
|
.charsheet .sheet-col-9-14,.charsheet .sheet-col-11-14,.charsheet .sheet-col-13-14,.charsheet .sheet-col-1-15,
|
|
.charsheet .sheet-col-2-15,.charsheet .sheet-col-4-15,.charsheet .sheet-col-6-15,.charsheet .sheet-col-7-15,
|
|
.charsheet .sheet-col-8-15,.charsheet .sheet-col-9-15,.charsheet .sheet-col-10-15,.charsheet .sheet-col-11-15,
|
|
.charsheet .sheet-col-12-15,.charsheet .sheet-col-13-15,.charsheet .sheet-col-14-15,.charsheet .sheet-col-1-16,
|
|
.charsheet .sheet-col-3-16,.charsheet .sheet-col-5-16,.charsheet .sheet-col-7-16,.charsheet .sheet-col-9-16,
|
|
.charsheet .sheet-col-11-16,.charsheet .sheet-col-13-16,.charsheet .sheet-col-15-16,.charsheet .sheet-col-1-17,
|
|
.charsheet .sheet-col-2-17,.charsheet .sheet-col-3-17,.charsheet .sheet-col-4-17,.charsheet .sheet-col-5-17,
|
|
.charsheet .sheet-col-6-17,.charsheet .sheet-col-7-17,.charsheet .sheet-col-8-17,.charsheet .sheet-col-9-17,
|
|
.charsheet .sheet-col-10-17,.charsheet .sheet-col-11-17,.charsheet .sheet-col-12-17,.charsheet .sheet-col-13-17,
|
|
.charsheet .sheet-col-14-17,.charsheet .sheet-col-15-17,.charsheet .sheet-col-16-17,.charsheet .sheet-col-1-18,
|
|
.charsheet .sheet-col-5-18,.charsheet .sheet-col-7-18,.charsheet .sheet-col-11-18,.charsheet .sheet-col-13-18,
|
|
.charsheet .sheet-col-15-18,.charsheet .sheet-col-17-18,.charsheet .sheet-col-1-19,.charsheet .sheet-col-2-19,
|
|
.charsheet .sheet-col-3-19,.charsheet .sheet-col-4-19,.charsheet .sheet-col-5-19,.charsheet .sheet-col-6-19,
|
|
.charsheet .sheet-col-7-19,.charsheet .sheet-col-8-19,.charsheet .sheet-col-9-19,.charsheet .sheet-col-10-19,
|
|
.charsheet .sheet-col-11-19,.charsheet .sheet-col-12-19,.charsheet .sheet-col-13-19,.charsheet .sheet-col-14-19,
|
|
.charsheet .sheet-col-15-19,.charsheet .sheet-col-16-19,.charsheet .sheet-col-17-19,.charsheet .sheet-col-18-19,
|
|
.charsheet .sheet-col-1-20,.charsheet .sheet-col-3-20,.charsheet .sheet-col-7-20,.charsheet .sheet-col-9-20,
|
|
.charsheet .sheet-col-11-20,.charsheet .sheet-col-13-20,.charsheet .sheet-col-15-20,.charsheet .sheet-col-17-20,
|
|
.charsheet .sheet-col-19-20,.charsheet .sheet-col-1-21,.charsheet .sheet-col-2-21,.charsheet .sheet-col-4-21,
|
|
.charsheet .sheet-col-5-21,.charsheet .sheet-col-6-21,.charsheet .sheet-col-8-21,.charsheet .sheet-col-9-21,
|
|
.charsheet .sheet-col-10-21,.charsheet .sheet-col-11-21,.charsheet .sheet-col-12-21,.charsheet .sheet-col-13-21,
|
|
.charsheet .sheet-col-14-21,.charsheet .sheet-col-15-21,.charsheet .sheet-col-16-21,.charsheet .sheet-col-17-21,
|
|
.charsheet .sheet-col-18-21,.charsheet .sheet-col-19-21,.charsheet .sheet-col-20-21,.charsheet .sheet-col-1-22,
|
|
.charsheet .sheet-col-3-22,.charsheet .sheet-col-5-22,.charsheet .sheet-col-7-22,.charsheet .sheet-col-9-22,
|
|
.charsheet .sheet-col-13-22,.charsheet .sheet-col-15-22,.charsheet .sheet-col-17-22,.charsheet .sheet-col-19-22,
|
|
.charsheet .sheet-col-21-22,.charsheet .sheet-col-1-23,.charsheet .sheet-col-2-23,.charsheet .sheet-col-3-23,
|
|
.charsheet .sheet-col-4-23,.charsheet .sheet-col-5-23,.charsheet .sheet-col-6-23,.charsheet .sheet-col-7-23,
|
|
.charsheet .sheet-col-8-23,.charsheet .sheet-col-9-23,.charsheet .sheet-col-10-23,.charsheet .sheet-col-11-23,
|
|
.charsheet .sheet-col-12-23,.charsheet .sheet-col-13-23,.charsheet .sheet-col-14-23,.charsheet .sheet-col-15-23,
|
|
.charsheet .sheet-col-16-23,.charsheet .sheet-col-17-23,.charsheet .sheet-col-18-23,.charsheet .sheet-col-19-23,
|
|
.charsheet .sheet-col-20-23,.charsheet .sheet-col-21-23,.charsheet .sheet-col-22-23,.charsheet .sheet-col-1-24,
|
|
.charsheet .sheet-col-5-24,.charsheet .sheet-col-7-24,.charsheet .sheet-col-9-24,.charsheet .sheet-col-11-24,
|
|
.charsheet .sheet-col-13-24,.charsheet .sheet-col-15-24,.charsheet .sheet-col-17-24,.charsheet .sheet-col-19-24,
|
|
.charsheet .sheet-col-21-24,.charsheet .sheet-col-23-24 {
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
vertical-align: top;
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.charsheet .sheet-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.charsheet .sheet-col-1 {
|
|
display:block;
|
|
width: 100%;
|
|
/* width: 100% without this some rows do not text-align center? */
|
|
}
|
|
|
|
|
|
.charsheet .sheet-col-1-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-2 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-3 {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-3 {
|
|
margin-left: 33.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-3 {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-3 {
|
|
margin-left: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-4 {
|
|
width: 25%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-4 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-4 {
|
|
width: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-4 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-5 {
|
|
width: 20%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-5 {
|
|
margin-left: 20%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-5 {
|
|
width: 40%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-5 {
|
|
margin-left: 40%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-5 {
|
|
width: 60%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-5 {
|
|
margin-left: 60%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-5 {
|
|
width: 80%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-5 {
|
|
margin-left: 80%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-6 {
|
|
width: 16.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-6 {
|
|
margin-left: 16.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-6 {
|
|
width: 83.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-6 {
|
|
margin-left: 83.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-7 {
|
|
width: 14.28571%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-7 {
|
|
margin-left: 14.28571%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-7 {
|
|
width: 28.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-7 {
|
|
margin-left: 28.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-7 {
|
|
width: 42.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-7 {
|
|
margin-left: 42.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-7 {
|
|
width: 57.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-7 {
|
|
margin-left: 57.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-7 {
|
|
width: 71.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-7 {
|
|
margin-left: 71.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-7 {
|
|
width: 85.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-7 {
|
|
margin-left: 85.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-8 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-8 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-8 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-8 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-8 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-8 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-8 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-8 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-9 {
|
|
width: 11.11111%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-9 {
|
|
margin-left: 11.11111%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-9 {
|
|
width: 22.22222%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-9 {
|
|
margin-left: 22.22222%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-9 {
|
|
width: 44.44444%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-9 {
|
|
margin-left: 44.44444%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-9 {
|
|
width: 55.55556%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-9 {
|
|
margin-left: 55.55556%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-9 {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-9 {
|
|
margin-left: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-9 {
|
|
width: 77.77778%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-9 {
|
|
margin-left: 77.77778%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-9 {
|
|
width: 88.88889%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-9 {
|
|
margin-left: 88.88889%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-10 {
|
|
width: 10%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-10 {
|
|
margin-left: 10%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-10 {
|
|
width: 30%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-10 {
|
|
margin-left: 30%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-10 {
|
|
width: 40.0%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-10 {
|
|
margin-left: 40.0%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-10 {
|
|
width: 70%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-10 {
|
|
margin-left: 70%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-10 {
|
|
width: 90%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-10 {
|
|
margin-left: 90%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-11 {
|
|
width: 9.09091%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-11 {
|
|
margin-left: 9.09091%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-11 {
|
|
width: 18.18182%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-11 {
|
|
margin-left: 18.18182%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-11 {
|
|
width: 27.27273%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-11 {
|
|
margin-left: 27.27273%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-11 {
|
|
width: 36.36364%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-11 {
|
|
margin-left: 36.36364%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-11 {
|
|
width: 45.45455%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-11 {
|
|
margin-left: 45.45455%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-11 {
|
|
width: 54.54545%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-11 {
|
|
margin-left: 54.54545%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-11 {
|
|
width: 63.63636%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-11 {
|
|
margin-left: 63.63636%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-11 {
|
|
width: 72.72727%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-11 {
|
|
margin-left: 72.72727%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-11 {
|
|
width: 81.81818%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-11 {
|
|
margin-left: 81.81818%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-11 {
|
|
width: 90.90909%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-11 {
|
|
margin-left: 90.90909%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-12 {
|
|
width: 8.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-12 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-12 {
|
|
width: 41.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-12 {
|
|
margin-left: 41.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-12 {
|
|
width: 58.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-12 {
|
|
margin-left: 58.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-12 {
|
|
width: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-12 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-12 {
|
|
width: 91.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-12 {
|
|
margin-left: 91.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-13 {
|
|
width: 7.69231%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-13 {
|
|
margin-left: 7.69231%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-13 {
|
|
width: 15.38462%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-13 {
|
|
margin-left: 15.38462%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-13 {
|
|
width: 23.07692%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-13 {
|
|
margin-left: 23.07692%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-13 {
|
|
width: 30.76923%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-13 {
|
|
margin-left: 30.76923%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-13 {
|
|
width: 38.46154%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-13 {
|
|
margin-left: 38.46154%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-13 {
|
|
width: 46.15385%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-13 {
|
|
margin-left: 46.15385%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-13 {
|
|
width: 53.84615%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-13 {
|
|
margin-left: 53.84615%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-13 {
|
|
width: 61.53846%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-13 {
|
|
margin-left: 61.53846%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-13 {
|
|
width: 69.23077%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-13 {
|
|
margin-left: 69.23077%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-13 {
|
|
width: 76.92308%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-13 {
|
|
margin-left: 76.92308%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-13 {
|
|
width: 84.61538%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-13 {
|
|
margin-left: 84.61538%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-13 {
|
|
width: 92.30769%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-13 {
|
|
margin-left: 92.30769%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-14 {
|
|
width: 7.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-14 {
|
|
margin-left: 7.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-14 {
|
|
width: 21.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-14 {
|
|
margin-left: 21.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-14 {
|
|
width: 35.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-14 {
|
|
margin-left: 35.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-14 {
|
|
width: 64.28571%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-14 {
|
|
margin-left: 64.28571%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-14 {
|
|
width: 78.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-14 {
|
|
margin-left: 78.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-14 {
|
|
width: 92.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-14 {
|
|
margin-left: 92.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-15 {
|
|
width: 6.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-15 {
|
|
margin-left: 6.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-15 {
|
|
width: 13.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-15 {
|
|
margin-left: 13.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-15 {
|
|
width: 26.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-15 {
|
|
margin-left: 26.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-15 {
|
|
width: 40%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-15 {
|
|
margin-left: 40%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-15 {
|
|
width: 46.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-15 {
|
|
margin-left: 46.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-15 {
|
|
width: 53.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-15 {
|
|
margin-left: 53.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-15 {
|
|
width: 60%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-15 {
|
|
margin-left: 60%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-15 {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-15 {
|
|
margin-left: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-15 {
|
|
width: 73.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-15 {
|
|
margin-left: 73.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-15 {
|
|
width: 80%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-15 {
|
|
margin-left: 80%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-15 {
|
|
width: 86.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-15 {
|
|
margin-left: 86.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-14-15 {
|
|
width: 93.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-14-15 {
|
|
margin-left: 93.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-16 {
|
|
width: 6.25%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-16 {
|
|
margin-left: 6.25%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-16 {
|
|
width: 18.75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-16 {
|
|
margin-left: 18.75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-16 {
|
|
width: 31.25%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-16 {
|
|
margin-left: 31.25%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-16 {
|
|
width: 43.75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-16 {
|
|
margin-left: 43.75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-16 {
|
|
width: 56.25%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-16 {
|
|
margin-left: 56.25%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-16 {
|
|
width: 68.75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-16 {
|
|
margin-left: 68.75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-16 {
|
|
width: 81.25%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-16 {
|
|
margin-left: 81.25%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-16 {
|
|
width: 93.75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-16 {
|
|
margin-left: 93.75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-17 {
|
|
width: 5.88235%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-17 {
|
|
margin-left: 5.88235%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-17 {
|
|
width: 11.76471%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-17 {
|
|
margin-left: 11.76471%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-17 {
|
|
width: 17.64706%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-17 {
|
|
margin-left: 17.64706%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-17 {
|
|
width: 23.52941%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-17 {
|
|
margin-left: 23.52941%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-17 {
|
|
width: 29.41176%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-17 {
|
|
margin-left: 29.41176%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-17 {
|
|
width: 35.29412%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-17 {
|
|
margin-left: 35.29412%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-17 {
|
|
width: 41.17647%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-17 {
|
|
margin-left: 41.17647%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-17 {
|
|
width: 47.05882%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-17 {
|
|
margin-left: 47.05882%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-17 {
|
|
width: 52.94118%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-17 {
|
|
margin-left: 52.94118%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-17 {
|
|
width: 58.82353%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-17 {
|
|
margin-left: 58.82353%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-17 {
|
|
width: 64.70588%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-17 {
|
|
margin-left: 64.70588%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-17 {
|
|
width: 70.58824%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-17 {
|
|
margin-left: 70.58824%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-17 {
|
|
width: 76.47059%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-17 {
|
|
margin-left: 76.47059%;
|
|
}
|
|
|
|
.charsheet .sheet-col-14-17 {
|
|
width: 82.35294%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-14-17 {
|
|
margin-left: 82.35294%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-17 {
|
|
width: 88.23529%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-17 {
|
|
margin-left: 88.23529%;
|
|
}
|
|
|
|
.charsheet .sheet-col-16-17 {
|
|
width: 94.11765%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-16-17 {
|
|
margin-left: 94.11765%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-18 {
|
|
width: 5.55556%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-18 {
|
|
margin-left: 5.55556%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-18 {
|
|
width: 27.77778%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-18 {
|
|
margin-left: 27.77778%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-18 {
|
|
width: 38.88889%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-18 {
|
|
margin-left: 38.88889%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-18 {
|
|
width: 61.11111%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-18 {
|
|
margin-left: 61.11111%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-18 {
|
|
width: 72.22222%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-18 {
|
|
margin-left: 72.22222%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-18 {
|
|
width: 83.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-18 {
|
|
margin-left: 83.33333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-18 {
|
|
width: 94.44444%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-18 {
|
|
margin-left: 94.44444%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-19 {
|
|
width: 5.26316%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-19 {
|
|
margin-left: 5.26316%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-19 {
|
|
width: 10.52632%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-19 {
|
|
margin-left: 10.52632%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-19 {
|
|
width: 15.78947%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-19 {
|
|
margin-left: 15.78947%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-19 {
|
|
width: 21.05263%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-19 {
|
|
margin-left: 21.05263%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-19 {
|
|
width: 26.31579%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-19 {
|
|
margin-left: 26.31579%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-19 {
|
|
width: 31.57895%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-19 {
|
|
margin-left: 31.57895%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-19 {
|
|
width: 36.84211%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-19 {
|
|
margin-left: 36.84211%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-19 {
|
|
width: 42.10526%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-19 {
|
|
margin-left: 42.10526%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-19 {
|
|
width: 47.36842%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-19 {
|
|
margin-left: 47.36842%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-19 {
|
|
width: 52.63158%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-19 {
|
|
margin-left: 52.63158%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-19 {
|
|
width: 57.89474%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-19 {
|
|
margin-left: 57.89474%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-19 {
|
|
width: 63.15789%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-19 {
|
|
margin-left: 63.15789%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-19 {
|
|
width: 68.42105%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-19 {
|
|
margin-left: 68.42105%;
|
|
}
|
|
|
|
.charsheet .sheet-col-14-19 {
|
|
width: 73.68421%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-14-19 {
|
|
margin-left: 73.68421%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-19 {
|
|
width: 78.94737%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-19 {
|
|
margin-left: 78.94737%;
|
|
}
|
|
|
|
.charsheet .sheet-col-16-19 {
|
|
width: 84.21053%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-16-19 {
|
|
margin-left: 84.21053%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-19 {
|
|
width: 89.47368%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-19 {
|
|
margin-left: 89.47368%;
|
|
}
|
|
|
|
.charsheet .sheet-col-18-19 {
|
|
width: 94.73684%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-18-19 {
|
|
margin-left: 94.73684%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-20 {
|
|
width: 5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-20 {
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-20 {
|
|
width: 15%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-20 {
|
|
margin-left: 15%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-20 {
|
|
width: 35%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-20 {
|
|
margin-left: 35%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-20 {
|
|
width: 45%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-20 {
|
|
margin-left: 45%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-20 {
|
|
width: 55%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-20 {
|
|
margin-left: 55%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-20 {
|
|
width: 65%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-20 {
|
|
margin-left: 65%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-20 {
|
|
width: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-20 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-20 {
|
|
width: 85%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-20 {
|
|
margin-left: 85%;
|
|
}
|
|
|
|
.charsheet .sheet-col-19-20 {
|
|
width: 95%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-19-20 {
|
|
margin-left: 95%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-21 {
|
|
width: 4.7619%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-21 {
|
|
margin-left: 4.7619%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-21 {
|
|
width: 9.52381%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-21 {
|
|
margin-left: 9.52381%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-21 {
|
|
width: 19.04762%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-21 {
|
|
margin-left: 19.04762%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-21 {
|
|
width: 23.80952%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-21 {
|
|
margin-left: 23.80952%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-21 {
|
|
width: 28.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-21 {
|
|
margin-left: 28.57143%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-21 {
|
|
width: 38.09524%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-21 {
|
|
margin-left: 38.09524%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-21 {
|
|
width: 42.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-21 {
|
|
margin-left: 42.85714%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-21 {
|
|
width: 47.61905%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-21 {
|
|
margin-left: 47.61905%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-21 {
|
|
width: 52.38095%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-21 {
|
|
margin-left: 52.38095%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-21 {
|
|
width: 57.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-21 {
|
|
margin-left: 57.14286%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-21 {
|
|
width: 61.90476%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-21 {
|
|
margin-left: 61.90476%;
|
|
}
|
|
|
|
.charsheet .sheet-col-14-21 {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-14-21 {
|
|
margin-left: 66.66667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-21 {
|
|
width: 71.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-21 {
|
|
margin-left: 71.42857%;
|
|
}
|
|
|
|
.charsheet .sheet-col-16-21 {
|
|
width: 76.19048%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-16-21 {
|
|
margin-left: 76.19048%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-21 {
|
|
width: 80.95238%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-21 {
|
|
margin-left: 80.95238%;
|
|
}
|
|
|
|
.charsheet .sheet-col-18-21 {
|
|
width: 85.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-18-21 {
|
|
margin-left: 85.71429%;
|
|
}
|
|
|
|
.charsheet .sheet-col-19-21 {
|
|
width: 90.47619%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-19-21 {
|
|
margin-left: 90.47619%;
|
|
}
|
|
|
|
.charsheet .sheet-col-20-21 {
|
|
width: 95.2381%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-20-21 {
|
|
margin-left: 95.2381%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-22 {
|
|
width: 4.54545%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-22 {
|
|
margin-left: 4.54545%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-22 {
|
|
width: 13.63636%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-22 {
|
|
margin-left: 13.63636%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-22 {
|
|
width: 22.72727%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-22 {
|
|
margin-left: 22.72727%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-22 {
|
|
width: 31.81818%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-22 {
|
|
margin-left: 31.81818%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-22 {
|
|
width: 40.90909%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-22 {
|
|
margin-left: 40.90909%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-22 {
|
|
width: 59.09091%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-22 {
|
|
margin-left: 59.09091%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-22 {
|
|
width: 68.18182%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-22 {
|
|
margin-left: 68.18182%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-22 {
|
|
width: 77.27273%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-22 {
|
|
margin-left: 77.27273%;
|
|
}
|
|
|
|
.charsheet .sheet-col-19-22 {
|
|
width: 86.36364%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-19-22 {
|
|
margin-left: 86.36364%;
|
|
}
|
|
|
|
.charsheet .sheet-col-21-22 {
|
|
width: 95.45455%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-21-22 {
|
|
margin-left: 95.45455%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-23 {
|
|
width: 4.34783%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-23 {
|
|
margin-left: 4.34783%;
|
|
}
|
|
|
|
.charsheet .sheet-col-2-23 {
|
|
width: 8.69565%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-2-23 {
|
|
margin-left: 8.69565%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-23 {
|
|
width: 13.04348%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-23 {
|
|
margin-left: 13.04348%;
|
|
}
|
|
|
|
.charsheet .sheet-col-4-23 {
|
|
width: 17.3913%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-4-23 {
|
|
margin-left: 17.3913%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-23 {
|
|
width: 21.73913%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-23 {
|
|
margin-left: 21.73913%;
|
|
}
|
|
|
|
.charsheet .sheet-col-6-23 {
|
|
width: 26.08696%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-6-23 {
|
|
margin-left: 26.08696%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-23 {
|
|
width: 30.43478%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-23 {
|
|
margin-left: 30.43478%;
|
|
}
|
|
|
|
.charsheet .sheet-col-8-23 {
|
|
width: 34.78261%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-8-23 {
|
|
margin-left: 34.78261%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-23 {
|
|
width: 39.13043%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-23 {
|
|
margin-left: 39.13043%;
|
|
}
|
|
|
|
.charsheet .sheet-col-10-23 {
|
|
width: 43.47826%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-10-23 {
|
|
margin-left: 43.47826%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-23 {
|
|
width: 47.82609%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-23 {
|
|
margin-left: 47.82609%;
|
|
}
|
|
|
|
.charsheet .sheet-col-12-23 {
|
|
width: 52.17391%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-12-23 {
|
|
margin-left: 52.17391%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-23 {
|
|
width: 56.52174%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-23 {
|
|
margin-left: 56.52174%;
|
|
}
|
|
|
|
.charsheet .sheet-col-14-23 {
|
|
width: 60.86957%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-14-23 {
|
|
margin-left: 60.86957%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-23 {
|
|
width: 65.21739%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-23 {
|
|
margin-left: 65.21739%;
|
|
}
|
|
|
|
.charsheet .sheet-col-16-23 {
|
|
width: 69.56522%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-16-23 {
|
|
margin-left: 69.56522%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-23 {
|
|
width: 73.91304%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-23 {
|
|
margin-left: 73.91304%;
|
|
}
|
|
|
|
.charsheet .sheet-col-18-23 {
|
|
width: 78.26087%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-18-23 {
|
|
margin-left: 78.26087%;
|
|
}
|
|
|
|
.charsheet .sheet-col-19-23 {
|
|
width: 82.6087%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-19-23 {
|
|
margin-left: 82.6087%;
|
|
}
|
|
|
|
.charsheet .sheet-col-20-23 {
|
|
width: 86.95652%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-20-23 {
|
|
margin-left: 86.95652%;
|
|
}
|
|
|
|
.charsheet .sheet-col-21-23 {
|
|
width: 91.30435%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-21-23 {
|
|
margin-left: 91.30435%;
|
|
}
|
|
|
|
.charsheet .sheet-col-22-23 {
|
|
width: 95.65217%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-22-23 {
|
|
margin-left: 95.65217%;
|
|
}
|
|
|
|
.charsheet .sheet-col-1-24 {
|
|
width: 4.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-1-24 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-3-24 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-3-24 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-5-24 {
|
|
width: 20.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-5-24 {
|
|
margin-left: 20.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-7-24 {
|
|
width: 29.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-7-24 {
|
|
margin-left: 29.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-9-24 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-9-24 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-11-24 {
|
|
width: 45.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-11-24 {
|
|
margin-left: 45.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-13-24 {
|
|
width: 54.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-13-24 {
|
|
margin-left: 54.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-15-24 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-15-24 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-17-24 {
|
|
width: 70.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-17-24 {
|
|
margin-left: 70.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-col-19-24 {
|
|
width: 79.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-19-24 {
|
|
margin-left: 79.16667%;
|
|
}
|
|
|
|
.charsheet .sheet-col-21-24 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-21-24 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.charsheet .sheet-col-23-24 {
|
|
width: 95.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-offset-23-24 {
|
|
margin-left: 95.83333%;
|
|
}
|
|
|
|
.charsheet .sheet-row-r {
|
|
letter-spacing: -0.31em;
|
|
*letter-spacing: normal;
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.charsheet .sheet-opera-only :-o-prefocus, .sheet-row-r {
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.charsheet .sheet-row-r img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* End custom Pure grid css (24 cols) */
|
|
|
|
.charsheet .sheet-row input[type=number], .charsheet .sheet-row input[type=text], .charsheet .sheet-row select {
|
|
width: 100%;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
.charsheet .sheet-row textarea {
|
|
width: calc(100% - 10px);
|
|
position: relative;
|
|
left: 0px;
|
|
height: 100px;
|
|
resize:none;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-spell-header {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-iG {
|
|
font-family: 'Candal';
|
|
font-family: 'ShadowIntoLight';
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-attributes tbody input[type=number] {
|
|
font-family: 'PatrickHand';
|
|
}
|
|
|
|
.charsheet .sheet-saves td {
|
|
border: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-saves table {
|
|
border: 0px;
|
|
}
|
|
|
|
/*
|
|
.charsheet .sheet-outer-div .sheet-table-transparent,
|
|
.charsheet .sheet-outer-div .sheet-table-transparent td {
|
|
background-color: transparent!important;
|
|
background-color: rgba(220,220,220,0)!important;
|
|
}*/
|
|
|
|
.charsheet .sheet-outer-div .sheet-attributes table {
|
|
border-color: gold;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-skills table {
|
|
border-spacing: 0;
|
|
*border-collapse: collapse;
|
|
border-collapse: collapse;
|
|
border-color: gold;
|
|
}
|
|
|
|
th:first-child {
|
|
border-radius: 8px 0 0 0;
|
|
border-left: 0px!important;
|
|
}
|
|
|
|
th:last-child {
|
|
border-radius: 0 8px 0 0;
|
|
border-right: 0px!important; /*fc_action table header not right w/o this*/
|
|
}
|
|
|
|
th:only-child{
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-size-center {
|
|
width: 30%;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-size-header {
|
|
width: 75%;
|
|
border-radius: 8px 8px 0 0;
|
|
font-weight: bold;
|
|
background-color:silver;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-weapon-mounted {
|
|
margin-top: 4px;
|
|
width: 60%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-width-auto {
|
|
width: auto;
|
|
}
|
|
|
|
.charsheet .sheet-wtf {
|
|
margin: 0px!important;
|
|
padding: 0px!important;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-standard {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-95-standard {
|
|
width: 98%;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-large-textarea {
|
|
height: 300px;
|
|
max-width: 97%;
|
|
overflow:auto
|
|
border: 2px solid gold;
|
|
background-image: url("http://i.imgur.com/IfMt8V7.png");
|
|
background-position: bottom right;
|
|
background-repeat: no-repeat;
|
|
background-size: 150px;
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
contenteditable: true; }
|
|
|
|
.charsheet .sheet-outer-div .sheet-large-textarea:focus
|
|
{
|
|
background-color: rgba(130,130,250,1);
|
|
border: 2px solid gold;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div .sheet-fc_actions table thead tr th div {
|
|
font-size: 100%;
|
|
}
|
|
|
|
input[type=number]:disabled {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-valign-top,
|
|
.charsheet .sheet-outer-div .sheet-valign-top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-grouping {
|
|
border: thin solid gold;
|
|
padding: 3px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-purchased {
|
|
width: 53px;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-title{
|
|
width: 140px;
|
|
}
|
|
|
|
/*
|
|
UI Configuration Section, borrowed from Savage Worlds -- Tabbed
|
|
*/
|
|
|
|
.charsheet *.sheet-background {
|
|
/*
|
|
background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png");
|
|
background-size: 845px 900px;
|
|
/*background-repeat: no-repeat;*
|
|
/*background-attachment: fixed;*
|
|
background-position: center;
|
|
background-origin: content-box;
|
|
*/
|
|
background-image: url("http://i.imgur.com/jN6TEjL.jpg");
|
|
background-attachment: fixed;
|
|
max-width: 850px;
|
|
width: 850px;
|
|
}
|
|
|
|
.sheet-useBackground input[value="1"]:checked ~ *.sheet-background {
|
|
background-image: none;
|
|
background-color: gray;
|
|
/*background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png");
|
|
background-size: 845px 900px;*/
|
|
/*background-repeat: no-repeat;*/
|
|
/*background-attachment: fixed;*/
|
|
/*background-position: center;
|
|
background-origin: content-box;*/
|
|
}
|
|
|
|
.sheet-useBackground input[value="2"]:checked ~ *.sheet-background {
|
|
/*
|
|
background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png");
|
|
background-size: 845px 900px;
|
|
/*background-repeat: no-repeat;*
|
|
/*background-attachment: fixed;*
|
|
background-position: center;
|
|
background-origin: content-box;
|
|
*/
|
|
background-image: url("http://i.imgur.com/jN6TEjL.jpg");
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked ~ *.sheet-config,
|
|
.sheet-HideUITweaks:checked ~ *.sheet-UITweaks
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
/* '.' before span.sheet-is ? */
|
|
.charsheet span.sheet-is-config::before { /*Close Config: grayish background with black text*/
|
|
content: "Close Configuration";
|
|
}
|
|
|
|
.charsheet span.sheet-is-wcUI::before {
|
|
content: "Close UI Tweaks Configuration";
|
|
}
|
|
|
|
.charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI::before {
|
|
content: "Show UI Tweaks Configuration";
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::before { /*Show Configuration: Black background with grayish text*/
|
|
content: "Configuration";
|
|
}
|
|
|
|
.charsheet span.sheet-is-config {
|
|
border: thin solid darkblue;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig,
|
|
.charsheet .sheet-HideUITweaks
|
|
{
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*Modify Display*/
|
|
/*span classes*/
|
|
.charsheet span.sheet-is-config,
|
|
.charsheet span.sheet-is-wcUI
|
|
{
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 20%;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
/*background: #65763c;*/
|
|
background: #c7c3b0; /*#93537c;*/
|
|
color: black; /*white;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
float: left;
|
|
margin: 5px 0 5px -20%;
|
|
/*margin-left: -20%;*/
|
|
}
|
|
|
|
/*The Classes for the Input Field*/ /* DOT selector here ???? */
|
|
.charsheet input.sheet-HideConfig,
|
|
.charsheet input.sheet-HideUITweaks
|
|
{
|
|
width: 20%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
float: left;
|
|
padding: 0 0 0 0;
|
|
}
|
|
|
|
.charsheet span.sheet-is-config,
|
|
.charsheet span.sheet-is-wcUI
|
|
{ /*Close Config: grayish background with black text*/
|
|
background-color: #c7c3b0;
|
|
color: black;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config,
|
|
.charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI
|
|
{ /*Show Configuration Button: Black background with grayish text*/
|
|
background: black;
|
|
border-radius: 4px;
|
|
color: white;
|
|
}
|
|
|
|
.charsheet h2.sheet-sectionHeader {
|
|
text-align: center;
|
|
color: #755b27;
|
|
background-color: #dbc792;
|
|
border-radius: 15px;
|
|
/*font-family: "cinzelregular";*/
|
|
letter-spacing: normal;
|
|
|
|
background: rgb(255,220,40); /* dull gold */
|
|
/*color: rgb(86,180,233);*/ /* blue */
|
|
color: rgb(20,20,255);
|
|
}
|
|
|
|
.charsheet .sheet-fourBoxReset {
|
|
margin: 0px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
outline: 0px;
|
|
}
|
|
|
|
/* Needs to be coupled with a row=# col=# on the textarea element */
|
|
.charsheet textarea.sheet-verticalText {
|
|
box-sizing: content-box;
|
|
margin-top: -5px;
|
|
width: auto;
|
|
max-width: auto;
|
|
min-width: 105.5%;
|
|
margin-left: -4.8%;
|
|
height: auto;
|
|
font-family: 'Patrick Hand SC';
|
|
font-size: medium;
|
|
}
|
|
|
|
.charsheet textarea.sheet-verticalTextPath {
|
|
box-sizing: content-box;
|
|
width: auto;
|
|
max-width: auto;
|
|
height: auto;
|
|
font-family: 'Patrick Hand SC';
|
|
font-size: medium;
|
|
}
|
|
|
|
.charsheet .sheet-textAreaNoWider {
|
|
resize:vertical!important;
|
|
}
|
|
|
|
.charsheet .sheet-forcewide {
|
|
width: 100%!important;
|
|
} |