mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1258 lines
45 KiB
CSS
1258 lines
45 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Teko:wght@700&display=swap');
|
|
|
|
/* GLOBAL SETTINGS
|
|
============================= */
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.charsheet {
|
|
min-width: 850px;
|
|
max-width: 950px;
|
|
}
|
|
.charsheet button:before {
|
|
display: none;
|
|
}
|
|
.charsheet button:focus > h3, .charsheet button:hover > h3, .charsheet button:active > h3 {
|
|
color: whitesmoke;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #f6efe9, 0 0 5px whitesmoke;
|
|
}
|
|
.charsheet button[type=roll], .charsheet button[type=action] {
|
|
background: #dac8d0;
|
|
border-bottom: 0.01em solid #666;
|
|
border-bottom-right-radius: 0.01em;
|
|
border-color: #b3b3b3;
|
|
border-radius: 0.25em;
|
|
border-right: 0.02em solid #333333;
|
|
border-style: outset;
|
|
margin: 0.2em !important;
|
|
padding: 0.1em !important;
|
|
}
|
|
.charsheet button[type=action] {
|
|
background: #d9d9d9;
|
|
}
|
|
.charsheet button[type=action]:focus, .charsheet button[type=action]:hover, .charsheet button[type=action]:active {
|
|
background-color: #4d4d4d;
|
|
color: whitesmoke;
|
|
}
|
|
.charsheet button[type=roll] {
|
|
background: #dac8d0;
|
|
}
|
|
.charsheet button[type=roll]:focus, .charsheet button[type=roll]:hover, .charsheet button[type=roll]:active {
|
|
background-color: #56062b;
|
|
color: whitesmoke;
|
|
}
|
|
.charsheet div {
|
|
background: transparent;
|
|
width: 100%;
|
|
}
|
|
.charsheet fieldset {
|
|
background: transparent;
|
|
}
|
|
.charsheet h1 {
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h2 {
|
|
font-size: 0.8em;
|
|
line-height: 2em;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h2.sheet-label {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
text-align: center;
|
|
margin-left: 3%;
|
|
}
|
|
.charsheet h3 {
|
|
font-size: 0.8em;
|
|
line-height: 2em;
|
|
text-transform: capitalize;
|
|
}
|
|
.charsheet input[type=text], .charsheet input[type=number] {
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0em;
|
|
color: black;
|
|
height: 2.1em;
|
|
text-align: center;
|
|
}
|
|
.charsheet input[type=text]:placeholder-shown, .charsheet input[type=number]:placeholder-shown {
|
|
background: #f6efe9;
|
|
}
|
|
.charsheet label {
|
|
margin-bottom: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.charsheet span {
|
|
word-break: break-word;
|
|
}
|
|
.charsheet textarea {
|
|
background: transparent;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
height: 50px;
|
|
margin: 0.5%;
|
|
margin-bottom: 2%;
|
|
min-height: 8em;
|
|
overflow: scroll;
|
|
overflow-wrap: break-word;
|
|
padding: 2px;
|
|
resize: vertical;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
white-space: pre-line;
|
|
width: 99%;
|
|
}
|
|
.charsheet textarea:placeholder-shown {
|
|
background: #f6efe9;
|
|
}
|
|
|
|
.repcontrol {
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
margin: 1%;
|
|
width: 98%;
|
|
}
|
|
.repcontrol .btn {
|
|
color: transparent !important;
|
|
float: unset;
|
|
padding: 0px;
|
|
text-shadow: none;
|
|
width: 2.5em;
|
|
}
|
|
.repcontrol .repcontrol_add {
|
|
position: relative;
|
|
}
|
|
.repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:after {
|
|
background: transparent;
|
|
color: black;
|
|
font-family: pictos;
|
|
font-size: 1.5em;
|
|
position: relative;
|
|
width: 0.2em;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: "(";
|
|
left: -100%;
|
|
}
|
|
.repcontrol .repcontrol_add:after {
|
|
content: "&";
|
|
left: -70%;
|
|
}
|
|
.repcontrol .repcontrol_edit:hover,
|
|
.repcontrol .repcontrol_add:hover,
|
|
.repcontrol .repcontrol_edit:focus,
|
|
.repcontrol .repcontrol_add:focus {
|
|
background: #06562b;
|
|
}
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:after,
|
|
.repcontrol .repcontrol_edit:focus:after,
|
|
.repcontrol .repcontrol_add:focus:after {
|
|
color: #f6efe9;
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ")";
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
.itemcontrol .repcontrol_del,
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 1em;
|
|
height: 2em;
|
|
padding: 0px;
|
|
width: 2em;
|
|
}
|
|
.itemcontrol .repcontrol_del {
|
|
background-color: darkred;
|
|
font-family: pictos;
|
|
}
|
|
.itemcontrol .repcontrol_del:before {
|
|
display: none;
|
|
}
|
|
|
|
div.sheet-npc .repcontrol .repcontrol_add {
|
|
left: 90%;
|
|
}
|
|
|
|
/* ROLL TEMPLATE
|
|
============================= */
|
|
.sheet-rolltemplate-rolls, .sheet-rolltemplate-damage, .sheet-rolltemplate-lethality, .sheet-rolltemplate-lethality_critical, .sheet-rolltemplate-sanloss, .sheet-rolltemplate-luck {
|
|
/* ROLL TEMPLATE STYLE
|
|
----------------------------- */
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container, .sheet-rolltemplate-damage div.sheet-template-container, .sheet-rolltemplate-lethality div.sheet-template-container, .sheet-rolltemplate-lethality_critical div.sheet-template-container, .sheet-rolltemplate-sanloss div.sheet-template-container, .sheet-rolltemplate-luck div.sheet-template-container {
|
|
border: 2px solid black;
|
|
border-radius: 0.3em;
|
|
box-shadow: inset 0px 0px 3px 1px black;
|
|
text-align: center;
|
|
/* DICE ROLL STYLES
|
|
----------------------------- */
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.importantroll {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult.fullcrit {
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-damage div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-lethality div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-lethality_critical div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-sanloss div.sheet-template-container .inlinerollresult, .sheet-rolltemplate-luck div.sheet-template-container .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: unset;
|
|
font-size: unset;
|
|
padding: unset;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header {
|
|
background-color: black;
|
|
border-bottom: 2px solid #4d4d4d;
|
|
padding: 2%;
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h2 {
|
|
display: inline;
|
|
line-height: 1.2em;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h1 {
|
|
color: whitesmoke;
|
|
font-variant: small-caps;
|
|
font-size: 1.6em;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-header h2, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-header h2 {
|
|
color: #d9d9d9;
|
|
font-size: 1.15em;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row {
|
|
background-color: whitesmoke;
|
|
padding: 3%;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) {
|
|
background-color: #f6efe9;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"], .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"] {
|
|
background-color: #c8dad0 !important;
|
|
font-weight: bold !important;
|
|
color: black;
|
|
font-size: 0.8em;
|
|
border-bottom: 0.01em solid #666;
|
|
border-bottom-right-radius: 0.01em;
|
|
border-color: #b3b3b3;
|
|
border-radius: 0.25em;
|
|
border-right: 0.02em solid #333333;
|
|
border-style: outset;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult {
|
|
color: black;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
padding: 0 3px 0 3px;
|
|
}
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-damage div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-lethality div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-lethality_critical div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-sanloss div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-luck div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc {
|
|
color: black;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-stats {
|
|
/* ROLL TEMPLATE STYLE
|
|
----------------------------- */
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container {
|
|
border: 2px solid black;
|
|
border-radius: 0.3em;
|
|
box-shadow: inset 0px 0px 3px 1px black;
|
|
text-align: center;
|
|
/* DICE ROLL STYLES
|
|
----------------------------- */
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.importantroll {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult.fullcrit {
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: unset;
|
|
font-size: unset;
|
|
padding: unset;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header {
|
|
background-color: black;
|
|
border-bottom: 2px solid #4d4d4d;
|
|
padding: 2%;
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h1, .sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h2 {
|
|
display: inline;
|
|
line-height: 1.2em;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h1 {
|
|
color: whitesmoke;
|
|
font-variant: small-caps;
|
|
font-size: 1.6em;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-header h2 {
|
|
color: #d9d9d9;
|
|
font-size: 1.15em;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row {
|
|
background-color: whitesmoke;
|
|
padding: 3%;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) {
|
|
background-color: #f6efe9;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row a[href^="~"] {
|
|
background-color: #c8dad0 !important;
|
|
font-weight: bold !important;
|
|
color: black;
|
|
font-size: 0.8em;
|
|
border-bottom: 0.01em solid #666;
|
|
border-bottom-right-radius: 0.01em;
|
|
border-color: #b3b3b3;
|
|
border-radius: 0.25em;
|
|
border-right: 0.02em solid #333333;
|
|
border-style: outset;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult {
|
|
color: black;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
padding: 0 3px 0 3px;
|
|
}
|
|
.sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-stats div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc {
|
|
color: black;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* HIDE DIFFERENT SHEET TYPES BY DEFAULT
|
|
============================= */
|
|
div.sheet-npc {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-npc,
|
|
div.sheet-pc {
|
|
display: grid;
|
|
}
|
|
|
|
/* HIDE PC SECTIONS NOT NEEDED ON NPC PAGE
|
|
----------------------------- */
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-personal-data {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-statistical-data {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-pyschological-data {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-applicable-skill-sets {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-injuries {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-remarks {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-authorizing-officer {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-section-bottom-decor {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-type[value=npc] ~ div.sheet-pc div.sheet-equipment {
|
|
display: none;
|
|
}
|
|
|
|
/* NPC PAGE IS NOT AS WIDE A PC
|
|
----------------------------- */
|
|
div.sheet-npc,
|
|
input.sheet-type[value=npc] ~ div.sheet-tabs {
|
|
min-width: 850px;
|
|
max-width: 950px;
|
|
}
|
|
|
|
/* SWITCHES
|
|
============================= */
|
|
/* The switch - the box around the slider */
|
|
.sheet-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 24px;
|
|
}
|
|
|
|
/* Hide default HTML checkbox */
|
|
.sheet-switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* The slider */
|
|
.sheet-slider {
|
|
-webkit-transition: 0.4s;
|
|
background-color: #ccc;
|
|
border-radius: 34px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: 0.4s;
|
|
}
|
|
|
|
.sheet-slider:before {
|
|
-webkit-transition: 0.4s;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
bottom: 4px;
|
|
content: "";
|
|
height: 16px;
|
|
left: 4px;
|
|
position: absolute;
|
|
transition: 0.4s;
|
|
width: 16px;
|
|
}
|
|
|
|
input:checked + .sheet-slider {
|
|
background-color: #c8dad0;
|
|
}
|
|
|
|
input:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px #c8dad0;
|
|
}
|
|
|
|
input:checked + .sheet-slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px);
|
|
}
|
|
|
|
/* HIGHLIGHT BUTTONS
|
|
============================= */
|
|
input.sheet-display_string[value*=settings] ~ div.sheet-tabs button[name=act_toggle_settings] {
|
|
background-color: #4d4d4d;
|
|
box-shadow: inset 0px 0px 3px 1px whitesmoke;
|
|
color: whitesmoke;
|
|
}
|
|
|
|
/* GRID
|
|
============================= */
|
|
div.sheet-grid {
|
|
display: inline-grid;
|
|
}
|
|
|
|
div.sheet-grid-tab-inputs label:nth-of-type(1) {
|
|
grid-area: 2/2/1/1;
|
|
}
|
|
div.sheet-grid-tab-inputs span:nth-of-type(1) {
|
|
grid-area: 1/1/1/1;
|
|
}
|
|
div.sheet-grid-tab-inputs label:nth-of-type(2) {
|
|
grid-area: 2/2/2/2;
|
|
}
|
|
div.sheet-grid-tab-inputs span:nth-of-type(2) {
|
|
grid-area: 1/1/2/2;
|
|
}
|
|
div.sheet-grid-tab-inputs label:nth-of-type(3) {
|
|
grid-area: 2/2/3/3;
|
|
}
|
|
div.sheet-grid-tab-inputs span:nth-of-type(3) {
|
|
grid-area: 1/1/3/3;
|
|
}
|
|
|
|
/* TABS & LOGO SECTION
|
|
============================= */
|
|
div.sheet-tabs {
|
|
grid-template-columns: 8em 1fr 6em;
|
|
margin-bottom: 0.5%;
|
|
background-color: black;
|
|
}
|
|
div.sheet-tabs label > input {
|
|
width: 100%;
|
|
}
|
|
div.sheet-tabs label.sheet-switch {
|
|
grid-column: 1;
|
|
margin-left: 5%;
|
|
margin-top: 2%;
|
|
}
|
|
div.sheet-tabs img {
|
|
grid-area: 1/2/3/2;
|
|
height: 99%;
|
|
}
|
|
div.sheet-tabs button[name=attr_gm_toggle] {
|
|
grid-area: 1/1/1/1;
|
|
}
|
|
div.sheet-tabs button[name=act_toggle_character] {
|
|
grid-area: 1/3/1/3;
|
|
}
|
|
div.sheet-tabs button[name=act_toggle_npc] {
|
|
grid-area: 2/3/2/3;
|
|
}
|
|
div.sheet-tabs select {
|
|
background-color: black;
|
|
border: none;
|
|
color: whitesmoke;
|
|
font-weight: bold;
|
|
width: 4em;
|
|
}
|
|
div.sheet-tabs span {
|
|
color: whitesmoke;
|
|
font-weight: bold;
|
|
}
|
|
div.sheet-tabs span:nth-of-type(1) {
|
|
padding: 5% 1% 0px 5%;
|
|
grid-area: 1/1/1/1;
|
|
}
|
|
div.sheet-tabs span:nth-of-type(2) {
|
|
padding: 5% 1% 0px 5%;
|
|
grid-area: 1/3/1/3;
|
|
}
|
|
|
|
/* GENERIC CLASSES
|
|
============================= */
|
|
.sheet-border {
|
|
border: 0.15em solid black;
|
|
}
|
|
|
|
.sheet-border-bottom {
|
|
border-bottom: 0.15em solid black;
|
|
}
|
|
|
|
.sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-header-body {
|
|
grid-template-columns: 3em 1fr;
|
|
}
|
|
|
|
.sheet-italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-margin-left {
|
|
margin-left: 2%;
|
|
}
|
|
|
|
.sheet-pictos {
|
|
font-family: "pictos";
|
|
}
|
|
|
|
.sheet-none {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-text-align-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-short {
|
|
size: 1em;
|
|
}
|
|
|
|
.sheet-dicefontd10 {
|
|
color: black;
|
|
font-family: "dicefontd10";
|
|
}
|
|
|
|
h2.sheet-aligned-left,
|
|
h3.sheet-aligned-left {
|
|
margin-left: 0.5em;
|
|
text-align: left;
|
|
}
|
|
|
|
/* STYLED CHECKBOXES
|
|
============================= */
|
|
label.sheet-styled-checkbox input[type=checkbox] {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
}
|
|
|
|
/* NPC SHEET
|
|
============================= */
|
|
div.sheet-npc input[type=text],
|
|
div.sheet-npc input[type=number] {
|
|
width: 100%;
|
|
}
|
|
div.sheet-npc div.sheet-section-header input[name=attr_name] {
|
|
color: black;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
}
|
|
div.sheet-npc div.sheet-section-body {
|
|
grid-template-columns: 4em 1fr 4em 1fr 4em 1fr 4em 1fr 4em 1fr 4em 1fr;
|
|
margin-left: 2%;
|
|
max-width: 98%;
|
|
/* HIT POINTS & WILLPOWER POINTS & SAN LOSS
|
|
----------------------------- */
|
|
/* ARMOR
|
|
----------------------------- */
|
|
/* SKILLS
|
|
----------------------------- */
|
|
/* ATTACKS
|
|
----------------------------- */
|
|
/* OTHER NOTES
|
|
----------------------------- */
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1 {
|
|
font-size: 1em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h2 {
|
|
text-align: center;
|
|
text-decoration: underline;
|
|
}
|
|
div.sheet-npc div.sheet-section-body button > h1 {
|
|
font-size: 0.8em;
|
|
line-height: 1.8em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body button > h1:hover, div.sheet-npc div.sheet-section-body button > h1:focus {
|
|
color: whitesmoke;
|
|
}
|
|
div.sheet-npc div.sheet-section-body input {
|
|
height: 100%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body input:placeholder-shown {
|
|
border: 0.1em dashed #06562b;
|
|
}
|
|
div.sheet-npc div.sheet-section-body input[type=text] {
|
|
text-align: left;
|
|
margin-left: 1%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body textarea {
|
|
grid-column: 1/13;
|
|
min-height: 4em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-repeating-container,
|
|
div.sheet-npc div.sheet-section-body label.sheet-row {
|
|
grid-column: 1/13;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n=HP] {
|
|
grid-area: 3/1/3/1;
|
|
}
|
|
div.sheet-npc div.sheet-section-body label[data-i18n-title="enter hit points"] {
|
|
grid-area: 3/2/3/2;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n=WP] {
|
|
grid-area: 3/3/3/3;
|
|
}
|
|
div.sheet-npc div.sheet-section-body label[data-i18n-title="enter willpower points"] {
|
|
grid-area: 3/4/3/4;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss {
|
|
grid-area: 4/1/4/8;
|
|
grid-template-columns: 7em 6em 1em 6em 8em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss button[data-i18n-title="san loss roll"] {
|
|
display: inline-block;
|
|
height: 90%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss h1[data-i18n="SAN LOSS"] {
|
|
grid-area: 3/5/3/6;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss input[type=text] {
|
|
height: 100%;
|
|
width: 5em;
|
|
text-align: center;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss select {
|
|
height: 100%;
|
|
width: 8em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-sanloss span.sheet-slash {
|
|
color: black;
|
|
font-size: 1.2em;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n=armor] {
|
|
grid-area: 5/1/5/1;
|
|
}
|
|
div.sheet-npc div.sheet-section-body label[data-i18n-title="enter armor text"] {
|
|
grid-area: 5/2/5/13;
|
|
grid-column: 2/13;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n=skills] {
|
|
grid-area: 6/1/6/1;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-skills {
|
|
grid-row: 6/6;
|
|
margin-left: 2%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-skills div.sheet-section-skills,
|
|
div.sheet-npc div.sheet-section-body div.sheet-skills div.sheet-section-header {
|
|
grid-column-gap: 1%;
|
|
grid-template-columns: 1fr 4em 2.5em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n=attacks] {
|
|
grid-area: 7/1/7/3;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-attacks {
|
|
grid-row: 8/8;
|
|
margin-left: 2%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-attacks input[type=text][name=attr_damage] {
|
|
text-align: center;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-attacks div.sheet-section-weapons,
|
|
div.sheet-npc div.sheet-section-body div.sheet-attacks div.sheet-section-header {
|
|
grid-column-gap: 1%;
|
|
grid-template-columns: 6em 4em 7em 4em 8em 8em 6em 6em 3em 1fr 2.5em;
|
|
}
|
|
div.sheet-npc div.sheet-section-body h1[data-i18n="other notes"] {
|
|
grid-area: 9/1/9/3;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-notes {
|
|
grid-row: 10/10;
|
|
margin-left: 2%;
|
|
}
|
|
div.sheet-npc div.sheet-section-body div.sheet-notes div.sheet-section-header,
|
|
div.sheet-npc div.sheet-section-body div.sheet-notes div.sheet-section {
|
|
grid-column-gap: 1%;
|
|
grid-template-columns: 10em 1fr;
|
|
}
|
|
|
|
/* PC SHEET
|
|
============================= */
|
|
div.sheet-pc {
|
|
grid-column-gap: 0.2em;
|
|
grid-row-gap: 0.2em;
|
|
grid-template-columns: 1fr 1fr;
|
|
/* PERSONAL DATA
|
|
----------------------------- */
|
|
/* STATISTICAL DATA
|
|
----------------------------- */
|
|
/* PSYCHOLOGICAL DATA
|
|
----------------------------- */
|
|
/* APPLICABLE SKILL SET
|
|
----------------------------- */
|
|
/* INJURIES
|
|
----------------------------- */
|
|
/* EQUIPMENT
|
|
----------------------------- */
|
|
/* REMARKS
|
|
----------------------------- */
|
|
/* AUTHORIZING OFFICER
|
|
----------------------------- */
|
|
/* BOTTOM DECORATION
|
|
----------------------------- */
|
|
}
|
|
div.sheet-pc h1 {
|
|
color: #ff6666;
|
|
font-size: 1.5em;
|
|
font-family: 'Teko', sans-serif;
|
|
text-align: center;
|
|
transform: rotate(180deg);
|
|
}
|
|
div.sheet-pc input[type=text], div.sheet-pc input[type=number] {
|
|
width: 100%;
|
|
}
|
|
div.sheet-pc div.sheet-section-header {
|
|
background-color: black;
|
|
font-weight: bold;
|
|
grid-area: 1/1/1/1;
|
|
text-orientation: sideways;
|
|
writing-mode: vertical-lr;
|
|
height: 100%;
|
|
}
|
|
div.sheet-pc div.sheet-vert-line,
|
|
div.sheet-pc div.sheet-horz-line {
|
|
background-color: black;
|
|
}
|
|
div.sheet-pc div.sheet-horz-line {
|
|
height: 2px;
|
|
}
|
|
div.sheet-pc span.sheet-para:before {
|
|
content: "(";
|
|
}
|
|
div.sheet-pc span.sheet-para:after {
|
|
content: ")";
|
|
}
|
|
div.sheet-pc div.sheet-personal-data {
|
|
grid-column: 1/3;
|
|
/* PERSONAL DATA
|
|
----------------------------- */
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) {
|
|
grid-row: 1;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) {
|
|
grid-row: 1;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) {
|
|
grid-row: 1;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) {
|
|
grid-template-columns: 1fr 0.155em 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) h2:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) h2:nth-of-type(1) {
|
|
grid-area: 1/1/1/3;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) label:nth-of-type(1), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) label:nth-of-type(1) {
|
|
grid-area: 2/1/2/3;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) div.sheet-vert-line, div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) div.sheet-vert-line {
|
|
grid-area: 1/2/3/2;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) h2:nth-of-type(2), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) h2:nth-of-type(2) {
|
|
grid-area: 1/3/1/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(1) label:nth-of-type(2), div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(2) label:nth-of-type(2) {
|
|
grid-area: 2/3/2/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) {
|
|
grid-template-columns: 1fr 0.155em 1fr 0.155em 2.01fr;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(1) {
|
|
grid-area: 1/1/1/2;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(1) {
|
|
grid-area: 2/1/2/2;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) div.sheet-vert-line:nth-of-type(1) {
|
|
grid-area: 1/2/3/2;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(2) {
|
|
grid-area: 1/3/1/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(2) {
|
|
grid-area: 2/3/2/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) div.sheet-vert-line:nth-of-type(2) {
|
|
grid-area: 1/4/3/4;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) h2:nth-of-type(3) {
|
|
grid-area: 1/5/1/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data div.sheet-section:nth-of-type(3) label:nth-of-type(3) {
|
|
grid-area: 2/5/2/5;
|
|
}
|
|
div.sheet-pc div.sheet-personal-data input[type=text] {
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data {
|
|
grid-area: 2/1/2/1;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-body {
|
|
grid-template-rows: min-content;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data button[type=roll],
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-derived-attr {
|
|
font-size: 1em;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data button[type=roll] span,
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-derived-attr span {
|
|
font-size: 0.8em;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data h3 {
|
|
display: inline;
|
|
margin-right: 2%;
|
|
text-transform: capitalize;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-stats {
|
|
grid-template-columns: 9em 0.155em 2fr 0.155em 1fr 0.155em 14em;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-stats button[type=roll] {
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-stats div.sheet-horz-line {
|
|
grid-column: 1/8;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-stats span.sheet-center {
|
|
background-color: #d9d9d9;
|
|
padding-top: 25%;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived {
|
|
grid-template-rows: min-content;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section {
|
|
grid-template-columns: 12em 0.155em 1fr 0.155em 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section button[type=roll] {
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived div.sheet-section div.sheet-horz-line {
|
|
grid-column: 1/6;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived input[name=attr_sanity_points_max] {
|
|
padding-left: 4%;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived span {
|
|
padding: 4%;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-derived span.sheet-center {
|
|
background-color: #d9d9d9;
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-physical {
|
|
grid-template-rows: min-content;
|
|
/*h2 {grid-row: 1 / 1}*/
|
|
}
|
|
div.sheet-pc div.sheet-statistical-data div.sheet-section-physical textarea {
|
|
/* grid-row: 2 / 2;*/
|
|
min-height: 14em;
|
|
height: 100%;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data {
|
|
grid-area: 2/2/2/2;
|
|
/*grid-template-rows: min-content;
|
|
*/
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-body {
|
|
grid-template-rows: min-content;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data textarea {
|
|
min-height: 11.5em;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds input[type=text] {
|
|
text-align: center;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-max-height {
|
|
max-height: 1.8em;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-section {
|
|
grid-template-columns: 25em 0.155em 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-repeating-container {
|
|
margin-bottom: 0%;
|
|
min-height: 14.5em;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-section-bonds div.sheet-repeating-container .repcontrol .repcontrol_add {
|
|
right: -84%;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-incidents-body {
|
|
grid-template-columns: 6em 2em 2em 2em 4em 6em 2em 2em 2em 4em;
|
|
padding-top: 1%;
|
|
}
|
|
div.sheet-pc div.sheet-pyschological-data div.sheet-incidents-body h3 {
|
|
text-transform: capitalize;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets {
|
|
grid-column: 1/3;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(1) {
|
|
grid-column: 1/1;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(2) {
|
|
grid-column: 2/2;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(3) {
|
|
grid-column: 3/3;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col {
|
|
grid-template-columns: 2em 15em 0.155em 2fr;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(1), div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col:nth-of-type(2) {
|
|
border-right: 0.15em solid black;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-horz-line {
|
|
grid-column: 1/5;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button {
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button h3 {
|
|
display: inline;
|
|
margin-right: 5%;
|
|
padding-left: 2%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col button.sheet-dicefontd10[type=roll] {
|
|
text-align: center;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col input[type=number] {
|
|
height: 100%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col input[type=checkbox] {
|
|
margin-left: 10%;
|
|
margin-top: 50%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col span {
|
|
font-size: 0.8em;
|
|
text-align: center;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col label.sheet-custom-label {
|
|
grid-column: 1/5;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col textarea {
|
|
margin-bottom: 0em;
|
|
margin-left: 1%;
|
|
min-height: 2em;
|
|
width: 98%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container {
|
|
grid-column: 1/5;
|
|
min-height: 285px;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container input[type=checkbox] {
|
|
margin-top: 20%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container .repcontrol .repcontrol_add {
|
|
right: -75%;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-skill-col div.sheet-repeating-container div.sheet-section-repeating {
|
|
grid-template-columns: 1fr 12.5em 2.5em 0.155em 2fr;
|
|
}
|
|
div.sheet-pc div.sheet-applicable-skill-sets div.sheet-section-body div.sheet-section-directions {
|
|
grid-column: 1/4;
|
|
}
|
|
div.sheet-pc div.sheet-injuries {
|
|
grid-column: 1/3;
|
|
}
|
|
div.sheet-pc div.sheet-injuries h1 {
|
|
grid-row: 1;
|
|
}
|
|
div.sheet-pc div.sheet-injuries label {
|
|
display: inline;
|
|
}
|
|
div.sheet-pc div.sheet-injuries div.border-bottom {
|
|
grid-row: 2;
|
|
}
|
|
div.sheet-pc div.sheet-equipment {
|
|
grid-column: 1/3;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources {
|
|
grid-template-columns: 60% 0.155em 39%;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-armor {
|
|
grid-column: 1;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-armor h2 {
|
|
display: inline;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-armor h3 {
|
|
display: inline;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-armor textarea {
|
|
min-height: 85%;
|
|
margin-bottom: 2%;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources {
|
|
grid-column: 3;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources {
|
|
grid-template-columns: 12em 12em;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources h2 {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
margin-left: 0.5em;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-perm-resources label {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks {
|
|
grid-template-columns: 8em 2em 2em 2em 7em 3em;
|
|
border-bottom: 0.3em solid;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks h2 {
|
|
grid-row: 1;
|
|
margin-left: 1em;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-checks label {
|
|
font-size: 1em;
|
|
display: inline;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations {
|
|
grid-template-columns: 8em 0.155em 8em 0.155em 8em;
|
|
margin-top: 0%;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand {
|
|
grid-column: 1;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand h3 {
|
|
line-height: 1em;
|
|
grid-row: 1;
|
|
grid-column: 1/2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand label {
|
|
grid-row: 2;
|
|
grid-column: 1;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-at-hand button {
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed {
|
|
grid-column: 3;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed h3 {
|
|
line-height: 1em;
|
|
grid-row: 1;
|
|
grid-column: 1/2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed label {
|
|
grid-row: 2;
|
|
grid-column: 1;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-stowed button {
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage {
|
|
grid-column: 5;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage h3 {
|
|
line-height: 1em;
|
|
grid-row: 1;
|
|
grid-column: 1/2;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage label {
|
|
grid-row: 2;
|
|
grid-column: 1;
|
|
}
|
|
div.sheet-pc div.sheet-armor-resources div.sheet-section-resources div.sheet-section-resource-allocations div.sheet-section-resources-in-storage button {
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
}
|
|
div.sheet-pc div.sheet-equipment div.sheet-section-weapons {
|
|
grid-template-columns: 15em 0.155em 1.2fr 0.155em 2fr 0.155em 2fr 0.155em 2fr 0.155em 2.5fr 0.155em 2fr 0.155em 2fr 0.155em 1fr 0.155em 2em;
|
|
}
|
|
div.sheet-pc div.sheet-equipment h2:nth-of-type(1) {
|
|
margin-left: 2%;
|
|
}
|
|
div.sheet-pc div.sheet-equipment h2:nth-of-type(1n+2) {
|
|
text-align: center;
|
|
}
|
|
div.sheet-pc div.sheet-equipment div.sheet-repeating-container .repcontrol .repcontrol_add {
|
|
right: -93%;
|
|
}
|
|
div.sheet-pc div.sheet-equipment div.sheet-repeating-container input[name=attr_weapons] {
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-remarks {
|
|
grid-column: 1/3;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-body textarea {
|
|
min-height: 10em;
|
|
margin-bottom: 2%;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 {
|
|
grid-template-columns: 1fr 0.155em 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 input[type=text][name=attr_special_training] {
|
|
text-align: left;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-section-19 input[type=text][name=attr_skill_or_stat_used] {
|
|
text-align: center;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-body div.sheet-repeating-container .repcontrol .repcontrol_add {
|
|
right: -83%;
|
|
}
|
|
div.sheet-pc div.sheet-remarks div.sheet-section-directions {
|
|
grid-column: 1/4;
|
|
}
|
|
div.sheet-pc div.sheet-authorizing-officer {
|
|
grid-column: 1/3;
|
|
grid-template-columns: 1fr 0.155em 1fr;
|
|
}
|
|
div.sheet-pc div.sheet-authorizing-officer h2 {
|
|
grid-row: 1;
|
|
}
|
|
div.sheet-pc div.sheet-authorizing-officer label {
|
|
grid-row: 2;
|
|
}
|
|
div.sheet-pc div.sheet-section-bottom-decor {
|
|
grid-column: 1/3;
|
|
grid-template-columns: 3em 1fr 20em 3fr 5em;
|
|
margin-top: 2%;
|
|
}
|
|
div.sheet-pc div.sheet-section-bottom-decor span {
|
|
text-transform: uppercase;
|
|
}
|
|
div.sheet-pc div.sheet-section-bottom-decor span:nth-of-type(odd) {
|
|
color: black;
|
|
font-size: 1.5em;
|
|
font-weight: bolder;
|
|
}
|
|
div.sheet-pc div.sheet-section-bottom-decor span:nth-of-type(even) {
|
|
color: #4d4d4d;
|
|
opacity: 0.8;
|
|
text-align: center;
|
|
}
|
|
|
|
/* PLAYS THE ROLE OF a non breaking space at the beginning of the line to circumvent pug removal*/
|
|
div.sheet-nbsp {
|
|
text-indent: 0.5em;
|
|
}
|
|
|
|
/* SETTINGS SHEET
|
|
============================= */
|
|
button[name=act_sheet_select] {
|
|
height: 2em;
|
|
width: 2em;
|
|
}
|
|
|
|
/* ACCESSIBILITY ADJUSTMENTS
|
|
============================= */
|
|
.sheet-hidden {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
/* REMVOE WEBKIT
|
|
============================= */
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/*# sourceMappingURL=deltagreen.css.map */
|