1183 lines
24 KiB
CSS
1183 lines
24 KiB
CSS
/* Colors
|
|
R20 Blue: #418fde
|
|
R20 Pink: #da1884
|
|
R20 Purple: #7a2593
|
|
*/
|
|
|
|
|
|
button[type="roll"]::before {
|
|
content: " " !important;
|
|
}
|
|
|
|
button[type="roll"]:hover,
|
|
button[type="roll"]:focus {
|
|
color: #7a2593 !important;
|
|
}
|
|
|
|
button[type="roll"]:hover:disabled,
|
|
button[type="roll"]:focus:disabled {
|
|
color: #7a2593 !important;
|
|
}
|
|
|
|
div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
word-break: break-all;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom: 1px solid #000;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
h3 {
|
|
border-bottom: 1px solid #000;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
input[type="text"] {
|
|
text-align: center;
|
|
border: none;
|
|
border-bottom: 1px solid #000;
|
|
border-radius: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
input[type="number"] {
|
|
text-align: center;
|
|
width: 35px;
|
|
}
|
|
|
|
label {
|
|
width: fit-content;
|
|
word-break: break-all;
|
|
}
|
|
|
|
textarea {
|
|
background: transparent;
|
|
border: 0px;
|
|
border: 1px solid #000;
|
|
font-size: 1em;
|
|
height: inherit;
|
|
margin-left: 0%;
|
|
min-height: 180px;
|
|
overflow-wrap: break-word;
|
|
padding: 5px 5px 5px 5px;
|
|
resize: vertical;
|
|
white-space: pre-line;
|
|
width: 93%;
|
|
}
|
|
|
|
img {
|
|
left: 34%;
|
|
position: relative;
|
|
width: 25%;
|
|
}
|
|
|
|
span {
|
|
word-break: break-word;
|
|
}
|
|
|
|
.sheet-compendium-drop-target.dropping {
|
|
background: transparent;
|
|
}
|
|
|
|
/*:+::+:* Sheet Type Toggle *:+::+:*/
|
|
.sheet-pc {
|
|
width: 800px;
|
|
border: 5px solid #000;
|
|
}
|
|
|
|
.sheet-pc,
|
|
.sheet-npc,
|
|
.sheet-ship,
|
|
.sheet-pc-hide,
|
|
.sheet-npc-hide,
|
|
.sheet-npc-ship {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-type-toggle[value="pc"] ~ .sheet-pc,
|
|
.sheet-type-toggle[value="pc"] ~ .sheet-pc .sheet-pc-hide,
|
|
.sheet-type-toggle[value="pc"] ~ .sheet-pc .sheet-nova-row .sheet-pc-hide,
|
|
.sheet-type-toggle[value="pc"] ~ .sheet-pc .sheet-spec-row .sheet-pc-hide {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc,
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-npc-hide,
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-row .sheet-npc-hide,
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-row .sheet-skill-section .sheet-npc-hide,
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-spec-row .sheet-npc-hide {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
.sheet-type-toggle[value="ship"] ~ .sheet-ship,
|
|
.sheet-type-toggle[value="npc-ship"] ~ .sheet-npc-ship {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Remove this temp div later */
|
|
.sheet-temp-select {
|
|
margin-left: 10px;
|
|
margin-top: 10px;
|
|
position: absolute;
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-temp-select select {
|
|
width: 50%;
|
|
}
|
|
|
|
/*:+::+:* Setting vs. Display Toggles *:+::+:*/
|
|
.sheet-settings-flag {
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-settings-flag + span {
|
|
font-family: pictos;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-display {
|
|
display: inherit;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-settings {
|
|
border: 1px dotted #7a2593;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-settings,
|
|
.sheet-settings-flag:checked ~ .sheet-display {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-settings-flag:checked ~ .sheet-settings {
|
|
display: inherit;
|
|
}
|
|
/*:+::+:* Display Header change color on hover & focus *:+::+:*/
|
|
.sheet-story-section .sheet-display-flag:hover ~ h4 > span,
|
|
.sheet-story-section .sheet-display-flag:focus ~ h4 > span,
|
|
.sheet-story-section .sheet-story-event .sheet-display-flag:hover ~ label,
|
|
.sheet-story-section .sheet-story-event .sheet-display-flag:focus ~ label,
|
|
.sheet-display .sheet-display-flag:hover ~ .sheet-repeat-row:nth-of-type(1) b > span,
|
|
.sheet-display .sheet-display-flag:focus ~ .sheet-repeat-row:nth-of-type(1) b > span {
|
|
color: #7a2593;
|
|
}
|
|
|
|
/*:+::+:* Display show & hide Toggles *:+::+:*/
|
|
.sheet-display-flag {
|
|
height: 1.3em !important;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 90%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-display-flag:checked ~ .sheet-details {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-details {
|
|
padding-left: 0.5em;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.sheet-details b > span {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
/*:+::+:* Character Information Customizations *:+::+:*/
|
|
.sheet-char-info {
|
|
margin: 5px 5px 5px 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-char-info input[type=text] {
|
|
width: 95%;
|
|
}
|
|
|
|
.sheet-char-info label {
|
|
font-size: 1em;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-char-section {
|
|
width: 32.9%;
|
|
}
|
|
|
|
.sheet-char-section:nth-child(1n+4) {
|
|
width: 24.5%;
|
|
}
|
|
|
|
|
|
/*:+::+:* Status Row contains Movement/Health/Condition Hearts *:+::+:*/
|
|
.sheet-status-row {
|
|
border-top: 3px solid #000;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-status-section {
|
|
border-right: 3px solid #000;
|
|
height: 55px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
width: 31%;
|
|
}
|
|
|
|
.sheet-status-section:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.sheet-status-section label {
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="pc"] ~ .sheet-pc .sheet-status-section:last-child label {
|
|
margin-top: -15px;
|
|
}
|
|
|
|
/*:+::+:* Conditionition hearts *:+::+:*/
|
|
.sheet-condition-heart {
|
|
color: #bbbb;
|
|
display: inline;
|
|
padding: 5px 0px;
|
|
position: relative;
|
|
top: -10px;
|
|
vertical-align: unset;
|
|
}
|
|
|
|
.sheet-condition-heart span:nth-of-type(1) {
|
|
font-family: pictos;
|
|
font-size: 3em;
|
|
}
|
|
|
|
.sheet-condition-heart-moderate span:nth-of-type(1) {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.sheet-condition-heart-minor span:nth-of-type(1) {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
/*:+::+:* Conditionition heart's + && - *:+::+:*/
|
|
.sheet-condition-heart span:nth-of-type(2) {
|
|
color: #fff;
|
|
font-size: 2.5em;
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-condition-heart span:nth-of-type(2) {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-condition-heart-significant span:nth-of-type(2) {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart span:nth-of-type(2) {
|
|
left: -9.5%;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart:nth-of-type(1) span:nth-of-type(2) {
|
|
left: -5.2%;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart:nth-of-type(2) span:nth-of-type(2) {
|
|
left: -6.5%;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart:nth-of-type(4) span:nth-of-type(2) {
|
|
left: -8.5%;
|
|
top: -2px;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart:nth-of-type(5) span:nth-of-type(2) {
|
|
left: -6%;
|
|
top: -2px;
|
|
}
|
|
|
|
.sheet-status-section .sheet-condition-heart:nth-of-type(6) span:nth-of-type(2) {
|
|
left: -4.5%;
|
|
}
|
|
|
|
/*:+::+:* Condition hearts Inputs *:+::+:*/
|
|
.sheet-condition-heart input[type="checkbox"] {
|
|
height: 25px;
|
|
left: 1px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 1px;
|
|
width: 25px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-condition-heart-significant input[type="checkbox"] {
|
|
height: 30px;
|
|
left: 2px;
|
|
top: -8px;
|
|
width: 30px;
|
|
}
|
|
|
|
/*:+::+:* Condition hearts need feedback *:+::+:*/
|
|
.sheet-condition-heart input[type="checkbox"]:checked + span {
|
|
color: #418fde;
|
|
}
|
|
|
|
|
|
.sheet-condition-heart:nth-child(1n+4) input[type="checkbox"]:checked + span {
|
|
color: #da1884;
|
|
}
|
|
|
|
/*:+::+:* Nova Row Customizations *:+::+:*/
|
|
.sheet-nova-row {
|
|
border-top: 3px solid #000;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-nova-section {
|
|
height: 55px;
|
|
padding: 5px;
|
|
width: 48%;
|
|
}
|
|
|
|
.sheet-nova-section:first-child {
|
|
border-right: 3px solid #000;
|
|
}
|
|
|
|
.sheet-nova-section-row {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-nova-section-row:first-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-nova-section label {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-nova-section input[type=number] {
|
|
text-align: center;
|
|
width: 20%;
|
|
}
|
|
|
|
/*:+::+:* Initiative *:+::+:*/
|
|
.sheet-nova-init {
|
|
height: fit-content;
|
|
margin-left: 32px;
|
|
margin-top: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
/*:+::+:* Dice Row Customizations *:+::+:*/
|
|
.sheet-dice-row {
|
|
border: 5px solid #000;
|
|
display: inline-flex;
|
|
margin: -48px -1px 0px -5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-dice-section {
|
|
display: inherit;
|
|
width: 25%;
|
|
border-right: 3px solid #000;
|
|
padding: 1% 1% 1% 1%;
|
|
}
|
|
|
|
.sheet-dice-section label {
|
|
padding-left: 40%;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/*:+::+:* Skill Row Customizations *:+::+:*/
|
|
.sheet-skill-row {
|
|
border-top: 3px solid #000;
|
|
display: inline-flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-skill-section {
|
|
width: 33%;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-skill {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-skill label {
|
|
font-size: 12px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-skill label:hover,
|
|
.sheet-skill label:focus {
|
|
color: #7a2593;
|
|
}
|
|
|
|
/*:+::+:* Condition hearts in skills rows *:+::+:*/
|
|
.sheet-skill-row .sheet-condition-heart span {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.sheet-skill-row .sheet-condition-heart {
|
|
display: none;
|
|
position: relative;
|
|
left: -8%;
|
|
top: -10px;
|
|
}
|
|
|
|
.sheet-skill-row .sheet-condition-heart span + span {
|
|
left: -50%
|
|
}
|
|
|
|
.sheet-skill-row .sheet-skill-heart-container:nth-of-type(2) span + span {
|
|
left: -43%;
|
|
top: -1px;
|
|
}
|
|
|
|
.sheet-skill-row .sheet-condition-heart:nth-of-type(2) {
|
|
left: 15%;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="positive"] ~ .sheet-skill label:hover,
|
|
.sheet-condition-triggers[value*="positive"] ~ .sheet-skill label:focus {
|
|
color: #418fde;
|
|
}
|
|
|
|
.sheet-skill-row .sheet-condition-heart:nth-of-type(3) input[type="checkbox"]:checked + span,
|
|
.sheet-skill-row .sheet-skill-heart-container:last-child input[type="checkbox"]:checked + span,
|
|
.sheet-condition-triggers[value*="negative"] ~ .sheet-skill label:hover,
|
|
.sheet-condition-triggers[value*="negative"] ~ .sheet-skill label:focus {
|
|
color: #da1884;
|
|
}
|
|
|
|
.sheet-skill-row .sheet-condition-heart input[type="checkbox"] {
|
|
top: 20px;
|
|
}
|
|
|
|
/*:+::+:* moderate Condition hearts in skills rows *:+::+:*/
|
|
.sheet-condition-triggers[value*="moderate+"] ~ .sheet-skill-section .sheet-condition-heart:nth-of-type(2),
|
|
.sheet-condition-triggers[value*="moderate-"] ~ .sheet-skill-section .sheet-condition-heart:nth-of-type(3) {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="moderate+"] ~ .sheet-skill-section .sheet-condition-heart:nth-of-type(2) {
|
|
float: left;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="moderate-"] ~ .sheet-skill-section .sheet-condition-heart:nth-of-type(3) {
|
|
float: right;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="moderate"] ~ .sheet-skill-section .sheet-skill .sheet-condition-heart {
|
|
display: none;
|
|
}
|
|
|
|
/*:+::+:* significant Condition in skills rows *:+::+:*/
|
|
.sheet-condition-triggers[value*="significant+"] ~ .sheet-skill-section h3,
|
|
.sheet-condition-triggers[value*="significant+"] ~ .sheet-skill-section label:hover,
|
|
.sheet-condition-triggers[value*="significant+"] ~ .sheet-skill-section label:focus {
|
|
color: #418fde;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="significant-"] ~ .sheet-skill-section h3,
|
|
.sheet-condition-triggers[value*="significant-"] ~ .sheet-skill-section label:hover,
|
|
.sheet-condition-triggers[value*="significant-"] ~ .sheet-skill-section label:focus {
|
|
color: #da1884;
|
|
}
|
|
|
|
/*:+::+:* small Condition hearts in skills rows *:+::+:*/
|
|
.sheet-skill .sheet-condition-heart:nth-of-type(1) {
|
|
left: 4%;
|
|
top: 3px;
|
|
}
|
|
|
|
.sheet-skill .sheet-condition-heart:nth-of-type(2) {
|
|
left: 92%;
|
|
top: 33px;
|
|
}
|
|
|
|
.sheet-skill .sheet-condition-heart span {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.sheet-skill .sheet-condition-heart input[type=checkbox] {
|
|
position: relative;
|
|
top: 30px;
|
|
}
|
|
|
|
.sheet-skill .sheet-condition-heart:nth-of-type(2) input[type=checkbox] {
|
|
left: 53px;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="minor+"] ~ .sheet-skill-section .sheet-skill .sheet-skill-heart-container:nth-of-type(1) .sheet-condition-heart,
|
|
.sheet-condition-triggers[value*="minor-"] ~ .sheet-skill-section .sheet-skill .sheet-skill-heart-container:nth-of-type(2) .sheet-condition-heart {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="positive"] ~ button>label:hover,
|
|
.sheet-condition-triggers[value*="positive"] ~ button>label:focus {
|
|
color: #418fde;
|
|
}
|
|
|
|
.sheet-condition-triggers[value*="negative"] ~ button>label:hover,
|
|
.sheet-condition-triggers[value*="negative"] ~ button>label:focus {
|
|
color: #da1884;
|
|
}
|
|
|
|
.sheet-skill-heart-container {
|
|
display: inline-block;
|
|
margin-top: -28px;
|
|
position: unset;
|
|
text-align: center;
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-skill {
|
|
display: inline-block;
|
|
}
|
|
|
|
/*:+::+:* Special Abilites & Items Row Customizations *:+::+:*/
|
|
.sheet-spec-row {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
border-top: 3px solid #000;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.sheet-special-section {
|
|
width: 33%;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-special-section:nth-of-type(1n+3) {
|
|
border-left: 3px solid #000;
|
|
}
|
|
|
|
/*:+::+:* Repeating section Customizations *:+::+:*/
|
|
.sheet-repeating-container {
|
|
margin: 5px 5px;
|
|
width: calc(100% - 5px);
|
|
}
|
|
|
|
.sheet-repeating-container .sheet-settings-flag,
|
|
.sheet-repeating-container .sheet-settings-flag + span {
|
|
position: absolute;
|
|
left: 95%;
|
|
top: -5px;
|
|
}
|
|
|
|
.sheet-repeating-container .sheet-settings-flag + span {
|
|
top: -10px;
|
|
}
|
|
|
|
.sheet-repeating-container input[type="text"] {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-repeating-container label {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.repitem {
|
|
width: 100%;
|
|
margin: 4px;
|
|
}
|
|
|
|
.repitem input[type="number"] {
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.repitem input[type="text"] {
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.repitem textarea {
|
|
min-height: 100px;
|
|
border: 1px solid black;
|
|
resize: vertical;
|
|
}
|
|
|
|
/*:+::+:* Items section Customizations *:+::+:*/
|
|
.sheet-repeat-row {
|
|
display: inline-block;
|
|
width: 99%;
|
|
}
|
|
|
|
.sheet-display .sheet-repeat-row input[type=number] {
|
|
height: 20px;
|
|
margin-right: 5px;
|
|
z-index: 3px;
|
|
}
|
|
|
|
.sheet-item-health-hider[value*="0"] ~ .sheet-health-row {
|
|
display: none;
|
|
}
|
|
|
|
/*:+::+:* Story Customizations *:+::+:*/
|
|
.sheet-story-section {
|
|
width: 33%;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-story-section .sheet-repeating-container label {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-story-section label {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-story-section input[type=text]:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-story-act {
|
|
border-bottom: 1px solid #000;
|
|
margin-bottom: 10px;
|
|
margin-right: 5px;
|
|
width: 63%;
|
|
}
|
|
|
|
.sheet-story-section hr {
|
|
border-top-color: #bbb;
|
|
}
|
|
|
|
/*:+::+:* Current Story Path Customizations *:+::+:*/
|
|
.sheet-story-path-section {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-story-path-section .sheet-settings-flag {
|
|
position: relative;
|
|
left: 95%;
|
|
}
|
|
|
|
.sheet-story-path-section .sheet-settings-flag + span {
|
|
position: relative;
|
|
left: 90%;
|
|
}
|
|
|
|
.sheet-story-path-section .sheet-settings,
|
|
.sheet-story-path-section .sheet-display {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
/*:+::+:* Story Path Event customizations *:+::+:*/
|
|
.sheet-story-event .sheet-details div {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-story-event .sheet-details div:first-child {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-story-event .sheet-details span {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.sheet-story-event h4 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-story-event label {
|
|
text-align: left;
|
|
margin-bottom: -10px;
|
|
width: fit-content;
|
|
}
|
|
|
|
.sheet-story-event input[type=text] {
|
|
margin-bottom: 5px;
|
|
width: 75%;
|
|
}
|
|
|
|
.sheet-story-event textarea {
|
|
min-height: 100px;
|
|
}
|
|
|
|
/*:+::+:* Story Path Display *:+::+:*/
|
|
.sheet-story-event .sheet-display-flag {
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-story-section .sheet-display .sheet-details,
|
|
.sheet-story-section .sheet-display .sheet-story-event {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-story-section .sheet-display-flag:checked ~ .sheet-details,
|
|
.sheet-story-section .sheet-display-flag:checked ~ .sheet-story-event {
|
|
display: inherit;
|
|
}
|
|
|
|
|
|
/*:+::+:* Check Boxes Customizations *:+::+:*/
|
|
.sheet-square {
|
|
border: 3px solid #000;
|
|
height: 10px;
|
|
margin-right: 5px;
|
|
width: 10px;
|
|
}
|
|
|
|
.sheet-square input[type="radio"],
|
|
.sheet-square input[type="checkbox"] {
|
|
z-index: 2;
|
|
position: relative;
|
|
top: -4px;
|
|
left: -1px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-box-check {
|
|
display: none;
|
|
position: relative;
|
|
font-family: "pictos";
|
|
font-size: 2em;
|
|
top: -34px;
|
|
left: -1px;
|
|
}
|
|
|
|
.sheet-square input[type="radio"]:checked ~ .sheet-box-check,
|
|
.sheet-square input[type="checkbox"]:checked ~ .sheet-box-check {
|
|
display: inherit;
|
|
}
|
|
|
|
.sheet-square-dashed {
|
|
border: dashed;
|
|
}
|
|
|
|
/*:+::+:* Hidden Radio buttons on Section headers *:+::+:*/
|
|
.sheet-section-heading {
|
|
display: inline-block;
|
|
height: 1.5em;
|
|
}
|
|
|
|
.sheet-radio-header-turn:hover ~ .sheet-section-heading label,
|
|
.sheet-radio-header-action:hover ~ .sheet-section-heading label,
|
|
.sheet-radio-header-dice:hover ~ .sheet-section-heading label {
|
|
color: #7a2593;
|
|
}
|
|
|
|
.sheet-radio-header-turn,
|
|
.sheet-radio-header-action,
|
|
.sheet-radio-header-dice {
|
|
margin-right: -160px;
|
|
opacity: 0;
|
|
position: relative;
|
|
top: -6px;
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-radio-header-action {
|
|
margin-right: -160px;
|
|
top: 0px;
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-radio-header-dice {
|
|
margin-right: -80px;
|
|
top: 0px;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-radio-header-turn {
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.sheet-radio-header-init {
|
|
left: -20px;
|
|
opacity: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-section-heading label {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Jeff's Original Code*/
|
|
|
|
/*input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
}*/
|
|
|
|
.sheet-container input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.sheet-container select {
|
|
border: 1px solid;
|
|
width: 40%;
|
|
}
|
|
|
|
button.repcontrol_add,
|
|
button.repcontrol_edit {
|
|
font-size: .8em;
|
|
padding: 1px 3px;
|
|
margin: 0px 5px;
|
|
}
|
|
|
|
button.repcontrol_del {
|
|
padding: 0 3px 2px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: -8px;
|
|
z-index: 8
|
|
}
|
|
|
|
button.repcontrol_add,
|
|
button.repcontrol_del,
|
|
button.repcontrol_edit {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.btn.repcontrol_move {
|
|
background: 0 0;
|
|
border: 0;
|
|
font-size: 1.2em;
|
|
font-weight: 700;
|
|
padding: 2px 0;
|
|
position: relative;
|
|
top: 5px;
|
|
z-index: 8;
|
|
}
|
|
|
|
.sheet-container button[type=roll] {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 12px;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
font-weight: bold;
|
|
vertical-align: super;
|
|
margin-left: 0px;
|
|
margin-right: 10%;
|
|
width: 35%;
|
|
}
|
|
|
|
.sheet-skill-section input {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.sheet-skill-section select {
|
|
font-size: 12px;
|
|
height: 24px;
|
|
margin-right: 5%;
|
|
vertical-align: top;
|
|
width: 22%;
|
|
}
|
|
|
|
.repcontainer {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
/*************:+:************ NPC ************:+:*************
|
|
*************:+:************ Sheet ************:+:*************
|
|
*************:+:************ !!!!! ************:+:*************/
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc {
|
|
width: 600px;
|
|
border: 5px solid #000;
|
|
}
|
|
|
|
/*:+::+:* Status Section *:+::+:*/
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-row .sheet-status-section {
|
|
font-size: 1em;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-section:last-child {
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-section button,
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-section label {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-section:last-child label {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-section input[type=text] {
|
|
margin-bottom: 6px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-status-row .sheet-status-section select {
|
|
margin-bottom: 5px;
|
|
width: 50%;
|
|
}
|
|
|
|
/*:+::+:* Special Section *:+::+:*/
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-special-section {
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-special-section:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-special-section select {
|
|
width: 50%;
|
|
}
|
|
|
|
/*:+::+:* Nova Section *:+::+:*/
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-nova-section {
|
|
border: none;
|
|
height: auto;
|
|
margin: 5px 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-nova-section-row {
|
|
margin-bottom: 0px;
|
|
width: 52%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-nova-section-row:last-child {
|
|
margin-bottom: 0px;
|
|
width: 47%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-section-heading label {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-radio-header-turn {
|
|
margin-right: -132px;
|
|
width: 41%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-radio-header-action {
|
|
margin-right: -122px;
|
|
width: 42%;
|
|
}
|
|
|
|
/*:+::+:* Skill Section *:+::+:*/
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-section input[type="number"] {
|
|
font-size: 20px;
|
|
height: 40px;
|
|
margin-left: 32%;
|
|
margin-top: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-heart-container {
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-section select {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
width: 28%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-condition-heart {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-condition-heart input[type="checkbox"] {
|
|
left: -3px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill button[type=roll] {
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-row .sheet-condition-heart {
|
|
left: 10%;
|
|
top: -3px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-row .sheet-condition-heart:nth-of-type(3) {
|
|
left: 5%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-row .sheet-condition-heart input[type="checkbox"] {
|
|
top: 15px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill .sheet-condition-heart span + span {
|
|
left: -38%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill .sheet-skill-heart-container:nth-of-type(2) span + span {
|
|
left: -34%;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill .sheet-condition-heart input[type="checkbox"] {
|
|
top: 25px;
|
|
left: 0px;
|
|
}
|
|
|
|
.sheet-type-toggle[value="npc"] ~ .sheet-npc .sheet-skill-row .sheet-skill-section .sheet-npc-hide {
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
/*************:+:************ Ship ************:+:*************
|
|
*************:+:************ Sheet ************:+:*************
|
|
*************:+:************ !!!!! ************:+:*************/
|
|
|
|
.sheet-ship,
|
|
.sheet-npc-ship {
|
|
width: 600px;
|
|
border: 5px solid #000;
|
|
}
|
|
|
|
.sheet-ship .sheet-status-row,
|
|
.sheet-npc-ship .sheet-status-row {
|
|
border-bottom: 3px solid #000;
|
|
}
|
|
|
|
/*:+::+:* Status Section *:+::+:*/
|
|
.sheet-ship .sheet-status-section {
|
|
width: 22.5%;
|
|
}
|
|
|
|
.sheet-ship .sheet-status-section:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.sheet-ship .sheet-status-section button {
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-ship .sheet-status-section:nth-of-type(1) input[type="number"],
|
|
.sheet-ship .sheet-status-section:nth-of-type(3) input[type="number"],
|
|
.sheet-ship .sheet-status-section:nth-of-type(4) input[type="number"] {
|
|
width: 8.5em;
|
|
}
|
|
|
|
/*:+::+:* Ship Modules Section *:+::+:*/
|
|
.sheet-modules .sheet-settings-flag {
|
|
top: -10px;
|
|
}
|
|
|
|
.sheet-modules .sheet-settings-flag + span {
|
|
top: -10px;
|
|
}
|
|
|
|
|
|
/*:+::+:* NPC Ships *:+::+:*/
|
|
.sheet-npc-ship .sheet-status-section {
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-npc-ship .sheet-special-section {
|
|
width: 47%;
|
|
}
|
|
|
|
|
|
/*:+::+:* Allied Section *:+::+:*/
|
|
.sheet-npc-ship .sheet-skill-row {
|
|
border-bottom: 3px solid #000;
|
|
border-top: 3px solid #000;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-npc-ship .sheet-skill-section {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-npc-ship .sheet-skill-section select {
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-npc-ship .sheet-skill button[type="roll"] {
|
|
margin-right: 0px;
|
|
margin-left: 20%;
|
|
}
|
|
|
|
/*:+::+:* Attacks & Special Abilites Section *:+::+:*/
|
|
.sheet-npc-ship .sheet-special-section:nth-of-type(1) {
|
|
border-right: 3px solid #000;
|
|
}
|
|
|
|
/*:+::+:* Footer *:+::+:*/
|
|
.sheet-footer {
|
|
display: block;
|
|
font-size: 0.8em;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/*************:+:************ Roll ************:+:*************
|
|
*************:+:************ Template ************:+:*************
|
|
*************:+:************ !!!!! ************:+:*************/
|
|
|
|
/*:+::+:* Rolltemplate *:+::+:*/
|
|
.sheet-rolltemplate-bbrtye .sheet-roll-container {
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-bbrtye .sheet-roll-body {
|
|
background-color: #fff;
|
|
border-radius: 5px;
|
|
border: 1px solid #000;
|
|
padding: 10px 5px 5px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-bbrtye .sheet-roll-result {
|
|
background-color: transparent;
|
|
font-size: 20px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-bbrtye .sheet-roll-name {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
padding-bottom: 10px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-bbrtye .sheet-roll-character {
|
|
color: #A0A0A0;
|
|
font-size: 0.9em;
|
|
font-weight: normal;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-bbrtye .inlinerollresult,
|
|
.sheet-rolltemplate-bbrtye .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-bbrtye .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-bbrtye .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-color: #000;
|
|
font-weight: 1.2em;
|
|
}
|