mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1577 lines
35 KiB
CSS
1577 lines
35 KiB
CSS
input[type="number"][readonly],
|
|
input[type="text"][readonly] {
|
|
font-weight: bold;
|
|
background-color: lightsteelblue;
|
|
}
|
|
|
|
input[type="text"], input[type="number"] {
|
|
background-color: transparent;
|
|
border: 0 solid darkblue;
|
|
border-bottom-width: 1px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
input[type="text"], select {
|
|
width: 100%;
|
|
margin: 1px 0 0 0;
|
|
}
|
|
|
|
input[type="text"] {
|
|
min-width:3em;
|
|
}
|
|
|
|
.sheet-small-label2 > input[type=number]{
|
|
width: 98%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* turn off spinners for firefox width:3.25em; */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield !important;
|
|
-moz-padding-end: .5em;
|
|
padding-inline-end: .5em; /* moz changes to this */
|
|
}
|
|
/* set width for number input and surrounding labels */
|
|
input[type="number"], .sheet-number {
|
|
min-width:2.5em;
|
|
max-width:4.5em;
|
|
width:auto;
|
|
}
|
|
/* set right align for numbers */
|
|
input[type="number"], span.sheet-number, input.sheet-number {
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
/* CHROME: hide spinner area at right when readonly or when not hovering over a number */
|
|
input[readonly]::-webkit-inner-spin-button ,
|
|
input.sheet-calc::-webkit-inner-spin-button ,
|
|
input.disabled::-webkit-inner-spin-button,
|
|
input[type="number"]:not(:hover)::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin-right:0px;
|
|
padding-right:.25em;
|
|
}
|
|
|
|
/* FIREFOX: hide spinner for all disabled/sheet-calc */
|
|
input.sheet-calc[type="number"]:hover,
|
|
input.sheet-calc[type="number"]:focus,
|
|
input[type="number"].sheet-calc,
|
|
input[type="number"]:disabled {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield !important;
|
|
-moz-padding-end:.5em !important;
|
|
padding-inline-end: .5em;
|
|
}
|
|
|
|
.sheet-pictos {
|
|
font-family: "Pictos" !important;
|
|
}
|
|
|
|
.sheet-entry-ultimate {
|
|
width:15em;
|
|
}
|
|
|
|
.sheet-entry-vlong {
|
|
width:12em;
|
|
}
|
|
.sheet-entry-long {
|
|
width:10em;
|
|
}
|
|
.sheet-entry-med {
|
|
width:8em;
|
|
}
|
|
|
|
.sheet-entry-short {
|
|
width:6em;
|
|
}
|
|
.sheet-entry-small {
|
|
width:5em;
|
|
}
|
|
.sheet-entry-vshort {
|
|
width:4em;
|
|
}
|
|
|
|
.sheet-narrow-numbers {
|
|
width:2.5em;
|
|
}
|
|
.sheet-narrow-numbers input[type=number], .sheet-narrow-numbers .sheet-number,
|
|
input[type="text"].sheet-narrow-numbers {
|
|
width:2.5em;
|
|
}
|
|
|
|
|
|
|
|
.sheet-extra-damage .sheet-small-label2 textarea {
|
|
resize:both;
|
|
}
|
|
|
|
.sheet-table-cell span[title], .sheet-table-header[title], .sheet-small-label2 span[title] {
|
|
cursor: help;
|
|
}
|
|
|
|
.sheet-small-label2 > select.sheet-select-small {
|
|
height:2em;
|
|
}
|
|
.sheet-linked-fields .sheet-small-label2:first-child {
|
|
margin-right:0px;
|
|
}
|
|
.sheet-linked-fields .sheet-small-label2:last-child {
|
|
margin-left:0px;
|
|
}
|
|
.sheet-small-label2 .sheet-refreshbutton + span::before {
|
|
padding:4px;
|
|
margin-left:20%;
|
|
margin-top:2px;
|
|
}
|
|
.sheet-small-label2 input[type="checkbox"].sheet-refreshbutton {
|
|
-webkit-margin-before:0px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-small-label2 {
|
|
display: inline-block;
|
|
margin: .3em .2em .3em .25em;
|
|
height:3em;
|
|
min-height:3em;
|
|
vertical-align: top;
|
|
text-align:center;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-nontable-repeating .sheet-linked-fields {
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-small-label2 span {
|
|
padding: 0em .07em 0em .07em;
|
|
text-align:center;
|
|
font-size: .85em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color:darkblue;
|
|
position:relative;
|
|
bottom:0px;
|
|
}
|
|
|
|
.sheet-small-label2 > * {
|
|
max-width:100%;
|
|
}
|
|
|
|
.sheet-small-label2 > input, .sheet-small-label2 > select, .sheet-small-label2 > .sheet-calc {
|
|
display:block;
|
|
padding:.25em 2px .25em 2px;
|
|
vertical-align:top;
|
|
height:1.825em; /* otherwise defaults from base.css hardcode it too tall */
|
|
position:relative;
|
|
}
|
|
.sheet-small-label2 input::-moz-focus-inner {
|
|
padding:0px;
|
|
}
|
|
|
|
/* chrome displays checkbox height incorrectly and all the way to the left because 1.825em throws it off */
|
|
.sheet-small-label2 > input[type="checkbox"], .sheet-small-label2 > input[type="radio"] {
|
|
-webkit-logical-height:initial;
|
|
-webkit-margin-before:.8em;
|
|
width:100%;
|
|
}
|
|
.sheet-table-name + .sheet-table-group .sheet-small-label2 {
|
|
margin-top:1.25em;
|
|
}
|
|
|
|
.sheet-number,
|
|
.sheet-small-label2.sheet-number {
|
|
width:3.5em;
|
|
}
|
|
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-small-label2,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2 {
|
|
margin-left:0px;
|
|
margin-right:2px;
|
|
}
|
|
|
|
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2 {
|
|
height:auto;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2 span {
|
|
margin:0 -.2em 0 -.2em;
|
|
padding:0;
|
|
}
|
|
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vlong {
|
|
width:10em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-long,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-long,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-long {
|
|
width:8.75em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-med,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-med,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-med {
|
|
width:7em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-short,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-short,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-short {
|
|
width:5em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-small,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-small,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-small {
|
|
width:4em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vshort,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vshort,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vshort {
|
|
width:3.5em;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-small-label2.sheet-space-right-collapse,
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-linked-fields.sheet-space-right-collapse,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-space-right-collapse,
|
|
.sheet-counted:not(:checked) ~ .sheet-linked-fields.sheet-space-right-collapse {
|
|
margin-right:1.25em;
|
|
}
|
|
.sheet-sect.sheet-expand .sheet-macro-text,
|
|
.sheet-sect.sheet-expand .sheet-macro-text .sheet-small-label2 {
|
|
height:auto;
|
|
}
|
|
|
|
.sheet-extra-damage .sheet-small-label2 {
|
|
text-align:left;
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
|
|
.sheet-status-panel .sheet-options .sheet-small-label2 {
|
|
height:2.85em;
|
|
margin-bottom:-.25em;
|
|
}
|
|
.sheet-status-panel .sheet-options .sheet-small-label2 input {
|
|
position:inherit;
|
|
}
|
|
.sheet-section-header .sheet-small-label2 {
|
|
display:table-cell;
|
|
padding: 0 .25em 0 .25em;
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
|
|
.sheet-section-character,
|
|
.sheet-section-armor,
|
|
.sheet-section-vehicle,
|
|
.sheet-section-annexes,
|
|
.sheet-section-config {
|
|
display:none;
|
|
}
|
|
|
|
|
|
.sheet-showarrow:hover + .sheet-showsect,
|
|
.sheet-showarrow:hover + .sheet-showsect::before,
|
|
.sheet-counted:hover + span,
|
|
.sheet-counted:hover + span::before,
|
|
.sheet-cssbutton:hover ,
|
|
.sheet-cssbutton:hover + span::before {
|
|
color:Red;
|
|
border-color:Red;
|
|
}
|
|
|
|
/***********************repeating item counter ************************************/
|
|
.sheet-repeating-fields {
|
|
counter-reset: sheet-rep-items -1;
|
|
}
|
|
/* do not allow user to click when minimized */
|
|
.sheet-minimize-show:checked ~ .sheet-lock-show,
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted ,
|
|
.sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-counted,
|
|
.sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-showsect {
|
|
pointer-events: none;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted:checked + span::before,
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted + span::before,
|
|
.sheet-counted + span::before {
|
|
counter-increment: sheet-rep-items;
|
|
content: counter(sheet-rep-items) '. ►' !important;
|
|
width: auto !important;
|
|
color:Black;
|
|
}
|
|
.sheet-counted:checked + span::before {
|
|
counter-increment: sheet-rep-items;
|
|
content: counter(sheet-rep-items) '. ▼' !important;
|
|
width: auto !important;
|
|
}
|
|
/* inside table */
|
|
.sheet-counted , .sheet-counted.sheet-sect-show {
|
|
position:absolute;
|
|
left:.5em;
|
|
top:.5em;
|
|
width:2.5em;
|
|
padding:0px;
|
|
}
|
|
|
|
.sheet-counted + span {
|
|
position:relative;
|
|
width:3em;
|
|
margin-left:-2em;
|
|
}
|
|
|
|
.sheet-counted + span.sheet-table-cell {
|
|
vertical-align:top;
|
|
padding-top:.25em;
|
|
}
|
|
|
|
.sheet-nontable-repeating .sheet-counted ,
|
|
.sheet-nontable-repeating .sheet-counted.sheet-sect-show ,
|
|
.sheet-nontable-repeating .sheet-counted + span {
|
|
display:inline-block;
|
|
position:relative;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.sheet-repeating-rollbutton {
|
|
width:2em;
|
|
}
|
|
|
|
.sheet-nontable-repeating .sheet-repeating-rollbutton button {
|
|
position:relative;
|
|
margin-left:0px;
|
|
}
|
|
|
|
/*highlight text */
|
|
.sheet-boldlabel-check + b:not(.sheet-offCase),
|
|
.sheet-condition-exists + label ,
|
|
.sheet-status-panel label b {
|
|
display:inline;
|
|
font-size:.7125rem;
|
|
line-height:1em;
|
|
margin:0px 0px 0px 0px;
|
|
padding: 1px .5em 1px .25em;
|
|
}
|
|
.sheet-boldlabel-check:checked + b:not(.sheet-offCase),
|
|
.sheet-condition-exists:checked + label {
|
|
background-color: #4a6486;
|
|
color:White;
|
|
border-radius: 5px;
|
|
display:inline;
|
|
}
|
|
|
|
.sheet-no-pad-right {
|
|
padding-right: 0 !important;
|
|
}
|
|
hr {
|
|
border-color:Black;
|
|
margin:5px 0;
|
|
}
|
|
hr.sheet-skinny {
|
|
border-color:DarkGrey;
|
|
height:1px;
|
|
margin:0;
|
|
}
|
|
.sheet-npc-hr {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.sheet-npchead-bottom {
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-npchead-top {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-spellrange-header {
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-footer {
|
|
text-align: center;
|
|
font-size: .75rem;
|
|
background-color: #FFF8DC;
|
|
border: 1px #000 solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.repcontainer .repitem,.sheet-repeating-sect .repitem {
|
|
padding: 2px 4px 1px 0px;
|
|
margin: 2px 0 4px 0;
|
|
border: 2px solid #CCCCCC;
|
|
border-radius: 7px;
|
|
vertical-align:top;
|
|
overflow: hidden;
|
|
display: block;
|
|
width:100%;
|
|
}
|
|
.repcontainer.editmode + .repcontrol {
|
|
margin-bottom:3em;
|
|
}
|
|
.repcontainer.editmode .repitem .itemcontrol {
|
|
z-index:3;
|
|
background-color:rgba(220,220,220,0.40);
|
|
}
|
|
.sheet-repeating-sect {
|
|
position:relative;
|
|
}
|
|
|
|
/*Expand to cross both columns */
|
|
.sheet-repeating-sect .repcontrol {
|
|
display:block;
|
|
clear:both;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-split-column-show:not(:checked) ~ .sheet-repeating-fields .repitem {
|
|
clear:both;
|
|
}
|
|
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem {
|
|
width:50%;
|
|
display:inline-block;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:nth-child(odd),
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:first-child(odd){
|
|
float:left;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:nth-child(even){
|
|
float:right;
|
|
}
|
|
|
|
/* custom labels for repitem buttons */
|
|
[data-groupname=repeating_buff] > button.btn.repcontrol_add::after {
|
|
content: " New Buff";
|
|
}
|
|
[data-groupname=repeating_class-ability] > button.btn.repcontrol_add::after {
|
|
content: " New Class Ability";
|
|
}
|
|
[data-groupname=repeating_mythic-ability] > button.btn.repcontrol_add::after {
|
|
content: " New Mythic Ability";
|
|
}
|
|
[data-groupname=repeating_weapon] > button.btn.repcontrol_add::after {
|
|
content: " New Weapon";
|
|
}
|
|
[data-groupname=repeating_feat] > button.btn.repcontrol_add::after {
|
|
content: " New Feat";
|
|
}
|
|
[data-groupname=repeating_mythic-feat] > button.btn.repcontrol_add::after {
|
|
content: " New Mythic Feat";
|
|
}
|
|
[data-groupname=repeating_item] > button.btn.repcontrol_add::after {
|
|
content: " New Item";
|
|
}
|
|
[data-groupname=repeating_racial-trait] > button.btn.repcontrol_add::after {
|
|
content: " New Racial Trait";
|
|
}
|
|
[data-groupname=repeating_trait] > button.btn.repcontrol_add::after {
|
|
content: " New Trait";
|
|
}
|
|
.repcontrol_add,
|
|
.repcontrol_edit,
|
|
.repcontrol_del,
|
|
.repcontrol_move {
|
|
display: block;
|
|
background:Black;
|
|
color:White;
|
|
}
|
|
.repcontrol_move {
|
|
float: right;
|
|
margin-right: 5px;
|
|
width: 2.5em;
|
|
}
|
|
button[type="roll"].sheet-blank-roll-button::before {
|
|
content: ' ';
|
|
}
|
|
.sheet-options {
|
|
width:99.6%;
|
|
padding: 2px 0 2px 5px;
|
|
border: 1px solid #808080;
|
|
border-radius: 5px;
|
|
background-color:Gainsboro;
|
|
}
|
|
|
|
.sheet-options.sheet-table.sheet-named {
|
|
border-top-left-radius:0;
|
|
border-top-right-radius:0;
|
|
}
|
|
.sheet-options.sheet-table.sheet-named .sheet-table-name {
|
|
border-top-left-radius:5px;
|
|
border-top-right-radius:5px;
|
|
}
|
|
.sheet-nontable-repeating .sheet-options span {
|
|
margin-right:2em;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-nontable-repeating .sheet-options span input[type="checkbox"] {
|
|
margin-left:.5em;
|
|
}
|
|
|
|
.sheet-section-status {
|
|
margin-bottom:.25rem;
|
|
}
|
|
.sheet-status-panel {
|
|
width:49%;
|
|
display:inline-block;
|
|
position:relative;
|
|
vertical-align:top;
|
|
margin-bottom:0;
|
|
}
|
|
.sheet-status-panel .sheet-options {
|
|
padding-left: .25em;
|
|
padding-right: .25em;
|
|
width:auto;
|
|
/*min-height:1.25em;*/
|
|
min-height:3.5em; /* if buffs active */
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.sheet-status-panel label b {
|
|
padding-left:.125em;
|
|
}
|
|
|
|
/* when a highlighted field is not showing error, put hidden 2px border so size doesn't change */
|
|
.sheet-highlight input ,
|
|
.sheet-highlight input:disabled,
|
|
.sheet-highlight input.sheet-calc,
|
|
.sheet-highlight input[readonly] {
|
|
border-top:2px white solid;
|
|
border-left:2px white solid;
|
|
border-right:2px white solid;
|
|
}
|
|
.sheet-highlight input:disabled,
|
|
.sheet-highlight input.sheet-calc,
|
|
.sheet-highlight input[readonly] {
|
|
border-bottom:2px transarent solid;
|
|
}
|
|
.sheet-warn-show:checked + .sheet-highlight input,
|
|
.sheet-warn-mshow:checked ~ .sheet-highlight input {
|
|
border:2px #B8860B dashed !important;
|
|
}
|
|
.sheet-error-show:checked + .sheet-highlight input,
|
|
.sheet-error-mshow:checked ~ .sheet-highlight input {
|
|
border:2px #FF0044 dotted !important;
|
|
}
|
|
|
|
.sheet-offscreen{
|
|
position:absolute !important;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
overflow:hidden !important;
|
|
}
|
|
|
|
.sheet-table-group {
|
|
display:table-row-group;
|
|
width:100%;
|
|
overflow:hidden;
|
|
border-collapse:collapse;
|
|
}
|
|
.sheet-table-group-head {
|
|
display:table-header-group;
|
|
width:100%;
|
|
overflow:hidden;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.sheet-table-group-head .sheet-table-divider,
|
|
.sheet-table-group-head .sheet-table-divider-lg{
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
.sheet-header-row {
|
|
width: 100%;
|
|
background-color:Black;
|
|
color:White;
|
|
padding-left: 10px;
|
|
min-height: 1em;
|
|
}
|
|
|
|
.sheet-table-header {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
vertical-align: bottom;
|
|
background-color: LightGrey;
|
|
min-height:1.25em;
|
|
}
|
|
|
|
.sheet-nontable-repeating .sheet-linked-fields {
|
|
vertical-align:top;
|
|
}
|
|
|
|
/* chrome displays checkbox height incorrectly and all the way to the left because 1.825em throws it off */
|
|
|
|
.sheet-hit-points-table * .sheet-table-header:last-child,
|
|
.sheet-hit-points-table * .sheet-table-cell:last-child,
|
|
.sheet-initiative-table * .sheet-table-header:last-child,
|
|
.sheet-initiative-table * .sheet-table-cell:last-child {
|
|
padding-right:.5em;
|
|
}
|
|
|
|
.sheet-notes-cell,
|
|
.sheet-table-cell.sheet-notes-cell {
|
|
vertical-align:top;
|
|
}
|
|
.sheet-config-table {
|
|
margin-bottom:1em;
|
|
}
|
|
.sheet-config-table .sheet-table-cell {
|
|
vertical-align:top;
|
|
padding-left:0;
|
|
padding-right:.5em;
|
|
}
|
|
.sheet-table-cell.sheet-repeating-rollbutton {
|
|
vertical-align:top;
|
|
}
|
|
.sheet-divider, .sheet-divider-lg , .sheet-divider-db, .sheet-divider-db-lg {
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.sheet-divider, .sheet-divider-db {
|
|
width:.5em;
|
|
font-size:.85em;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-divider-lg, .sheet-divider-db-lg {
|
|
width:.75em;
|
|
font-size:1.125em;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-divider, .sheet-divider-lg {
|
|
display:table-cell;
|
|
}
|
|
.sheet-divider-db, .sheet-divider-db-lg {
|
|
display:inline-block;
|
|
margin-left:-.125em;
|
|
margin-top:1em;
|
|
}
|
|
|
|
|
|
.sheet-table-name , .sheet-nontable-name {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color:White;
|
|
background-color:Black;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.sheet-nontable-name {
|
|
display: block;
|
|
}
|
|
.sheet-spellclassnav ~ h2.sheet-nontable-name {
|
|
margin-top:0;
|
|
}
|
|
.sheet-table-name {
|
|
display: table-caption;
|
|
caption-side:top;
|
|
}
|
|
|
|
.sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-left {
|
|
text-align: left;
|
|
}
|
|
.sheet-right {
|
|
text-align: right;
|
|
}
|
|
.sheet-spellrange-data {
|
|
width: 100% !important;
|
|
text-align: center !important;
|
|
}
|
|
.sheet-spellcaster-button, .sheet-table-cell.sheet-spellcaster-button {
|
|
width:auto;
|
|
text-align:left;
|
|
}
|
|
button[type="roll"].sheet-spellcaster-button {
|
|
font-size:.8rem;
|
|
white-space:nowrap;
|
|
width:auto;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-table-group-head.sheet-hidden-head {
|
|
position: absolute;
|
|
left: -2000px;
|
|
}
|
|
.sheet-hidden-head .sheet-table-header {
|
|
height: 1px;
|
|
min-height: 1px;
|
|
line-height: 1px;
|
|
max-height: 1px;
|
|
font-size: .25em;
|
|
}
|
|
|
|
/* tiny padding in skills */
|
|
.sheet-skills .sheet-table-cell{
|
|
padding-right:1px;
|
|
padding-left:1px;
|
|
}
|
|
|
|
.sheet-nontable-repeating{
|
|
border-collapse:collapse;
|
|
margin-left:2px;
|
|
margin-right:2px;
|
|
}
|
|
.sheet-nontable {
|
|
text-align:justify;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.sheet-buffs, .sheet-conditions {
|
|
border-style:solid;
|
|
border-width:2px;
|
|
border-radius:5px;
|
|
margin-top:.25em;
|
|
}
|
|
|
|
.sheet-entry-wide,
|
|
span.sheet-entry-wide input,
|
|
span.sheet-entry-wide input[type="text"],
|
|
span.sheet-entry-wide textarea {
|
|
width:100% ;
|
|
max-width:100%;
|
|
}
|
|
|
|
|
|
.sheet-nontable .sheet-divider-db-lg {
|
|
vertical-align:top;
|
|
}
|
|
.sheet-nontable-repeating .sheet-divider-db-lg {
|
|
vertical-align:middle;
|
|
}
|
|
.sheet-entry-ultimate {
|
|
width:15em;
|
|
}
|
|
|
|
.sheet-entry-vlong {
|
|
width:12em;
|
|
}
|
|
.sheet-entry-long {
|
|
width:10em;
|
|
}
|
|
.sheet-entry-med {
|
|
width:8em;
|
|
}
|
|
|
|
.sheet-entry-short {
|
|
width:6em;
|
|
}
|
|
.sheet-entry-small {
|
|
width:5em;
|
|
}
|
|
.sheet-entry-vshort {
|
|
width:4em;
|
|
}
|
|
|
|
input[type="number"].sheet-entry-wide {
|
|
width:98% ;
|
|
max-width:98%;
|
|
}
|
|
|
|
|
|
/****** repeating items ****/
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-divider-db-lg,
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-divider-db,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-divider-db-lg,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-divider-db,
|
|
.sheet-counted:not(:checked) ~ .sheet-divider-db-lg,
|
|
.sheet-counted:not(:checked) ~ .sheet-divider-db {
|
|
width:.5em;
|
|
margin-left: -.4em;
|
|
}
|
|
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-nontable-repeating .sheet-counted {
|
|
margin-left:-.25em;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-nontable-repeating .sheet-counted + span{
|
|
margin-left:-2.25em;
|
|
width:2em;
|
|
}
|
|
|
|
/*** when collapsed shrink width
|
|
* if split, then widen width (so it i smore than 1/2 wide)
|
|
* place split after collapse so it overrides in css */
|
|
|
|
.sheet-entry-25p {
|
|
width:25%;
|
|
}
|
|
.sheet-entry-25p-shrink {
|
|
width:25%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink ,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-25p-shrink {
|
|
width:40%;
|
|
}
|
|
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink {
|
|
width:35%;
|
|
}
|
|
|
|
.sheet-entry-20p-shrink {
|
|
width:20%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-20p-shrink ,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-20p-shrink {
|
|
width:15%;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-20p-shrink {
|
|
width:25%;
|
|
}
|
|
|
|
.sheet-entry-15p-shrink {
|
|
width:15%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-15p-shrink,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-15p-shrink {
|
|
width:10%;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-15p-shrink {
|
|
width:20%;
|
|
}
|
|
|
|
.sheet-entry-12p-shrink {
|
|
width:12%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-12p-shrink ,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-12p-shrink {
|
|
width:9%;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-12p-shrink {
|
|
width:15%;
|
|
}
|
|
|
|
.sheet-entry-10p-shrink {
|
|
width:10%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-10p-shrink {
|
|
width:8%;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink {
|
|
width:12%;
|
|
}
|
|
|
|
.sheet-entry-8p {
|
|
width:8%;
|
|
}
|
|
.sheet-entry-8p-shrink {
|
|
width:8%;
|
|
}
|
|
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink,
|
|
.sheet-counted:not(:checked) ~ .sheet-entry-8p-shrink {
|
|
width:6%;
|
|
}
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink {
|
|
width:10%;
|
|
}
|
|
/******* end of generic repeating items ********/
|
|
|
|
.sheet-repeating-id {
|
|
display:block;
|
|
clear:left;
|
|
margin:.25em;
|
|
}
|
|
/********************************************* TABS ****************************************************/
|
|
.sheet-tabs label.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #3F83D0;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
height: 1.4em;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align:top;
|
|
font-size: 1.1em;
|
|
padding:.28em .14em 0em .14em;
|
|
margin-right:2px;
|
|
margin-bottom:0px;
|
|
vertical-align:top;
|
|
border-radius: 7px 7px 0 0;
|
|
/* firefox has to squeeze*/
|
|
-moz-margin-end:-2px;
|
|
}
|
|
|
|
.sheet-tabs label.sheet-tab input.sheet-tab {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
width:100%;
|
|
height:100%;
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
margin:0px 0px 0px 0px;
|
|
padding:0px 0px 0px 0px;
|
|
}
|
|
|
|
/* make checked tab different color */
|
|
input.sheet-tab1:checked ~ .sheet-tabs .sheet-tab1,
|
|
input.sheet-tab2:checked ~ .sheet-tabs .sheet-tab2,
|
|
input.sheet-tab3:checked ~ .sheet-tabs .sheet-tab3,
|
|
input.sheet-tab4:checked ~ .sheet-tabs .sheet-tab4,
|
|
input.sheet-tab5:checked ~ .sheet-tabs .sheet-tab5{
|
|
background: #000;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* fancy transition for pages */
|
|
input.sheet-pagetab1:checked ~ .sheet-main div.sheet-section-character.sheet-section,
|
|
input.sheet-pagetab2:checked ~ .sheet-main div.sheet-section-armor.sheet-section,
|
|
input.sheet-pagetab3:checked ~ .sheet-main div.sheet-section-vehicle.sheet-section,
|
|
input.sheet-pagetab4:checked ~ .sheet-main div.sheet-section-annexes.sheet-section,
|
|
input.sheet-pagetab5:checked ~ .sheet-main div.sheet-section-config.sheet-section {
|
|
display:block;
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*================================================================================*/
|
|
|
|
h2,h3,h4,h5,h6,h7,h8,h9 {
|
|
line-height:1em;
|
|
margin:inherit;
|
|
display:inline;
|
|
font-size:.8125rem;
|
|
color:inherit;
|
|
}
|
|
|
|
h1 {
|
|
width: 100%;
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
color: #FFF;
|
|
padding:.2em 0em 0em 0em;
|
|
min-height: 1em;
|
|
margin:0px 0px .5em 0px;
|
|
font-size:.8125rem;
|
|
line-height:1.4em;
|
|
display:block;
|
|
text-align:center;
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
.sheet-cell-label-lg{
|
|
display:table-cell;
|
|
padding: 0em 0em 0em 0em;
|
|
/* no margin for table cell */
|
|
text-align:center;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
color: darkblue;
|
|
height:2em;
|
|
vertical-align:bottom;
|
|
width:10%; /*default */
|
|
}
|
|
.sheet-cell-label-lg span {
|
|
width: 95%;
|
|
float: right;
|
|
}
|
|
.sheet-cell-label-lg input, .sheet-cell-label-lg select, .sheet-cell-label-lg .sheet-calc{
|
|
box-sizing:border-box;
|
|
margin:0px 1px 0px 0px;
|
|
display: inline-block;
|
|
width:95%;
|
|
position: relative;
|
|
top: -3em;
|
|
text-align:left;
|
|
color:#111111;
|
|
padding:.25em 2px .25em 2px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
|
|
.sheet-expand-show:checked ~ div .sheet-sect-show:checked ~.sheet-expand ,
|
|
.sheet-expand-show:checked ~ div .sheet-expand
|
|
.sheet-expand-show:checked ~ .sheet-expand {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-sect-show:checked ~.sheet-npc-spells.sheet-sect {
|
|
display:block;
|
|
max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: hidden;
|
|
}
|
|
input[type="checkbox"].sheet-cssbutton, input[type="checkbox"].sheet-showbutton,
|
|
input[type="checkbox"].sheet-refreshbutton, input[type="checkbox"].sheet-split-column-show,
|
|
input[type="checkbox"].sheet-options-show, input[type="checkbox"].sheet-desc-show,
|
|
input[type="checkbox"].sheet-repeating_ids-show, input[type="checkbox"].sheet-sect-show {
|
|
opacity: 0;height: 1.5em; position: relative; top: 0; left: 0; cursor: pointer; z-index: 1;
|
|
}
|
|
/* added sheet-noshow to input so class can be on checkbox, instead of on a span after checkbox
|
|
though ideally we'd add a class only to checkbox we want to modify */
|
|
input[type="checkbox"]:not(.sheet-noshow) + span:not(.sheet-not-sheet-show)::before {
|
|
display: inline-block;
|
|
content: '►';
|
|
width: 14px;
|
|
height: 16px;
|
|
font-size: .85em;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-nextitem-show:checked + span {
|
|
display:inline;
|
|
}
|
|
input[type="checkbox"].sheet-nextitem-show:checked + span::before{
|
|
content:none;
|
|
}
|
|
/* used often and always the same size refactor: change to em */
|
|
input[type="checkbox"].sheet-options-show{
|
|
width:70px;
|
|
margin:0px -15px 0px -55px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-desc-show{
|
|
width:90px;
|
|
margin:0px -15px 0px -75px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-repeating_ids-show{
|
|
width:40px;
|
|
margin:0px -15px 0px -25px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-refreshbutton{
|
|
width:3em;
|
|
margin:0px -3em 0px 0px;
|
|
}
|
|
input[type="checkbox"]:not(.sheet-noshow):checked + span:not(.sheet-not-sheet-show)::before {
|
|
content: '▼';
|
|
}
|
|
|
|
.sheet-hide-a , .sheet-label-a{
|
|
position:absolute;
|
|
left:-1500px;
|
|
font-size:5px;
|
|
}
|
|
|
|
input[type="checkbox"]:not(.sheet-noshow):hover + span:not(.sheet-not-sheet-show) {
|
|
color:#3F83D0;
|
|
}
|
|
.sheet-sect-show:not(:checked)~.sheet-sect,
|
|
.sheet-sect-show-inverse:checked~.sheet-sect-inverse{
|
|
display:none !important;
|
|
}
|
|
|
|
div.sheet-h2-section {
|
|
display:block;
|
|
position:relative;
|
|
clear:both;
|
|
height:auto;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
label {
|
|
display:inline;
|
|
font-size:.8125rem;
|
|
line-height:1em;
|
|
margin:0px 0px 0px 0px;
|
|
padding:0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-entry-wide,
|
|
span.sheet-table-data.sheet-entry-wide input,
|
|
span.sheet-entry-wide input,
|
|
span.sheet-table-data.sheet-entry-wide input[type="text"],
|
|
span.sheet-entry-wide input[type="text"],
|
|
span.sheet-table-data.sheet-entry-wide textarea,
|
|
span.sheet-entry-wide textarea {
|
|
width:100% ;
|
|
max-width:100%;
|
|
}
|
|
.sheet-entry_med, input[type="text"].sheet-entry_med,
|
|
span.sheet-entry_med {
|
|
width:9em;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-table-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
padding-left:.125em;
|
|
padding-right:.125em;
|
|
padding-bottom:.125em;
|
|
}
|
|
span.sheet-repeating-rollbutton {
|
|
width:2em;
|
|
}
|
|
|
|
div.sheet-h2-section {
|
|
display:block;position:relative;clear:both;height:auto;width:100%;
|
|
}
|
|
|
|
.sheet-nontable {
|
|
text-align:justify;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.sheet-nontable-name {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
width: 100%;
|
|
display: block;
|
|
margin-bottom:1rem;
|
|
line-height:20px;
|
|
}
|
|
|
|
|
|
.sheet-small-label-charact {
|
|
font-size: .85em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: darkblue;
|
|
}
|
|
|
|
|
|
.sheet-small-label {
|
|
font-size: .85em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: darkblue;
|
|
}
|
|
.sheet-background-lightgray{
|
|
background: lightgray;
|
|
}
|
|
|
|
.sheet-sect{
|
|
background-color: white;
|
|
}
|
|
|
|
/*===============================================================================*/
|
|
|
|
body, .charsheet{
|
|
background-color: aliceblue;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
div.sheet-header-weapons {
|
|
width: 99%;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
height: 15px;
|
|
background: linear-gradient(to right, black, #3F83D0);
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
}
|
|
|
|
div.sheet-header{
|
|
height:30px;
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
color: white;
|
|
font-weight:bold;
|
|
line-height:30px;
|
|
font-size:13px;
|
|
width:98%;
|
|
}
|
|
|
|
div.sheet-divbox{
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-text-center{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-text-left{
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-text-right{
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-rTable {
|
|
display: table;
|
|
width: 98%;
|
|
font-size:11px;
|
|
}
|
|
.sheet-rTableRow {
|
|
display: table-row;
|
|
}
|
|
|
|
.sheet-rTableHeadRow {
|
|
display: table-header-group;
|
|
}
|
|
.sheet-rTableHead {
|
|
background-color: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rTableCell, .sheet-rTableHead {
|
|
display: table-cell;
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
.sheet-rTableCaption{
|
|
display: table-caption;
|
|
}
|
|
|
|
.sheet-border{
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-border-left{
|
|
border-left:1px solid black;
|
|
}
|
|
|
|
.sheet-border-right{
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
.sheet-border-top{
|
|
border-top:1px solid black;
|
|
}
|
|
|
|
.sheet-border-bottom{
|
|
border-bottom:1px solid black;
|
|
}
|
|
|
|
.sheet-text-bold{
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-title {
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
color:white;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-charac-name{
|
|
font-size:16px
|
|
font-weight:bold;
|
|
}
|
|
|
|
table.sheet-character-table input.sheet-charac-name[type=text] {
|
|
width: 80%;
|
|
font-size:16px
|
|
}
|
|
|
|
.sheet-boxinput {
|
|
background-color: white;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
color: darkblue;
|
|
border: 1px solid darkblue;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
input.sheet-nobox {
|
|
border-bottom: 1px dotted darkblue;
|
|
width: 120px;
|
|
color: darkblue;
|
|
}
|
|
|
|
table {
|
|
width: 98%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.sheet-character-table {
|
|
width: 100%;
|
|
}
|
|
|
|
table.sheet-character-table input[type=text] {
|
|
width: 150px;
|
|
}
|
|
|
|
select.sheet-small,
|
|
input.sheet-small {
|
|
width: 45px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
select.sheet-short,
|
|
input.sheet-short {
|
|
width: 60px;
|
|
}
|
|
|
|
span.sheet-short{
|
|
width: 3.5em;
|
|
display:inline-block;
|
|
border-radius:5px 5px 5px 5px;
|
|
background-color: lightgray;
|
|
cursor:not-allowed;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
select.sheet-medium,
|
|
input.sheet-medium {
|
|
width: 80px;
|
|
}
|
|
|
|
select.sheet-large,
|
|
input.sheet-large {
|
|
width: 100px;
|
|
}
|
|
|
|
select.sheet-extralarge,
|
|
input.sheet-extralarge {
|
|
width: 210px;
|
|
}
|
|
|
|
th.sheet-cell-left,
|
|
td.sheet-cell-left{
|
|
text-align:left;
|
|
}
|
|
|
|
th.sheet-cell-center,
|
|
td.sheet-cell-center{
|
|
text-align:center;
|
|
}
|
|
|
|
th.sheet-cell-right,
|
|
td.sheet-cell-right{
|
|
text-align:right;
|
|
}
|
|
|
|
th.sheet-cell-border,
|
|
td.sheet-cell-border{
|
|
border:1px solid black;
|
|
}
|
|
|
|
th.sheet-cell-bold,
|
|
td.sheet-cell-bold{
|
|
font-weight:bold;
|
|
}
|
|
|
|
th.sheet-header{
|
|
background-color: black;
|
|
color:white;
|
|
height:30px;
|
|
}
|
|
th.sheet-comp-header{
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
color:white;
|
|
height:30px;
|
|
margin-top:2px;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
.sheet-grayback, input[disabled]{
|
|
background-color: lightgray;
|
|
}
|
|
|
|
td.sheet-smalldata{
|
|
width:25px;
|
|
}
|
|
|
|
tr.sheet-tableline{
|
|
border:1px solid black;
|
|
}
|
|
|
|
tr.sheet-lightgrayline{
|
|
background-color:lightgray;
|
|
}
|
|
|
|
tr.sheet-grayline{
|
|
background-color:gray;
|
|
}
|
|
|
|
td.sheet-tablecell{
|
|
border:1px solid black;
|
|
text-align: center;
|
|
}
|
|
|
|
th.sheet-column-attribut,
|
|
td.sheet-column-attribut{
|
|
width:100px;
|
|
}
|
|
|
|
th.sheet-column-dice,
|
|
td.sheet-column-dice{
|
|
width:170px;
|
|
}
|
|
|
|
th.sheet-column-number,
|
|
td.sheet-column-number{
|
|
width:45px;
|
|
}
|
|
|
|
th.sheet-column-check,
|
|
td.sheet-column-check{
|
|
width:20px;
|
|
}
|
|
|
|
th.sheet-column-rollbt,
|
|
td.sheet-column-rollbt{
|
|
width:30px;
|
|
}
|
|
|
|
th.sheet-column-20percent,
|
|
td.sheet-column-20percent{
|
|
width:20%;
|
|
}
|
|
|
|
.sheet-clear {clear:both}
|
|
|
|
.sheet-footer {
|
|
text-align: center;
|
|
font-size: xx-small;
|
|
background-color: #FFF8DC;
|
|
border: 1px #000 solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
|
|
/* ROLL TEMPLATES */
|
|
.sheet-rolltemplate-pl_weapons,
|
|
.sheet-rolltemplate-pl_skill,
|
|
.sheet-rolltemplate-pl_incident {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-table,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-table,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-table {
|
|
width: 100%;
|
|
display: table;
|
|
font-family: cursive;
|
|
border: 2px solid darkblue;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow: 2px 2px 5px #000;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-table .sheet-rounded,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-table .sheet-rounded ,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-table .sheet-rounded {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-header,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-header,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-header {
|
|
display: table-row-group;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
caption-side: top;
|
|
width: 100%;
|
|
background: linear-gradient(to right, black , #3F83D0);
|
|
font-weight: bold;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-header a ,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-header a ,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-header a {
|
|
text-decoration: underline;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-row,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-row,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-row {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background-color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-row:nth-child(even),
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-row:nth-child(even),
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-row:nth-child(even){
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-cell,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-cell ,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-cell {
|
|
padding: 1px 1px 1px 5px;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell {
|
|
font-size: .9em;
|
|
width: 24%;
|
|
float: right;
|
|
text-align: right;
|
|
display: inline;
|
|
padding: 1px 1px 1px 5px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child {
|
|
width: 69%;
|
|
float: left;
|
|
text-align: left;
|
|
padding: 3px 2px 1px 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-pl_weapons .inlinerollresult,
|
|
.sheet-rolltemplate-pl_skill .inlinerollresult,
|
|
.sheet-rolltemplate-pl_incident .inlinerollresult {
|
|
background-color: lightblue;
|
|
border: 2px solid darkblue;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-pl_weapons .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-pl_skill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-pl_incident .inlinerollresult.fullcrit {
|
|
color: #FFF;
|
|
background-color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-pl_skill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-pl_incident .inlinerollresult.fullfail {
|
|
color: #FFF;
|
|
background-color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-pl_skill .inlinerollresult.importantroll ,
|
|
.sheet-rolltemplate-pl_incident .inlinerollresult.importantroll {
|
|
color: #FFF;
|
|
background-color: #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-text-white,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-text-white,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-text-white {
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-text-12px,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-text-12px,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-text-12px {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-pl_weapons .sheet-roll-text-right,
|
|
.sheet-rolltemplate-pl_skill .sheet-roll-text-right,
|
|
.sheet-rolltemplate-pl_incident .sheet-roll-text-right {
|
|
text-align:right;
|
|
} |