mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 20:22:29 +00:00
Todd Mitchell
38ca3b3a42
Update *Druid skills *Enchanter Skills *Remove archane penalty from armour *Add Hunter *Weapon base damage *Weapon damage calculation *armor durability - N/A *update fighter damage calc *fix stat modifier and damage descriptions *general text and form improvements
1156 lines
25 KiB
CSS
1156 lines
25 KiB
CSS
/* Beacon: Tabbed Character Sheet CSS */
|
|
/* Version 1 */
|
|
|
|
/* overall wrapper to fix moving width issues with overflow on hidden sections */
|
|
.charsheet .sheet-overall-wrapper {
|
|
max-width: 832px;
|
|
}
|
|
|
|
/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
|
|
.charsheet div[class^="repcontrol"] {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] {
|
|
display: inline-block!important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */
|
|
div.sheet-maintab-content
|
|
{
|
|
display: none;
|
|
/*visibility: hidden;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden; */
|
|
}
|
|
|
|
input.sheet-update:checked ~ div.sheet-update,
|
|
input.sheet-player:checked ~ div.sheet-player
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-maintab
|
|
{
|
|
width: 20%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet input.sheet-maintab:checked + span.sheet-player,
|
|
.charsheet input.sheet-maintab:checked + span.sheet-update {
|
|
background: #009e73;
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
span.sheet-maintab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 15%;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
background: #ad1d31;
|
|
color: white;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
margin-left: -20%
|
|
}
|
|
|
|
div.sheet-maintab-content
|
|
{
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 2px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
label,
|
|
label div
|
|
{
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Main Sheet Tabs */
|
|
.charsheet div[class^="sheet-section"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-combat,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-magic,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-inventory {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: auto;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-tab {
|
|
width: 87px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: #7d160f;
|
|
color: white;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
width: 87px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -91px;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
|
|
background: #009e73;
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* END Main sheet tabs */
|
|
|
|
/* Graphic Boxes */
|
|
|
|
.charsheet .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 3px) !important;
|
|
height: 32px;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
.charsheet .sheet-2colrow .sheet-col:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.charsheet input.sheet-AC,
|
|
.charsheet input.sheet-HP {
|
|
margin-top: 16px;
|
|
margin-bottom: 34px;
|
|
padding: 0px;
|
|
height: 44px;
|
|
width: 48px;
|
|
font-size: 21px;
|
|
line-height: 48px;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
|
|
.charsheet input.sheet-HP2 {
|
|
margin-top: 16px;
|
|
margin-bottom: 34px;
|
|
padding: 0px;
|
|
height: 44px;
|
|
width: 50px;
|
|
font-size: 21px;
|
|
line-height: 48px;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
border: 1;
|
|
}
|
|
|
|
.charsheet .sheet-ACBG {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Beacon/Assets/shield.png') no-repeat 20% 0% / 6.6em auto;
|
|
}
|
|
|
|
.charsheet .sheet-HPBG {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Beacon/Assets/hp.png') no-repeat 20% 0% / 6.6em auto;
|
|
}
|
|
|
|
/* END Graphic Boxes */
|
|
|
|
/* Spell Page Settings */
|
|
.charsheet div[class^="sheet-spell-page"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltab0:checked ~ div.sheet-spell-page0,
|
|
.charsheet input.sheet-spelltab1:checked ~ div.sheet-spell-page1,
|
|
.charsheet input.sheet-spelltab2:checked ~ div.sheet-spell-page2,
|
|
.charsheet input.sheet-spelltab3:checked ~ div.sheet-spell-page3,
|
|
.charsheet input.sheet-spelltab4:checked ~ div.sheet-spell-page4,
|
|
.charsheet input.sheet-spelltab5:checked ~ div.sheet-spell-page5,
|
|
.charsheet input.sheet-spelltab6:checked ~ div.sheet-spell-page6 {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltab0:checked ~ span.sheet-spelltab0,
|
|
.charsheet input.sheet-spelltab1:checked ~ span.sheet-spelltab1,
|
|
.charsheet input.sheet-spelltab2:checked ~ span.sheet-spelltab2,
|
|
.charsheet input.sheet-spelltab3:checked ~ span.sheet-spelltab3,
|
|
.charsheet input.sheet-spelltab4:checked ~ span.sheet-spelltab4,
|
|
.charsheet input.sheet-spelltab5:checked ~ span.sheet-spelltab5,
|
|
.charsheet input.sheet-spelltab6:checked ~ span.sheet-spelltab6,
|
|
.charsheet input.sheet-spelltab99:checked ~ span.sheet-spelltab99
|
|
{
|
|
background: #009e73;
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.charsheet input.sheet-spellpagetab {
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-spellpagetab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: #7d160f;
|
|
color: white;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -73px;
|
|
}
|
|
/* END Spell Page Settings */
|
|
|
|
/* Borders for spell page and class action repeating section rows */
|
|
div[data-groupname^="repeating_spellbook"] .repitem,
|
|
.sheet-zero-row {
|
|
border: 1px solid #000000;
|
|
border-radius: 12px;
|
|
margin-left: 1px;
|
|
margin-bottom: 5px;
|
|
background: #eee;
|
|
}
|
|
|
|
/* spell type tab Settings */
|
|
|
|
.charsheet div[class^="sheet-spell-type"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypeDescription:checked ~ div.sheet-spell-type-Description {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypeDescription:checked ~ span.sheet-spelltypeDescription {
|
|
background: rgb(0,158,115);
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.charsheet input.sheet-spelltypetab {
|
|
width: 100px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 999;
|
|
}
|
|
|
|
.charsheet span.sheet-spelltypetab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: #7d160f;
|
|
color: white;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
|
|
width: 100px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -73px;
|
|
}
|
|
|
|
/* END spell type tab Settings */
|
|
|
|
|
|
/* Table Settings */
|
|
.charsheet table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
border: 2px solid #404040;
|
|
}
|
|
|
|
.charsheet td,
|
|
.charsheet th,
|
|
.charsheet tr,
|
|
.charsheet tbody,
|
|
.charsheet thead {
|
|
border: 1px solid #404040;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* END Table settings */
|
|
|
|
/* Inventory Page Settings */
|
|
.charsheet div[class^="sheet-inventory-page"] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet input.sheet-inventorytab1:checked ~ div.sheet-inventory-page1,
|
|
.charsheet input.sheet-inventorytab2:checked ~ div.sheet-inventory-page2,
|
|
.charsheet input.sheet-inventorytab3:checked ~ div.sheet-inventory-page3,
|
|
.charsheet input.sheet-inventorytab4:checked ~ div.sheet-inventory-page4 {
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-inventorytab99:checked ~ div[class^="sheet-inventory-page"]{
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
}
|
|
|
|
.charsheet input.sheet-inventorytab1:checked ~ span.sheet-inventorytab1,
|
|
.charsheet input.sheet-inventorytab2:checked ~ span.sheet-inventorytab2,
|
|
.charsheet input.sheet-inventorytab3:checked ~ span.sheet-inventorytab3,
|
|
.charsheet input.sheet-inventorytab4:checked ~ span.sheet-inventorytab4,
|
|
.charsheet input.sheet-inventorytab99:checked ~ span.sheet-inventorytab99
|
|
{
|
|
background: rgb(0,158,115);
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.charsheet input.sheet-inventorytab {
|
|
width: 155px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-inventorytab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: rgb(86,180,233);
|
|
color: white;
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
|
|
width: 155px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -100px;
|
|
}
|
|
|
|
/* END Inventory Page Settings */
|
|
|
|
/* General sheet wide Styles */
|
|
|
|
.charsheet {
|
|
background-color: white;
|
|
}
|
|
|
|
.charsheet button, input, select, textarea,
|
|
.charsheet .sheet-row [class *= "sheet-col"],
|
|
.charsheet [class *= "sheet-col"] {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.charsheet .sheet-spell-row-number,
|
|
.charsheet .sheet-inventory-row-number {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-small-label {
|
|
font-size: 75%!important;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-small-labelblue {
|
|
font-size: 75%!important;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: blue;
|
|
}
|
|
|
|
.charsheet .sheet-large-label {
|
|
font-size: 90%!important;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-last-updated {
|
|
font-size: 85%!important;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet .sheet-checkbox-row {
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-hd-row {
|
|
margin-top: 5px;
|
|
font-size: 14px!important;
|
|
}
|
|
|
|
.charsheet .sheet-pictos {
|
|
font-family: "Pictos";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-pictos-custom {
|
|
font-family: "Pictos Custom";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-pictos-three {
|
|
font-family: "Pictos Three";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-d6-font {
|
|
font-family: "dicefontd6";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-d8-font {
|
|
font-family: "dicefontd8";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-d10-font {
|
|
font-family: "dicefontd10";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-d20-font {
|
|
font-family: "dicefontd20";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-padl,
|
|
.sheet-rolltemplate-DccTabbed .sheet-padl {
|
|
padding-left:10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-padr,
|
|
.sheet-rolltemplate-DccTabbed .sheet-padr {
|
|
padding-right:10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-padt,
|
|
.sheet-rolltemplate-DccTabbed .sheet-padt{
|
|
padding-top:12px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-padb,
|
|
.sheet-rolltemplate-DccTabbed .sheet-padb {
|
|
padding-bottom:5px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-border-right-dotted,
|
|
.sheet-rolltemplate-DccTabbed .sheet-border-right-dotted {
|
|
border-right: 1px dotted #000;
|
|
}
|
|
|
|
.sheet-border-left-dotted,
|
|
.sheet-rolltemplate-DccTabbed .sheet-border-left-dotted {
|
|
border-left: 1px dotted #000;
|
|
}
|
|
|
|
.sheet-border-top-dotted,
|
|
.sheet-rolltemplate-DccTabbed .sheet-border-top-dotted {
|
|
border-top: 1px dotted #000;
|
|
}
|
|
|
|
.sheet-border-bottom-dotted,
|
|
.sheet-rolltemplate-DccTabbed .sheet-border-bottom-dotted {
|
|
border-bottom: 1px dotted #000;
|
|
}
|
|
|
|
.charsheet .sheet-border-right {
|
|
border-right: 1px solid #000;
|
|
}
|
|
|
|
.charsheet .sheet-border-left {
|
|
border-left: 1px solid #000;
|
|
}
|
|
|
|
.charsheet input[type=number], .charsheet input[type=text], .charsheet select {
|
|
width: 100%!important;
|
|
margin-bottom:2px!important;
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet input[type=text].sheet-underlined {
|
|
box-shadow: 0px -2px 0px 0px #000000 inset;
|
|
}
|
|
|
|
.charsheet input[type=number].sheet-underlined {
|
|
box-shadow: 0px -2px 0px 0px #000000 inset;
|
|
}
|
|
|
|
.charsheet button.sheet-core-save, .charsheet button.sheet-core-check, .charsheet button.sheet-initiative, .charsheet button.sheet-roll {
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
.charsheet button.sheet-initiative {
|
|
height: 3em;
|
|
}
|
|
|
|
.charsheet hr {
|
|
border: 0;
|
|
height: 1px;
|
|
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
|
|
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
|
|
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
|
|
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.charsheet span.sheet-spacer {
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-heading-row {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-footer-row {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #dddddd;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-vert-middle {
|
|
vertical-align: middle!important;
|
|
}
|
|
|
|
.charsheet .sheet-vert-bottom {
|
|
vertical-align: bottom!important;
|
|
}
|
|
|
|
.charsheet .sheet-center,
|
|
.sheet-rolltemplate-DccTabbed .sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-left,
|
|
.sheet-rolltemplate-DccTabbed .sheet-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet .sheet-right,
|
|
.sheet-rolltemplate-DccTabbed .sheet-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.charsheet .sheet-centerselect {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: block!important;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
width: calc(100% - 10px);
|
|
height: 150px;
|
|
resize:none;
|
|
}
|
|
|
|
.charsheet textarea.sheet-fluid {
|
|
width: calc(100% - 10px);
|
|
height: 100%;
|
|
}
|
|
|
|
.charsheet textarea.sheet-small {
|
|
width: calc(100% - 150px);
|
|
height: 50px;
|
|
}
|
|
|
|
.charsheet textarea.sheet-medium {
|
|
width: calc(100% - 10px);
|
|
height: 100px;
|
|
}
|
|
|
|
.charsheet textarea.sheet-large {
|
|
width: calc(100% - 10px);
|
|
height: 300px;
|
|
}
|
|
|
|
.charsheet textarea.sheet-extralarge {
|
|
width: calc(100% - 10px);
|
|
height: 700px;
|
|
}
|
|
|
|
.charsheet h3 {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
margin-bottom: 5px;
|
|
color:#ffffff;
|
|
background-color:#000000;
|
|
background-image: -moz-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
|
|
background-image: -webkit-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
|
|
background-image: -o-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
|
|
background-image: -ms-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
|
|
background-image: repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
|
|
margin-top: 10px;
|
|
border-radius: 12px;
|
|
|
|
}
|
|
|
|
.charsheet h4 {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
border-radius: 12px;
|
|
padding-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet h5 {
|
|
background-color: #93537c;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
border-radius: 12px;
|
|
padding-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet input[disabled] {
|
|
background-color: #eaffef;
|
|
border-color: #ddd;
|
|
cursor: not-allowed;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet input[disabled].sheet-passive-skill-score {
|
|
background-color: #def6fc;
|
|
border-color: #ddd;
|
|
cursor: not-allowed;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet input[disabled]::-webkit-inner-spin-button,
|
|
.charsheet input[disabled]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet .sheet-small-note {
|
|
text-align: center;
|
|
font-family: Arial;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.charsheet .sheet-small-text {
|
|
font-family: Arial;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.charsheet select {
|
|
font-size: 90%;
|
|
}
|
|
|
|
.charsheet .sheet-important-text {
|
|
text-decoration: underline;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.charsheet .sheet-grey-row {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.charsheet .sheet-sub-header {
|
|
background-color: #cecece;
|
|
vertical-align: bottom;
|
|
border-radius: 12px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.charsheet .sheet-footer {
|
|
background-color: rgba(250, 202, 78, 0.2);
|
|
vertical-align: bottom;
|
|
border-radius: 12px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.charsheet .sheet-spell-header {
|
|
background-color: #c7d1bf;
|
|
vertical-align: bottom;
|
|
border-radius: 12px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.charsheet input.sheet-BoldText {
|
|
font-size: 1.0em;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet input.sheet-highlight {
|
|
background-color: #ccffff;
|
|
}
|
|
|
|
/* Header section */
|
|
|
|
.charsheet img.sheet-icon {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
/* Core stat section */
|
|
|
|
.charsheet .sheet-core-stat-label {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
font-size: 14px!important;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-large-button {
|
|
padding: 5px;
|
|
height: 45px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/* Skills section */
|
|
|
|
.charsheet .sheet-skill-row {
|
|
margin: 1px 0;
|
|
}
|
|
|
|
.charsheet .sheet-skill-roll {
|
|
padding: 0 5px!important;
|
|
height:29px;
|
|
}
|
|
.charsheet .sheet-skill-name {
|
|
margin-top: 5px;
|
|
font-size: 11px!important;
|
|
}
|
|
.charsheet .sheet-skill-checkbox {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-margin-top {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-margin-bottom {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet label.sheet-subtab {
|
|
width:24px;
|
|
height: 22px;
|
|
vertical-align: middle;
|
|
display: inline;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.charsheet .sheet-class-label {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
font-size: 14px!important;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
border-radius: 12px;
|
|
padding-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet label.sheet-subtabSpell {
|
|
display: inline;
|
|
width: 40px;
|
|
height: 22px;
|
|
vertical-align: middle;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
/* Custom Pure Grid CSS (24 cols) DO NOT EDIT BELOW THIS LINE OR RISK BREAKING FORMATTING */
|
|
.sheet-row,
|
|
.sheet-rolltemplate-DccTabbed .sheet-row {
|
|
letter-spacing: -0.31em;
|
|
*letter-spacing: normal;
|
|
*word-spacing: -0.43em;
|
|
text-rendering: optimizespeed;
|
|
}
|
|
|
|
.sheet-opera-only :-o-prefocus, .sheet-row,
|
|
.sheet-rolltemplate-DccTabbed .sheet-opera-only :-o-prefocus, .sheet-rolltemplate-DccTabbed .sheet-row {
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.sheet-col,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col {
|
|
display: inline-block;
|
|
zoom: 1; *display: inline;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
vertical-align: top;
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-2,.sheet-rolltemplate-DccTabbed .sheet-col-1-3,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-4,.sheet-rolltemplate-DccTabbed .sheet-col-1-5,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-6,.sheet-rolltemplate-DccTabbed .sheet-col-1-7,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-8,.sheet-rolltemplate-DccTabbed .sheet-col-1-9,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-10,.sheet-rolltemplate-DccTabbed .sheet-col-1-11,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-12,.sheet-rolltemplate-DccTabbed .sheet-col-1-13,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-14,.sheet-rolltemplate-DccTabbed .sheet-col-1-15,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-16,.sheet-rolltemplate-DccTabbed .sheet-col-1-17,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-19,.sheet-rolltemplate-DccTabbed .sheet-col-1-21,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-22,.sheet-rolltemplate-DccTabbed .sheet-col-1-23,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-2-23,.sheet-rolltemplate-DccTabbed .sheet-col-1-24,
|
|
.sheet-col-1,.sheet-col-1-2,.sheet-col-1-3,.sheet-col-1-4,.sheet-col-1-5,.sheet-col-1-6,
|
|
.sheet-col-1-7,.sheet-col-1-8,.sheet-col-1-9,.sheet-col-1-10, .sheet-col-1-11,.sheet-col-1-12,
|
|
.sheet-col-1-13, .sheet-col-1-14, .sheet-col-1-15,.sheet-col-1-16,.sheet-col-1-17,.sheet-col-1-18,
|
|
.sheet-col-1-19,.sheet-col-1-20,.sheet-col-1-21,.sheet-col-1-22,.sheet-col-1-23,.sheet-col-1-24
|
|
{
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
vertical-align: top;
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.sheet-col-1,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1 {
|
|
display:block;
|
|
}
|
|
.sheet-col-1-2,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-offset-1-2,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-2 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.sheet-col-1-3,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-3 {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.sheet-offset-1-3,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-3 {
|
|
margin-left: 33.33333%;
|
|
}
|
|
|
|
.sheet-col-1-4,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-4 {
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-offset-1-4,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-4 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.sheet-col-1-5,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-5 {
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-offset-1-5,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-5 {
|
|
margin-left: 20%;
|
|
}
|
|
|
|
.sheet-col-1-6,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-6 {
|
|
width: 16.66667%;
|
|
}
|
|
|
|
.sheet-offset-1-6,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-6 {
|
|
margin-left: 16.66667%;
|
|
}
|
|
|
|
.sheet-col-1-7,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-7 {
|
|
width: 14.28571%;
|
|
}
|
|
|
|
.sheet-offset-1-7,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-7 {
|
|
margin-left: 14.28571%;
|
|
}
|
|
|
|
.sheet-col-1-8,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-8 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.sheet-offset-1-8,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-8 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.sheet-col-1-9,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-9 {
|
|
width: 11.11111%;
|
|
}
|
|
|
|
.sheet-offset-1-9,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-9 {
|
|
margin-left: 11.11111%;
|
|
}
|
|
|
|
.sheet-col-1-10,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-10 {
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-offset-1-10,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-10 {
|
|
margin-left: 10%;
|
|
}
|
|
|
|
.sheet-col-1-11,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-11 {
|
|
width: 9.09091%;
|
|
}
|
|
|
|
.sheet-offset-1-11,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-11 {
|
|
margin-left: 9.09091%;
|
|
}
|
|
|
|
.sheet-col-1-12,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-12 {
|
|
width: 8.33333%;
|
|
}
|
|
|
|
.sheet-offset-1-12,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-12 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
|
|
.sheet-col-1-13,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-13 {
|
|
width: 7.69231%;
|
|
}
|
|
|
|
.sheet-offset-1-13,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-13 {
|
|
margin-left: 7.69231%;
|
|
}
|
|
|
|
.sheet-col-1-14,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-14 {
|
|
width: 7.14286%;
|
|
}
|
|
|
|
.sheet-offset-1-14,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-14 {
|
|
margin-left: 7.14286%;
|
|
}
|
|
|
|
.sheet-col-1-15,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-15 {
|
|
width: 6.66667%;
|
|
}
|
|
|
|
.sheet-offset-1-15,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-15 {
|
|
margin-left: 6.66667%;
|
|
}
|
|
|
|
.sheet-col-1-16,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-16 {
|
|
width: 6.25%;
|
|
}
|
|
|
|
.sheet-offset-1-16,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-16 {
|
|
margin-left: 6.25%;
|
|
}
|
|
.sheet-col-1-17,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-17 {
|
|
width: 5.88235%;
|
|
}
|
|
|
|
.sheet-offset-1-17,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-17 {
|
|
margin-left: 5.88235%;
|
|
}
|
|
|
|
.sheet-col-1-18,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-18 {
|
|
width: 5.55556%;
|
|
}
|
|
|
|
.sheet-offset-1-18,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-18 {
|
|
margin-left: 5.55556%;
|
|
}
|
|
|
|
.sheet-col-1-19,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-19 {
|
|
width: 5.26316%;
|
|
}
|
|
|
|
.sheet-offset-1-19,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-19 {
|
|
margin-left: 5.26316%;
|
|
}
|
|
|
|
.sheet-col-1-20,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-20 {
|
|
width: 5%;
|
|
}
|
|
|
|
.sheet-offset-1-20,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-20 {
|
|
margin-left: 5%;
|
|
}
|
|
.sheet-col-1-21,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-21 {
|
|
width: 4.7619%;
|
|
}
|
|
|
|
.sheet-offset-1-21,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-21 {
|
|
margin-left: 4.7619%;
|
|
}
|
|
.sheet-col-1-22,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-22 {
|
|
width: 4.54545%;
|
|
}
|
|
|
|
.sheet-offset-1-22,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-22 {
|
|
margin-left: 4.54545%;
|
|
}
|
|
|
|
.sheet-col-1-23,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-23 {
|
|
width: 4.34783%;
|
|
}
|
|
|
|
.sheet-offset-1-23,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-23 {
|
|
margin-left: 4.34783%;
|
|
}
|
|
|
|
.sheet-col-1-24,
|
|
.sheet-rolltemplate-DccTabbed .sheet-col-1-24 {
|
|
width: 4.16667%;
|
|
}
|
|
|
|
.sheet-offset-1-24,
|
|
.sheet-rolltemplate-DccTabbed .sheet-offset-1-24 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
|
|
.sheet-row-r,
|
|
.sheet-rolltemplate-DccTabbed .sheet-row-r {
|
|
letter-spacing: -0.31em;
|
|
*letter-spacing: normal;
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.sheet-opera-only :-o-prefocus, .sheet-row-r,
|
|
.sheet-rolltemplate-DccTabbed .sheet-opera-only :-o-prefocus, .sheet-rolltemplate-DccTabbed .sheet-row-r {
|
|
word-spacing: -0.43em;
|
|
}
|
|
|
|
.sheet-row-r img,
|
|
.sheet-rolltemplate-DccTabbed .sheet-row-r img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* End custom Pure grid css (24 cols) */ |