mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 05:02:28 +00:00
1386 lines
31 KiB
SCSS
1386 lines
31 KiB
SCSS
$contrail: "Contrail One", sans-serif;
|
|
/* sheet colors */
|
|
$brightblue: #2B3FEA;
|
|
$navyblue: #223297;
|
|
$darkblue: #11194B;
|
|
$headergrey: #9B9B9B;
|
|
$skillgrey: #D3D3D3;
|
|
$lightbox: #F0F0F0;
|
|
|
|
/* roll template */
|
|
$arial: "Arial", sans-serif;
|
|
$times: "Times New Roman", serif;
|
|
$rt-red: #ff8080;
|
|
$rt-green: #83db53;
|
|
$rt-blue: #80b0ff;
|
|
$rt-purple: #b291ec;
|
|
$rt-gray: #bababa;
|
|
|
|
/* global styles */
|
|
.charsheet {
|
|
background-color: white;
|
|
padding: 0 !important;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
min-width: 800px;
|
|
color: #000;
|
|
}
|
|
div, span, label, textarea, button[type=roll], h1, h2, h3 {
|
|
box-sizing: border-box;
|
|
}
|
|
label {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: inherit;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
width: auto;
|
|
}
|
|
p {
|
|
font-size: 1em;
|
|
margin: 0 0 5px;
|
|
line-height: inherit;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
padding: 1px 4px;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
color: #000;
|
|
display: block;
|
|
}
|
|
input[type=text], input[type=number] {
|
|
padding: 1px 4px;
|
|
font-size: 12px;
|
|
height: 20px;
|
|
color: #000;
|
|
}
|
|
input[type=number][readonly="readonly"],
|
|
input[type=number].sheet-no-spinners {
|
|
-moz-appearance: textfield;
|
|
|
|
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
}
|
|
select {
|
|
margin: 0;
|
|
color: #000;
|
|
font-size: 12px;
|
|
padding: 1px 2px;
|
|
line-height: 18px;
|
|
height: 22px;
|
|
}
|
|
button[type=roll].btn { margin: 0 }
|
|
button[type=roll].sheet-unstyled-button {
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
text-align: inherit;
|
|
padding: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
font-size: inherit;
|
|
background: transparent;
|
|
&::before { content: "" }
|
|
}
|
|
button[type=roll].sheet-invisible-button {
|
|
position: absolute;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
&:hover ~ div:not(.sheet-no-highlight) {
|
|
color: $brightblue;
|
|
border-color: $brightblue;
|
|
}
|
|
}
|
|
.sheet-hider[value="0"] {
|
|
+ div, + label, + button, + span { display: none }
|
|
}
|
|
.sheet-hider[value=""] + button { display: none }
|
|
|
|
.sheet-editmode[value="0"] ~ .sheet-content .sheet-empty-hider[value=""] + div { display: none }
|
|
/* headings */
|
|
h1 {
|
|
font-family: $contrail;
|
|
background-color: $headergrey;
|
|
padding-left: 5px;
|
|
color: #fff;
|
|
font-size: 1.3em;
|
|
line-height: 22px;
|
|
font-weight: normal;
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
background-color: $navyblue;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
}
|
|
h2 {
|
|
font-family: $contrail;
|
|
padding-left: 5px;
|
|
border: 2px solid #000;
|
|
background-color: #ccc;
|
|
color: #000;
|
|
font-size: 1.1em;
|
|
margin: 5px 0;
|
|
width: 175px;
|
|
line-height: 18px;
|
|
}
|
|
h3 {
|
|
font-size: 1.2em;
|
|
font-family: $contrail;
|
|
color: #6B6B6B;
|
|
line-height: 1.5;
|
|
font-weight: normal;
|
|
}
|
|
/* tab wrappers and type chooser */
|
|
.sheet-npc-input[value="0"] ~ .sheet-tabs .sheet-npc-tab,
|
|
.sheet-npc-input[value="1"] ~ .sheet-tabs .sheet-pc-tab,
|
|
.sheet-npc-input[value="0"] ~ .sheet-drones .sheet-npc-show,
|
|
.sheet-npc-input[value="1"] ~ .sheet-drones .sheet-pc-show,
|
|
.sheet-tab-input:not([value="character"]) ~ .sheet-character,
|
|
.sheet-tab-input:not([value="ship"]) ~ .sheet-ship,
|
|
.sheet-tab-input:not([value="drones"]) ~ .sheet-drones,
|
|
.sheet-tab-input:not([value="npc"]) ~ .sheet-npc { display: none }
|
|
|
|
.sheet-content {
|
|
min-width: 800px;
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
}
|
|
|
|
/* editmode */
|
|
.sheet-editmode[value="0"] ~ .sheet-content .sheet-edit,
|
|
.sheet-editmode[value="0"] ~ .sheet-content .repcontrol,
|
|
.sheet-editmode[value="1"] ~ .sheet-content .sheet-display { display: none }
|
|
|
|
/* header */
|
|
.sheet-header {
|
|
margin-bottom: 10px;
|
|
input {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.sheet-logo { width: 480px }
|
|
.sheet-npc-chooser {
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
color: #fff;
|
|
span { padding: 3px 6px }
|
|
input:not(:checked) ~ .sheet-pc-label, input:checked ~ .sheet-npc-label { background: $darkblue }
|
|
input:checked ~ .sheet-pc-label, input:not(:checked) ~ .sheet-npc-label { background: $navyblue }
|
|
}
|
|
.sheet-edit-button { margin: 0 5px 0 20px }
|
|
.sheet-settings-gear, .sheet-edit-button {
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
font-family: pictos;
|
|
input:not(:checked) + span { color: #888 }
|
|
input:checked + span { color: $navyblue }
|
|
}
|
|
}
|
|
.sheet-footer {
|
|
font-size: 10px;
|
|
border-top: 1px solid #ccc;
|
|
margin-top: 10px;
|
|
color: #666;
|
|
button[type="roll"].btn:hover { color: $navyblue }
|
|
}
|
|
/* tab environment */
|
|
.sheet-tabs {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 2;
|
|
border-top: 1px solid #333;
|
|
font-family: $contrail;
|
|
flex-flow: row-reverse;
|
|
justify-content: flex-end;
|
|
input {
|
|
opacity: 0;
|
|
position: absolute;
|
|
&:checked + span { background: $darkblue }
|
|
&:not(:checked) + span { background: $navyblue }
|
|
}
|
|
span { padding: 1px 25px 0 }
|
|
label {
|
|
cursor: pointer;
|
|
line-height: 17px;
|
|
display: flex;
|
|
margin: -1px -10px 0 0;
|
|
color: #fff;
|
|
clip-path: polygon(0 0, 100% 0, 100% 10px, calc(100% - 10px) 100%, 0 100%);
|
|
}
|
|
}
|
|
|
|
/* organisation */
|
|
.sheet-flex {
|
|
display: flex;
|
|
}
|
|
.sheet-flex-start {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flex-center {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet-flex-between {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-flex-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-grow { flex-grow: 1 }
|
|
|
|
.sheet-halfgrid {
|
|
display: grid;
|
|
grid: auto/ 1fr 1fr;
|
|
grid-gap: 5px;
|
|
}
|
|
.sheet-thirdsgrid {
|
|
display: grid;
|
|
grid: auto/ repeat(3, 1fr);
|
|
grid-column-gap: 1%;
|
|
}
|
|
.sheet-column > div:not(:first-child) { margin-top: 5px }
|
|
.sheet-col-2 { grid-column: 2 }
|
|
.sheet-col-3 { grid-column: 3 }
|
|
.sheet-col-4 { grid-column: 4 }
|
|
.sheet-cols-2 { grid-column: span 2 }
|
|
.sheet-cols-3 { grid-column: span 3 }
|
|
.sheet-cols-4 { grid-column: span 4 }
|
|
.sheet-rows-2 { grid-row: span 2 }
|
|
.sheet-col55 { width: 55% }
|
|
.sheet-col50 { width: 50% }
|
|
.sheet-col40 { width: 40% }
|
|
.sheet-colthird { width: calc(100%/3) }
|
|
.sheet-col25 { width: 25% }
|
|
.sheet-col20 { width: 20% }
|
|
.sheet-colsixth { width: calc(100%/6) }
|
|
|
|
/* containers */
|
|
.sheet-grey-box, .sheet-grey-box-bordered {
|
|
padding: 4px;
|
|
background: $lightbox;
|
|
}
|
|
.sheet-grey-box-bordered { border: 1px solid #aaa }
|
|
.sheet-core-box {
|
|
padding: 8px;
|
|
background: $lightbox;
|
|
}
|
|
.sheet-core-box-text {
|
|
padding: 8px 3px 3px 8px;
|
|
background: $lightbox;
|
|
}
|
|
input[type=text].sheet-inherit {
|
|
border-radius: 0;
|
|
border: none;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
color: inherit;
|
|
font: inherit;
|
|
}
|
|
.sheet-inline-input {
|
|
position: relative;
|
|
z-index: 2;
|
|
vertical-align: baseline;
|
|
padding: 0 3px;
|
|
}
|
|
.sheet-text-input {
|
|
color: #666;
|
|
padding-right: 5px;
|
|
line-height: 1;
|
|
.sheet-label {
|
|
font-size: .9em;
|
|
text-align: inherit;
|
|
line-height: 14px;
|
|
border-top: 1px solid #AAA;
|
|
|
|
input[type="checkbox"] {
|
|
height: 14px;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
}
|
|
input[type=text], input[type=number], textarea {
|
|
background: transparent;
|
|
padding: 1px 0;
|
|
width: 100%;
|
|
border-radius: 0;
|
|
color: $navyblue;
|
|
border: none;
|
|
text-align: inherit;
|
|
font-weight: inherit;
|
|
box-shadow: none;
|
|
&[readonly="readonly"] { cursor: default }
|
|
}
|
|
input[type=text], input[type=number] { font-size: 1.1em }
|
|
textarea {
|
|
height: 20px;
|
|
min-height: 20px;
|
|
}
|
|
> input[type=checkbox] {
|
|
height: 14px;
|
|
margin: 3px 0;
|
|
}
|
|
select {
|
|
width: 100%;
|
|
height: 20px;
|
|
color: $navyblue;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
&.sheet-important {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
&.sheet-center { text-align: center }
|
|
&.sheet-duo {
|
|
display: grid;
|
|
text-align: center;
|
|
grid: auto / 1fr 5px 1fr;
|
|
align-items: center;
|
|
align-content: start;
|
|
grid-column-gap: 4px;
|
|
> span {
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.sheet-label { grid-column: 1/4 }
|
|
}
|
|
button[type=roll].btn {
|
|
width: 100%;
|
|
&:hover { color: red }
|
|
}
|
|
}
|
|
.sheet-table-header {
|
|
font-size: .9em;
|
|
color: #666;
|
|
.sheet-center { text-align: center }
|
|
> div {
|
|
padding-left: 2px;
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
}
|
|
.sheet-blue-button {
|
|
text-align: center;
|
|
line-height: 1.5;
|
|
button[type=roll].btn {
|
|
background: $brightblue;
|
|
width: 35px;
|
|
height: 35px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
color: white;
|
|
&::before { content: "" }
|
|
}
|
|
}
|
|
.sheet-focusinfo {
|
|
position: relative;
|
|
.sheet-details {
|
|
position: absolute;
|
|
z-index: 1;
|
|
opacity: 1;
|
|
width: 250px;
|
|
top: 22px;
|
|
left: calc(50% - 125px);
|
|
transition: all 0.3s;
|
|
background: #FFF;
|
|
border: 1px solid #777;
|
|
border-radius: 8px;
|
|
padding: 5px;
|
|
}
|
|
input:not(:focus) ~ .sheet-details {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* inline styling */
|
|
.sheet-lower { text-transform: lowercase }
|
|
.sheet-space-before::before, .sheet-space-after::after { content: " " }
|
|
.sheet-colon-after::after { content: ":" }
|
|
.sheet-hide-empty[value=""] + span { display: none }
|
|
.sheet-add-plus:not([value^="-"]) + span::before { content: "+" }
|
|
.sheet-api {
|
|
font-size: .8em;
|
|
background: $lightbox;
|
|
border-radius: 5px;
|
|
padding: 1px;
|
|
line-height: 1;
|
|
vertical-align: super;
|
|
}
|
|
|
|
/* force repeating row behaviour */
|
|
|
|
.sheet-simple-repsection {
|
|
.repitem { margin-bottom: 3px }
|
|
textarea {
|
|
margin: 3px 0 0;
|
|
height: 50px;
|
|
}
|
|
.sheet-display {
|
|
.sheet-name {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
border-bottom: 1px solid #777;
|
|
}
|
|
.sheet-details {
|
|
line-height: 1.4;
|
|
text-align: justify;
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|
|
}
|
|
.sheet-rep-grid {
|
|
display: grid;
|
|
align-items: start;
|
|
grid-column-gap: 3px;
|
|
margin-bottom: 3px;
|
|
.sheet-text-input { padding: 0 }
|
|
}
|
|
|
|
/* global skill settings */
|
|
.sheet-skills-type[value="neither"] ~ div .sheet-skills-either,
|
|
.sheet-skills-type:not([value="first"]) ~ div .sheet-skills-first,
|
|
.sheet-skills-type:not([value="revised"]) ~ div .sheet-skills-revised,
|
|
.sheet-skills-type:not([value="wwn"]) ~ div .sheet-skills-wwn,
|
|
.sheet-skills-type:not([value="neither"]) ~ div .sheet-skills-neither,
|
|
.sheet-super-type:not([value="psionics"]):not([value="both"]) ~ div .sheet-skills-psionics,
|
|
.sheet-super-type:not([value="magic"]):not([value="both"]) ~ div .sheet-skills-magic,
|
|
.sheet-skills-query:not([value="hover"]) ~ div .sheet-skills-query-hover,
|
|
.sheet-skills-query[value="query"] ~ div .sheet-skills-query-display,
|
|
.sheet-skills-query[value="query"] ~ div .sheet-skills-query-ask {
|
|
display: none;
|
|
}
|
|
.sheet-skills-query-display {
|
|
input:not([value*="str"]) ~ .sheet-str,
|
|
input:not([value*="dex"]) ~ .sheet-dex,
|
|
input:not([value*="con"]) ~ .sheet-con,
|
|
input:not([value*="int"]) ~ .sheet-int,
|
|
input:not([value*="wis"]) ~ .sheet-wis,
|
|
input:not([value*="cha"]) ~ .sheet-cha { display: none }
|
|
}
|
|
.sheet-skills-query[value="hover"] ~ div .sheet-skill:hover .sheet-skills-query-display,
|
|
.sheet-skill .sheet-display .sheet-query:focus + .sheet-skills-query-display { display: none }
|
|
|
|
/* repeating section controls */
|
|
.repcontrol {
|
|
display: flex;
|
|
margin-top: 4px;
|
|
button { padding: 3px 10px }
|
|
}
|
|
.repcontrol_edit {
|
|
order: 1;
|
|
margin-left: auto;
|
|
}
|
|
.repcontrol button {
|
|
background: $navyblue;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
}
|
|
.repcontrol_move, .repcontrol_del { padding: 1px 10px }
|
|
.itemcontrol { z-index: 100 }
|
|
|
|
/* Section visibility toggling */
|
|
/* Github hosting doesn't seem to work, for some reason: https://svgshare.com/i/6Vz.svg */
|
|
.sheet-section-toggle-header {
|
|
position: relative;
|
|
input {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 100%;
|
|
z-index: 2;
|
|
right: 0;
|
|
opacity: 0;
|
|
|
|
+ h1::after { background-image: url("https://svgshare.com/i/6Vz.svg") }
|
|
&:not(:checked) + h1::after { transform: rotate(180deg) }
|
|
}
|
|
+ input + div { margin-top: 5px }
|
|
}
|
|
|
|
/* Settings */
|
|
.sheet-settings {
|
|
label {
|
|
font-weight: bold;
|
|
span { margin-right: 4px }
|
|
}
|
|
select {
|
|
width: 120px;
|
|
display: inline-block;
|
|
&.sheet-wide { width : 170px }
|
|
}
|
|
}
|
|
|
|
/* generate buttons */
|
|
.sheet-generate {
|
|
margin-bottom: 5px;
|
|
.sheet-generate-source {
|
|
height: 20px;
|
|
width: 170px;
|
|
}
|
|
.sheet-generate-info {
|
|
margin: 0 5px;
|
|
min-height: 20px;
|
|
flex-grow: 1;
|
|
background: $lightbox;
|
|
border-radius: 4px;
|
|
padding: 1px 4px;
|
|
}
|
|
.sheet-generate-button {
|
|
padding: 1px 8px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
background: #223297;
|
|
color: #FFF;
|
|
input[type=checkbox] {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
}
|
|
&:active {
|
|
outline: 5px auto;
|
|
outline-offset: -2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Character core */
|
|
.sheet-core {
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
&.sheet-core-info {
|
|
grid: auto / 2.5fr 1fr .8fr;
|
|
.sheet-info {
|
|
flex-wrap: wrap;
|
|
padding-right: 3px;
|
|
.sheet-important {
|
|
width: calc(60% - 22px);
|
|
}
|
|
.sheet-level { width: 44px }
|
|
.sheet-level-rest { width: calc(40% - 22px) }
|
|
}
|
|
}
|
|
&.sheet-core-stats {
|
|
grid: auto / minmax(310px, 1.2fr) minmax(260px, 1fr) minmax(220px, .8fr);
|
|
}
|
|
.sheet-main-content {
|
|
margin-top: 3px;
|
|
display: grid;
|
|
grid: auto / repeat(3, 1fr);
|
|
grid-row-gap: 3px;
|
|
.sheet-left-margin { margin-left: 15px }
|
|
}
|
|
}
|
|
|
|
/* Saves */
|
|
.sheet-saves .sheet-flex { margin-top: 4px}
|
|
/* menus */
|
|
.sheet-menus-content {
|
|
display: grid;
|
|
grid: auto / 1fr 1fr;
|
|
}
|
|
.sheet-menus button[type=roll].btn {
|
|
color: $brightblue;
|
|
font-size: 1.1em;
|
|
&:hover { color: red }
|
|
.sheet-character & { margin-right: auto }
|
|
}
|
|
|
|
/* Attributes */
|
|
.sheet-attributes {
|
|
font-size: 1.1em;
|
|
line-height: 1.2;
|
|
table {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
td:first-child, .sheet-mod { font-weight: bold }
|
|
td:not(:first-child) { text-align: center }
|
|
input[type=number] { width: 45px }
|
|
td:nth-child(2n+3) input[type=number] { width: 37px }
|
|
.sheet-mod { font-size: 1.1em }
|
|
}
|
|
|
|
/* Resources */
|
|
.sheet-editmode[value="0"] ~ .sheet-content .sheet-resources .repcontainer {
|
|
grid: auto / 1fr 1fr;
|
|
}
|
|
.sheet-resources {
|
|
.sheet-credits { margin-left: auto }
|
|
.repcontainer {
|
|
display: grid;
|
|
grid-row-gap: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
input[type=text] {
|
|
width: calc(100% - 8em);
|
|
margin-right: auto;
|
|
}
|
|
.sheet-slash { margin: 0 2px }
|
|
}
|
|
|
|
/* Shells */
|
|
|
|
.sheet-shells {
|
|
.sheet-shells-grid {
|
|
grid: auto / 40px 35px 35px 35px 45px 1fr;
|
|
}
|
|
}
|
|
|
|
.sheet-transhuman-setting:not([value="transhuman"]) ~ .sheet-column .sheet-transhuman-enabled { display: none }
|
|
.sheet-transhuman-setting[value="transhuman"] ~ .sheet-core .sheet-transhuman-disabled { display: none }
|
|
|
|
/* Weapons */
|
|
.sheet-weapons {
|
|
.sheet-edit {
|
|
justify-content: space-between;
|
|
padding-right: 1px;
|
|
.sheet-name { width: 138px }
|
|
.sheet-ab { width: 45px }
|
|
.sheet-weapon-skill { width: 80px }
|
|
.sheet-attribute { width: 60px }
|
|
.sheet-burst { width: 65px }
|
|
.sheet-damage { width: 60px }
|
|
.sheet-shock-damage { width: 55px }
|
|
.sheet-shock-ac { width: 55px }
|
|
.sheet-skill-to-damage { width: 30px }
|
|
.sheet-range { width: 60px }
|
|
.sheet-ammo { width: 80px }
|
|
.sheet-enc { width: 40px }
|
|
}
|
|
.sheet-text-input { padding-right: 3px }
|
|
|
|
.repitem { margin-bottom: 3px }
|
|
.sheet-display {
|
|
font-size: 1.1em;
|
|
border: 1px solid #888;
|
|
text-indent: -10px;
|
|
padding: 2px 4px 2px 14px;
|
|
.sheet-name { font-weight: bold }
|
|
}
|
|
.repitem:nth-child(odd) .sheet-display { background: $skillgrey }
|
|
}
|
|
|
|
/* Skills */
|
|
.sheet-skill-container, .sheet-skills-repeating .repcontainer {
|
|
display: grid;
|
|
grid: auto / 1fr 1fr;
|
|
grid-gap: 4px 1%;
|
|
}
|
|
.sheet-skill {
|
|
position: relative;
|
|
.sheet-display, .sheet-edit {
|
|
border: 1px solid #888;
|
|
padding: 2px 4px;
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-display {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
.sheet-dice[value="3d6d1"] + .sheet-name::after { content: "3d6" }
|
|
.sheet-dice[value="4d6d2"] + .sheet-name::after { content: "4d6" }
|
|
.sheet-name { margin-right: auto }
|
|
.sheet-name::after {
|
|
vertical-align: super;
|
|
margin-left: 2px;
|
|
font-weight: normal;
|
|
font-size: .7em;
|
|
}
|
|
.sheet-query {
|
|
width: 55px;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
position: relative;
|
|
height: 18px;
|
|
z-index: 2;
|
|
margin: 0 2px;
|
|
outline: none;
|
|
color: inherit;
|
|
flex-shrink: 0;
|
|
line-height: 16px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
&:not(:hover) .sheet-display .sheet-query:not(:focus) { display: none }
|
|
|
|
.sheet-skills-query-display {
|
|
margin: 0 3px;
|
|
flex-shrink: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-edit {
|
|
input[type="text"].sheet-name {
|
|
width: 100%;
|
|
margin-bottom: 2px;
|
|
}
|
|
div.sheet-name {
|
|
flex-grow: 1;
|
|
width: 0;
|
|
padding: 1px 2px;
|
|
}
|
|
.sheet-level {
|
|
margin: 0 2px;
|
|
padding: 1px 2px;
|
|
width: 40px;
|
|
}
|
|
.sheet-query { width: 50px }
|
|
.sheet-dice { width: 35px }
|
|
&.sheet-flex-wrap {
|
|
select, input { flex-grow: 1 }
|
|
}
|
|
}
|
|
|
|
&.sheet-skill-points {
|
|
.sheet-display {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
.sheet-name {
|
|
background: #000;
|
|
color: #fff;
|
|
flex-grow: 0;
|
|
margin-right: auto;
|
|
width: auto;
|
|
padding: 0 4px;
|
|
}
|
|
.sheet-edit .sheet-level { margin: 0 }
|
|
}
|
|
}
|
|
.sheet-skill-container .sheet-skill {
|
|
&:nth-of-type(4n+1), &:nth-of-type(4n+2) { background: $skillgrey }
|
|
}
|
|
.repcontainer[data-groupname="repeating_skills"] .repitem {
|
|
&:nth-of-type(4n+1) .sheet-skill, &:nth-of-type(4n+2) .sheet-skill { background: $skillgrey }
|
|
}
|
|
.sheet-skills-type:not([value="neither"]) ~ div .sheet-skills-repeating,
|
|
.sheet-psionics .sheet-skills-repeating, .sheet-magic .sheet-skills-repeating { margin-top: 4px }
|
|
.sheet-skill-blurb {
|
|
margin-top: 3px;
|
|
font-style: italic;
|
|
text-align: center;
|
|
}
|
|
|
|
/* name + desc sections */
|
|
.sheet-details-button {
|
|
margin-left: auto;
|
|
font-weight: bold;
|
|
color: #999;
|
|
letter-spacing: 1px;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
input {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
&:checked + span { color: #333 }
|
|
}
|
|
}
|
|
.sheet-input-details:not([value="1"]) ~ div .sheet-details { display: none }
|
|
.sheet-input-details:not([value="0"]) ~ div .sheet-notdetails { display: none }
|
|
|
|
|
|
/* Supernatural section controls */
|
|
.sheet-super-type {
|
|
&:not([value="psionics"]) ~ div .sheet-super-psionics-only,
|
|
&:not([value="magic"]) ~ div .sheet-super-magic-only,
|
|
&:not([value="both"]) ~ div .sheet-super-both,
|
|
&[value="magic"] ~ div .sheet-super-psionics,
|
|
&[value="psionics"] ~ div .sheet-super-magic,
|
|
&[value="neither"] ~ div .sheet-super { display: none }
|
|
}
|
|
.sheet-tab-input:not([value="psionics"]) ~ .sheet-psionics,
|
|
.sheet-tab-input:not([value="magic"]) ~ .sheet-magic { display: none }
|
|
|
|
|
|
/* Psionics */
|
|
.sheet-psionics-effort {
|
|
display: grid;
|
|
grid: auto/ auto 45px 45px 45px 45px 80px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
margin-top: 5px;
|
|
h3 { line-height: 1 }
|
|
}
|
|
.sheet-techniques {
|
|
margin-top: 5px;
|
|
> .sheet-flex-center { margin-bottom: 5px }
|
|
.sheet-display .sheet-discipline { margin-left: auto }
|
|
.sheet-edit .sheet-discipline {
|
|
margin-left: 5px;
|
|
width: 90px;
|
|
}
|
|
}
|
|
|
|
/* Space Magic */
|
|
|
|
.sheet-magic-effort {
|
|
display: grid;
|
|
grid: auto/ auto 45px 45px 45px 45px 80px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
margin-top: 5px;
|
|
h3 { line-height: 1 }
|
|
}
|
|
|
|
.sheet-spells {
|
|
margin-top: 5px;
|
|
> .sheet-flex-center { margin-bottom: 5px }
|
|
> .sheet-flex {
|
|
border-bottom: 1px solid #666;
|
|
margin-bottom: 3px;
|
|
:not(:first-child) { text-align: center }
|
|
}
|
|
.sheet-edit {
|
|
.sheet-name {
|
|
width: 220px;
|
|
flex-grow: 1;
|
|
}
|
|
.sheet-prepared { margin: 0 3px }
|
|
.sheet-prepared, .sheet-damage { width: 60px }
|
|
}
|
|
.sheet-display {
|
|
.sheet-name { padding-bottom: 1px }
|
|
span.sheet-prepared { margin: 0 4px 0 auto }
|
|
input[type=number].sheet-prepared {
|
|
padding: 0 4px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sheet-spell-slots {
|
|
display: grid;
|
|
grid: auto/ auto 55px 55px 55px 55px 55px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
margin-top: 5px;
|
|
h3 { line-height: 1 }
|
|
}
|
|
|
|
.sheet-magic-type {
|
|
&:not([value="adept"]) ~ div .sheet-adept,
|
|
&:not([value="magister"]) ~ div .sheet-magister,
|
|
&:not([value="arcanist"]) ~ div .sheet-arcanist,
|
|
&[value="adept"] ~ div .sheet-spellcaster { display: none }
|
|
}
|
|
|
|
/* AI */
|
|
.sheet-ai-processing {
|
|
display: grid;
|
|
grid: auto/ auto 45px 45px 45px 45px 80px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
h3 { line-height: 1 }
|
|
}
|
|
|
|
.sheet-ai-processing-nodes {
|
|
.sheet-nodes-grid {
|
|
grid: auto / 65px 65px 1fr;
|
|
}
|
|
}
|
|
|
|
.sheet-ai-setting:not([value="ai"]) ~ .sheet-ai-enabled { display: none }
|
|
.sheet-ai-setting[value="ai"] ~ .sheet-column .sheet-ai-enabled { display: block }
|
|
.sheet-ai-setting[value="ai"] ~ .sheet-core .sheet-ai-disabled { display: none }
|
|
|
|
/* Foci */
|
|
.sheet-foci-loc {
|
|
&[value="left"] ~ .sheet-column .sheet-foci-right,
|
|
&[value="right"] ~ .sheet-column .sheet-foci-left { display: none }
|
|
}
|
|
.sheet-foci {
|
|
.sheet-details-button {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.sheet-class-ability {
|
|
position: relative;
|
|
.sheet-edit .sheet-name {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
border-bottom: 1px solid #777;
|
|
}
|
|
.sheet-name, .sheet-edit textarea, .sheet-display { margin-bottom: 3px }
|
|
}
|
|
.sheet-edit {
|
|
.sheet-name { flex-grow: 1 }
|
|
.sheet-level {
|
|
margin-left: 3px;
|
|
width: 60px;
|
|
}
|
|
}
|
|
.sheet-display .sheet-level { margin-left: auto }
|
|
}
|
|
|
|
/* Gear */
|
|
.sheet-armor {
|
|
.sheet-armor-grid {
|
|
grid: auto / 40px 1fr 40px 75px 35px 35px 70px;
|
|
}
|
|
.sheet-details div, .sheet-details label {
|
|
grid-column: 2 / 8;
|
|
}
|
|
.sheet-details .sheet-display {
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
.sheet-readied-stowed {
|
|
display: grid;
|
|
align-items: center;
|
|
grid: auto / 1fr 60px 60px 80px 80px;
|
|
grid-column-gap: 7px;
|
|
.sheet-input-gear-over[value="1"] + .sheet-text-input input:first-child { color: red }
|
|
}
|
|
.sheet-cyberware {
|
|
h3 { margin: 5px 0 }
|
|
.sheet-edit {
|
|
flex-wrap: wrap;
|
|
input[type=text] {
|
|
width: 0;
|
|
flex-grow: 1;
|
|
}
|
|
> span { margin: 0 3px }
|
|
}
|
|
}
|
|
.sheet-equipment {
|
|
.repcontainer[data-groupname="repeating_weapons"] + .repcontrol { display: none }
|
|
.sheet-gear-grid {
|
|
grid: auto / 35px minmax(130px, 1fr) 2fr 35px 70px 40px;
|
|
}
|
|
.sheet-other h3 { margin-bottom: 5px }
|
|
.sheet-other-gear { height: 100px }
|
|
}
|
|
|
|
/* Misc */
|
|
.sheet-misc {
|
|
.sheet-text-input input { padding-left: 2px }
|
|
.repitem { margin-bottom: 2px }
|
|
.sheet-xp { width: 50px }
|
|
}
|
|
.sheet-notes { margin-top: 5px }
|
|
|
|
/* Ship tab */
|
|
.sheet-ship-class {
|
|
&[value="fighter"] ~ .sheet-section .sheet-generate-source {
|
|
.sheet-frigate, .sheet-cruiser, .sheet-capital { display: none }
|
|
}
|
|
&[value="frigate"] ~ .sheet-section .sheet-generate-source {
|
|
.sheet-cruiser, .sheet-capital { display: none }
|
|
}
|
|
&[value="cruiser"] ~ .sheet-section .sheet-generate-source {
|
|
.sheet-capital { display: none }
|
|
}
|
|
}
|
|
.sheet-ship {
|
|
margin-top: -20px;
|
|
grid: auto/ 2fr 1fr 1fr;
|
|
.sheet-menus {
|
|
h3 { line-height: 1 }
|
|
button[type=roll].btn { line-height: 1 }
|
|
}
|
|
.sheet-type {
|
|
padding: 5px 8px;
|
|
h3 { line-height: 1 }
|
|
select {
|
|
height: 20px;
|
|
width: 80px;
|
|
background: transparent;
|
|
}
|
|
}
|
|
.sheet-info {
|
|
flex-wrap: wrap;
|
|
.sheet-text-input { margin-bottom: 3px }
|
|
}
|
|
.sheet-data {
|
|
display: grid;
|
|
grid: auto / repeat(3, 1fr);
|
|
.sheet-text-input, .sheet-text-input input[type=number] { text-align: center }
|
|
}
|
|
.sheet-stats {
|
|
display: grid;
|
|
grid: auto / 1fr 1fr;
|
|
}
|
|
.sheet-input-color-negative[value^="-"] + .sheet-text-input input:first-child { color: red }
|
|
.repcontainer {
|
|
display: grid;
|
|
grid-row-gap: 3px;
|
|
}
|
|
.repitem {
|
|
&, .sheet-edit, .sheet-display { width: 100% }
|
|
}
|
|
.sheet-grey-box-bordered { padding-right: 0 }
|
|
|
|
.sheet-ship-weapons {
|
|
.sheet-edit {
|
|
.sheet-name { width: calc(100% - 200px) }
|
|
.sheet-damage { width: 65px }
|
|
.sheet-duo { width: 80px }
|
|
.sheet-qualities { width: calc(100% - 195px) }
|
|
.sheet-range { width: 70px }
|
|
}
|
|
.sheet-display {
|
|
text-indent: -10px;
|
|
padding-left: 14px;
|
|
}
|
|
}
|
|
.sheet-ship-defenses, .sheet-ship-fitting {
|
|
.sheet-edit {
|
|
.sheet-name, .sheet-effect {
|
|
flex: 1 1 auto;
|
|
width: 0;
|
|
}
|
|
}
|
|
.sheet-display {
|
|
text-indent: -10px;
|
|
padding: 2px 4px 2px 14px;
|
|
}
|
|
}
|
|
|
|
.sheet-edit {
|
|
.sheet-broken { width: 50px }
|
|
.sheet-number { width: 50px }
|
|
}
|
|
|
|
.sheet-display {
|
|
.sheet-name { font-weight: bold }
|
|
.sheet-broken {
|
|
color: red;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-description { font-style: italic }
|
|
}
|
|
|
|
.sheet-input-type[value="SHIP"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-ship),
|
|
.sheet-input-type[value="MECH"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-mech),
|
|
.sheet-input-type[value="VEHICLE"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-custom) {
|
|
display: none;
|
|
}
|
|
.sheet-editmode[value="0"] ~ & {
|
|
.sheet-ship-defenses, .sheet-ship-fitting {
|
|
background: $lightbox;
|
|
padding: 3px 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* NPC tab */
|
|
.sheet-npc {
|
|
margin-top: -20px;
|
|
grid: auto / 3fr .8fr 2.2fr;
|
|
.sheet-input-individual-hide:not([value="1"]) ~ .sheet-rolls .sheet-individual-hide { display: none }
|
|
.sheet-menus {
|
|
h3 { line-height: 1 }
|
|
button[type=roll].btn { line-height: 1 }
|
|
}
|
|
.sheet-info {
|
|
display: grid;
|
|
grid: auto / repeat(5, 1fr) 1.3fr;
|
|
}
|
|
.sheet-npc-hp {
|
|
display: grid;
|
|
grid: auto / 40px 1fr;
|
|
}
|
|
.sheet-individual-hide input[type="checkbox"] { margin-right: 2px }
|
|
.sheet-npc-rep-header { margin: 4px}
|
|
.sheet-rolls > :first-child { margin-bottom: 5px }
|
|
.sheet-npc-checkbox {
|
|
font-size: .9em;
|
|
span {
|
|
vertical-align: middle;
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
.repcontainer {
|
|
display: grid;
|
|
grid-gap: 3px;
|
|
}
|
|
.sheet-full-attacks { margin: 0 6px 0 auto }
|
|
.sheet-grey-box-bordered { padding-right: 1px }
|
|
.sheet-text-input { padding-right: 3px }
|
|
.sheet-npc-attacks {
|
|
.sheet-edit {
|
|
.sheet-name {
|
|
width: 0;
|
|
flex-grow: 1;
|
|
}
|
|
.sheet-attacks, .sheet-ab, .sheet-range { width: 50px }
|
|
.sheet-burst, .sheet-damage { width: 60px }
|
|
.sheet-shock-damage { width: 30px }
|
|
.sheet-shock-ac { width: 40px }
|
|
}
|
|
.sheet-display {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
padding: 4px 8px;
|
|
.sheet-range[value="0"] + span {display: none }
|
|
.sheet-attacks[value="1"] + span { display: none }
|
|
.sheet-attacks { text-transform: lowercase }
|
|
}
|
|
}
|
|
.sheet-npc-abilities {
|
|
.sheet-npc-checkbox { margin-left: auto }
|
|
.sheet-edit {
|
|
.sheet-name { width: 100px }
|
|
.sheet-description {
|
|
width: 0;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
.sheet-display {
|
|
text-indent: -10px;
|
|
padding: 4px 8px 4px 18px;
|
|
.sheet-name { font-weight: bold }
|
|
.sheet-description { font-style: italic }
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Drone tab */
|
|
.sheet-drone {
|
|
display: grid;
|
|
grid: 86px 1fr / 1fr 1fr;
|
|
grid-gap: 5px;
|
|
align-items: start;
|
|
border-top: 1px solid #555;
|
|
padding: 5px 0;
|
|
.sheet-stats {
|
|
display: grid;
|
|
align-content: start;
|
|
grid: auto / repeat(7, 1fr);
|
|
}
|
|
.sheet-fittings {
|
|
.sheet-name {
|
|
font-weight: bold;
|
|
&:not(:empty)::after { content: ". " }
|
|
}
|
|
.sheet-desc { font-style: italic }
|
|
.sheet-display { margin-bottom: 3px }
|
|
}
|
|
.sheet-fitting-grid {
|
|
grid: auto / .8fr 1.2fr;
|
|
}
|
|
.sheet-num-fittings {
|
|
&[value="1"], &[value="2"], &[value="3"], &[value="4"] {
|
|
~ .sheet-fitting-5 { display: none }
|
|
}
|
|
&[value="1"], &[value="2"], &[value="3"] {
|
|
~ .sheet-fitting-4 { display: none }
|
|
}
|
|
&[value="1"], &[value="2"] {
|
|
~ .sheet-fitting-3 { display: none }
|
|
}
|
|
&[value="1"] {
|
|
~ .sheet-fitting-2 { display: none }
|
|
}
|
|
}
|
|
.sheet-weapon-grid {
|
|
grid: auto / 35px 1fr 50px 60px 35px 70px;
|
|
}
|
|
.sheet-weapon {
|
|
position: relative;
|
|
.sheet-name { font-weight: bold }
|
|
.sheet-display {
|
|
margin-right: 4px;
|
|
div::after { content: "," }
|
|
}
|
|
}
|
|
.sheet-editmode[value="0"] ~ .sheet-content & .sheet-drone-weapons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
/* Roll templates */
|
|
|
|
.sheet-rolltemplate-swn-default,
|
|
.sheet-rolltemplate-swn-attack,
|
|
.sheet-rolltemplate-swn-skill,
|
|
.sheet-rolltemplate-swn-save {
|
|
margin-left: -41px;
|
|
width: 292px;
|
|
color: #FFF;
|
|
font-family: $arial;
|
|
div { box-sizing: border-box; }
|
|
.withoutavatars & { margin-left: -11px }
|
|
.sheet-container .inlinerollresult {
|
|
padding: 0;
|
|
font-family: inherit;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-container {
|
|
min-height: 175px;
|
|
position: relative;
|
|
padding: 18px 20px;
|
|
clip-path: polygon(0 7px, 7px 0, 173px 0, 177px 3px, 281px 3px, 289px 11px, 289px 82px, 100% 87px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 22px 100%, 0 calc(100% - 22px));
|
|
}
|
|
.sheet-header {
|
|
width: 198px;
|
|
.sheet-name {
|
|
margin-bottom: 12px;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
height: 13px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-family: $times;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-title {
|
|
font-size: 14px;
|
|
height: 32px;
|
|
line-height: 16px;
|
|
overflow: hidden;
|
|
font-weight: bold;
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
.sheet-content { position: relative }
|
|
.sheet-rolls .inlinerollresult {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: 29px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolls {
|
|
height: 35px;
|
|
display: flex;
|
|
align-items: start;
|
|
}
|
|
.sheet-rollname {
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
a {
|
|
color: inherit;
|
|
&:hover { color: red }
|
|
&[href^="~"] {
|
|
padding: 0;
|
|
background: transparent;
|
|
border: none;
|
|
line-height: 1.4;
|
|
}
|
|
}
|
|
}
|
|
.sheet-rolltemplate-swn-default {
|
|
.sheet-container {
|
|
background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-black.png") top no-repeat,
|
|
url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
|
|
#0F0F0F;
|
|
}
|
|
.sheet-name { color: $rt-gray }
|
|
.sheet-rollname { margin-right: auto }
|
|
.sheet-desc, .sheet-buttons {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
.sheet-info {
|
|
font-style: italic;
|
|
font-size: 10px;
|
|
line-height: 1;
|
|
margin: -10px 0 5px;
|
|
.inlinerollresult {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-attack {
|
|
.sheet-container {
|
|
background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-purple.png") top no-repeat,
|
|
url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
|
|
#0F0F0F;
|
|
}
|
|
.sheet-name { color: $rt-purple }
|
|
.sheet-title {
|
|
.inlinerollresult {
|
|
font-size: 1em;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
.sheet-damage { margin-left: auto }
|
|
.sheet-roll { margin-left: 10px }
|
|
.sheet-rolls:not(:first-of-type) { margin-top: 5px }
|
|
.sheet-shock {
|
|
font-style: italic;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-info {
|
|
font-style: italic;
|
|
font-size: 10px;
|
|
> span:first-child { margin-right: 10px }
|
|
.inlinerollresult {
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
.sheet-desc {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-skill {
|
|
.sheet-container {
|
|
background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-blue.png") top no-repeat,
|
|
url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
|
|
#0F0F0F;
|
|
}
|
|
.sheet-name { color: $rt-blue }
|
|
.sheet-title {
|
|
.sheet-italic { font-style: italic }
|
|
.inlinerollresult {
|
|
font-size: 1em;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
.sheet-rollname { margin-right: auto }
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-save {
|
|
.sheet-container {
|
|
&.sheet-success {
|
|
background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-green.png") top no-repeat,
|
|
url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
|
|
#0F0F0F;
|
|
.sheet-name { color: $rt-green }
|
|
}
|
|
&.sheet-failure {
|
|
background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-red.png") top no-repeat,
|
|
url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
|
|
#0F0F0F;
|
|
.sheet-name { color: $rt-red }
|
|
}
|
|
}
|
|
.sheet-vs { margin: 0 10px }
|
|
.sheet-rollname { margin-right: auto }
|
|
}
|