mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
791 lines
30 KiB
CSS
791 lines
30 KiB
CSS
/* CSS Reset */{}
|
|
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
|
|
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
|
|
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
|
|
margin: -1.5px 0 0 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
color: #000000;
|
|
vertical-align: baseline;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.charsheet .sheet-wrapper table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
.charsheet .sheet-wrapper input::-webkit-outer-spin-button,
|
|
.charsheet .sheet-wrapper input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0 0 0 0;
|
|
}
|
|
.charsheet .sheet-wrapper input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea {
|
|
resize: none;
|
|
}
|
|
|
|
/* MAIN SHEET */
|
|
.charsheet {
|
|
/*background-image: url(fillertmp.png);*/
|
|
font-family: Helvetica, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
|
|
font-size: 12px;
|
|
border: 0px;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
/*width:850px;*/
|
|
background-color:#FFFFFF;
|
|
/*background-color:#4682B4;*/
|
|
}
|
|
|
|
/* MAIN INPUTS */
|
|
input:before, radio:before; text:before, textarea:before, select:before {content: "";display: none;}
|
|
|
|
input[type=text]{
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
height: 25px;
|
|
width:100%;
|
|
background-image: none;
|
|
background-color: #EBECE4;
|
|
border: 0px solid black;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
.sheet-input-text-small{font-size:10px!important;}
|
|
.sheet-input-dashed{text-decoration: line-through!important;}
|
|
.sheet-input-uppercase{text-transform: uppercase!important;}
|
|
.sheet-input-leftaligned{text-align:left!important;}
|
|
.sheet-input-rightaligned{text-align:right!important;}
|
|
.sheet-input-centeraligned{text-align:center!important;}
|
|
.sheet-input-topaligned{vertical-align:top!important;}
|
|
.sheet-input-medaligned{vertical-align:med!important;}
|
|
.sheet-colored-green{background-color:#FDFCDC!important;}
|
|
.sheet-colored-gray{background-color:#C9C9C9!important;}
|
|
.charsheet .sheet-fluid-textarea {height: 100%;}
|
|
|
|
input[disabled], text[disabled], textarea[disabled], select[disabled]{
|
|
background-color: #E9CFEC;
|
|
border-color: #aaa;
|
|
cursor: not-allowed;
|
|
text-align:center;
|
|
}
|
|
|
|
button[type=roll]:before {
|
|
content: ""; display: none;
|
|
border: 0px;
|
|
margin-bottom: 0px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
padding: 0px;
|
|
}
|
|
button[type=roll] {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
border: 0px!important;
|
|
margin-bottom: 0px!important;
|
|
margin-left: 0px!important;
|
|
margin-right: 0px!important;
|
|
margin-top: 0px!important;
|
|
padding: 0px!important;
|
|
background-image: none;
|
|
border: none;
|
|
border-radius: 0px;
|
|
height: 25px;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-button-half-height{height: 15px!important;}
|
|
.charsheet .sheet-button-double-height{ height: 50px!important;}
|
|
.charsheet .sheet-button-triple-height{ height: 75px!important;}
|
|
|
|
input[type=radio]{
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #EBECE4;
|
|
}
|
|
|
|
input[type=checkbox]{
|
|
text-align:center!important;
|
|
vertical-align:middle!important;
|
|
background-color: #EBECE4;
|
|
}
|
|
|
|
select{
|
|
-webkit-appearance: none;
|
|
background-color: #CDC8B1!important;
|
|
font-size:10px;
|
|
text-align: center;
|
|
border: 0px!important;
|
|
margin-bottom: 0px!important;
|
|
margin-left: 0px!important;
|
|
margin-right: 0px!important;
|
|
margin-top: 0px!important;
|
|
padding: 0px!important;
|
|
background-image: none;
|
|
background-color: #EBECE4;
|
|
border: none;
|
|
border-radius: 0px;
|
|
height: 25px;
|
|
width: 100%;
|
|
}
|
|
|
|
textarea{
|
|
font-size:10px;
|
|
text-align:left;
|
|
height:50px;
|
|
width:99%;
|
|
background-image: none;
|
|
background-color: #EBECE4;
|
|
border: 0px solid black;
|
|
margin: 0 0 0 0;
|
|
padding: 2px;
|
|
resize:none;
|
|
}
|
|
|
|
/* OTHER SETTINGS */
|
|
.charsheet h4{
|
|
text-align: center; text-transform: uppercase; color:#ffffff;
|
|
background-color:#8B1A1A;
|
|
margin: 5px 0 10px 0;
|
|
border-radius: 12px;
|
|
width: 500px;
|
|
}
|
|
|
|
.charsheet h3{
|
|
text-align: center; text-transform: uppercase; color:#ffffff;
|
|
background-color:#556B2F;
|
|
margin: 5px 0 10px 0;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.charsheet hr{
|
|
text-align: center; text-transform: uppercase; /*color:none;border-bottom-color:transparent;*/
|
|
height: 2px; width: 100%; align:center;
|
|
margin: 2px 2px 2px 2px;
|
|
border-radius: 0px;
|
|
border:none;
|
|
}
|
|
|
|
.charsheet .sheet-row {
|
|
height:25px;
|
|
text-rendering: optimizespeed;
|
|
}
|
|
.charsheet .sheet-smalllerrowing{
|
|
height:18px!important;
|
|
}
|
|
.charsheet .sheet-row-panel {
|
|
text-rendering: optimizespeed;
|
|
}
|
|
|
|
.charsheet .sheet-col {
|
|
/*display: inline-block;zoom: 1; *display: inline;
|
|
letter-spacing: normal; word-spacing: normal; vertical-align: middle;*/
|
|
text-rendering: auto;
|
|
}
|
|
|
|
/* ROW & COLUMNS SETTINGS */
|
|
.charsheet .sheet-tabbed-panel,
|
|
.charsheet .sheet-attributebox-attributes-panel,
|
|
.charsheet .sheet-attributebox-right-block,
|
|
.charsheet .sheet-attributebox-second-panel,
|
|
.charsheet .sheet-attributebox-third-panel,
|
|
.charsheet .sheet-attributebox-singlelabel,
|
|
.charsheet .sheet-attributebox-smalllabel,
|
|
.charsheet .sheet-attributebox-smalllabel-centered,
|
|
.charsheet .sheet-attributebox-doublelabel,
|
|
.charsheet .sheet-attributebox-button,
|
|
.charsheet .sheet-attributebox-smallbutton,
|
|
.charsheet .sheet-attributebox-input,
|
|
.charsheet .sheet-attributebox-smallinput,
|
|
.charsheet .sheet-attributebox-doubleinput,
|
|
.charsheet .column-filler,
|
|
.charsheet .sheet-attributebox-second-title,
|
|
.charsheet .sheet-attributebox-second-left,
|
|
.charsheet .sheet-attributebox-second-col,
|
|
.charsheet .sheet-attributebox-second-input,
|
|
.charsheet .sheet-attributebox-third-title,
|
|
.charsheet .sheet-attributebox-third-left,
|
|
.charsheet .sheet-attributebox-third-col,
|
|
.charsheet .sheet-attributebox-fourth-panel,
|
|
.charsheet .sheet-attributebox-fourth-main-col,
|
|
.charsheet .sheet-attributebox-fourth-parry-button,
|
|
.charsheet .sheet-attributebox-fourth-parry-left,
|
|
.charsheet .sheet-attributebox-fourth-parry-right,
|
|
.charsheet .sheet-attributebox-fourth-block-button,
|
|
.charsheet .sheet-attributebox-fourth-block-left,
|
|
.charsheet .sheet-attributebox-fourth-block-right,
|
|
.charsheet .sheet-attributebox-fourth-dodge-button,
|
|
.charsheet .sheet-attributebox-fourth-dodge-right,
|
|
.charsheet .sheet-mainlower-leftpanel,
|
|
.charsheet .sheet-mainlower-rightpanel,
|
|
.charsheet .sheet-armorpanel-location,
|
|
.charsheet .sheet-armorpanel-tohit,
|
|
.charsheet .sheet-armorpanel-front,
|
|
.charsheet .sheet-armorpanel-back,
|
|
.charsheet .sheet-rightpanel-rangedweapons,
|
|
.charsheet .sheet-rightpanel-meleeweapons,
|
|
.charsheet .sheet-rightpanel-attackstyle,
|
|
.charsheet .sheet-attackpanel-atk,
|
|
.charsheet .sheet-meleeweapons-button,
|
|
.charsheet .sheet-meleeweapons-name,
|
|
.charsheet .sheet-meleeweapons-skill,
|
|
.charsheet .sheet-meleeweapons-parry,
|
|
.charsheet .sheet-meleeweapons-parryskill,
|
|
.charsheet .sheet-meleeweapons-reach,
|
|
.charsheet .sheet-meleeweapons-type,
|
|
.charsheet .sheet-meleeweapons-damage,
|
|
.charsheet .sheet-rangedweapons-button,
|
|
.charsheet .sheet-rangedweapons-name,
|
|
.charsheet .sheet-rangedweapons-skill,
|
|
.charsheet .sheet-rangedweapons-acc,
|
|
.charsheet .sheet-rangedweapons-range,
|
|
.charsheet .sheet-rangedweapons-rof,
|
|
.charsheet .sheet-rangedweapons-shots,
|
|
.charsheet .sheet-rangedweapons-bulk,
|
|
.charsheet .sheet-rangedweapons-recoil,
|
|
.charsheet .sheet-rangedweapons-type,
|
|
.charsheet .sheet-rangedweapons-damage,
|
|
.charsheet .sheet-mainlower-leftlowerpanel,
|
|
.charsheet .sheet-injury-name,
|
|
.charsheet .sheet-injury-desc,
|
|
.charsheet .sheet-mainlower-armorpanel,
|
|
.charsheet .sheet-mainlower-injurtpanel,
|
|
.charsheet .sheet-armorpanel-calcdamage,
|
|
.charsheet .sheet-armorpanel-calcDR,
|
|
.charsheet .sheet-armorpanel-calclocation,
|
|
.charsheet .sheet-armorpanel-calctype,
|
|
.charsheet .sheet-armorpanel-calcbutton,
|
|
.charsheet .sheet-attributebox-doublebutton
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
.charsheet .sheet-tabbed-panel{display:block;margin-left:auto;margin-right:auto;}
|
|
/* MAIN PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-attributebox-attributes-panel{width: 340px;vertical-align:top;}
|
|
.charsheet .sheet-attributebox-singlelabel{width: 20%;}
|
|
.charsheet .sheet-attributebox-smalllabel{width: 10%;}
|
|
.charsheet .sheet-attributebox-smalllabel-centered{width: 10%;text-align:center}
|
|
.charsheet .sheet-attributebox-doublelabel{width: 32%;margin-right:3px;text-align:center;}
|
|
.charsheet .sheet-attributebox-button{width: 20%;}
|
|
.charsheet .sheet-attributebox-doublebutton{width: 35%;}
|
|
.charsheet .sheet-attributebox-smallbutton{width: 20%;font-size:8px;}
|
|
.charsheet .sheet-attributebox-input{width: 12%;}
|
|
.charsheet .sheet-attributebox-smallinput{width: 10%;font-size:10px;}
|
|
.charsheet .sheet-attributebox-doubleinput{width: 32%;}
|
|
|
|
.charsheet .sheet-attributebox-right-block{width: 500px;vertical-align:top;border: 1px dashed black;border-radius:5px;}
|
|
|
|
.charsheet .sheet-attributebox-second-panel{width: 65%;height:155px;vertical-align:top;}
|
|
.charsheet .sheet-attributebox-second-title{width: 30%;font-weight:bold;text-align:center}
|
|
.charsheet .sheet-attributebox-second-left{width: 18%;text-align:right;}
|
|
.charsheet .sheet-attributebox-second-col{width: 15%;text-align:center}
|
|
.charsheet .sheet-attributebox-second-input{width: 15%;text-align:center}
|
|
|
|
.charsheet .sheet-attributebox-third-panel{width: 33%;height:155px;vertical-align:top;}
|
|
.charsheet .sheet-attributebox-third-title{width: 90%;text-align:center}
|
|
.charsheet .sheet-attributebox-third-left{width: 75%;text-align:center;margin-left:4px;}
|
|
.charsheet .sheet-attributebox-third-col{width: 20%;text-align:center}
|
|
|
|
.charsheet .sheet-attributebox-fourth-panel{width: 100%;height:100px;vertical-align:top;text-align:center;background-color:#A2CD5A;}
|
|
.charsheet .sheet-attributebox-fourth-main-col{width: 40%;text-align:center;font-weight:bold;vertical-align:top;}
|
|
.charsheet .sheet-attributebox-fourth-parry-button{width: 42%;text-align:center;font-size:8px;}
|
|
.charsheet .sheet-attributebox-fourth-parry-left{width: 40%;text-align:center;font-size:8px;}
|
|
.charsheet .sheet-attributebox-fourth-parry-right{width: 14%;text-align:center}
|
|
.charsheet .sheet-attributebox-fourth-block-button{width: 50%;text-align:center;font-size:8px;}
|
|
.charsheet .sheet-attributebox-fourth-block-left{width: 50%;text-align:center;}
|
|
.charsheet .sheet-attributebox-fourth-block-right{width: 48%;text-align:center;}
|
|
.charsheet .sheet-attributebox-fourth-dodge-button{width: 60%;text-align:center;font-size:8px;}
|
|
.charsheet .sheet-attributebox-fourth-dodge-right{width: 38%;text-align:center}
|
|
|
|
.charsheet .sheet-mainlower-leftpanel{width: 260px;vertical-align:top;}
|
|
.charsheet .sheet-mainlower-rightpanel{width: 580px;vertical-align:top}
|
|
.charsheet .sheet-rightpanel-attackstyle{width: 98%;border: 1px dashed black;}
|
|
.charsheet .sheet-rightpanel-rangedweapons{width: 98%;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;}
|
|
.charsheet .sheet-rightpanel-meleeweapons{width: 98%;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;}
|
|
|
|
.charsheet .sheet-mainlower-armorpanel{width: 100%;height:100%;text-align:center;vertical-align:top;border: 1px dashed black;background-color:#A2B5CD;border-radius:20px;}
|
|
.charsheet .sheet-armorpanel-location{width: 20%;font-size:12px;text-align:left;vertical-align:middle;margin-left:4px;}
|
|
.charsheet .sheet-armorpanel-tohit{width: 20%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-armorpanel-front{width: 20%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-armorpanel-back{width: 20%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
|
|
.charsheet .sheet-armorpanel-calcdamage{width: 15%;font-size:12px;text-align:center;vertical-align:middle;margin-left:4px;}
|
|
.charsheet .sheet-armorpanel-calcDR{width: 15%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-armorpanel-calclocation{width: 28%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-armorpanel-calctype{width: 30%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-armorpanel-calcbutton{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
|
|
.charsheet .sheet-mainlower-injurypanel{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-injury-name{width: 30%;font-size:10px;text-align:left;vertical-align:top;margin-left:4px;}
|
|
.charsheet .sheet-injury-desc{width: 65%;font-size:10px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-attackpanel-atk{width: 19%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
|
|
.charsheet .sheet-meleeweapons-button{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-name{width: 25%;font-size:10px;text-align:left;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-skill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-parry{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-parryskill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-reach{width: 10%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-type{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-meleeweapons-damage{width: 16%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
|
|
.charsheet .sheet-rangedweapons-button{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-name{width: 16%;font-size:10px;text-align:left;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-skill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-acc{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-range{width: 10%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-rof{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-shots{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-bulk{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-recoil{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-type{width: 5%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-rangedweapons-damage{width: 16%;font-size:10px;text-align:center;vertical-align:middle;}
|
|
|
|
|
|
/* SKILL PAGE SETUP */
|
|
.charsheet .sheet-skillpanel-top,
|
|
.charsheet .sheet-skillpanel-bottom,
|
|
.charsheet .sheet-skill-button,
|
|
.charsheet .sheet-skill-name,
|
|
.charsheet .sheet-skill-note,
|
|
.charsheet .sheet-skill-ref,
|
|
.charsheet .sheet-skill-tl,
|
|
.charsheet .sheet-skill-base,
|
|
.charsheet .sheet-skill-stat,
|
|
.charsheet .sheet-skill-level,
|
|
.charsheet .sheet-skill-trained
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* SKILL PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-skillpanel-top{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-skillpanel-bottom{width: 100%;vertical-align:top;}
|
|
|
|
.charsheet .sheet-skill-button{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-name{width: 18%;font-size:12px;text-align:left;vertical-align:middle;}
|
|
.charsheet .sheet-skill-note{width: 45%;font-size:12px;text-align:left;vertical-align:middle;}
|
|
.charsheet .sheet-skill-ref{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-tl{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-base{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-stat{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-level{width: 5%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-skill-trained{width: 2%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
|
|
/* TRAITS PAGE SETUP */
|
|
.charsheet .sheet-traitpanel-top,
|
|
.charsheet .sheet-traitpanel-bottom,
|
|
.charsheet .sheet-trait-name,
|
|
.charsheet .sheet-trait-note,
|
|
.charsheet .sheet-trait-ref
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* TRAIT PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-traitpanel-top{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-traitpanel-bottom{width: 100%;vertical-align:top;}
|
|
|
|
.charsheet .sheet-trait-name{width: 18%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-trait-note{width: 75%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-trait-ref{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
|
|
/* INVENTORY PAGE SETUP */
|
|
.charsheet .sheet-inventorypanel-top,
|
|
.charsheet .sheet-inventorypanel-bottom,
|
|
.charsheet .sheet-inventorypanel-coin,
|
|
.charsheet .sheet-coin-name,
|
|
.charsheet .sheet-coin-amount,
|
|
.charsheet .sheet-inventory-title,
|
|
.charsheet .sheet-inventory-quicknotes,
|
|
.charsheet .sheet-inventory-carried,
|
|
.charsheet .sheet-inventory-name,
|
|
.charsheet .sheet-inventory-ref,
|
|
.charsheet .sheet-inventory-note,
|
|
.charsheet .sheet-inventory-location,
|
|
.charsheet .sheet-inventory-WT,
|
|
.charsheet .sheet-inventory-QT,
|
|
.charsheet .sheet-inventory-totalWT
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* INVENTORY PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-inventorypanel-top{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-inventorypanel-bottom{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-inventorypanel-coin{width: 650px;vertical-align:top}
|
|
|
|
.charsheet .sheet-coin-name{width: 60px;vertical-align:top}
|
|
.charsheet .sheet-coin-amount{width: 50px;vertical-align:top}
|
|
|
|
.charsheet .sheet-inventory-title{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-quicknotes{width: 88%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-inventory-carried{width: 25px;font-size:12px;text-align:center;vertical-align:middle;}
|
|
.charsheet .sheet-inventory-name{width: 20%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-ref{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-note{width: 42%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-location{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-WT{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-QT{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-inventory-totalWT{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
/* SPELL PAGE SETUP */
|
|
.charsheet .sheet-spellpanel-top,
|
|
.charsheet .sheet-spell-button,
|
|
.charsheet .sheet-spell-name,
|
|
.charsheet .sheet-spell-ref,
|
|
.charsheet .sheet-spell-duration,
|
|
.charsheet .sheet-spell-cost,
|
|
.charsheet .sheet-spell-emote,
|
|
.charsheet .sheet-spell-effect,
|
|
.charsheet .sheet-spell-stat,
|
|
.charsheet .sheet-spell-level,
|
|
.charsheet .sheet-spell-base,
|
|
.charsheet .sheet-spell-trained
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* SPELL PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-spellpanel-top{width: 100%;vertical-align:top;}
|
|
|
|
.charsheet .sheet-spell-button{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-name{width: 17%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-spell-ref{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-duration{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-cost{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-emote{width: 20%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-spell-effect{width: 20%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-spell-stat{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-level{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-base{width: 5%;font-size:12px;text-align:center;vertical-align:top;}
|
|
.charsheet .sheet-spell-trained{width: 2%;font-size:12px;text-align:center;vertical-align:middle;}
|
|
|
|
/* VARIOUS PAGE SETUP */
|
|
.charsheet .sheet-variouspanel-cp,
|
|
.charsheet .sheet-variouspanel-desc,
|
|
.charsheet .sheet-variouspanel-appear,
|
|
.charsheet .sheet-variouspanel-languages,
|
|
.charsheet .sheet-variouspanel-culture,
|
|
.charsheet .sheet-variouspanel-quicknotes,
|
|
.charsheet .sheet-variouspanel-contacts,
|
|
.charsheet .sheet-cpoint-name,
|
|
.charsheet .sheet-cpoint-amount,
|
|
.charsheet .sheet-desc-label,
|
|
.charsheet .sheet-desc-field,
|
|
.charsheet .sheet-desc-fieldlarge,
|
|
.charsheet .sheet-appear-label,
|
|
.charsheet .sheet-appear-field,
|
|
.charsheet .sheet-appear-selectfield,
|
|
.charsheet .sheet-appear-textfield,
|
|
.charsheet .sheet-notes-label,
|
|
.charsheet .sheet-notes-textfield,
|
|
.charsheet .sheet-contacts-name,
|
|
.charsheet .sheet-contacts-location,
|
|
.charsheet .sheet-contacts-details,
|
|
.charsheet .sheet-language-button,
|
|
.charsheet .sheet-language-label,
|
|
.charsheet .sheet-language-field,
|
|
.charsheet .sheet-culture-label,
|
|
.charsheet .sheet-culture-field
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* VARIOUS PAGE ATTRIBUTE BOX */
|
|
.charsheet .sheet-variouspanel-cp{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-variouspanel-desc{width: 100%;vertical-align:top;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;}
|
|
.charsheet .sheet-variouspanel-appear{width: 100%;vertical-align:top;border: 1px dashed black;border-radius:5px;}
|
|
.charsheet .sheet-variouspanel-languages{width: 50%;vertical-align:top;}
|
|
.charsheet .sheet-variouspanel-culture{width: 50%;vertical-align:top;}
|
|
.charsheet .sheet-variouspanel-quicknotes{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-variouspanel-contacts{width: 600px;vertical-align:top;}
|
|
|
|
.charsheet .sheet-cpoint-name{width: 100px;vertical-align:top;}
|
|
.charsheet .sheet-cpoint-amount{width: 50px;vertical-align:top;}
|
|
|
|
.charsheet .sheet-desc-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-desc-field{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-desc-fieldlarge{width: 15%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-appear-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-appear-field{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-appear-selectfield{width: 20%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-appear-textfield{width: 88%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-language-button{width: 5%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-language-label{width: 42%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-language-field{width: 25%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
|
|
.charsheet .sheet-culture-label{width: 48%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-culture-field{width: 25%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-notes-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-notes-textfield{width: 88%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-contacts-name{width: 15%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-contacts-location{width: 15%;font-size:12px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-contacts-details{width: 68%;font-size:12px;text-align:left;vertical-align:top;}
|
|
|
|
|
|
.charsheet .column-filler{
|
|
background-color:#000000;color:#000000;width: 1px;margin: 0 0 0 0;
|
|
}
|
|
|
|
/* NPC STAT BLOCK SETUP */
|
|
.charsheet .sheet-NPC-mainpanel,
|
|
.charsheet .sheet-NPC-headerpanel,
|
|
.charsheet .sheet-NPC-statpanel,
|
|
.charsheet .sheet-NPC-actionpanel,
|
|
.charsheet .sheet-NPC-maneuverpanel,
|
|
.charsheet .sheet-NPC-attackpanel,
|
|
.charsheet .sheet-NPC-notepanel,
|
|
.charsheet .sheet-headerpanel-input,
|
|
.charsheet .sheet-headerpanel-button,
|
|
.charsheet .sheet-headerpanel-smallbutton,
|
|
.charsheet .sheet-statpanel-name,
|
|
.charsheet .sheet-statpanel-input,
|
|
.charsheet .sheet-maneuver-select,
|
|
.charsheet .sheet-notepanel-label,
|
|
.charsheet .sheet-notepanel-textfield,
|
|
.charsheet .sheet-attackpanel-name,
|
|
.charsheet .sheet-attackpanel-smallname,
|
|
.charsheet .sheet-attackpanel-field,
|
|
.charsheet .sheet-attackpanel-smallfield,
|
|
.charsheet .sheet-attackpanel-medname,
|
|
.charsheet .sheet-attackpanel-dummymacro
|
|
{
|
|
display: inline-block;
|
|
letter-spacing: normal; word-spacing: normal;
|
|
text-rendering: auto;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* NPC STAT BLOCK PAGE */
|
|
.charsheet .sheet-NPC-headerpanel{width: 500px;vertical-align:top;text-align=center!important;}
|
|
.charsheet .sheet-headerpanel-input{width: 20%;font-size:8px!important;vertical-align:top;}
|
|
.charsheet .sheet-headerpanel-button{width: 20%;font-size:8px!important;vertical-align:top}
|
|
.charsheet .sheet-headerpanel-smallbutton{width: 10%;font-size:8px!important;vertical-align:top}
|
|
|
|
.charsheet .sheet-NPC-mainpanel{width: 100%;vertical-align:top;border: 1px solid black;border-radius:0px;}
|
|
.charsheet .sheet-NPC-statpanel{width: 125px;text-align:center!important;vertical-align:top;border: 1px dashed black;border-radius:0px;}
|
|
.charsheet .sheet-NPC-actionpanel{width: 370px;vertical-align:top;}
|
|
.charsheet .sheet-NPC-maneuverpanel{width: 100%;vertical-align:top;}
|
|
.charsheet .sheet-NPC-attackpanel{width: 100%;vertical-align:top;text-align:right!important;}
|
|
.charsheet .sheet-NPC-notepanel{width: 100%;vertical-align:top;}
|
|
|
|
.charsheet .sheet-statpanel-name{width: 35px;font-size:8px!important;}
|
|
.charsheet .sheet-statpanel-input{width: 20px;font-size:10px!important;}
|
|
.charsheet .sheet-maneuver-select{width: 19%;font-size:8px!important;}
|
|
.charsheet .sheet-notepanel-label{width: 10%;font-size:10px;text-align:left;vertical-align:top;}
|
|
.charsheet .sheet-notepanel-textfield{width: 88%;font-size:10px;text-align:left;vertical-align:top;}
|
|
|
|
.charsheet .sheet-attackpanel-name{width: 50%;font-size:10px!important;}
|
|
.charsheet .sheet-attackpanel-smallname{width: 18%;font-size:10px!important;}
|
|
.charsheet .sheet-attackpanel-medname{width:95px;font-size:10px!important;}
|
|
.charsheet .sheet-attackpanel-field{width: 10%;text-align:center!important;font-size:10px!important;}
|
|
.charsheet .sheet-attackpanel-smallfield{width: 7%;text-align:center!important;font-size:10px!important;}
|
|
|
|
/* TAB SHEET TYPE SETTINGS */
|
|
div.sheet-tabsheet-content { display: none;}
|
|
input.sheet-tabPC:checked ~ div.sheet-tabPC
|
|
{
|
|
display: block;
|
|
}
|
|
input.sheet-tabNPC:checked ~ div.sheet-tabNPC
|
|
{
|
|
display: block;
|
|
width:500px;
|
|
}
|
|
|
|
input.sheet-tabtype
|
|
{
|
|
width: 50px;
|
|
height: 10px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: -1.5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-tabtype::before
|
|
{
|
|
content: attr(title);
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #FFFFFF;
|
|
width: 50px;
|
|
height: 10;
|
|
font-size: 10px;
|
|
}
|
|
|
|
input.sheet-tabtype:checked::before
|
|
{
|
|
background: #A2CD5A;
|
|
}
|
|
|
|
input.sheet-tabtype:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
div.sheet-tabtype-content
|
|
{
|
|
border: 0px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
width:500px;
|
|
}
|
|
|
|
|
|
/* TAB SETTINGS */
|
|
div.sheet-tab-content { display: none;}
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5,
|
|
input.sheet-tab6:checked ~ div.sheet-tab6
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 100px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -1.5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-tab::before
|
|
{
|
|
content: attr(title);
|
|
border: solid 1px #a8a8a8;
|
|
border-bottom-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #fff;
|
|
width: 100px;
|
|
height: 20px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
background: #dcdcdc;
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
border: 0px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 0 0 0 0;
|
|
padding: 0px;
|
|
width:850px;
|
|
}
|
|
|
|
/* ===== CSS TOOLTIP ===== */
|
|
.sheet-popup {}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: -40px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popup:hover + .sheet-tooltip {
|
|
width: auto;
|
|
height: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
bottom:0px;right:0px;
|
|
width:250px;
|
|
color: #111;
|
|
border: 1px solid black;
|
|
border-radius:5px;
|
|
background: #fffAF0;
|
|
line-height: 1.5em;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-box-shadow: 5px #CCC;
|
|
-webkit-box-shadow: 5px #CCC;
|
|
box-shadow: 5px #CCC;
|
|
}
|
|
|
|
.sheet-tooltip table {
|
|
float: left;
|
|
line-height: 2em;
|
|
font-size: 10px;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-tooltip td {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.sheet-tooltip tbody tr:nth-child(odd) {
|
|
background: #FFF;
|
|
}
|