mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
1500 lines
33 KiB
CSS
1500 lines
33 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;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
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: 70%;
|
|
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;
|
|
} |