mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1046 lines
26 KiB
CSS
1046 lines
26 KiB
CSS
|
|
.repcontrol_add,
|
|
.repcontrol_edit,
|
|
.repcontrol_del,
|
|
.repcontrol_move {
|
|
display: block;
|
|
background:darkgrey;
|
|
color:White;
|
|
}
|
|
.repcontrol_del{
|
|
font-weight: bold;
|
|
color:red;
|
|
}
|
|
.repcontrol_move {
|
|
float: right;
|
|
margin-right: 5px;
|
|
width: 2.5em;
|
|
}
|
|
|
|
button[type="roll"] {
|
|
margin-left:initial;
|
|
margin-right:initial;
|
|
}
|
|
|
|
button, button:hover, button:active {
|
|
background-image: initial;
|
|
}
|
|
|
|
button[type="roll"] {
|
|
margin: .25em .25em .25em .25em ;
|
|
font-size:.8125rem;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
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-text-button {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.sheet-accessible:checked + .sheet-pf-wrapper .sheet-text-button {
|
|
font-family: Verdana, Segoe UI, Garamond, Arial, sans-serif;
|
|
}
|
|
.sheet-text-button,
|
|
button.sheet-text-button {
|
|
font-size: 1rem;
|
|
color: White;
|
|
background-color: darkgrey;
|
|
border: 0;
|
|
width: 90%;
|
|
text-align: left;
|
|
padding: .125em .125em .125em .25em;
|
|
font-weight: normal;
|
|
}
|
|
span.sheet-text-button {
|
|
padding-left: 1.8em;
|
|
}
|
|
|
|
button[type=roll].sheet-text-button {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
padding-left:.125em;
|
|
padding-right:.125em;
|
|
padding-bottom:.125em;
|
|
}
|
|
|
|
.sheet-table-row {
|
|
display: table-row;
|
|
vertical-align: bottom;
|
|
width:100%;
|
|
overflow:hidden;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.sheet-table-carac {
|
|
width:80%;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
.sheet-table-carac-head{
|
|
border-top: 1px solid darkgrey;
|
|
border-right: 1px solid darkgrey;
|
|
border-left: 1px solid darkgrey;
|
|
background: darkgrey;
|
|
}
|
|
|
|
.sheet-table-carac-head h4{
|
|
color: white;
|
|
}
|
|
|
|
.sheet-table-carac-label{
|
|
color: grey;
|
|
}
|
|
.sheet-table-carac-left{
|
|
border-left: 1px solid darkgrey;
|
|
padding-left:2px;
|
|
}
|
|
.sheet-table-carac-right{
|
|
border-right: 1px solid darkgrey;
|
|
padding-right:2px;
|
|
}
|
|
.sheet-table-carac-bottom{
|
|
border-bottom: 1px solid darkgrey;
|
|
padding-bottom:2px;
|
|
}
|
|
|
|
input[type="text"], input[type="number"] {
|
|
background-color: transparent;
|
|
border: 0 solid darkgrey;
|
|
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-table-cell span[title], .sheet-table-header[title], .sheet-small-label2 span[title] {
|
|
cursor: help;
|
|
}
|
|
|
|
.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: grey;
|
|
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: -3.5em;
|
|
text-align:left;
|
|
color:#111111;
|
|
padding:.25em 2px .25em 2px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-table-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
padding-left:.125em;
|
|
padding-right:.125em;
|
|
padding-bottom:.125em;
|
|
}
|
|
|
|
/********************************************* TABS ****************************************************/
|
|
.sheet-tabs label.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: darkgrey;
|
|
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,
|
|
input.sheet-tab6:checked ~ .sheet-tabs .sheet-tab6,
|
|
input.sheet-tab7:checked ~ .sheet-tabs .sheet-tab7{
|
|
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-skills.sheet-section,
|
|
input.sheet-pagetab3:checked ~ .sheet-main div.sheet-section-weapons-equipments.sheet-section,
|
|
input.sheet-pagetab4:checked ~ .sheet-main div.sheet-section-technology-magic.sheet-section,
|
|
input.sheet-pagetab5:checked ~ .sheet-main div.sheet-section-mount.sheet-section,
|
|
input.sheet-pagetab6:checked ~ .sheet-main div.sheet-section-notes.sheet-section,
|
|
input.sheet-pagetab7: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;
|
|
border: 1px solid darkgrey;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-sect.sheet-expand .sheet-macro-text,
|
|
.sheet-sect.sheet-expand .sheet-macro-text .sheet-small-label2 {
|
|
height:auto;
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.sheet-sect-show:not(:checked)~.sheet-sect,
|
|
.sheet-sect-show-inverse:checked~.sheet-sect-inverse{
|
|
display:none !important;
|
|
}
|
|
|
|
.sheet-section-character,
|
|
.sheet-section-skills,
|
|
.sheet-section-weapons-equipments,
|
|
.sheet-section-technology-magic,
|
|
.sheet-section-mount,
|
|
.sheet-section-notes,
|
|
.sheet-section-config {
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-h2-section {
|
|
display:block;
|
|
position:relative;
|
|
clear:both;
|
|
height:auto;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-h2-section {
|
|
display:block;position:relative;clear:both;height:auto;width:100%;
|
|
}
|
|
|
|
.sheet-section-header .sheet-small-label2 {
|
|
display:table-cell;
|
|
padding: 0 .25em 0 .25em;
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
|
|
|
|
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-sect-show:not(:checked)~.sheet-sect,
|
|
.sheet-sect-show-inverse:checked~.sheet-sect-inverse{
|
|
display:none !important;
|
|
}
|
|
|
|
.sheet-hide-a , .sheet-label-a{
|
|
position:absolute;
|
|
left:-1500px;
|
|
font-size:5px;
|
|
}
|
|
|
|
/*================================================================================*/
|
|
|
|
.sheet-inline-textarea,{
|
|
height:3em;
|
|
width:100%;
|
|
margin: 0;
|
|
resize:none;
|
|
}
|
|
|
|
.sheet-nontable {
|
|
text-align:justify;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.sheet-table-name , .sheet-nontable-name {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color:White;
|
|
background-color:darkgrey;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.sheet-nontable-name {
|
|
display: block;
|
|
}
|
|
.sheet-spellclassnav ~ h2.sheet-nontable-name {
|
|
margin-top:0;
|
|
}
|
|
|
|
.sheet-nontable-name {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
background: darkgrey;
|
|
width: 100%;
|
|
display: block;
|
|
margin-bottom:1rem;
|
|
line-height:20px;
|
|
}
|
|
|
|
|
|
.sheet-small-label2 > input[type=number]{
|
|
width: 98%;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-table-cell span[title], .sheet-table-header[title], .sheet-small-label2 span[title] {
|
|
cursor: help;
|
|
}
|
|
|
|
.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-small-label2 span {
|
|
padding: 0em .07em 0em .07em;
|
|
text-align:center;
|
|
font-size: .85em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color:grey;
|
|
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;
|
|
}
|
|
|
|
div.sheet-divbox{
|
|
border:1px solid black;
|
|
}
|
|
|
|
div.sheet-header{
|
|
background-color:darkgrey;
|
|
height:30px;
|
|
color: white;
|
|
font-weight:bold;
|
|
line-height:30px;
|
|
font-size:13px;
|
|
width:98%;
|
|
}
|
|
|
|
.sheet-text-center{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rTable {
|
|
display: table;
|
|
width: 100%;
|
|
font-size:11px;
|
|
}
|
|
.sheet-rTableRow {
|
|
display: table-row;
|
|
}
|
|
.sheet-rTableCell, .sheet-rTableHead {
|
|
display: table-cell;
|
|
padding: 3px 10px;
|
|
}
|
|
.sheet-divbox-skill .sheet-rTableCell {
|
|
padding: 3px 3px;
|
|
}
|
|
|
|
.sheet-border-left{
|
|
border-left:1px solid grey;
|
|
}
|
|
|
|
/***********************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;
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
.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-entry-vvshort,
|
|
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vvshort,
|
|
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vvshort {
|
|
width:2em;
|
|
}
|
|
.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-small-label2.sheet-entry-vvshort {
|
|
width:3em;
|
|
}
|
|
.sheet-small-label2.sheet-entry-vshort {
|
|
width:4.5em;
|
|
}
|
|
.sheet-small-label2.sheet-entry-small {
|
|
width:5em;
|
|
}
|
|
.sheet-small-label2.sheet-entry-med {
|
|
width:8em;
|
|
}
|
|
.sheet-small-label2.sheet-entry-long {
|
|
width:10em;
|
|
}
|
|
.sheet-small-label2.sheet-entry-vlong {
|
|
width:12em;
|
|
}
|
|
.sheet-small-label2.sheet-space-right-collapse {
|
|
margin-right:2em;
|
|
}
|
|
|
|
.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-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;
|
|
}
|
|
|
|
/* ROLL TEMPLATES */
|
|
.sheet-rolltemplate-hm_weapons,
|
|
.sheet-rolltemplate-hm_skill,
|
|
.sheet-rolltemplate-hm_ability,
|
|
.sheet-rolltemplate-hm_macro {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-table,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-table,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-table,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-table {
|
|
width: 100%;
|
|
display: table;
|
|
font-family: cursive;
|
|
border: 2px solid grey;
|
|
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-hm_weapons .sheet-roll-table .sheet-rounded,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-table .sheet-rounded,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-table .sheet-rounded,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-table .sheet-rounded {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-header,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-header,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-header,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-header {
|
|
display: table-row-group;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
caption-side: top;
|
|
width: 100%;
|
|
background-color: grey;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-header a ,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-header a ,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-header a,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-header a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-row,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-row ,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-row ,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-row {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background-color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-row:nth-child(even),
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-row:nth-child(even),
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-row:nth-child(even),
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-row:nth-child(even){
|
|
background-color: #B7B7B7;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-cell,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-cell ,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-cell,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-cell {
|
|
padding: 1px 1px 1px 5px;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell ,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
|
|
.sheet-rolltemplate-hm_macro .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-hm_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
|
|
.sheet-rolltemplate-hm_macro .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-hm_weapons .inlinerollresult,
|
|
.sheet-rolltemplate-hm_skill .inlinerollresult,
|
|
.sheet-rolltemplate-hm_ability .inlinerollresult,
|
|
.sheet-rolltemplate-hm_macro .inlinerollresult {
|
|
background-color: lightgrey;
|
|
border: 2px solid grey;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-hm_weapons .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-hm_skill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-hm_ability .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-hm_macro .inlinerollresult.fullcrit {
|
|
color: #FFF;
|
|
background-color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-hm_skill .inlinerollresult.fullfail ,
|
|
.sheet-rolltemplate-hm_ability .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-hm_macro .inlinerollresult.fullfail {
|
|
color: #FFF;
|
|
background-color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-hm_skill .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-hm_ability .inlinerollresult.importantroll ,
|
|
.sheet-rolltemplate-hm_macro .inlinerollresult.importantroll {
|
|
color: #FFF;
|
|
background-color: #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-text-white,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-text-white,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-text-white,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-text-white {
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-text-12px,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-text-12px,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-text-12px,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-text-12px {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hm_weapons .sheet-roll-text-right,
|
|
.sheet-rolltemplate-hm_skill .sheet-roll-text-right,
|
|
.sheet-rolltemplate-hm_ability .sheet-roll-text-right,
|
|
.sheet-rolltemplate-hm_macro .sheet-roll-text-right {
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
|
|
.repcontrol_add::before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid #000;
|
|
border-radius: 2px;
|
|
font-size: 1rem;
|
|
padding: 2px 4px 2px 4px;
|
|
color: #000;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: 'W';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid #000;
|
|
border-radius: 2px;
|
|
font-size: 1rem;
|
|
padding: 2px 3px 2px 3px;
|
|
color: #000;
|
|
margin-left: -3em;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: '3';
|
|
}
|
|
.repcontrol_edit:hover:before,
|
|
.repcontrol_edit:hover:after,
|
|
.repcontrol_add:hover:before {
|
|
background-color: #EFEFEF;
|
|
}
|
|
.repcontrol .btn {
|
|
border: medium none;
|
|
color: transparent !important;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
.repcontrol_add,
|
|
.repcontrol_edit {
|
|
display: block;
|
|
background: none;
|
|
color: transparent !important;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol_del,
|
|
.repcontrol_move {
|
|
display: block;
|
|
background: darkgrey;
|
|
color: White !important;
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 2em;
|
|
}
|
|
.repcontrol_move {
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|