mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
2106 lines
55 KiB
CSS
2106 lines
55 KiB
CSS
/* sheet colors */
|
|
/* roll template */
|
|
/* global styles */
|
|
.charsheet {
|
|
padding: 0 !important;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
min-width: 800px;
|
|
}
|
|
.charsheet div,
|
|
.charsheet span,
|
|
.charsheet label,
|
|
.charsheet textarea,
|
|
.charsheet button[type=roll],
|
|
.charsheet h1,
|
|
.charsheet h2,
|
|
.charsheet h3 {
|
|
box-sizing: border-box;
|
|
}
|
|
.charsheet label,
|
|
.charsheet .label {
|
|
border-radius: inherit;
|
|
color: inherit;
|
|
display: block;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet p {
|
|
font-size: 1em;
|
|
margin: 0 0 5px;
|
|
line-height: inherit;
|
|
}
|
|
.charsheet textarea {
|
|
display: block;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
padding: 1px 4px;
|
|
resize: vertical;
|
|
}
|
|
.charsheet input[type=text],
|
|
.charsheet input[type=number] {
|
|
font-size: 12px;
|
|
height: 20px;
|
|
padding: 1px 4px;
|
|
}
|
|
.charsheet input[type=number][readonly=readonly],
|
|
.charsheet input[type=number].no-spinners {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.charsheet input[type=number][readonly=readonly]::-webkit-inner-spin-button, .charsheet input[type=number][readonly=readonly]::-webkit-outer-spin-button,
|
|
.charsheet input[type=number].no-spinners::-webkit-inner-spin-button,
|
|
.charsheet input[type=number].no-spinners::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.charsheet select {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
padding: 1px 2px;
|
|
line-height: 18px;
|
|
height: 22px;
|
|
}
|
|
.charsheet button[type=roll].btn {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.charsheet button[type=roll].btn::before {
|
|
content: "";
|
|
}
|
|
.charsheet button[type=roll].unstyled-button {
|
|
background: transparent;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
text-shadow: none;
|
|
}
|
|
.charsheet button[type=roll].unstyled-button::before {
|
|
content: "";
|
|
}
|
|
.charsheet button[type=roll].invisible-button {
|
|
position: absolute;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
}
|
|
.charsheet h1 {
|
|
font-family: "Contrail One", sans-serif;
|
|
padding-left: 5px;
|
|
font-size: 1.3em;
|
|
line-height: 22px;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet h1::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
.charsheet h2 {
|
|
font-family: "Contrail One", sans-serif;
|
|
padding-left: 5px;
|
|
border: 2px solid #111827;
|
|
font-size: 1.1em;
|
|
margin: 5px 0;
|
|
width: 175px;
|
|
line-height: 18px;
|
|
}
|
|
.charsheet h3 {
|
|
font-size: 1.2em;
|
|
font-family: "Contrail One", sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Roll templates */
|
|
.sheet-rolltemplate-swn-default:has(.sheet-revised),
|
|
.sheet-rolltemplate-swn-attack:has(.sheet-revised),
|
|
.sheet-rolltemplate-swn-skill:has(.sheet-revised),
|
|
.sheet-rolltemplate-swn-save:has(.sheet-revised) {
|
|
--system-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-rolltemplate-swn-default,
|
|
.sheet-rolltemplate-swn-attack,
|
|
.sheet-rolltemplate-swn-skill,
|
|
.sheet-rolltemplate-swn-save {
|
|
margin-left: -41px;
|
|
width: 292px;
|
|
color: #f9fafb;
|
|
font-family: "Arial", sans-serif;
|
|
}
|
|
.sheet-rolltemplate-swn-default div,
|
|
.sheet-rolltemplate-swn-attack div,
|
|
.sheet-rolltemplate-swn-skill div,
|
|
.sheet-rolltemplate-swn-save div {
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-withoutavatars .sheet-rolltemplate-swn-default,
|
|
.sheet-withoutavatars .sheet-rolltemplate-swn-attack,
|
|
.sheet-withoutavatars .sheet-rolltemplate-swn-skill,
|
|
.sheet-withoutavatars .sheet-rolltemplate-swn-save {
|
|
margin-left: -11px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-container .inlinerollresult,
|
|
.sheet-rolltemplate-swn-attack .sheet-container .inlinerollresult,
|
|
.sheet-rolltemplate-swn-skill .sheet-container .inlinerollresult,
|
|
.sheet-rolltemplate-swn-save .sheet-container .inlinerollresult {
|
|
padding: 0;
|
|
font-family: inherit;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-container,
|
|
.sheet-rolltemplate-swn-attack .sheet-container,
|
|
.sheet-rolltemplate-swn-skill .sheet-container,
|
|
.sheet-rolltemplate-swn-save .sheet-container {
|
|
background: var(--system-background, #0f0f0f);
|
|
clip-path: var(--system-clip-path);
|
|
min-height: 175px;
|
|
position: relative;
|
|
padding: 18px 20px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-header,
|
|
.sheet-rolltemplate-swn-attack .sheet-header,
|
|
.sheet-rolltemplate-swn-skill .sheet-header,
|
|
.sheet-rolltemplate-swn-save .sheet-header {
|
|
width: 198px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-header .sheet-name,
|
|
.sheet-rolltemplate-swn-attack .sheet-header .sheet-name,
|
|
.sheet-rolltemplate-swn-skill .sheet-header .sheet-name,
|
|
.sheet-rolltemplate-swn-save .sheet-header .sheet-name {
|
|
margin-bottom: 12px;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
height: 13px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-family: "Times New Roman", serif;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-header .sheet-title,
|
|
.sheet-rolltemplate-swn-attack .sheet-header .sheet-title,
|
|
.sheet-rolltemplate-swn-skill .sheet-header .sheet-title,
|
|
.sheet-rolltemplate-swn-save .sheet-header .sheet-title {
|
|
font-size: 14px;
|
|
height: 32px;
|
|
line-height: 16px;
|
|
overflow: hidden;
|
|
font-weight: bold;
|
|
margin-bottom: 24px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-content,
|
|
.sheet-rolltemplate-swn-attack .sheet-content,
|
|
.sheet-rolltemplate-swn-skill .sheet-content,
|
|
.sheet-rolltemplate-swn-save .sheet-content {
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-swn-attack .sheet-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-swn-skill .sheet-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-swn-save .sheet-rolls .inlinerollresult {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: 29px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-rolls,
|
|
.sheet-rolltemplate-swn-attack .sheet-rolls,
|
|
.sheet-rolltemplate-swn-skill .sheet-rolls,
|
|
.sheet-rolltemplate-swn-save .sheet-rolls {
|
|
height: 35px;
|
|
display: flex;
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-rollname,
|
|
.sheet-rolltemplate-swn-attack .sheet-rollname,
|
|
.sheet-rolltemplate-swn-skill .sheet-rollname,
|
|
.sheet-rolltemplate-swn-save .sheet-rollname {
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-swn-default a,
|
|
.sheet-rolltemplate-swn-attack a,
|
|
.sheet-rolltemplate-swn-skill a,
|
|
.sheet-rolltemplate-swn-save a {
|
|
color: inherit;
|
|
}
|
|
.sheet-rolltemplate-swn-default a:hover,
|
|
.sheet-rolltemplate-swn-attack a:hover,
|
|
.sheet-rolltemplate-swn-skill a:hover,
|
|
.sheet-rolltemplate-swn-save a:hover {
|
|
color: #b91c1c;
|
|
}
|
|
.sheet-rolltemplate-swn-default a[href^="~"],
|
|
.sheet-rolltemplate-swn-attack a[href^="~"],
|
|
.sheet-rolltemplate-swn-skill a[href^="~"],
|
|
.sheet-rolltemplate-swn-save a[href^="~"] {
|
|
padding: 0;
|
|
background: transparent;
|
|
border: none;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-default .sheet-container.sheet-revised {
|
|
--system-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-rolltemplate-swn-default .sheet-container.sheet-wwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-container.sheet-cwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-container.sheet-neither {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-name {
|
|
color: #bababa;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-rollname {
|
|
margin-right: auto;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-desc,
|
|
.sheet-rolltemplate-swn-default .sheet-buttons {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-info {
|
|
font-style: italic;
|
|
font-size: 10px;
|
|
line-height: 1;
|
|
margin: -10px 0 5px;
|
|
}
|
|
.sheet-rolltemplate-swn-default .sheet-info .inlinerollresult {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-attack .sheet-container.sheet-revised {
|
|
--system-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-rolltemplate-swn-attack .sheet-container.sheet-wwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-container.sheet-cwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-container.sheet-neither {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-name {
|
|
color: #b291ec;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-title .inlinerollresult {
|
|
font-size: 1em;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-damage {
|
|
margin-left: auto;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-roll {
|
|
margin-left: 10px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-rolls:not(:first-of-type) {
|
|
margin-top: 5px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-shock {
|
|
font-style: italic;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-info {
|
|
font-style: italic;
|
|
font-size: 10px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-info > span:first-child {
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-info .inlinerollresult {
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
margin-left: 2px;
|
|
}
|
|
.sheet-rolltemplate-swn-attack .sheet-desc {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-skill .sheet-container.sheet-revised {
|
|
--system-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-rolltemplate-swn-skill .sheet-container.sheet-wwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-container.sheet-cwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-container.sheet-neither {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-name {
|
|
color: #80b0ff;
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-title .sheet-italic {
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-title .inlinerollresult {
|
|
font-size: 1em;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-swn-skill .sheet-rollname {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-revised {
|
|
--system-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-rolltemplate-swn-save .sheet-container.sheet-success.sheet-wwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-cwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-neither {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-success .sheet-name {
|
|
color: #83db53;
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-revised {
|
|
--system-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-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-wwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-cwn {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-neither {
|
|
--system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure .sheet-name {
|
|
color: #ff8080;
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-vs {
|
|
margin: 0 10px;
|
|
}
|
|
.sheet-rolltemplate-swn-save .sheet-rollname {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.charsheet .chevron {
|
|
background-color: #1d4ed8;
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
|
|
background-position: center;
|
|
scale: 0.8;
|
|
}
|
|
.charsheet input.input-collapse:checked ~ div .details,
|
|
.charsheet input.input-collapse[value="0"] ~ div .details {
|
|
display: none;
|
|
}
|
|
.charsheet input.input-collapse,
|
|
.charsheet input.input-collapse + span.chevron {
|
|
cursor: pointer;
|
|
height: 20px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 20px;
|
|
z-index: 10;
|
|
right: 0;
|
|
top: -2;
|
|
}
|
|
.charsheet .show-chevron:hover span.chevron {
|
|
opacity: 1;
|
|
z-index: 5;
|
|
}
|
|
.charsheet input.input-collapse:not(:checked) + span.chevron {
|
|
transform: rotate(180deg);
|
|
}
|
|
.charsheet .editmode[value="1"] ~ .content input.input-collapse,
|
|
.charsheet .editmode[value="1"] ~ .content input.input-collapse + span {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet {
|
|
/* tab wrappers and type chooser */
|
|
/* editmode */
|
|
/** edit mode highlighting **/
|
|
/* dice icons */
|
|
/* header */
|
|
/* tab environment */
|
|
/* organisation */
|
|
/* containers */
|
|
/* inline styling */
|
|
/* force repeating row behavior */
|
|
/* repeating section controls */
|
|
/* global settings */
|
|
/* Section visibility toggling */
|
|
/* In the past, Github hosting didn't seem to work for some reason. Backup url: https://svgshare.com/i/aQ0.svg */
|
|
/* Note: svgshare urls are apparently not stable more than about 3 years. */
|
|
/* Settings */
|
|
/* Character core */
|
|
/* Saves */
|
|
/* menus */
|
|
/* Attributes */
|
|
/* Resources */
|
|
/* Shells */
|
|
/* Weapons */
|
|
/* Skills */
|
|
/* name + desc sections */
|
|
/* Psionics */
|
|
/* Space Magic */
|
|
/* AI */
|
|
/* Foci */
|
|
/* Gear */
|
|
/* Misc */
|
|
/* Ship tab */
|
|
/* NPC tab */
|
|
/* Drone tab */
|
|
/* Vehicle tab */
|
|
}
|
|
.charsheet .hider[value="0"] + div,
|
|
.charsheet .hider[value="0"] + label,
|
|
.charsheet .hider[value="0"] + button,
|
|
.charsheet .hider[value="0"] + span {
|
|
display: none;
|
|
}
|
|
.charsheet .hider[value=""] + button {
|
|
display: none;
|
|
}
|
|
.charsheet .editmode[value="0"] ~ .content .empty-hider[value=""] + div {
|
|
display: none;
|
|
}
|
|
.charsheet .details-button {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .header,
|
|
.charsheet .settings {
|
|
padding: 10px 5px;
|
|
}
|
|
.charsheet input[name=attr_npc][value="0"] ~ .tabs .npc-tab,
|
|
.charsheet input[name=attr_npc][value="1"] ~ .tabs .pc-tab,
|
|
.charsheet input[name=attr_npc][value="0"] ~ .drones .npc-show,
|
|
.charsheet input[name=attr_npc][value="1"] ~ .drones .pc-show {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=character]) ~ .character {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=ship]) ~ .ship {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=drones]) ~ .drones {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=npc]) ~ .npc {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=mount]) ~ .mount {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_tab]:not([value=vehicle]) ~ .vehicle {
|
|
display: none;
|
|
}
|
|
.charsheet .content {
|
|
min-width: 800px;
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
}
|
|
.charsheet .editmode[value="0"] ~ .content .edit,
|
|
.charsheet .editmode[value="0"] ~ .content .repcontrol,
|
|
.charsheet .editmode[value="1"] ~ .content .display {
|
|
display: none;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ .content {
|
|
border-style: solid;
|
|
border-width: 0 2px 2px 2px;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ .header {
|
|
border-bottom: 2px solid;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ .tabs,
|
|
.charsheet .editmode[value="1"] ~ .settings {
|
|
border-style: solid;
|
|
border-width: 0 2px 0 2px;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ div .edit-button {
|
|
height: 29px;
|
|
padding: 0 5px 0 5px;
|
|
margin: 0 0 0 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ div .edit-button input {
|
|
align-self: center;
|
|
}
|
|
.charsheet .dice-icon {
|
|
background: transparent url("https://github.com/Roll20/roll20-character-sheets/blob/master/Stars_Without_Number_Revised/Assets/dice.png") no-repeat 80px 3px !important;
|
|
background-size: 15px 15px !important;
|
|
}
|
|
.charsheet .header input {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.charsheet .header .logo {
|
|
width: 480px;
|
|
}
|
|
.charsheet .header .npc-chooser {
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .header .npc-chooser span {
|
|
padding: 3px 6px;
|
|
}
|
|
.charsheet .header .edit-button {
|
|
margin: 0 5px 0 20px;
|
|
}
|
|
.charsheet .header .settings-gear,
|
|
.charsheet .header .edit-button {
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
font-family: pictos;
|
|
}
|
|
.charsheet .footer {
|
|
font-size: 10px;
|
|
border-top: 1px solid;
|
|
margin-top: 10px;
|
|
}
|
|
.charsheet .tabs {
|
|
border-top: 1px solid;
|
|
flex-flow: row-reverse;
|
|
font-family: "Contrail One", sans-serif;
|
|
justify-content: flex-end;
|
|
margin: 3px 0px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .tabs input {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.charsheet .tabs span {
|
|
padding: 1px 25px 0;
|
|
}
|
|
.charsheet .tabs label {
|
|
cursor: pointer;
|
|
line-height: 17px;
|
|
margin: -1px -10px 0 0;
|
|
clip-path: polygon(0 0, 100% 0, 100% 10px, calc(100% - 10px) 100%, 0 100%);
|
|
}
|
|
.charsheet .flex {
|
|
display: flex;
|
|
}
|
|
.charsheet .flex-start {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.charsheet .flex-center {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.charsheet .flex-between {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.charsheet .flex-even {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
.charsheet .flex-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.charsheet .grid {
|
|
display: grid;
|
|
}
|
|
.charsheet .grid-flow-col {
|
|
grid-auto-flow: column;
|
|
}
|
|
.charsheet .gap-1 {
|
|
gap: 4px;
|
|
}
|
|
.charsheet .grow {
|
|
flex-grow: 1;
|
|
}
|
|
.charsheet .halfgrid {
|
|
display: grid;
|
|
grid: auto/1fr 1fr;
|
|
grid-gap: 5px;
|
|
}
|
|
.charsheet .thirdsgrid {
|
|
display: grid;
|
|
grid: auto/repeat(3, 1fr);
|
|
grid-column-gap: 1%;
|
|
}
|
|
.charsheet .col-2 {
|
|
grid-column: 2;
|
|
}
|
|
.charsheet .col-3 {
|
|
grid-column: 3;
|
|
}
|
|
.charsheet .col-4 {
|
|
grid-column: 4;
|
|
}
|
|
.charsheet .cols-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.charsheet .cols-3 {
|
|
grid-column: span 3;
|
|
}
|
|
.charsheet .cols-4 {
|
|
grid-column: span 4;
|
|
}
|
|
.charsheet .rows-2 {
|
|
grid-row: span 2;
|
|
}
|
|
.charsheet .col55 {
|
|
width: 55%;
|
|
}
|
|
.charsheet .col50 {
|
|
width: 50%;
|
|
}
|
|
.charsheet .col40 {
|
|
width: 40%;
|
|
}
|
|
.charsheet .colthird {
|
|
width: 33.3333333333%;
|
|
}
|
|
.charsheet .col25 {
|
|
width: 25%;
|
|
}
|
|
.charsheet .col20 {
|
|
width: 20%;
|
|
}
|
|
.charsheet .colsixth {
|
|
width: 16.6666666667%;
|
|
}
|
|
.charsheet .chevron {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
|
|
background-position: center;
|
|
scale: 0.8;
|
|
}
|
|
.charsheet .column > div:not(:first-child),
|
|
.charsheet .mt {
|
|
margin-top: 5px;
|
|
}
|
|
.charsheet .mb {
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .mr {
|
|
margin-right: 5px;
|
|
}
|
|
.charsheet .font-bold {
|
|
font-weight: 700;
|
|
}
|
|
.charsheet .text-center {
|
|
text-align: center;
|
|
}
|
|
.charsheet .ellipsis {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet .w-full {
|
|
width: 100%;
|
|
}
|
|
.charsheet .lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
.charsheet .center {
|
|
text-align: center;
|
|
}
|
|
.charsheet .border-bottom {
|
|
border-bottom: 1px solid #d1d5db;
|
|
}
|
|
.charsheet .pb-5 {
|
|
padding-bottom: 5px;
|
|
}
|
|
.charsheet .relative {
|
|
position: relative;
|
|
}
|
|
.charsheet .grey-box,
|
|
.charsheet .grey-box-bordered {
|
|
padding: 4px;
|
|
}
|
|
.charsheet .grey-box-bordered {
|
|
border: 1px solid;
|
|
}
|
|
.charsheet .core-box {
|
|
padding: 8px;
|
|
}
|
|
.charsheet .core-box-text {
|
|
padding: 8px 3px 3px 8px;
|
|
}
|
|
.charsheet input[type=text].inherit {
|
|
background: transparent;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
font: inherit;
|
|
padding: 0;
|
|
}
|
|
.charsheet .inline-input {
|
|
padding: 0 3px;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .text-input {
|
|
line-height: 1;
|
|
padding-right: 5px;
|
|
}
|
|
.charsheet .text-input .label {
|
|
border-top: 1px solid;
|
|
font-size: 0.9em;
|
|
line-height: 14px;
|
|
text-align: inherit;
|
|
}
|
|
.charsheet .text-input .label input[type=checkbox] {
|
|
height: 14px;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
.charsheet .text-input input[type=text],
|
|
.charsheet .text-input input[type=number],
|
|
.charsheet .text-input textarea {
|
|
background: transparent;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-weight: inherit;
|
|
padding: 1px 0;
|
|
text-align: inherit;
|
|
width: 100%;
|
|
}
|
|
.charsheet .text-input input[type=text][readonly=readonly],
|
|
.charsheet .text-input input[type=number][readonly=readonly],
|
|
.charsheet .text-input textarea[readonly=readonly] {
|
|
cursor: default;
|
|
}
|
|
.charsheet .text-input input[type=text],
|
|
.charsheet .text-input input[type=number] {
|
|
font-size: 1.1em;
|
|
}
|
|
.charsheet .text-input textarea {
|
|
height: 20px;
|
|
min-height: 20px;
|
|
}
|
|
.charsheet .text-input > input[type=checkbox] {
|
|
height: 14px;
|
|
margin: 3px 0;
|
|
}
|
|
.charsheet .text-input select {
|
|
background: transparent;
|
|
border: none;
|
|
height: 20px;
|
|
width: 100%;
|
|
}
|
|
.charsheet .text-input.important {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
.charsheet .text-input.duo {
|
|
display: grid;
|
|
text-align: center;
|
|
grid: auto/3px 1fr 5px 1fr 3px;
|
|
align-items: center;
|
|
align-content: start;
|
|
grid-column-gap: 0;
|
|
}
|
|
.charsheet .text-input.duo > span {
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .text-input.duo .label {
|
|
grid-column: 1/5;
|
|
}
|
|
.charsheet .text-input.trio {
|
|
display: grid;
|
|
text-align: center;
|
|
grid: auto/3px 1fr 5px 1fr 5px 1fr 3px;
|
|
align-items: center;
|
|
align-content: start;
|
|
grid-column-gap: 0;
|
|
}
|
|
.charsheet .text-input.trio > span {
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .text-input.trio .label {
|
|
grid-column: 1/7;
|
|
}
|
|
.charsheet .text-input button[type=roll].btn {
|
|
width: 100%;
|
|
}
|
|
.charsheet .table-header {
|
|
font-size: 0.9em;
|
|
}
|
|
.charsheet .table-header > div {
|
|
padding-left: 2px;
|
|
border-bottom: 1px solid;
|
|
}
|
|
.charsheet .focusinfo {
|
|
position: relative;
|
|
}
|
|
.charsheet .focusinfo .details {
|
|
border-radius: 8px;
|
|
border: 1px solid;
|
|
left: calc(50% - 125px);
|
|
opacity: 1;
|
|
padding: 5px;
|
|
position: absolute;
|
|
top: 22px;
|
|
transition: all 0.3s;
|
|
width: 250px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .focusinfo input:not(:focus) ~ .details {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.charsheet .space-before::before,
|
|
.charsheet .space-after::after {
|
|
content: " ";
|
|
}
|
|
.charsheet .colon-after::after {
|
|
content: ":";
|
|
}
|
|
.charsheet .hide-empty[value=""] + span {
|
|
display: none;
|
|
}
|
|
.charsheet .add-plus:not([value^="-"]) + span::before {
|
|
content: "+";
|
|
}
|
|
.charsheet .api {
|
|
border-radius: 5px;
|
|
font-size: 0.8em;
|
|
line-height: 1;
|
|
padding: 1px;
|
|
vertical-align: super;
|
|
}
|
|
.charsheet .repcontrol {
|
|
display: flex;
|
|
margin-top: 4px;
|
|
}
|
|
.charsheet .repcontrol button {
|
|
padding: 3px 10px;
|
|
}
|
|
.charsheet .repcontrol_edit {
|
|
order: 1;
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .repcontrol button {
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
}
|
|
.charsheet .repcontrol_move,
|
|
.charsheet .repcontrol_del {
|
|
padding: 1px 10px;
|
|
}
|
|
.charsheet .itemcontrol {
|
|
z-index: 100;
|
|
}
|
|
.charsheet .simple-repsection .repitem {
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .simple-repsection textarea {
|
|
margin: 3px 0 0;
|
|
height: 50px;
|
|
}
|
|
.charsheet .simple-repsection .display .name {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
border-bottom: 1px solid;
|
|
}
|
|
.charsheet .simple-repsection .display .details {
|
|
line-height: 1.4;
|
|
text-align: justify;
|
|
}
|
|
.charsheet .rep-grid {
|
|
align-items: start;
|
|
display: grid;
|
|
grid-column-gap: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet .rep-grid .text-input {
|
|
padding: 0;
|
|
}
|
|
.charsheet .skills-query:not([value=hover]) ~ div .skills-query-hover,
|
|
.charsheet .skills-query[value=query] ~ div .skills-query-display,
|
|
.charsheet .skills-query[value=query] ~ div .skills-query-ask {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=str]) ~ .str {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=dex]) ~ .dex {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=con]) ~ .con {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=int]) ~ .int {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=wis]) ~ .wis {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query-display input:not([value*=cha]) ~ .cha {
|
|
display: none;
|
|
}
|
|
.charsheet .skills-query[value=hover] ~ div .skill:hover .skills-query-display,
|
|
.charsheet .skill .display .query:focus + .skills-query-display {
|
|
display: none;
|
|
}
|
|
.charsheet .section-toggle-header {
|
|
position: relative;
|
|
}
|
|
.charsheet .section-toggle-header input {
|
|
cursor: pointer;
|
|
height: 100%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 22px;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .section-toggle-header input + h1::after {
|
|
background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
|
|
}
|
|
.charsheet .section-toggle-header input:not(:checked) + h1::after {
|
|
transform: rotate(180deg);
|
|
}
|
|
.charsheet .section-toggle-header + input + div {
|
|
margin-top: 5px;
|
|
}
|
|
.charsheet .settings label {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .settings label span {
|
|
margin-right: 4px;
|
|
}
|
|
.charsheet .settings select {
|
|
display: inline-block;
|
|
width: 120px;
|
|
}
|
|
.charsheet .settings select.wide {
|
|
width: 170px;
|
|
}
|
|
.charsheet .settings .subsystems {
|
|
grid: auto/1fr 1fr;
|
|
}
|
|
.charsheet .core {
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
}
|
|
.charsheet .core.core-info {
|
|
grid: auto/2.5fr 1fr 0.8fr;
|
|
}
|
|
.charsheet .core.core-info .info {
|
|
align-items: start;
|
|
flex-wrap: wrap;
|
|
padding-right: 3px;
|
|
}
|
|
.charsheet .core.core-info .info .important {
|
|
width: calc(60% - 22px);
|
|
}
|
|
.charsheet .core.core-info .info .level {
|
|
width: 44px;
|
|
}
|
|
.charsheet .core.core-info .info .level-rest {
|
|
width: calc(40% - 22px);
|
|
}
|
|
.charsheet .core.core-stats {
|
|
grid: auto/minmax(310px, 1.2fr) minmax(260px, 1fr) minmax(220px, 0.8fr);
|
|
}
|
|
.charsheet .core .main-content {
|
|
margin-top: 3px;
|
|
display: grid;
|
|
grid: auto/repeat(3, 1fr);
|
|
}
|
|
.charsheet .core .main-content .left-margin {
|
|
margin-left: 15px;
|
|
}
|
|
.charsheet .core button[name=roll_HP].btn {
|
|
font-size: 0.9em;
|
|
}
|
|
.charsheet .saves .flex {
|
|
margin-top: 4px;
|
|
}
|
|
.charsheet .saves button[type=roll].btn {
|
|
height: 35px;
|
|
width: 35px;
|
|
}
|
|
.charsheet .menus-content {
|
|
align-items: center;
|
|
display: grid;
|
|
grid: auto/1fr 1fr;
|
|
}
|
|
.character .charsheet .menus button[type=roll].btn {
|
|
margin-right: auto;
|
|
}
|
|
.charsheet .attributes {
|
|
font-size: 1.1em;
|
|
line-height: 1.2;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .attributes .attr-grid {
|
|
grid-template-columns: 1fr 3.5em 3.5em 20px 3.5em 20px;
|
|
}
|
|
.charsheet .attributes .attr-display-grid {
|
|
grid-template-columns: 1.5fr repeat(3, 5em);
|
|
}
|
|
.charsheet .attributes .mod {
|
|
font-size: 1.1em;
|
|
}
|
|
.charsheet .attributes span[name*=_mod]::before {
|
|
content: "+";
|
|
}
|
|
.charsheet .editmode[value="0"] ~ .content .resources .repcontainer {
|
|
grid: auto/1fr 1fr;
|
|
}
|
|
.charsheet .resources .credits {
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .resources .repcontainer {
|
|
display: grid;
|
|
grid-row-gap: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
.charsheet .resources input[type=text] {
|
|
margin-right: auto;
|
|
width: calc(100% - 8em);
|
|
}
|
|
.charsheet .resources .slash {
|
|
margin: 0 2px;
|
|
}
|
|
.charsheet .money textarea,
|
|
.charsheet .wealth textarea {
|
|
height: 100px;
|
|
min-height: 100px;
|
|
}
|
|
.charsheet .shells .shells-grid {
|
|
grid: auto/40px 35px 35px 35px 45px 1fr;
|
|
}
|
|
.charsheet .transhuman-setting:not([value=transhuman]) ~ .column .transhuman-enabled,
|
|
.charsheet .transhuman-setting[value=transhuman] ~ .core .transhuman-disabled {
|
|
display: none;
|
|
}
|
|
.charsheet .weapons .edit {
|
|
justify-content: space-between;
|
|
padding-right: 1px;
|
|
}
|
|
.charsheet .weapons .edit .name {
|
|
width: 138px;
|
|
}
|
|
.charsheet .weapons .edit .ab {
|
|
width: 45px;
|
|
}
|
|
.charsheet .weapons .edit .ammo,
|
|
.charsheet .weapons .edit .weapon-skill {
|
|
width: 80px;
|
|
}
|
|
.charsheet .weapons .edit .range,
|
|
.charsheet .weapons .edit .damage,
|
|
.charsheet .weapons .edit .attribute {
|
|
width: 60px;
|
|
}
|
|
.charsheet .weapons .edit .burst {
|
|
width: 65px;
|
|
}
|
|
.charsheet .weapons .edit .shock-damage,
|
|
.charsheet .weapons .edit .shock-ac {
|
|
width: 55px;
|
|
}
|
|
.charsheet .weapons .edit .skill-to-damage {
|
|
width: 30px;
|
|
}
|
|
.charsheet .weapons .edit .enc {
|
|
width: 40px;
|
|
}
|
|
.charsheet .weapons .text-input {
|
|
padding-right: 3px;
|
|
}
|
|
.charsheet .weapons .repitem {
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet .weapons .display {
|
|
font-size: 1.1em;
|
|
border: 1px solid;
|
|
text-indent: -10px;
|
|
padding: 2px 4px 2px 14px;
|
|
}
|
|
.charsheet .weapons .display .name {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .skill-container,
|
|
.charsheet .skills-repeating .repcontainer {
|
|
display: grid;
|
|
grid: auto/1fr 1fr;
|
|
grid-gap: 4px 1%;
|
|
}
|
|
.charsheet .skill {
|
|
position: relative;
|
|
}
|
|
.charsheet .skill .display,
|
|
.charsheet .skill .edit {
|
|
border: 1px solid;
|
|
padding: 2px 4px;
|
|
height: 100%;
|
|
}
|
|
.charsheet .skill .display {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
.charsheet .skill .display .dice[value="3d6d1"] + .name::after {
|
|
content: "3d6";
|
|
}
|
|
.charsheet .skill .display .dice[value="4d6d2"] + .name::after {
|
|
content: "4d6";
|
|
}
|
|
.charsheet .skill .display .name {
|
|
margin-right: auto;
|
|
}
|
|
.charsheet .skill .display .name::after {
|
|
font-size: 0.7em;
|
|
font-weight: normal;
|
|
margin-left: 2px;
|
|
vertical-align: super;
|
|
}
|
|
.charsheet .skill .display .query {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: inherit;
|
|
flex-shrink: 0;
|
|
height: 18px;
|
|
line-height: 16px;
|
|
margin: 0 2px;
|
|
outline: none;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 55px;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .skill:not(:hover) .display .query:not(:focus) {
|
|
display: none;
|
|
}
|
|
.charsheet .skill .skills-query-display {
|
|
margin: 0 3px;
|
|
flex-shrink: 0;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet .skill .edit input[type=text].name {
|
|
width: 100%;
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .skill .edit div.name {
|
|
flex-grow: 1;
|
|
width: 0;
|
|
padding: 1px 2px;
|
|
}
|
|
.charsheet .skill .edit .level {
|
|
margin: 0 2px;
|
|
padding: 1px 2px;
|
|
width: 40px;
|
|
}
|
|
.charsheet .skill .edit .query {
|
|
width: 50px;
|
|
}
|
|
.charsheet .skill .edit .dice {
|
|
width: 35px;
|
|
}
|
|
.charsheet .skill .edit.flex-wrap select,
|
|
.charsheet .skill .edit.flex-wrap input {
|
|
flex-grow: 1;
|
|
}
|
|
.charsheet .skill.skill-points {
|
|
margin-top: 4px;
|
|
}
|
|
.charsheet .skill.skill-points .display {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
.charsheet .skill.skill-points .name {
|
|
flex-grow: 0;
|
|
margin-right: auto;
|
|
width: auto;
|
|
padding: 0 4px;
|
|
}
|
|
.charsheet .skill.skill-points .edit .level {
|
|
margin: 0;
|
|
}
|
|
.charsheet .skill-blurb {
|
|
font-style: italic;
|
|
margin-top: 3px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .input-details:not([value="0"]) ~ div .notdetails {
|
|
display: none;
|
|
}
|
|
.charsheet .psionics-effort {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-column-gap: 4px;
|
|
grid: auto/auto 45px 45px 45px 45px 80px;
|
|
margin-top: 5px;
|
|
}
|
|
.charsheet .psionics-effort h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .techniques .display .discipline {
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .techniques .edit .discipline {
|
|
margin-left: 5px;
|
|
width: 90px;
|
|
}
|
|
.charsheet .magic-effort {
|
|
display: grid;
|
|
grid: auto/auto repeat(4, 45px) 80px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
margin-top: 5px;
|
|
}
|
|
.charsheet .magic-effort h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .invoker {
|
|
grid-template-columns: 1fr 50%;
|
|
}
|
|
.charsheet .spells .spells-header {
|
|
grid-template-columns: 2fr repeat(3, 1fr);
|
|
}
|
|
.charsheet .spells .spell-grid {
|
|
grid-template-columns: 1fr repeat(3, 5em);
|
|
}
|
|
.charsheet .spells .spell-grid .damage,
|
|
.charsheet .spells .spell-grid .level,
|
|
.charsheet .spells .spell-grid .prepared {
|
|
text-align: center;
|
|
}
|
|
.charsheet .spells .edit input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .spells .display .name {
|
|
padding-right: 25px;
|
|
padding-bottom: 1px;
|
|
}
|
|
.charsheet .spells .display span.prepared {
|
|
margin: 0 4px 0 auto;
|
|
}
|
|
.charsheet .spells .display input[type=number].prepared {
|
|
padding: 0 4px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .spell-slots {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-column-gap: 4px;
|
|
grid: auto/auto repeat(5, 55px);
|
|
margin-top: 5px;
|
|
}
|
|
.charsheet .spell-slots h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .magic-type:not([value=adept]) ~ div .adept, .charsheet .magic-type:not([value=magister]) ~ div .magister, .charsheet .magic-type:not([value=arcanist]) ~ div .arcanist, .charsheet .magic-type[value=adept] ~ div .spellcaster {
|
|
display: none;
|
|
}
|
|
.charsheet .magical-arts .effort-grid {
|
|
grid-template-columns: 3em repeat(4, 1fr);
|
|
}
|
|
.charsheet .space-magic .spells .display .name,
|
|
.charsheet .magic .spells .display .name {
|
|
grid-template-columns: 1fr auto auto;
|
|
}
|
|
.charsheet .ai-processing {
|
|
display: grid;
|
|
grid: auto/auto 45px 45px 45px 45px 80px;
|
|
align-items: center;
|
|
grid-column-gap: 4px;
|
|
}
|
|
.charsheet .ai-processing h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .ai-processing-nodes .nodes-grid {
|
|
grid: auto/65px 65px 1fr;
|
|
}
|
|
.charsheet .ai-setting:not([value=ai]) ~ .ai-enabled,
|
|
.charsheet .ai-setting[value=ai] ~ .core .ai-disabled {
|
|
display: none;
|
|
}
|
|
.charsheet .ai-setting[value=ai] ~ .column .ai-enabled {
|
|
display: block;
|
|
}
|
|
.charsheet .foci-loc[value=left] ~ .column .foci-right, .charsheet .foci-loc[value=right] ~ .column .foci-left {
|
|
display: none;
|
|
}
|
|
.charsheet .foci .details-button,
|
|
.charsheet .edge .details-button {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .foci .class-ability,
|
|
.charsheet .edge .class-ability {
|
|
position: relative;
|
|
}
|
|
.charsheet .foci .class-ability .edit .name,
|
|
.charsheet .edge .class-ability .edit .name {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
border-bottom: 1px solid;
|
|
}
|
|
.charsheet .foci .class-ability .name,
|
|
.charsheet .foci .class-ability .edit textarea,
|
|
.charsheet .foci .class-ability .display,
|
|
.charsheet .edge .class-ability .name,
|
|
.charsheet .edge .class-ability .edit textarea,
|
|
.charsheet .edge .class-ability .display {
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet .foci .edit .name,
|
|
.charsheet .edge .edit .name {
|
|
flex-grow: 1;
|
|
}
|
|
.charsheet .foci .edit .level,
|
|
.charsheet .edge .edit .level {
|
|
margin-left: 3px;
|
|
width: 60px;
|
|
}
|
|
.charsheet .foci .display .level,
|
|
.charsheet .edge .display .level {
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .armor input[name=attr_armor_active] {
|
|
left: 35%;
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
.charsheet .armor .armor-grid {
|
|
grid: auto/40px 1fr 40px;
|
|
}
|
|
.charsheet .armor .details div,
|
|
.charsheet .armor .details label {
|
|
grid-column: 2/-1;
|
|
}
|
|
.charsheet .armor .details .display {
|
|
line-height: 1.3;
|
|
}
|
|
.charsheet .readied-stowed {
|
|
display: grid;
|
|
align-items: center;
|
|
}
|
|
.charsheet .cyberdeck .cyberdeck-grid {
|
|
grid-template-columns: 1fr repeat(4, 40px);
|
|
}
|
|
.charsheet .cyberware h3 {
|
|
margin: 5px 0;
|
|
}
|
|
.charsheet .cyberware .edit {
|
|
flex-wrap: wrap;
|
|
}
|
|
.charsheet .cyberware .edit > span {
|
|
margin: 0 3px;
|
|
}
|
|
.charsheet .cyberware .edit .name-row {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
.charsheet .equipment input[name=attr_gear_bundled] {
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
.charsheet .equipment .repcontainer[data-groupname=repeating_weapons] + .repcontrol {
|
|
display: none;
|
|
}
|
|
.charsheet .equipment .gear-grid {
|
|
grid: auto/40px minmax(130px, 1fr) 40px 70px 40px;
|
|
}
|
|
.charsheet .equipment .other h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .equipment .other-gear {
|
|
height: 100px;
|
|
}
|
|
.charsheet .misc .text-input input {
|
|
padding-left: 2px;
|
|
}
|
|
.charsheet .misc .repitem {
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .misc .goal {
|
|
grid-template-columns: 1fr 15%;
|
|
}
|
|
.charsheet .misc .xp {
|
|
width: 50px;
|
|
}
|
|
.charsheet .misc .goal-lang,
|
|
.charsheet .misc .proj-ally {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
.charsheet .misc .projects .name,
|
|
.charsheet .misc .lifestyle .name {
|
|
grid-template-columns: 1fr 15%;
|
|
}
|
|
.charsheet .misc .allies .subheaders {
|
|
grid-template-columns: 2fr 1.5fr 1fr;
|
|
}
|
|
.charsheet .ship {
|
|
margin-top: -20px;
|
|
grid: auto/4fr 3fr 2fr;
|
|
}
|
|
.charsheet .ship .menus h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .ship .menus button[type=roll].btn {
|
|
font-size: 0.9em;
|
|
line-height: 1;
|
|
}
|
|
.charsheet .ship .type {
|
|
padding: 5px 8px;
|
|
}
|
|
.charsheet .ship .type h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .ship .type select {
|
|
background: transparent;
|
|
height: 20px;
|
|
width: 80px;
|
|
}
|
|
.charsheet .ship .info {
|
|
flex-wrap: wrap;
|
|
}
|
|
.charsheet .ship .info .text-input {
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet .ship .data {
|
|
display: grid;
|
|
grid: auto/repeat(6, 1fr);
|
|
}
|
|
.charsheet .ship .data .text-input,
|
|
.charsheet .ship .data .text-input input[type=number] {
|
|
text-align: center;
|
|
}
|
|
.charsheet .ship .data .duo {
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
}
|
|
.charsheet .ship .trio {
|
|
grid-column-start: 3;
|
|
grid-column-end: 7;
|
|
grid: auto/0 1fr 5px 1fr 5px 1fr 0;
|
|
}
|
|
.charsheet .ship .duo {
|
|
grid: auto/0 1fr 5px 1fr 0;
|
|
}
|
|
.charsheet .ship .stats {
|
|
display: grid;
|
|
grid: auto/1fr 1fr;
|
|
}
|
|
.charsheet .ship .repcontainer {
|
|
display: grid;
|
|
grid-row-gap: 3px;
|
|
}
|
|
.charsheet .ship .repitem,
|
|
.charsheet .ship .repitem .edit,
|
|
.charsheet .ship .repitem .display {
|
|
width: 100%;
|
|
}
|
|
.charsheet .ship .grey-box-bordered {
|
|
padding-right: 0;
|
|
}
|
|
.charsheet .ship .ship-weapons .edit .name {
|
|
width: calc(100% - 200px);
|
|
}
|
|
.charsheet .ship .ship-weapons .edit .damage {
|
|
width: 65px;
|
|
}
|
|
.charsheet .ship .ship-weapons .edit .duo {
|
|
width: 80px;
|
|
}
|
|
.charsheet .ship .ship-weapons .edit .qualities {
|
|
width: calc(100% - 195px);
|
|
}
|
|
.charsheet .ship .ship-weapons .edit .range {
|
|
width: 70px;
|
|
}
|
|
.charsheet .ship .ship-weapons .display {
|
|
text-indent: -10px;
|
|
padding-left: 14px;
|
|
}
|
|
.charsheet .ship .ship-defenses .edit .name,
|
|
.charsheet .ship .ship-defenses .edit .effect,
|
|
.charsheet .ship .ship-fitting .edit .name,
|
|
.charsheet .ship .ship-fitting .edit .effect {
|
|
flex: 1 1 auto;
|
|
width: 0;
|
|
}
|
|
.charsheet .ship .ship-defenses .display,
|
|
.charsheet .ship .ship-fitting .display {
|
|
text-indent: -10px;
|
|
padding: 2px 4px 2px 14px;
|
|
}
|
|
.charsheet .ship .edit .broken {
|
|
width: 50px;
|
|
}
|
|
.charsheet .ship .edit .number {
|
|
width: 50px;
|
|
}
|
|
.charsheet .ship .display .name {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .ship .display .broken {
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .ship .display .description {
|
|
font-style: italic;
|
|
}
|
|
.charsheet .ship .input-type[value=SHIP] ~ div .vehicle-type:not(.vehicle-type-ship),
|
|
.charsheet .ship .input-type[value=MECH] ~ div .vehicle-type:not(.vehicle-type-mech),
|
|
.charsheet .ship .input-type[value=VEHICLE] ~ div .vehicle-type:not(.vehicle-type-custom) {
|
|
display: none;
|
|
}
|
|
.editmode[value="0"] ~ .charsheet .ship .ship-defenses,
|
|
.editmode[value="0"] ~ .charsheet .ship .ship-fitting {
|
|
padding: 3px 0;
|
|
}
|
|
.charsheet .npc {
|
|
grid: auto/3fr 0.8fr 2.2fr;
|
|
}
|
|
.charsheet .npc .input-individual-hide:not([value="1"]) ~ .rolls .individual-hide {
|
|
display: none;
|
|
}
|
|
.charsheet .npc .menus h3 {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .npc .menus button[type=roll].btn {
|
|
line-height: 1;
|
|
}
|
|
.charsheet .npc .npc-abilities .name {
|
|
grid-template-columns: 1.5fr 1fr;
|
|
}
|
|
.charsheet .npc .individual-hide input[type=checkbox] {
|
|
margin-right: 2px;
|
|
}
|
|
.charsheet .npc .npc-rep-header {
|
|
margin: 4px;
|
|
}
|
|
.charsheet .npc .rolls > :first-child {
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .npc .npc-checkbox {
|
|
font-size: 0.9em;
|
|
}
|
|
.charsheet .npc .npc-checkbox span {
|
|
vertical-align: middle;
|
|
margin-right: 4px;
|
|
}
|
|
.charsheet .npc .repcontainer {
|
|
display: grid;
|
|
grid-gap: 3px;
|
|
}
|
|
.charsheet .npc .full-attacks {
|
|
margin: 0 6px 0 auto;
|
|
}
|
|
.charsheet .npc .grey-box-bordered {
|
|
padding-right: 1px;
|
|
}
|
|
.charsheet .npc .npc-attacks .edit .name {
|
|
grid-template-columns: 2fr repeat(3, 1fr);
|
|
}
|
|
.charsheet .npc .npc-attacks .display {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
padding: 4px 8px;
|
|
}
|
|
.charsheet .npc .npc-attacks .display .range[value="0"] + span {
|
|
display: none;
|
|
}
|
|
.charsheet .npc .npc-attacks .display .attacks[value="1"] + span {
|
|
display: none;
|
|
}
|
|
.charsheet .npc .npc-attacks .display .attacks {
|
|
text-transform: lowercase;
|
|
}
|
|
.charsheet .npc .npc-abilities .npc-checkbox {
|
|
margin-left: auto;
|
|
}
|
|
.charsheet .npc .npc-abilities .display .name {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .npc .npc-abilities .display .description {
|
|
font-style: italic;
|
|
}
|
|
.charsheet .drone {
|
|
display: grid;
|
|
grid: 86px 1fr/1fr 1fr;
|
|
grid-gap: 5px;
|
|
align-items: start;
|
|
border-top: 1px solid #555;
|
|
padding: 2px 5px;
|
|
}
|
|
.charsheet .drone .name-row {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
.charsheet .drone .fittings .name {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .drone .fittings .name:not(:empty)::after {
|
|
content: ". ";
|
|
}
|
|
.charsheet .drone .fittings .desc {
|
|
font-style: italic;
|
|
}
|
|
.charsheet .drone .fittings .display {
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet .drone .fitting-grid {
|
|
grid: auto/0.8fr 1.2fr;
|
|
}
|
|
.charsheet .drone .num-fittings[value="1"] ~ .fitting-5, .charsheet .drone .num-fittings[value="2"] ~ .fitting-5, .charsheet .drone .num-fittings[value="3"] ~ .fitting-5, .charsheet .drone .num-fittings[value="4"] ~ .fitting-5 {
|
|
display: none;
|
|
}
|
|
.charsheet .drone .num-fittings[value="1"] ~ .fitting-4, .charsheet .drone .num-fittings[value="2"] ~ .fitting-4, .charsheet .drone .num-fittings[value="3"] ~ .fitting-4 {
|
|
display: none;
|
|
}
|
|
.charsheet .drone .num-fittings[value="1"] ~ .fitting-3, .charsheet .drone .num-fittings[value="2"] ~ .fitting-3 {
|
|
display: none;
|
|
}
|
|
.charsheet .drone .num-fittings[value="1"] ~ .fitting-2 {
|
|
display: none;
|
|
}
|
|
.charsheet .drone .weapon-grid {
|
|
grid: auto/35px 1fr 50px 60px 35px 70px;
|
|
}
|
|
.charsheet .drone .weapon {
|
|
position: relative;
|
|
}
|
|
.charsheet .drone .weapon .name {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .drone .weapon .display {
|
|
margin-right: 4px;
|
|
}
|
|
.charsheet .drone .weapon .display div::after {
|
|
content: ",";
|
|
}
|
|
.editmode[value="0"] ~ .content .charsheet .drone .drone-weapons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.charsheet .vehicle {
|
|
padding: 2px 5px;
|
|
}
|
|
.charsheet .cyberdeck button[type=roll].swn,
|
|
.charsheet button[type=roll].wwn,
|
|
.charsheet button[type=roll].cwn {
|
|
display: none;
|
|
}
|
|
.charsheet .swn {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_system][value=revised] ~ div .swn,
|
|
.charsheet input[name=attr_system][value=revised] ~ button[type=roll].swn {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_system][value=revised] ~ div .flex.swn {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_system][value=revised] ~ div .grid.swn {
|
|
display: grid;
|
|
}
|
|
.charsheet .wwn {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .wwn,
|
|
.charsheet input[name=attr_system][value=wwn] ~ button[type=roll].wwn {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .flex.wwn {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .grid.wwn {
|
|
display: grid;
|
|
}
|
|
.charsheet .cwn {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .cwn,
|
|
.charsheet input[name=attr_system][value=cwn] ~ button[type=roll].cwn {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .flex.cwn {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .grid.cwn {
|
|
display: grid;
|
|
}
|
|
.charsheet .neither {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_system][value=neither] ~ div .neither,
|
|
.charsheet input[name=attr_system][value=neither] ~ button[type=roll].neither {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_system][value=neither] ~ div .flex.neither {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_system][value=neither] ~ div .grid.neither {
|
|
display: grid;
|
|
}
|
|
.charsheet .space_magic {
|
|
display: none;
|
|
}
|
|
.charsheet .magic {
|
|
display: none;
|
|
}
|
|
.charsheet .psionics {
|
|
display: none;
|
|
}
|
|
.charsheet .cyberware {
|
|
display: none;
|
|
}
|
|
.charsheet .cyberdeck {
|
|
display: none;
|
|
}
|
|
.charsheet .magical_arts {
|
|
display: none;
|
|
}
|
|
.charsheet .legate {
|
|
display: none;
|
|
}
|
|
.charsheet .invoker {
|
|
display: none;
|
|
}
|
|
.charsheet .graced {
|
|
display: none;
|
|
}
|
|
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .space_magic,
|
|
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ button[type=roll].space_magic {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .flex.space_magic {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .grid.space_magic {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .magic,
|
|
.charsheet input[name=attr_subsystem_magic][value=magic] ~ button[type=roll].magic {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .flex.magic {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .grid.magic {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .psionics,
|
|
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ button[type=roll].psionics {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .flex.psionics {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .grid.psionics {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .cyberware,
|
|
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ button[type=roll].cyberware {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .flex.cyberware {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .grid.cyberware {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .cyberdeck,
|
|
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ button[type=roll].cyberdeck {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .flex.cyberdeck {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .grid.cyberdeck {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .magical_arts,
|
|
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ button[type=roll].magical_arts {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .flex.magical_arts {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .grid.magical_arts {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .legate,
|
|
.charsheet input[name=attr_subsystem_legate][value=legate] ~ button[type=roll].legate {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .flex.legate {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .grid.legate {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .invoker,
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ button[type=roll].invoker {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .flex.invoker {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .grid.invoker {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .graced,
|
|
.charsheet input[name=attr_subsystem_graced][value=graced] ~ button[type=roll].graced {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .flex.graced {
|
|
display: flex;
|
|
}
|
|
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .grid.graced {
|
|
display: grid;
|
|
}
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .magic,
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ button[type=roll].magic {
|
|
display: block;
|
|
}
|
|
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .magic .spell-slots {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet {
|
|
background-color: #f9fafb;
|
|
color: #111827;
|
|
}
|
|
.charsheet textarea,
|
|
.charsheet input[type=text],
|
|
.charsheet input[type=number],
|
|
.charsheet h2,
|
|
.charsheet select {
|
|
color: #111827;
|
|
}
|
|
.charsheet h1 {
|
|
background-color: #6b7280;
|
|
}
|
|
.charsheet .repcontrol button,
|
|
.charsheet button[type=roll].btn {
|
|
background: #1d4ed8;
|
|
}
|
|
.charsheet button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
|
|
color: #1d4ed8;
|
|
border-color: #1d4ed8;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ .content,
|
|
.charsheet .editmode[value="1"] ~ .header,
|
|
.charsheet .editmode[value="1"] ~ .settings,
|
|
.charsheet .editmode[value="1"] ~ .tabs {
|
|
border-color: #fde047;
|
|
}
|
|
.charsheet .editmode[value="1"] ~ div .edit-button {
|
|
background-color: #fde047;
|
|
}
|
|
.charsheet .core-box-text,
|
|
.charsheet .core-box,
|
|
.charsheet .grey-box,
|
|
.charsheet .grey-box-bordered,
|
|
.charsheet .api,
|
|
.charsheet .editmode[value="0"] ~ .ship-defenses,
|
|
.charsheet .editmode[value="0"] ~ .ship-fitting {
|
|
background-color: #f3f4f6;
|
|
}
|
|
.charsheet .focusinfo .details {
|
|
background-color: #f9fafb;
|
|
}
|
|
.charsheet button[type=roll].btn:hover,
|
|
.charsheet .header .npc-chooser input:not(:checked) ~ .pc-label,
|
|
.charsheet .header .npc-chooser input:checked ~ .npc-label,
|
|
.charsheet .tabs input:checked + span {
|
|
background-color: #1e3a8a;
|
|
}
|
|
.charsheet h1::after,
|
|
.charsheet .header .npc-chooser input:checked ~ .pc-label,
|
|
.charsheet .header .npc-chooser input:not(:checked) ~ .npc-label,
|
|
.charsheet .tabs input + span,
|
|
.charsheet .chevron {
|
|
background-color: #1d4ed8;
|
|
}
|
|
.charsheet .skill .skill-points .name {
|
|
background-color: #111827;
|
|
}
|
|
.charsheet .weapons .repitem:nth-child(odd) .display:nth-of-type(4n + 1), .charsheet .weapons .repitem:nth-child(odd) .display:nth-of-type(4n + 2),
|
|
.charsheet .repcontainer[data-groupname=repeating_skills] .repitem:nth-of-type(4n + 1),
|
|
.charsheet .repcontainer[data-groupname=repeating_skills] .repitem:nth-of-type(4n + 2) {
|
|
background-color: #d1d5db;
|
|
}
|
|
.charsheet .skill-container div:nth-of-type(4n + 1) .skill,
|
|
.charsheet .skill-container div:nth-of-type(4n + 2) .skill {
|
|
background-color: #d1d5db;
|
|
}
|
|
.charsheet h2,
|
|
.charsheet .display,
|
|
.charsheet .foci .class-ability .edit .name,
|
|
.charsheet .focusinfo .details,
|
|
.charsheet .footer,
|
|
.charsheet .grey-box-bordered,
|
|
.charsheet .simple-repsection .display .name,
|
|
.charsheet .spells > .flex,
|
|
.charsheet .table-header > div,
|
|
.charsheet .tabs,
|
|
.charsheet .text-input .label,
|
|
.charsheet .weapons .display {
|
|
border-color: #d1d5db;
|
|
}
|
|
.charsheet .header .settings-gear input + span,
|
|
.charsheet .header .edit-button input + span,
|
|
.charsheet .text-input .label,
|
|
.charsheet .text-input.trio > span,
|
|
.charsheet .text-input.duo > span {
|
|
color: #111827;
|
|
}
|
|
.charsheet h3,
|
|
.charsheet .footer,
|
|
.charsheet .text-input,
|
|
.charsheet .table-header {
|
|
color: #4b5563;
|
|
}
|
|
.charsheet .header .settings-gear input:checked + span,
|
|
.charsheet .header .edit-button input:checked + span {
|
|
color: #1d4ed8;
|
|
}
|
|
.charsheet .text-input input[type=text],
|
|
.charsheet .text-input input[type=number],
|
|
.charsheet .text-input textarea,
|
|
.charsheet .text-input select {
|
|
color: #1e3a8a;
|
|
}
|
|
.charsheet h1,
|
|
.charsheet button[type=roll].btn,
|
|
.charsheet .header .npc-chooser,
|
|
.charsheet .tabs label,
|
|
.charsheet .skill .skill-points .name,
|
|
.charsheet .repcontrol button {
|
|
color: #f9fafb;
|
|
}
|
|
.charsheet .strain-above-max[value="1"] ~ div .total-strain,
|
|
.charsheet .ship .broken,
|
|
.charsheet .readied-stowed .input-gear-over[value="1"] + .text-input input:first-child,
|
|
.charsheet .ship .input-color-negative[value^="-"] + .text-input input:first-child {
|
|
color: #b91c1c;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ .tabs input:checked + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .tabs input:checked + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:not(:checked) ~ .pc-label,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:checked ~ .npc-label {
|
|
background-color: #713f12;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ .tabs input + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:checked ~ .pc-label,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:not(:checked) ~ .npc-label {
|
|
background-color: #ca8a04;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .settings-gear input:checked + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ .header .edit-button input:checked + span {
|
|
color: #ca8a04;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div h1 {
|
|
background-color: #052e16;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .repcontrol button,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn {
|
|
background: #ca8a04;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
|
|
color: #713f12;
|
|
border-color: #713f12;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn:hover,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input:checked + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn:hover,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input:checked + span {
|
|
background-color: #713f12;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div h1::after,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input + span,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .chevron {
|
|
background-color: #ca8a04;
|
|
}
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .text-input input[type=text],
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .text-input input[type=number],
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .text-input textarea,
|
|
.charsheet input[name=attr_system][value=wwn] ~ div .text-input select {
|
|
color: #713f12;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ .tabs input:checked + span,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .tabs input:checked + span,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:not(:checked) ~ .pc-label,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:checked ~ .npc-label {
|
|
background-color: #3b0764;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ .tabs input + span,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:checked ~ .pc-label,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:not(:checked) ~ .npc-label {
|
|
background-color: #9333ea;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .settings-gear input:checked + span,
|
|
.charsheet input[name=attr_system][value=cwn] ~ .header .edit-button input:checked + span {
|
|
color: #9333ea;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div h1 {
|
|
background-color: #111827;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .repcontrol button,
|
|
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].btn {
|
|
background: #9333ea;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
|
|
color: #581c87;
|
|
border-color: #581c87;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div button[name*=roll_save] {
|
|
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
height: 2.5em;
|
|
width: 2.5em;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].btn:hover,
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .tabs input:checked + span {
|
|
background-color: #581c87;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div h1::after,
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .tabs input + span,
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .chevron {
|
|
background-color: #9333ea;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .text-input input[type=text],
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .text-input input[type=number],
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .text-input textarea,
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .text-input select {
|
|
color: #581c87;
|
|
}
|
|
.charsheet input[name=attr_system][value=cwn] ~ div .armor-grid {
|
|
grid: auto/40px 1fr repeat(4, 45px);
|
|
}
|