2156 lines
51 KiB
CSS
2156 lines
51 KiB
CSS
/* Colors
|
|
e34a3a soft red
|
|
#102536 dark background
|
|
#02579a blue
|
|
#81ebfb light blue
|
|
*/
|
|
|
|
/* GENERALITIES */
|
|
.charsheet {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
padding: 0 10px 0 0 !important;
|
|
font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, sans-serif;
|
|
font-size: 13px;
|
|
left: 0;
|
|
margin-top: -11px;
|
|
color: white;
|
|
text-shadow: 0 0 2px #81ebfb;
|
|
}
|
|
.sheet-flexwidth:not(:checked) + .sheet-container {
|
|
width: 882px;
|
|
}
|
|
.sheet-flexwidth:checked + .sheet-container {
|
|
min-width: 882px;
|
|
max-width: 1190px;
|
|
}
|
|
div {
|
|
box-sizing: border-box;
|
|
}
|
|
label {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: inherit;
|
|
font-size: 1em;
|
|
width: auto;
|
|
display: flex;
|
|
font-weight: normal;
|
|
}
|
|
label input[type=checkbox], label input[type=radio] {
|
|
position: absolute;
|
|
}
|
|
input[type=text] {
|
|
font-family: inherit;
|
|
border: none;
|
|
color: inherit;
|
|
text-shadow: inherit;
|
|
background: none;
|
|
box-shadow: none;
|
|
width: 100%;
|
|
font-size: 1em;
|
|
transition: all 0.2s;
|
|
padding: 0;
|
|
}
|
|
textarea {
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
font-family: inherit;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
transition: all 0.2s, height 0s;
|
|
background: transparent;
|
|
}
|
|
li,
|
|
li input[type=text],
|
|
li .sheet-auto-expand {
|
|
color: white;
|
|
text-shadow: 0 0 2px #81ebfb;
|
|
position: relative;
|
|
}
|
|
li::after {
|
|
background: #81ebfb;
|
|
transform: rotate(45deg);
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
input[type=checkbox], input[type=radio] {
|
|
opacity: 0;
|
|
z-index: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
flex-shrink: 0;
|
|
position: absolute;
|
|
-moz-appearance: none;
|
|
}
|
|
input[type=checkbox] + span, input[type=radio] + span {
|
|
display: inline-block;
|
|
transition: all 0.2s;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-hidden {
|
|
display: none !important;
|
|
}
|
|
.sheet-rep-block {
|
|
width: 100%;
|
|
}
|
|
.sheet-preload {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.sheet-preload img {
|
|
width: 1px;
|
|
height: 1px;
|
|
}
|
|
.sheet-tab {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/background.png");
|
|
padding: 5px 10px 15px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-type-input:not([value="character"]) ~ .sheet-type-character,
|
|
.sheet-type-input:not([value="ship"]) ~ .sheet-type-ship,
|
|
.sheet-type-input:not([value="faction"]) ~ .sheet-type-faction {
|
|
display: none;
|
|
}
|
|
|
|
/* TOP ROW */
|
|
input.sheet-settings-checkbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
input.sheet-settings-checkbox + span {
|
|
opacity: 0.3;
|
|
font-size: 1.2em;
|
|
font-family: pictos;
|
|
}
|
|
input.sheet-settings-checkbox:checked + span {
|
|
opacity: 1;
|
|
}
|
|
.sheet-settings-checkbox-holder {
|
|
margin-left: auto;
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-topholder {
|
|
margin-left: 55%;
|
|
width: 45%;
|
|
padding-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
input.sheet-type-selector {
|
|
width: 170px;
|
|
height: 20px;
|
|
}
|
|
.sheet-3waybox:not(:checked) + .sheet-3waybox {
|
|
display: none;
|
|
}
|
|
span.sheet-type-selector {
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
background: #102536;
|
|
color: #81ebfb;
|
|
text-shadow: none !important;
|
|
width: 170px;
|
|
height: 20px;
|
|
font-size: .9em;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
}
|
|
input.sheet-type-selector:hover ~ span {
|
|
color: white;
|
|
}
|
|
input.sheet-type-selector[value="character"]:checked ~ span::before {
|
|
content: "Character Mode";
|
|
}
|
|
input.sheet-type-selector[value="ship"]:checked ~ span::before {
|
|
content: "Ship Mode";
|
|
}
|
|
input.sheet-type-selector[value="faction"]:checked ~ span::before {
|
|
content: "Faction Mode";
|
|
}
|
|
|
|
/* SETTINGS */
|
|
.sheet-type-input[value="character"] ~ .sheet-settings > :not(.sheet-setting-character),
|
|
.sheet-type-input[value="ship"] ~ .sheet-settings > :not(.sheet-setting-ship),
|
|
.sheet-type-input[value="faction"] ~ .sheet-settings > :not(.sheet-setting-faction) {
|
|
display: none;
|
|
}
|
|
.sheet-settings {
|
|
position: absolute;
|
|
margin-left: calc(100% - 392px);
|
|
margin-top: 2px;
|
|
width: 380px;
|
|
border: 1px solid #81ebfb;
|
|
background-color: #102536;
|
|
font-size: .8em;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px white;
|
|
z-index: 100;
|
|
padding: 4px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-settings > div {
|
|
padding: 3px;
|
|
border-bottom: 1px solid white;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet-version-text {
|
|
justify-content: center;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-settings input.sheet-checkbox + span {
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-settings input[type=number],
|
|
.sheet-settings input[type=text] {
|
|
border: 1px solid lightgray;
|
|
color: #81ebfb;
|
|
height: 18px;
|
|
background: transparent;
|
|
padding: 0 2px;
|
|
}
|
|
.sheet-settings input[type=number] {
|
|
width: 30px;
|
|
font-size: 1.1em;
|
|
margin: 0 3px;
|
|
}
|
|
.sheet-settings input[type=text] {
|
|
width: 55px;
|
|
margin-right: 3px;
|
|
}
|
|
.sheet-settings select {
|
|
width: 100px;
|
|
margin: 0 4px 0 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
color: #81ebfb;
|
|
background: transparent;
|
|
}
|
|
|
|
/* HIDING STUFF ON THE SHEET */
|
|
.sheet-toothhider:not(:checked) + input.sheet-tooth,
|
|
.sheet-toothhider:not(:checked) + input.sheet-tooth + span {
|
|
display: none;
|
|
}
|
|
.sheet-xp-hider:not(:checked) + li {
|
|
display: none;
|
|
}
|
|
.sheet-hidediv:not(:checked) + div {
|
|
display: none;
|
|
}
|
|
/* USEFUL GENERAL LAYOUT*/
|
|
.sheet-blackheader {
|
|
font-size: .8em;
|
|
font-weight: 600;
|
|
height: 16px;
|
|
letter-spacing: 1px;
|
|
line-height: 16px;
|
|
padding-left: 5px;
|
|
background-color: #102536;
|
|
}
|
|
.sheet-specialheader, input.sheet-specialheader {
|
|
background-color: #102536;
|
|
line-height: 20px;
|
|
font-size: .8em;
|
|
letter-spacing: 1px;
|
|
padding-left: 5px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-plainheader {
|
|
width: 100%;
|
|
border-top: 2px solid #02579a;
|
|
font-size: .9em;
|
|
font-weight: 800;
|
|
line-height: 22px;
|
|
}
|
|
.sheet-def-margin {
|
|
margin-top: 15px;
|
|
}
|
|
.sheet-blackborder {
|
|
border-top: 3px solid #102536;
|
|
}
|
|
/* COLUMN LAYOUT */
|
|
.sheet-flex {
|
|
display: flex;
|
|
}
|
|
.sheet-flex-center {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet-flex-centerall {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.sheet-flex-layout {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flex-wrap {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
.sheet-col18 {
|
|
width: 18%;
|
|
}
|
|
.sheet-col24b {
|
|
width: 24.25%;
|
|
margin-right: 1%;
|
|
}
|
|
.sheet-col24b:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.sheet-col30 {
|
|
width: 30%;
|
|
}
|
|
.sheet-col31 {
|
|
width: 31%;
|
|
}
|
|
.sheet-col50 {
|
|
width: 50%;
|
|
}
|
|
.sheet-col52b {
|
|
width: 52%;
|
|
margin-left: 3%;
|
|
}
|
|
.sheet-col55 {
|
|
width: 55%;
|
|
}
|
|
.sheet-col45,
|
|
.sheet-col50a {
|
|
width: 45%;
|
|
}
|
|
.sheet-col50b {
|
|
width: 52%;
|
|
}
|
|
.sheet-col68 {
|
|
width: 68%;
|
|
}
|
|
.sheet-col70 {
|
|
width: 70%;
|
|
}
|
|
.sheet-col82 {
|
|
width: 82%;
|
|
}
|
|
.sheet-col97 {
|
|
margin-left: 1.5%;
|
|
width: 97%;
|
|
}
|
|
.sheet-col100 {
|
|
width: 100%;
|
|
}
|
|
.sheet-col50a,
|
|
.sheet-col50b {
|
|
margin: 5px 0 0 1.5%;
|
|
}
|
|
/* AUTO-EXPAND */
|
|
.sheet-auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
}
|
|
.sheet-auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
font: inherit;
|
|
}
|
|
.sheet-auto-expand textarea {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
resize: none;
|
|
height: 100%;
|
|
word-wrap: break-word;
|
|
padding: inherit;
|
|
font: inherit;
|
|
color: inherit;
|
|
text-transform: inherit;
|
|
letter-spacing: inherit;
|
|
text-align: inherit;
|
|
text-shadow: inherit;
|
|
}
|
|
|
|
/* FONT STYLES */
|
|
.sheet-label,
|
|
input.sheet-label,
|
|
textarea.sheet-label {
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-smallcaps {
|
|
text-transform: uppercase;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-bold {
|
|
font-weight: 800;
|
|
}
|
|
.sheet-italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
/* FRIENDS/CONTACTS */
|
|
.sheet-friend, .sheet-contact {
|
|
padding: 5px 0 4px 4px;
|
|
}
|
|
.sheet-friends {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-contact .sheet-auto-expand,
|
|
.sheet-friend .sheet-auto-expand {
|
|
font-size: .95em;
|
|
min-height: 18px;
|
|
padding: 0 0 3px 3px;
|
|
width: 0;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* INFO BOXES */
|
|
.sheet-gatherinfo ul {
|
|
padding: 0;
|
|
}
|
|
.sheet-gatherinfo li {
|
|
margin-bottom: 4px;
|
|
font-style: italic;
|
|
padding-left: 8px;
|
|
font-size: .85em;
|
|
line-height: 15px;
|
|
}
|
|
.sheet-gatherinfo li input[type=text],
|
|
.sheet-gatherinfo li .sheet-auto-expand {
|
|
width: 100%;
|
|
font-style: italic;
|
|
padding-left: 3px;
|
|
}
|
|
.sheet-gatherinfo li::after {
|
|
height: 4px;
|
|
width: 4px;
|
|
top: .25em;
|
|
margin-top: 4px;
|
|
}
|
|
.sheet-teamworkbox {
|
|
padding: 3px 5px;
|
|
margin-bottom: 5px;
|
|
font-size: .9em;
|
|
line-height: 1;
|
|
}
|
|
.sheet-planningdesc {
|
|
font-size: .9em;
|
|
line-height: 127%;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* ITEMS/UPGRADES */
|
|
.sheet-itemholder > div {
|
|
padding: 4px;
|
|
}
|
|
.sheet-item {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.sheet-item.sheet-itemshort {
|
|
width: 50%;
|
|
}
|
|
.sheet-item .sheet-itemname {
|
|
width: 0;
|
|
flex-grow: 1;
|
|
color: inherit;
|
|
text-shadow: inherit;
|
|
padding-left: 2px;
|
|
min-height: 18px;
|
|
line-height: 18px;
|
|
font-size: .85em;
|
|
}
|
|
.sheet-itembold .sheet-itemname,
|
|
.sheet-input-bold:checked ~ .sheet-itemname {
|
|
font-weight: 700;
|
|
}
|
|
.sheet-itemitalic .sheet-itemname,
|
|
.sheet-numboxes[value="0"] ~ .sheet-itemname {
|
|
font-style: italic;
|
|
}
|
|
.sheet-item span.sheet-label {
|
|
font-weight: bold;
|
|
font-size: .8em;
|
|
letter-spacing: 1px;
|
|
}
|
|
.sheet-item.sheet-upgradecaption {
|
|
margin-top: 5px;
|
|
}
|
|
.sheet-floatingbar {
|
|
width: 3px;
|
|
height: 2px;
|
|
flex-shrink: 0;
|
|
margin: 8px 0 0 -3px;
|
|
background: white;
|
|
}
|
|
.sheet-item .sheet-checkbox,
|
|
.sheet-item .sheet-checkbox + span {
|
|
margin-top: 3px;
|
|
}
|
|
.sheet-numboxes[value="0"] ~ .sheet-boxesgeq2,
|
|
.sheet-numboxes[value="1"] ~ .sheet-boxesgeq2,
|
|
.sheet-numboxes:not([value="3"]) ~ .sheet-boxesgeq3 {
|
|
display: none;
|
|
}
|
|
.sheet-itemholder .sheet-boxes-chosen:checked + div,
|
|
.sheet-itemholder .sheet-boxes-chosen:not(:checked) + div ~ div {
|
|
display: none;
|
|
}
|
|
.sheet-numboxes-chooser {
|
|
font-size: .9em;
|
|
}
|
|
.sheet-numboxes-chooser input[type=number] {
|
|
margin-left: auto;
|
|
height: 18px;
|
|
padding: 0;
|
|
color: white;
|
|
text-align: right;
|
|
width: 2.5em;
|
|
border: 1px solid white;
|
|
background: transparent;
|
|
}
|
|
.sheet-numboxes-chooser label {
|
|
margin-left: auto;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-numboxes-chooser label input + span {
|
|
border: 1px solid;
|
|
padding: 2px;
|
|
line-height: 12px;
|
|
}
|
|
.sheet-numboxes-chooser input:checked + span {
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px #fff;
|
|
}
|
|
|
|
/* LOGO */
|
|
.sheet-scumlogo {
|
|
height: 50px;
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/logo.png");
|
|
background-size: 95% auto;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* LOAD */
|
|
.sheet-loadheader {
|
|
background-color: #102536;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
justify-content: space-between;
|
|
padding: 0 5px;
|
|
font-size: .75em;
|
|
}
|
|
.sheet-loadheader .sheet-label {
|
|
font-weight: 800;
|
|
letter-spacing: 1px;
|
|
}
|
|
.sheet-load {
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-load input.sheet-checkbox + span {
|
|
transform: rotate(45deg);
|
|
border-color: #81ebfb;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: 0;
|
|
}
|
|
.sheet-loadheader .sheet-italic {
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-loadcheckholder {
|
|
font-style: italic;
|
|
font-size: 1.1em;
|
|
}
|
|
.sheet-loadnumber {
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 1.1em;
|
|
padding-left: 4px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/* ADVANCEMENT BOX*/
|
|
.sheet-advancement {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-advancement-header .sheet-label {
|
|
letter-spacing: 2px;
|
|
}
|
|
.sheet-advancement-header .sheet-label:first-child {
|
|
margin-right: auto;
|
|
}
|
|
.sheet-advancement-xpholder {
|
|
min-width: 120px;
|
|
text-align: right;
|
|
padding: 0 3px 0 5px;
|
|
}
|
|
ul.sheet-advancement-desc {
|
|
padding: 15px 10px 4px;
|
|
}
|
|
.sheet-advancement-desc li,
|
|
.sheet-advancement-desc input[type=text] {
|
|
font-size: .95em;
|
|
line-height: 1.3;
|
|
font-style: italic;
|
|
}
|
|
.sheet-advancement-desc input[type=text] {
|
|
font: inherit;
|
|
width: 100%;
|
|
}
|
|
.sheet-advancement-desc li {
|
|
margin-bottom: 1em;
|
|
padding-left: 1em;
|
|
}
|
|
.sheet-advancement-desc li::after {
|
|
height: .4em;
|
|
width: .4em;
|
|
top: .25em;
|
|
}
|
|
.sheet-advancement-desc li.sheet-nondot {
|
|
padding-left: 0;
|
|
font-style: normal;
|
|
}
|
|
.sheet-advancement-desc li.sheet-nondot::after {
|
|
display: none;
|
|
}
|
|
|
|
/* PLAYBOOK */
|
|
.sheet-playbook {
|
|
padding-left: 5px;
|
|
position: relative;
|
|
height: 50px;
|
|
}
|
|
.sheet-type-character .sheet-playbook {
|
|
width: 45%;
|
|
}
|
|
.sheet-type-ship .sheet-playbook {
|
|
width: 70%;
|
|
}
|
|
input.sheet-playbook-title {
|
|
height: 50px;
|
|
width: 58%;
|
|
margin-right: 2%;
|
|
font-size: 2.7em;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
padding: 0 0 0 5px;
|
|
font-weight: 200;
|
|
}
|
|
.sheet-playbook-desc {
|
|
height: 50px;
|
|
width: 40%;
|
|
padding-top: 5px;
|
|
font-size: .8em;
|
|
font-weight: 800;
|
|
letter-spacing: 1px;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
resize: none;
|
|
line-height: 15px;
|
|
overflow: hidden;
|
|
}
|
|
.sheet-reminder {
|
|
position: absolute;
|
|
border: 1px solid #81ebfb;
|
|
background: #102536;
|
|
top: 48px;
|
|
z-index: 3;
|
|
border-radius: 5px;
|
|
width: 267px;
|
|
font-size: .9em;
|
|
line-height: 1.4;
|
|
text-align: center;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* HEADER */
|
|
.sheet-header {
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
}
|
|
.sheet-header input[type=text], .sheet-header .sheet-auto-expand {
|
|
width: 100%;
|
|
border-bottom: 1px solid #02579a;
|
|
border-radius: 0;
|
|
min-height: 22px;
|
|
padding: 3px 0 0;
|
|
margin: 3px 0 0;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet-header .sheet-col55 {
|
|
padding-right: 2.5%;
|
|
}
|
|
.sheet-header input[type=hidden][value=""] + div > .sheet-title::after {
|
|
content: ": ";
|
|
}
|
|
.sheet-header input[type=hidden]:not([value=""]) + div > .sheet-info {
|
|
display: none;
|
|
}
|
|
.sheet-header .sheet-text {
|
|
text-align: justify;
|
|
font-size: .7em;
|
|
}
|
|
.sheet-header .sheet-title {
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
/* CLOCKS */
|
|
.sheet-clock input.sheet-label {
|
|
color: white;
|
|
text-shadow: 0 0 2px #81ebfb;
|
|
font-size: 1.1em;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
}
|
|
.sheet-clockpicture {
|
|
position: absolute;
|
|
margin-top: -38px;
|
|
z-index: 1;
|
|
height: 44px;
|
|
transition: all 0.2s;
|
|
width: 44px;
|
|
}
|
|
.sheet-recovery .sheet-clockpicture {
|
|
margin-left: 29%;
|
|
}
|
|
.sheet-clock .sheet-clockpicture {
|
|
margin-left: 85%;
|
|
}
|
|
.sheet-4clock,
|
|
.sheet-6clock,
|
|
.sheet-recoveryclock,
|
|
.sheet-8clock,
|
|
.sheet-10clock,
|
|
.sheet-12clock {
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
input[value="4"]:checked ~ .sheet-4clock,
|
|
input[value="6"]:checked ~ .sheet-6clock,
|
|
input[value="8"]:checked ~ .sheet-8clock,
|
|
input[value="10"]:checked ~ .sheet-10clock,
|
|
input[value="12"]:checked ~ .sheet-12clock,
|
|
.sheet-recovery .sheet-recoveryclock {
|
|
display: block;
|
|
}
|
|
/* RECOVERY CLOCK*/
|
|
.sheet-recoveryclock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-0.png");
|
|
}
|
|
.sheet-recoveryclock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-1.png");
|
|
}
|
|
.sheet-recoveryclock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-2.png");
|
|
}
|
|
.sheet-recoveryclock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-3.png");
|
|
}
|
|
.sheet-recoveryclock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-4.png");
|
|
}
|
|
.sheet-recoveryclock input[value="5"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-5.png");
|
|
}
|
|
.sheet-recoveryclock input[value="6"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clockheal-6.png");
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
|
|
/* PROGRESS CLOCKS */
|
|
.sheet-8clock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-0.png");
|
|
}
|
|
.sheet-8clock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-1.png");
|
|
}
|
|
.sheet-8clock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-2.png");
|
|
}
|
|
.sheet-8clock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-3.png");
|
|
}
|
|
.sheet-8clock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-4.png");
|
|
}
|
|
.sheet-8clock input[value="5"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-5.png");
|
|
}
|
|
.sheet-8clock input[value="6"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-6.png");
|
|
}
|
|
.sheet-8clock input[value="7"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-7.png");
|
|
}
|
|
.sheet-8clock input[value="8"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock8-8.png");
|
|
}
|
|
.sheet-4clock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock4-0.png");
|
|
}
|
|
.sheet-4clock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock4-1.png");
|
|
}
|
|
.sheet-4clock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock4-2.png");
|
|
}
|
|
.sheet-4clock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock4-3.png");
|
|
}
|
|
.sheet-4clock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock4-4.png");
|
|
}
|
|
.sheet-6clock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-0.png");
|
|
}
|
|
.sheet-6clock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-1.png");
|
|
}
|
|
.sheet-6clock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-2.png");
|
|
}
|
|
.sheet-6clock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-3.png");
|
|
}
|
|
.sheet-6clock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-4.png");
|
|
}
|
|
.sheet-6clock input[value="5"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-5.png");
|
|
}
|
|
.sheet-6clock input[value="6"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock6-6.png");
|
|
}
|
|
.sheet-12clock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-0.png");
|
|
}
|
|
.sheet-12clock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-1.png");
|
|
}
|
|
.sheet-12clock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-2.png");
|
|
}
|
|
.sheet-12clock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-3.png");
|
|
}
|
|
.sheet-12clock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-4.png");
|
|
}
|
|
.sheet-12clock input[value="5"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-5.png");
|
|
}
|
|
.sheet-12clock input[value="6"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-6.png");
|
|
}
|
|
.sheet-12clock input[value="7"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-7.png");
|
|
}
|
|
.sheet-12clock input[value="8"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-8.png");
|
|
}
|
|
.sheet-12clock input[value="9"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-9.png");
|
|
}
|
|
.sheet-12clock input[value="10"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-10.png");
|
|
}
|
|
.sheet-12clock input[value="11"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-11.png");
|
|
}
|
|
.sheet-12clock input[value="12"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock12-12.png");
|
|
}
|
|
.sheet-10clock input[value="0"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-0.png");
|
|
}
|
|
.sheet-10clock input[value="1"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-1.png");
|
|
}
|
|
.sheet-10clock input[value="2"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-2.png");
|
|
}
|
|
.sheet-10clock input[value="3"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-3.png");
|
|
}
|
|
.sheet-10clock input[value="4"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-4.png");
|
|
}
|
|
.sheet-10clock input[value="5"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-5.png");
|
|
}
|
|
.sheet-10clock input[value="6"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-6.png");
|
|
}
|
|
.sheet-10clock input[value="7"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-7.png");
|
|
}
|
|
.sheet-10clock input[value="8"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-8.png");
|
|
}
|
|
.sheet-10clock input[value="9"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-9.png");
|
|
}
|
|
.sheet-10clock input[value="10"]:checked ~ .sheet-clockpicture {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/clocks/clock10-10.png");
|
|
}
|
|
|
|
.sheet-clockprogress {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-recovery,
|
|
.sheet-clock {
|
|
background-color: #102536;
|
|
font-style: italic;
|
|
font-size: .8em;
|
|
line-height: 1;
|
|
}
|
|
.sheet-clock {
|
|
padding: 8px 50px 12px 8px;
|
|
margin: 4px 0;
|
|
}
|
|
.sheet-recovery .sheet-bold {
|
|
font-size: .9em;
|
|
letter-spacing: 1px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
/* TEXT INPUTS FOR TRAUMA AND CLOCKS */
|
|
.sheet-text-button {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-text-button + span {
|
|
margin: auto;
|
|
}
|
|
.sheet-stress4 .sheet-text-button input:checked + span {
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red;
|
|
}
|
|
.sheet-ship-size .sheet-text-button input:checked + span {
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
|
|
input.sheet-text-input {
|
|
height: 11px;
|
|
width: 20px;
|
|
}
|
|
input.sheet-text-input.sheet-longoption {
|
|
width: 64px;
|
|
}
|
|
input.sheet-text-input + span {
|
|
line-height: 0;
|
|
font-weight: bold;
|
|
position: relative;
|
|
left: 2px;
|
|
}
|
|
.sheet-clockprogress input.sheet-text-input + span {
|
|
font-size: .9em;
|
|
}
|
|
input.sheet-text-input:checked + span {
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red;
|
|
}
|
|
input.sheet-text-input:not(.sheet-last) + span::after {
|
|
content: "—";
|
|
color: white;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
/* TEETH */
|
|
input.sheet-checktooth,
|
|
input.sheet-xptooth,
|
|
input.sheet-skiptooth,
|
|
input.sheet-checktooth + span,
|
|
input.sheet-xptooth + span,
|
|
input.sheet-skiptooth + span {
|
|
height: 27px;
|
|
}
|
|
input.sheet-modtooth,
|
|
input.sheet-modtooth + span,
|
|
input.sheet-moddamagetooth,
|
|
input.sheet-moddamagetooth + span,
|
|
input.sheet-regulartooth,
|
|
input.sheet-regulartooth + span {
|
|
height: 16px;
|
|
}
|
|
input.sheet-tooth:not(.sheet-zero) {
|
|
width: 12px;
|
|
margin-right: -12px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
-ms-transform: skewX(-20deg);
|
|
-webkit-transform: skewX(-20deg);
|
|
transform: skewX(-20deg);
|
|
}
|
|
input.sheet-tooth:not(.sheet-zero) + span {
|
|
width: 9px;
|
|
margin-right: 1px;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
-ms-transform: skewX(-20deg);
|
|
/* IE 9 */
|
|
-webkit-transform: skewX(-20deg);
|
|
/* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
input.sheet-tooth:hover + span {
|
|
opacity: 0.7;
|
|
}
|
|
input.sheet-tooth:checked ~ input.sheet-xptooth + span,
|
|
input.sheet-tooth:checked ~ input.sheet-skiptooth + span,
|
|
input.sheet-tooth:checked ~ input.sheet-modtooth + span,
|
|
input.sheet-tooth:checked ~ input.sheet-moddamagetooth + span,
|
|
input.sheet-tooth:checked ~ input.sheet-regulartooth + span,
|
|
input.sheet-checktooth + span {
|
|
background-color: #102536;
|
|
}
|
|
input.sheet-xptooth + span,
|
|
input.sheet-skiptooth + span,
|
|
input.sheet-moddamagetooth + span,
|
|
input.sheet-modtooth + span,
|
|
input.sheet-checktooth + span,
|
|
input.sheet-tooth:checked ~ input.sheet-regulartooth + span {
|
|
border: 1px solid white;
|
|
}
|
|
input.sheet-xptooth + span,
|
|
input.sheet-modtooth + span,
|
|
input.sheet-checktooth:checked + span {
|
|
background-color: #81ebfb;
|
|
}
|
|
input.sheet-regulartooth[type=radio] + span {
|
|
background-color: #e34a3a;
|
|
border: 1px solid #671315;
|
|
}
|
|
input.sheet-skiptooth + span,
|
|
input.sheet-moddamagetooth + span {
|
|
background-color: #e34a3a;
|
|
}
|
|
input.sheet-zero {
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-right: -13px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
input.sheet-zero + span {
|
|
height: 11px;
|
|
width: 11px;
|
|
margin-top: 1px;
|
|
margin-right: 2px;
|
|
box-sizing: border-box;
|
|
vertical-align: top;
|
|
border: 1px solid black;
|
|
background: white;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
}
|
|
input.sheet-zero + span::before, input.sheet-zero + span::after {
|
|
position: absolute;
|
|
width: 1px;
|
|
content: "";
|
|
left: 0;
|
|
background: black;
|
|
height: 11px;
|
|
}
|
|
input.sheet-zero + span::after {
|
|
transform: translate(4px,-1px) rotate(135deg);
|
|
}
|
|
input.sheet-zero + span::before {
|
|
transform: translate(4px,-1px) rotate(45deg);
|
|
}
|
|
input.sheet-zero:checked + span {
|
|
visibility: hidden;
|
|
}
|
|
input.sheet-regulartooth {
|
|
position: relative;
|
|
margin-right: -12px;
|
|
}
|
|
|
|
/* SPECIAL ABILITIES*/
|
|
.sheet-crewabilities {
|
|
margin: 15px 0 5px 1.5%;
|
|
}
|
|
.sheet-specialability {
|
|
padding: 5px 0 0 4px;
|
|
}
|
|
.sheet-specialability .sheet-abilityname {
|
|
width: calc(31% - 10px);
|
|
min-height: 18px;
|
|
padding: 0 3px;
|
|
font-variant: small-caps;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-specialability .sheet-abilitydesc {
|
|
width: 69%;
|
|
min-height: 30px;
|
|
font-size: .9em;
|
|
text-align: justify;
|
|
line-height: 1.2;
|
|
}
|
|
/* checkbox */
|
|
.sheet-specialability input.sheet-triangle {
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-specialability input.sheet-triangle + span {
|
|
margin-top: 4px;
|
|
border-width: 5px 0 5px 10px;
|
|
border-left-color: #102536;
|
|
filter: drop-shadow(0 0 2px white);
|
|
}
|
|
.sheet-specialability input.sheet-triangle:checked + span {
|
|
border-left-color: #81ebfb;
|
|
filter: drop-shadow(0 0 2px white);
|
|
}
|
|
|
|
/* HARM AND RECOVERY */
|
|
.sheet-harmbody {
|
|
display: grid;
|
|
border-top: 1px solid #02579a;
|
|
grid: 40px / 4% 38% 38% 20%;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
}
|
|
.sheet-harmbody div, .sheet-harmbody textarea {
|
|
border-bottom: 1px solid #02579a;
|
|
}
|
|
.sheet-harmbody .sheet-label {
|
|
font-size: .8em;
|
|
letter-spacing: 1px;
|
|
line-height: 1.2;
|
|
}
|
|
.sheet-harmbody textarea + textarea {
|
|
border-left: 1px solid #02579a;
|
|
}
|
|
.sheet-harmbody .sheet-2cols {
|
|
grid-column: 2/4;
|
|
}
|
|
.sheet-harmbody textarea {
|
|
font-size: .9em;
|
|
border-radius: 0;
|
|
height: 40px;
|
|
padding: 6px;
|
|
overflow: hidden;
|
|
line-height: 1.3;
|
|
text-align: center;
|
|
resize: none;
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-recovery {
|
|
width: 80%;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* ARMOR */
|
|
.sheet-armorholder {
|
|
margin-left: auto;
|
|
}
|
|
.sheet-armor .sheet-armor-title {
|
|
justify-content: space-between;
|
|
margin-bottom: 10px;
|
|
padding: 0 4px 0 8px;
|
|
height: 21px;
|
|
background-color: #102536;
|
|
font-size: .9em;
|
|
font-weight: 800;
|
|
line-height: 21px;
|
|
}
|
|
|
|
/* COIN */
|
|
.sheet-cred-and-stash {
|
|
margin-top: 27px;
|
|
}
|
|
.sheet-credrow {
|
|
font-size: .8em;
|
|
line-height: 16px;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-credrow .sheet-creds {
|
|
border-bottom: 1px solid #8c8c8c;
|
|
border-right: 1px solid #8c8c8c;
|
|
flex-grow: 1;
|
|
padding: 0 4px 0 2px;
|
|
justify-content: flex-end;
|
|
}
|
|
.sheet-credrow .sheet-creds input.sheet-zero + span {
|
|
margin-top: 0;
|
|
}
|
|
.sheet-credrow .sheet-creds input.sheet-radiobox + span {
|
|
margin-right: 4px;
|
|
}
|
|
.sheet-credrow > :first-child {
|
|
border-bottom: 1px solid #8c8c8c;
|
|
}
|
|
.sheet-credrow > :last-child {
|
|
border-top: 1px solid #8c8c8c;
|
|
text-align: center;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
/* STASH */
|
|
.sheet-stash {
|
|
position: relative;
|
|
margin-top: 5px;
|
|
padding-left: 5px;
|
|
line-height: 15px;
|
|
}
|
|
.sheet-stash input.sheet-zero, .sheet-stash input.sheet-zero + span {
|
|
position: absolute;
|
|
left: -7px;
|
|
}
|
|
|
|
/* CREW CRED */
|
|
.sheet-credbar {
|
|
background: #c6c7c9;
|
|
height: 15px;
|
|
width: 1px;
|
|
margin: 0 6px 0 -2px;
|
|
}
|
|
.sheet-crewcred input.sheet-radiobox + span {
|
|
margin-right: 3px;
|
|
}
|
|
.sheet-crewcred .sheet-label {
|
|
flex-grow: 1;
|
|
}
|
|
.sheet-crewcred .sheet-creds, .sheet-crewcred .sheet-debt {
|
|
padding: 3px;
|
|
height: 21px;
|
|
position: relative;
|
|
}
|
|
.sheet-crewcred input.sheet-zero, .sheet-crewcred .sheet-zero + span {
|
|
position: absolute;
|
|
left: -11px;
|
|
top: 4px;
|
|
}
|
|
|
|
/* LEFT-FILLED RADIO BOXES */
|
|
input.sheet-radiobox {
|
|
width: 12px;
|
|
height: 12px;
|
|
position: relative;
|
|
margin-right: -12px;
|
|
vertical-align: top;
|
|
}
|
|
input.sheet-radiobox + span {
|
|
width: 9px;
|
|
height: 9px;
|
|
margin-right: 2px;
|
|
}
|
|
input.sheet-radiobox:last-of-type + span {
|
|
margin-right: 0 !important;
|
|
}
|
|
input.sheet-radiobox:hover + span {
|
|
opacity: 0.7;
|
|
}
|
|
.sheet-creds input.sheet-radiobox + span {
|
|
background-color: #81ebfb;
|
|
border: 1px solid white;
|
|
margin-right: auto;
|
|
}
|
|
.sheet-creds input:checked ~ input.sheet-radiobox + span {
|
|
background-color: transparent;
|
|
}
|
|
.sheet-crewcred input:checked ~ input.sheet-radiobox.sheet-vaultcoin + span {
|
|
border: 1px solid #c6c7c9;
|
|
}
|
|
.sheet-stash input.sheet-radiobox + span {
|
|
background-color: #81ebfb;
|
|
border: 1px solid transparent;
|
|
}
|
|
.sheet-stash input:checked ~ input.sheet-radiobox + span {
|
|
background-color: transparent;
|
|
border: 1px solid white;
|
|
}
|
|
.sheet-stash input.sheet-radiobox.sheet-endbox {
|
|
margin-left: 5px;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-right: -13px;
|
|
}
|
|
.sheet-stash input.sheet-radiobox.sheet-endbox + span {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 0;
|
|
border: 1px solid white;
|
|
}
|
|
.sheet-debt input.sheet-radiobox + span {
|
|
background-color: #e34a3a;
|
|
border: 1px solid white;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: auto;
|
|
}
|
|
.sheet-debt input:checked ~ input.sheet-radiobox + span {
|
|
background-color: transparent;
|
|
border: 1px solid white;
|
|
}
|
|
.sheet-gambits input.sheet-radiobox + span {
|
|
transform: scale(0.7) rotate(45deg);
|
|
margin-right: 2px;
|
|
}
|
|
|
|
/* BONUS DIE SECTION */
|
|
.sheet-bonusdie .sheet-flex {
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-bonusdie .sheet-label {
|
|
font-size: .9em;
|
|
font-weight: 800;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
padding: 2px 0;
|
|
}
|
|
.sheet-bonusdie .sheet-bonusdieplus {
|
|
width: 10%;
|
|
background-color: #102536;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-bonusdie .sheet-bonusdietext {
|
|
width: 90%;
|
|
padding: 5px;
|
|
font-size: .8em;
|
|
text-align: center;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
/* REPEATING SECTION CONTROLS */
|
|
.repcontrol {
|
|
display: flex;
|
|
}
|
|
.repcontrol_edit {
|
|
order: 1;
|
|
margin-left: auto;
|
|
}
|
|
.repcontrol .btn {
|
|
padding: 6px;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px white;
|
|
border-radius: 0;
|
|
border-color: initial;
|
|
transition: all 0.2s;
|
|
margin-top: 5px;
|
|
font-family: inherit;
|
|
font-variant: small-caps;
|
|
font-weight: 800;
|
|
}
|
|
.repcontrol .btn:hover {
|
|
color: white;
|
|
}
|
|
.sheet-white-repcontrol .repcontrol .btn {
|
|
font-weight: 600;
|
|
margin-top: 8px;
|
|
font-size: .9em;
|
|
font-family: sans-serif;
|
|
padding: 2px 4px;
|
|
}
|
|
.itemcontrol {
|
|
z-index: 20;
|
|
}
|
|
.sheet-tab .repcontainer.editmode .repitem .itemcontrol {
|
|
display: flex;
|
|
align-items: start;
|
|
}
|
|
.itemcontrol .repcontrol_del {
|
|
order: 1;
|
|
margin-left: auto;
|
|
}
|
|
.itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move {
|
|
padding: 0 2px;
|
|
line-height: 14px;
|
|
}
|
|
/* STRESS, REP, et cetera */
|
|
.sheet-stress, .sheet-heat {
|
|
height: 25px;
|
|
margin-top: 4px;
|
|
}
|
|
.sheet-stress1 {
|
|
width: 53px;
|
|
}
|
|
.sheet-stress2 {
|
|
width: calc(100% - 330px);
|
|
position: relative;
|
|
}
|
|
.sheet-stress3, .sheet-heat3 {
|
|
width: 68px;
|
|
}
|
|
.sheet-stress4 {
|
|
width: 209px;
|
|
padding: 1px 0 0 4px;
|
|
line-height: 15px;
|
|
font-size: .7em;
|
|
}
|
|
.sheet-heat1 {
|
|
padding: 0 5px;
|
|
}
|
|
.sheet-heat2 {
|
|
position: relative;
|
|
}
|
|
.sheet-traumaholder {
|
|
padding: 0 2px;
|
|
}
|
|
.sheet-wantedholder {
|
|
padding-left: 10px;
|
|
}
|
|
.sheet-traumaholder .sheet-zero + span, .sheet-wantedholder .sheet-zero + span {
|
|
margin-right: auto;
|
|
}
|
|
.sheet-stress2 input.sheet-zero, .sheet-stress2 input.sheet-zero + span,
|
|
.sheet-heat2 input.sheet-zero, .sheet-heat2 input.sheet-zero + span {
|
|
position: absolute;
|
|
top: 16px;
|
|
left: -12px;
|
|
}
|
|
.sheet-extra-stress:checked ~ .sheet-tooth, .sheet-extra-stress:checked ~ .sheet-tooth + span {
|
|
display: none;
|
|
}
|
|
|
|
/* NOTES */
|
|
.sheet-notes {
|
|
margin-top: 20px;
|
|
margin-left: 10px;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 2px white;
|
|
box-shadow: 0 0 2px white;
|
|
background-color: #102536;
|
|
font-size: 1.5em;
|
|
width: 95%;
|
|
resize: vertical;
|
|
line-height: 1.3;
|
|
height: 378px;
|
|
}
|
|
|
|
/* ROLL BUTTONS */
|
|
button[type=roll] {
|
|
font-family: inherit;
|
|
display: flex;
|
|
background: transparent;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
button[type=roll]::before {
|
|
content: "" !important;
|
|
}
|
|
button[type=roll].sheet-rollbutton {
|
|
text-transform: uppercase;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 800;
|
|
font-size: 1em;
|
|
}
|
|
button[type=roll].sheet-crewbutton {
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
margin-right: 4px;
|
|
text-shadow: inherit;
|
|
}
|
|
button[type=roll].sheet-attributebutton {
|
|
color: white;
|
|
text-shadow: 0 0 2px #81ebfb;
|
|
}
|
|
button[type=roll].sheet-actionbutton {
|
|
letter-spacing: 1px;
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px white;
|
|
width: 86px;
|
|
margin-left: 8px;
|
|
}
|
|
button[type=roll].sheet-vicebutton,
|
|
button[type=roll].sheet-fortunebutton {
|
|
color: #81ebfb;
|
|
border-color: initial;
|
|
padding: 4px;
|
|
font-size: 1em;
|
|
font-weight: 600;
|
|
}
|
|
button[type=roll].sheet-vicebutton {
|
|
margin: 5px 0 0 auto;
|
|
line-height: 13px;
|
|
}
|
|
button[type=roll].sheet-fortunebutton {
|
|
width: 100%;
|
|
justify-content: center;
|
|
height: 30px;
|
|
margin: 10px 3px 0 0;
|
|
}
|
|
button[type=roll].sheet-actionbutton:hover,
|
|
button[type=roll].sheet-vicebutton:hover,
|
|
button[type=roll].sheet-fortunebutton:hover {
|
|
color: white;
|
|
}
|
|
button[type=roll].sheet-crewbutton:hover,
|
|
button[type=roll].sheet-attributebutton:hover {
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px white;
|
|
}
|
|
|
|
/* CHECKBOXES */
|
|
input.sheet-checkbox {
|
|
height: 12px;
|
|
width: 12px;
|
|
position: relative;
|
|
margin-right: -12px;
|
|
}
|
|
input.sheet-checkbox + span {
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid white;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
input.sheet-checkbox:hover + span {
|
|
opacity: 0.7;
|
|
}
|
|
input.sheet-checkbox + span:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
input.sheet-checkbox:checked + span {
|
|
background-color: #81ebfb;
|
|
}
|
|
|
|
input.sheet-triangle {
|
|
position: relative;
|
|
height: 12px;
|
|
width: 12px;
|
|
margin-right: -12px;
|
|
}
|
|
input.sheet-triangle + span {
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
}
|
|
input.sheet-triangle:hover + span {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Change text colour when boxes are checked*/
|
|
.sheet-specialability .sheet-triangle:checked ~ .sheet-auto-expand,
|
|
.sheet-item .sheet-checkbox:checked ~ .sheet-itemname,
|
|
.sheet-friend .sheet-friendup:checked ~ .sheet-auto-expand,
|
|
.sheet-contact .sheet-triangle:checked ~ .sheet-auto-expand {
|
|
color: #81ebfb;
|
|
text-shadow: 0 0 1px white;
|
|
}
|
|
.sheet-friend .sheet-frienddown:checked ~ .sheet-auto-expand {
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 1px black;
|
|
}
|
|
|
|
/* Friend triangles */
|
|
input.sheet-friendup {
|
|
top: -3px;
|
|
}
|
|
.sheet-friend .sheet-triangle + span, .sheet-contact .sheet-triangle + span {
|
|
position: relative;
|
|
margin-right: 3px;
|
|
}
|
|
.sheet-friend input.sheet-frienddown + span {
|
|
border-width: 10px 5px 0 5px;
|
|
top: 2px;
|
|
border-top-color: #102536;
|
|
}
|
|
.sheet-friend input.sheet-friendup + span {
|
|
border-width: 0 5px 10px 5px;
|
|
top: -3px;
|
|
border-bottom-color: #102536;
|
|
}
|
|
.sheet-friend input.sheet-frienddown:checked + span {
|
|
border-top-color: #e34a4a;
|
|
}
|
|
.sheet-friend input.sheet-friendup:checked + span {
|
|
border-bottom-color:#81ebfb;
|
|
}
|
|
.sheet-contact input.sheet-triangle + span {
|
|
border-width: 5px 0 5px 10px;
|
|
border-left-color: #ffffff;
|
|
}
|
|
.sheet-contact input.sheet-triangle:checked + span {
|
|
border-left-color: #81ebfb;
|
|
}
|
|
|
|
/* ACTION RATINGS */
|
|
.sheet-attribute {
|
|
margin-bottom: 14px;
|
|
}
|
|
.sheet-attribute-title {
|
|
height: 21px;
|
|
background-color: #102536;
|
|
padding-left: 7px;
|
|
}
|
|
.sheet-attribute-xp-box {
|
|
margin-left: auto;
|
|
width: 112px;
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
padding-right: 7px;
|
|
}
|
|
.sheet-actions {
|
|
padding-left: 2px;
|
|
}
|
|
.sheet-action {
|
|
align-items: center;
|
|
height: 22px;
|
|
}
|
|
.sheet-action:first-child {
|
|
height: 34px;
|
|
padding-top: 12px;
|
|
}
|
|
.sheet-action:first-child .sheet-divider {
|
|
position: relative;
|
|
top: -6px;
|
|
}
|
|
.sheet-divider {
|
|
margin-right: 6px;
|
|
background: #81ebfb;;
|
|
width: 1px;
|
|
flex-shrink: 0;
|
|
height: inherit;
|
|
}
|
|
.sheet-actions input.sheet-triangle {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: -14px;
|
|
}
|
|
.sheet-actions input.sheet-triangle.sheet-fakeradio + span {
|
|
border-width: 6px 0 6px 12px;
|
|
margin-right: 6px;
|
|
border-left-color: #81ebfb;
|
|
filter: drop-shadow(0 0 2px white);
|
|
}
|
|
.sheet-actions .sheet-fakeradio:checked ~ input.sheet-triangle.sheet-fakeradio + span {
|
|
border-left-color: #102536;
|
|
filter: initial;
|
|
}
|
|
|
|
/* SHIP SYSTEMS */
|
|
.sheet-ship {
|
|
margin-right: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-ship-toprow {
|
|
margin-bottom: 15px;
|
|
}
|
|
.sheet-ship-crew {
|
|
position: relative;
|
|
}
|
|
.sheet-ship-crew input.sheet-zero,
|
|
.sheet-ship-crew input.sheet-zero + span {
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 24px;
|
|
}
|
|
.sheet-ship-size .sheet-flex {
|
|
font-size: .7em;
|
|
padding-left: 2px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.sheet-ship-systemrow {
|
|
justify-content: space-between;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-ship-system .sheet-blackheader input[type=text] {
|
|
width: 70px;
|
|
font: inherit;
|
|
color: inherit;
|
|
letter-spacing: inherit;
|
|
}
|
|
.sheet-module-tick-box {
|
|
margin-left: auto;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
}
|
|
.sheet-sysdamteeth {
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.sheet-ship-bottomrow {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-module-tick-box {
|
|
margin-left: auto;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
}
|
|
.sheet-modulelist {
|
|
margin-top: 15px;
|
|
}
|
|
.sheet-ship-gambits {
|
|
margin-left: auto;
|
|
}
|
|
.sheet-ship-gambitexpo {
|
|
text-align: center;
|
|
font-style: italic;
|
|
line-height: 15px;
|
|
font-size: .8em;
|
|
padding: 3px 5px 0;
|
|
}
|
|
.sheet-ship-gambitexpo .sheet-gambits {
|
|
padding: 5px 0 10px;
|
|
}
|
|
.sheet-ship-upkeepexpo {
|
|
text-align: center;
|
|
font-style: italic;
|
|
font-size: .75em;
|
|
font-weight: bold;
|
|
line-height: 14px;
|
|
}
|
|
.sheet-ship-upkeepexpo input[type=text] {
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
.sheet-skips, .sheet-shields {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* FACTIONS PAGE */
|
|
.sheet-systems {
|
|
margin-bottom: 30px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-systems input.sheet-label {
|
|
padding-left:6px;
|
|
}
|
|
|
|
.sheet-systems textarea {
|
|
width: 100%;
|
|
resize: vertical;
|
|
font-size: .9em;
|
|
height: 40px;
|
|
margin-top: 4px;
|
|
color: white;
|
|
}
|
|
.sheet-heat3 .sheet-blackheader {
|
|
padding-left: 10px;
|
|
}
|
|
.sheet-factiontitle {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
.sheet-factiontitle input[type=text] {
|
|
font-size: 2em;
|
|
font-weight: 600;
|
|
width: 60%;
|
|
color: #81ebfb;
|
|
}
|
|
.sheet-factions-header {
|
|
height: 24px;
|
|
background: #102536;
|
|
}
|
|
.sheet-factions-header input[type=text] {
|
|
font-weight: 600;
|
|
padding-left: 3px;
|
|
color: white;
|
|
}
|
|
.sheet-factions-header span {
|
|
font-size: .6em;
|
|
}
|
|
input.sheet-expand {
|
|
width: 8px;
|
|
margin-top: 7px;
|
|
margin-left: -7px;
|
|
height: 8px;
|
|
}
|
|
input.sheet-expand + span {
|
|
position: absolute;
|
|
margin: 2px 0 0 -7px;
|
|
font-size: 8px;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
input.sheet-expand + span::before {
|
|
content: "▶";
|
|
}
|
|
input.sheet-expand:checked + span::before {
|
|
content: "▼";
|
|
}
|
|
.sheet-faction {
|
|
border-bottom: 1px solid #02579a;
|
|
}
|
|
.sheet-faction textarea {
|
|
border-top: 1px solid #02579a;
|
|
border-radius: 0;
|
|
resize: vertical;
|
|
font-size: .9em;
|
|
height: 40px;
|
|
color: white;
|
|
}
|
|
input.sheet-expand:not(:checked) ~ textarea {
|
|
display: none;
|
|
}
|
|
.sheet-faction input[type=number],
|
|
.sheet-faction input[type=text] {
|
|
border-width: 0 1px 0 0;
|
|
border-right: 1px solid #02579a;
|
|
border-radius: 0;
|
|
font-size: .9em;
|
|
padding: 2px 1px;
|
|
color: #81ebfb;
|
|
}
|
|
.sheet-faction input[type=number] {
|
|
background: transparent;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Column widths */
|
|
.sheet-faction input[type=text]:nth-child(3),
|
|
.sheet-factions-header input[type=text] {
|
|
width: 60%;
|
|
}
|
|
.sheet-faction input[type=text]:nth-child(4),
|
|
.sheet-factions-header span:nth-child(2) {
|
|
width: 10%;
|
|
text-align: center;
|
|
}
|
|
.sheet-faction input[type=number],
|
|
.sheet-factions-header span:nth-child(3),
|
|
.sheet-factions-header span:nth-child(4) {
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* War blurb */
|
|
.sheet-warblurb {
|
|
font-size: .9em;
|
|
}
|
|
.sheet-warblurb .sheet-label {
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
background-color: #102536;
|
|
width: 100%;
|
|
}
|
|
.sheet-warblurb li {
|
|
margin-bottom: .5em;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
/* Generate buttons */
|
|
.sheet-faction-generatebutton {
|
|
margin-top: 5px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
}
|
|
.sheet-faction-generatebutton span {
|
|
color: #81ebfb;
|
|
padding: 3px;
|
|
border: 1px solid;
|
|
}
|
|
.sheet-faction-generatebutton:hover span, .sheet-generatebutton:hover span {
|
|
color: white;
|
|
}
|
|
.sheet-generatebutton {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-generatebutton span {
|
|
padding: 0 3px;
|
|
margin: 0 4px;
|
|
border: 1px solid;
|
|
}
|
|
|
|
/* ROLL TEMPLATES */
|
|
/* Container */
|
|
.sheet-rolltemplate-bitd .sheet-roll-holder {
|
|
margin-left: -45px;
|
|
margin-right: -1px;
|
|
width: 299px;
|
|
font-variant-numeric: lining-nums;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-short {
|
|
height: 171px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action,
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist,
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice {
|
|
height: 258px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/rolltemplate/bg-fortune.png");
|
|
background-position: bottom right;
|
|
background-repeat: no-repeat;
|
|
background-color: white;
|
|
height: auto;
|
|
min-height: 250px;
|
|
}
|
|
|
|
/* Background images */
|
|
.sheet-rolltemplate-bitd .sheet-roll-action {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/rolltemplate/bg-action.png");
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/rolltemplate/bg-resist.png");
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Scum%20-%20Villainy/Assets/rolltemplate/bg-vice.png");
|
|
}
|
|
|
|
/* Images */
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist img,
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice img {
|
|
height: 22px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action img,
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune img {
|
|
height: 31px;
|
|
}
|
|
|
|
/* Name */
|
|
.sheet-rolltemplate-bitd .sheet-roll-name {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
color: #8da8bb;
|
|
text-transform: uppercase;
|
|
font-size: 91%;
|
|
letter-spacing: 0;
|
|
font-weight: 800;
|
|
line-height: 0;
|
|
height: 20px;
|
|
padding: 32px 0 0 30px;
|
|
width: 237px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name,
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name {
|
|
font-size: 103%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name {
|
|
color: #8da8bb;
|
|
font-size: 91%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-name {
|
|
font-family: sans-serif;
|
|
color: #ffffff;
|
|
font-size: 110%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name {
|
|
color: #303032;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name {
|
|
color: #96182d;
|
|
text-shadow: 0 0 2px black;
|
|
}
|
|
|
|
/* Title */
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-title {
|
|
padding-left: 27px;
|
|
padding-top: 8px;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-title,
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-title {
|
|
padding-left: 30px;
|
|
padding-top: 22px;
|
|
padding-right: 25px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-title {
|
|
padding-left: 30px;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
/* Zerodice dice holder */
|
|
.sheet-rolltemplate-bitd .sheet-zerodice1 {
|
|
position: relative;
|
|
top: 4px;
|
|
font-size: 103%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice1 {
|
|
text-shadow: 0 0 6px rgb(255, 158, 0);
|
|
color: #ffffff;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice1 {
|
|
text-shadow: 0 0 6px rgb(136, 219, 215);
|
|
color: #1e1e1e;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice1,
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice1 {
|
|
font-family: sans-serif;
|
|
text-shadow: 0 0 6px rgb(9, 199, 208);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Zerodice text */
|
|
.sheet-rolltemplate-bitd .sheet-zerodice2 {
|
|
line-height: 100%;
|
|
font-size: 67%;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice2,
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice2 {
|
|
padding-top: 8px;
|
|
text-shadow: 0 0 6px rgb(9, 199, 208);
|
|
color: #d8e4ef;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice2 {
|
|
padding-top: 11px;
|
|
text-shadow: 0 0 6px rgb(255, 158, 0);
|
|
color: #ffd8ca;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice2 {
|
|
width: 60%;
|
|
padding-top: 11px;
|
|
text-shadow: 0 0 6px rgb(136, 219, 215);
|
|
color: #1e1e1e;
|
|
}
|
|
|
|
/* Subtitle */
|
|
.sheet-rolltemplate-bitd .sheet-roll-subtitle {
|
|
padding-left: 30px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle,
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
text-transform: uppercase;
|
|
font-size: 103%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 0;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle {
|
|
color: #303032;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle {
|
|
color: #96182d;
|
|
text-shadow: 0 0 2px black;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-subtitle,
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-subtitle {
|
|
letter-spacing: 0;
|
|
font-weight: 400;
|
|
line-height: 0;
|
|
font-style: normal;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-subtitle {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
text-transform: uppercase;
|
|
font-size: 91%;
|
|
color: #8da8bb;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-subtitle {
|
|
font-family: sans-serif;
|
|
color: #ffffff;
|
|
text-transform: none;
|
|
font-size: 110%;
|
|
}
|
|
|
|
/* Inlinerolls */
|
|
.sheet-rolltemplate-bitd .inlinerollresult {
|
|
border: 0 solid white !important;
|
|
background-color: rgba(158, 100, 81, 0);
|
|
font-weight: normal;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* Position and Effect */
|
|
.sheet-rolltemplate-bitd .sheet-roll-position,
|
|
.sheet-rolltemplate-bitd .sheet-roll-effect {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 49%;
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
font-size: 82%;
|
|
letter-spacing: 1px;
|
|
padding-top: 20px;
|
|
padding-left: 29px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-effect {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
/* Dice */
|
|
.sheet-rolltemplate-bitd .sheet-roll-dice {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
text-transform: uppercase;
|
|
height: 27px;
|
|
font-size: 137%;
|
|
letter-spacing: 0;
|
|
font-weight: 800;
|
|
line-height: 20px;
|
|
padding: 41px 30px 20px;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-dice,
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-dice {
|
|
position: relative;
|
|
top: -4px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-dice {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
color: #303032;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-comma:last-child {
|
|
display: none;
|
|
}
|
|
|
|
/* Instructions and Notes */
|
|
.sheet-rolltemplate-bitd .sheet-roll-instructions {
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
padding: 0 20px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-instructions em {
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-instructions {
|
|
color: #d3dde4;
|
|
font-size: 95%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-instructions {
|
|
color: #c9c9c9;
|
|
font-size: 81%;
|
|
line-height: 119%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-notes {
|
|
width: 46%;
|
|
line-height: 112%;
|
|
font-size: 98%;
|
|
padding: 20px 0 30px 29px;
|
|
color: #1e1e1e;
|
|
font-family: Tahoma, Gadget, sans-serif;
|
|
}
|