mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1274 lines
28 KiB
CSS
1274 lines
28 KiB
CSS
/* ~~~~~~~~~ Star Trek: Adventures - Official Sheet by Roll20 CSS File ~~~~~~~~~ */
|
|
|
|
/* --- Colors --- */
|
|
/* For reference:
|
|
-Original TNG Design Colors-
|
|
Background Dark Blue/Near Black: rgb(0,19,35)
|
|
Heading Sections Dark Purple: rgb(245,157,8)
|
|
Heading Sections Orange: rgb(163,64,113)
|
|
Attributes Medium Purple: rgb(150,118,169)
|
|
Determination and Input Borders Light Purple: rgb(195,188,222)
|
|
Weapons Pink: rgb(204, 102, 153) */
|
|
|
|
/* Generic rules & customizations */
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: Impact, sans-serif;
|
|
background: transparent;
|
|
}
|
|
|
|
.charsheet {
|
|
width: 900px;
|
|
color: rgb(150,118,169);
|
|
}
|
|
|
|
.charsheet button[type="roll"] {
|
|
margin: 0px;
|
|
}
|
|
|
|
.charsheet input[type="number"] {
|
|
width: 2.5em;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
select {
|
|
color: white;
|
|
border: 2px solid rgb(150,118,169);
|
|
border-radius: 5px 5px 5px 5px;
|
|
font-family: "Helvetica", Arial, sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
select option{
|
|
font-family: "Helvetica", Arial, sans-serif;
|
|
}
|
|
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
opacity: 0;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
img {
|
|
position: relative;
|
|
background-color: transparent;
|
|
}
|
|
|
|
hr {
|
|
margin: -1em 0em 0.5em 0em;
|
|
border: 1px solid rgb(225,134,183);
|
|
}
|
|
|
|
.sheet-label {
|
|
font-size: 1.3em;
|
|
color: rgb(150,118,169);
|
|
}
|
|
|
|
.sheet-footer {
|
|
font-family:"Helvetica", Arial, sans-serif;
|
|
font-size:.75em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-sheet_type[value="starship"] ~ .sheet-footer,
|
|
.sheet-sheet_type[value="npc"] ~ .sheet-footer {
|
|
width: 1000px;
|
|
}
|
|
|
|
.sheet-settings_toggle[value="on"] ~ .sheet-footer {
|
|
width: 900px;
|
|
}
|
|
|
|
/* Styling the border. The URL will need to be changed when we upload it to Roll20 officially. */
|
|
.sheet-border-top {
|
|
background: #ff9900 url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Star%20Trek%20Adventures%20by%20Roll20/images/STA_starfleet_insignia_full.png") no-repeat 0px 35px;
|
|
border-bottom-left-radius: 130px;
|
|
margin-bottom: 10px;
|
|
padding-left: 80px;
|
|
height: 240px;
|
|
}
|
|
|
|
.sheet-border-bottom {
|
|
background: #9999cc;
|
|
border-top-left-radius: 130px;
|
|
padding-top: 20px;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
/* Sheet Decorations */
|
|
.sheet-vertdeco,
|
|
.sheet-sidedeco-purple,
|
|
.sheet-sidedeco-pink,
|
|
.sheet-topdeco-purple,
|
|
.sheet-starship .sheet-vertdeco,
|
|
.sheet-starship .sheet-sidedeco-purple,
|
|
.sheet-starship .sheet-topdeco-purple {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-sidedeco-purple,
|
|
.sheet-sidedeco-pink,
|
|
.sheet-starship .sheet-sidedeco-purple {
|
|
width: 80px;
|
|
border-top: 15px solid rgb(0,19,35);
|
|
border-bottom: 15px solid rgb(0,19,35);
|
|
}
|
|
|
|
.sheet-vertdeco,
|
|
.sheet-starship .sheet-vertdeco {
|
|
left: 600px;
|
|
top: 212px;
|
|
height: 58px;
|
|
margin-bottom: -63px;
|
|
width: 10px;
|
|
background: rgb(0,19,35);
|
|
}
|
|
|
|
.sheet-sidedeco-purple {
|
|
height: 170px;
|
|
margin-bottom: -193px;
|
|
top: 520px;
|
|
background: rgb(150,118,169);
|
|
}
|
|
|
|
.sheet-topdeco-purple,
|
|
.sheet-starship .sheet-topdeco-purple {
|
|
left: 610px;
|
|
top: 270px;
|
|
height: 20px;
|
|
width: 290px;
|
|
background: rgb(150,118,169);
|
|
}
|
|
|
|
.sheet-sidedeco-pink {
|
|
height: 270px;
|
|
margin-bottom: -262px;
|
|
top: 1044px;
|
|
background: rgb(225,134,183);
|
|
}
|
|
|
|
.sheet-starship .sheet-vertdeco {
|
|
top: 220px;
|
|
}
|
|
|
|
.sheet-starship .sheet-sidedeco-purple {
|
|
height: 240px;
|
|
margin-bottom: -255px;
|
|
top: 520px;
|
|
background: rgb(150,118,169);
|
|
border-top: 110px solid rgb(0,19,35);
|
|
}
|
|
|
|
.sheet-starship .sheet-topdeco-purple {
|
|
width: 390px;
|
|
}
|
|
|
|
/* Hide & show pages */
|
|
.sheet-character, .sheet-starship, .sheet-settings, .sheet-npc {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-sheet_type[value="character"] ~ .sheet-character,
|
|
.sheet-sheet_type[value="starship"] ~ .sheet-starship,
|
|
.sheet-sheet_type[value="npc"] ~ .sheet-starship,
|
|
.sheet-sheet_type[value="npc"] ~ .sheet-npc,
|
|
.sheet-settings_toggle[value="on"] ~ .sheet-settings {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-settings_toggle[value="on"] ~ .sheet-character,
|
|
.sheet-settings_toggle[value="on"] ~ .sheet-starship,
|
|
.sheet-settings_toggle[value="on"] ~ .sheet-npc {
|
|
display: none;
|
|
}
|
|
|
|
/* Sheet Settings Select boxes */
|
|
|
|
select.sheet-sheet_type {
|
|
width: 11.5em;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
select.sheet-sheet_color {
|
|
width: 5em;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
select.sheet-sheet_gmroll {
|
|
width: 7em;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
select.sheet-rank-select {
|
|
width: 11em;
|
|
}
|
|
|
|
/* Turn the Checkboxs into gears */
|
|
.sheet-toggle input[type="checkbox"] + span {
|
|
position: relative;
|
|
font-family: pictos;
|
|
background: transparent;
|
|
color: #ff9900;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
height: 20px;
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-toggle input[type="checkbox"] {
|
|
height: 20px;
|
|
width: 30px;
|
|
}
|
|
|
|
/* Header settings gear */
|
|
.sheet-header input[type="checkbox"] + span {
|
|
top: -4px;
|
|
left: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-header input[type="checkbox"] {
|
|
top: -4px;
|
|
left: 40px;
|
|
}
|
|
|
|
|
|
/* Heading Labels and Inputs */
|
|
.sheet-topsection,
|
|
.sheet-settings-topsection {
|
|
width: 100%;
|
|
height: 220px;
|
|
border-bottom-left-radius: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.sheet-header {
|
|
text-align:right;
|
|
margin-right: 14px;
|
|
}
|
|
|
|
.sheet-header-label,
|
|
.sheet-header-label + input[type=text] {
|
|
display:inline-block;
|
|
font-size:1.2em;
|
|
letter-spacing:1px;
|
|
color: rgb(150,118,169);
|
|
width:135px;
|
|
margin-bottom:.25em;
|
|
vertical-align:middle;
|
|
padding-left: 10px;
|
|
}
|
|
.charsheet.lang-fr .sheet-header-label.sheet-longtext {
|
|
font-size: 0.89em;
|
|
}
|
|
|
|
.sheet-header-label + input[type=text] {
|
|
width: calc(100% - 135px);
|
|
height:20%;
|
|
letter-spacing:2px;
|
|
border-radius:0;
|
|
background-color: white;
|
|
border: none;
|
|
border-bottom: 2px solid rgb(195,188,222);
|
|
background:rgb(0,19,35);
|
|
}
|
|
|
|
/* Header Section Formatting */
|
|
.sheet-topsection h1 {
|
|
background: transparent;
|
|
display: inline-block;
|
|
font-family: "Helvetica-UltraCompressed", "Helvetica", Arial, sans-serif;
|
|
color:#ff9900;
|
|
text-align: right;
|
|
padding-left: 10px;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
h1.sheet-npc,
|
|
.sheet-sheet_type[value="npc"] ~ h1.sheet-shipheader {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-sheet_type[value="npc"] ~ h1.sheet-npc,
|
|
.sheet-sheet_type[value="starship"] ~ h1.sheet-shipheader {
|
|
display: inline-block;
|
|
}
|
|
|
|
/*Sheet info section*/
|
|
.sheet-charinfo {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* Body Formatting */
|
|
.sheet-body,
|
|
.sheet-settings-header {
|
|
width: 100%;
|
|
border: 10px solid rgb(0,19,35);
|
|
border-top-left-radius: 30px;
|
|
}
|
|
|
|
.sheet-character .sheet-body {
|
|
min-height: 1000px;
|
|
}
|
|
|
|
.sheet-settings .sheet-body,
|
|
.sheet-starship .sheet-body,
|
|
.sheet-npc .sheet-body {
|
|
min-height: 700px;
|
|
}
|
|
|
|
/* Round the corner of the Settings page header*/
|
|
.sheet-settings-header {
|
|
border-bottom-left-radius: 20px;
|
|
}
|
|
|
|
/* Section Heading Dividers */
|
|
.sheet-section-heading {
|
|
background-color:rgb(245,157,8);
|
|
border-radius: 2em;
|
|
color:rgb(163,64,113);
|
|
display:block;
|
|
height: 1.5em;
|
|
letter-spacing:1px;
|
|
margin:.8em 0;
|
|
}
|
|
|
|
.sheet-section-heading span {
|
|
display:inline-block;
|
|
font-size: 1.5em;
|
|
height: 20px;
|
|
line-height: 19px;
|
|
margin-left:.5em;
|
|
padding:0 5px;
|
|
}
|
|
.charsheet.lang-fr .sheet-section-heading span.sheet-longtext {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
/* Label Capsule Halves */
|
|
.sheet-label-capsule-left,
|
|
.sheet-label-capsule-weapon,
|
|
.sheet-capsule-three,
|
|
.sheet-capsule-scale,
|
|
.sheet-capsule-reputation,
|
|
.sheet-capsule-power {
|
|
color: white;
|
|
font-family: sans-serif;
|
|
display:inline-block;
|
|
font-size: 0.8em;
|
|
text-align: right;
|
|
width: 23%;
|
|
height: 25px;
|
|
padding: .55em .3em 0em 0em;
|
|
margin: .3em .0em .7em -0.4em;
|
|
background-color: rgb(150,118,169);
|
|
vertical-align: middle;
|
|
border-radius: 1.75em 0 0 1.75em;
|
|
border-top-left-radius: 20px;
|
|
border-bottom-left-radius: 20px;
|
|
}
|
|
|
|
.sheet-capsule-two {
|
|
width: 30%;
|
|
margin-left: 1em;
|
|
margin-right: .1em;
|
|
}
|
|
|
|
.sheet-capsule-three {
|
|
width: 20%;
|
|
margin-left: 1em;
|
|
}
|
|
.charsheet.lang-fr .sheet-capsule-three.sheet-longtext {
|
|
font-size: .7em;
|
|
padding: .2em .2em 0em 0em;
|
|
}
|
|
|
|
.sheet-capsule-scale {
|
|
width: 70%;
|
|
background-color: rgb(245,157,8);
|
|
}
|
|
|
|
.sheet-capsule-power{
|
|
width: 28%;
|
|
margin-left: 0.5em;
|
|
margin-right: .1em;
|
|
}
|
|
|
|
|
|
.sheet-capsule-reputation {
|
|
width: 12%;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
|
|
/* Input Capsule Halves */
|
|
input.sheet-capsule,
|
|
input.sheet-capsule-orange,
|
|
div.sheet-capsule,
|
|
input.sheet-weapon-name,
|
|
input.sheet-weapon-quality,
|
|
input.sheet-weapon-effect {
|
|
background: none;
|
|
height: 26px;
|
|
width: 2.5em;
|
|
font-size: 1em;
|
|
color:rgb(150,118,169);
|
|
text-align:center;
|
|
margin: 0em 0em 0.43em 0.15em;
|
|
vertical-align:middle;
|
|
border: 1.4px solid rgb(150,118,169);
|
|
border-top-right-radius: 20px;
|
|
border-bottom-right-radius: 20px;
|
|
}
|
|
|
|
input[type="number"].sheet-capsule,
|
|
input[type="number"].sheet-capsule-orange {
|
|
position: relative;
|
|
z-index: 2;
|
|
width: 2.5em;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
input.sheet-capsule-orange {
|
|
color: rgb(245,157,8);
|
|
border-color: rgb(245,157,8);
|
|
}
|
|
|
|
|
|
div.sheet-capsule {
|
|
display: inline-block;
|
|
padding: 2px;
|
|
}
|
|
|
|
/* Format the Breachs */
|
|
.sheet-breach {
|
|
width: 20%;
|
|
margin: 1px 1px 1px 1px;
|
|
}
|
|
|
|
/* Resizes the Columns & Rows */
|
|
.sheet-headerrow {
|
|
margin-right: 14px;
|
|
border-bottom-left-radius: inherit;
|
|
}
|
|
|
|
.sheet-row {
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.sheet-col {
|
|
width: 49%;
|
|
}
|
|
|
|
.sheet-col img,
|
|
.sheet-weapon img,
|
|
button.sheet-reputation-button img {
|
|
/* left: -18px; */
|
|
top: -1px;
|
|
}
|
|
|
|
.sheet-row img {
|
|
left: -40px;
|
|
}
|
|
|
|
.sheet-col-sixtypercent {
|
|
display:inline-block;
|
|
margin-right: 2px !important;
|
|
width: calc(60% - 50px) !important;
|
|
}
|
|
|
|
.sheet-col-fortypercent {
|
|
display:inline-block;
|
|
margin-left: 20px;
|
|
vertical-align: top;
|
|
width: 42%;
|
|
}
|
|
|
|
/* Customizing the starship's sheet */
|
|
.sheet-starship {
|
|
width: 1000px;
|
|
}
|
|
|
|
.sheet-col-ship,
|
|
.sheet-col-ship-right {
|
|
display:inline-block;
|
|
width: 46%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-col-ship-right{
|
|
width: 49%;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.sheet-col-ship-row {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-col-ship-power {
|
|
display: inline-block;
|
|
width: 49%;
|
|
}
|
|
|
|
.sheet-col-ship-launch {
|
|
display: inline-block;
|
|
width: 48%;
|
|
vertical-align: top;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
/* Format Determination text */
|
|
.sheet-determination {
|
|
color: rgb(195,188,222);
|
|
font-size: 1.9em;
|
|
display: inline-flex;
|
|
}
|
|
|
|
/* Set Hovers up with light purple*/
|
|
.sheet-header input[type="checkbox"]:hover + span,
|
|
.sheet-breaches input[type="radio"]:hover + span {
|
|
color: rgb(195,188,222);
|
|
}
|
|
|
|
.sheet-boxes-stress,
|
|
.sheet-boxes-shields {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Format Determination & Stress Check Boxes */
|
|
.sheet-boxes-stress input[type="radio"],
|
|
.sheet-boxes-shields input[type="radio"] {
|
|
top: -7px;
|
|
width: 35px;
|
|
height: 20px;
|
|
margin-left: 10px;
|
|
margin-right: -34px;
|
|
}
|
|
|
|
.sheet-boxes-shields input[type="radio"] {
|
|
margin-right: -37px;
|
|
}
|
|
|
|
/* Determination, Momentum, Stress, Shields, and Breachs have hidden radio buttons that backfill the spans */
|
|
.sheet-boxes-stress input[type="radio"] + span::before,
|
|
.sheet-boxes-shields input[type="radio"] + span::before {
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 20px;
|
|
margin: 0px;
|
|
border: 1px solid rgb(195,188,222);
|
|
border-radius: 2em;
|
|
}
|
|
|
|
.sheet-boxes-determination input[type="radio"] {
|
|
top: -1px;
|
|
width: 35px;
|
|
height: 20px;
|
|
margin-left: 10px;
|
|
margin-right: -39px;
|
|
}
|
|
|
|
.sheet-boxes-determination input[type="radio"] + span::before,
|
|
.sheet-boxes-breaches input[type="radio"] + span::before,
|
|
.sheet-boxes-stress input[type="radio"] + span::before,
|
|
.sheet-boxes-shields input[type="radio"] + span::before {
|
|
display: inline-block;
|
|
content: "";
|
|
border: 1px solid rgb(195,188,222);
|
|
background-color: rgb(195,188,222);
|
|
}
|
|
|
|
|
|
.sheet-boxes-determination input[type="radio"] + span::before {
|
|
width: 40px;
|
|
height: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.sheet-boxes-determination input[type="radio"]:checked ~ input[type="radio"] + span::before,
|
|
input.sheet-radio-header:checked ~ .sheet-boxes-determination input[type="radio"] + span::before,
|
|
.sheet-boxes-breaches input[type="radio"]:checked ~ input[type="radio"] + span::before,
|
|
input.sheet-radio-header-breaches:checked ~ .sheet-boxes-breaches input[type="radio"] + span::before,
|
|
.sheet-boxes-stress input[type="radio"]:checked ~ input[type="radio"] + span::before,
|
|
input.sheet-radio-header-stress:checked ~ .sheet-boxes-stress input[type="radio"] + span::before,
|
|
.sheet-boxes-shields input[type="radio"]:checked ~ input[type="radio"] + span::before,
|
|
input.sheet-radio-header-shields:checked ~ .sheet-boxes-shields input[type="radio"] + span::before {
|
|
content: "";
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Determination radio button on the header acts as button 0 & highlights determination on hover */
|
|
input.sheet-radio-header {
|
|
height: 2em;
|
|
margin-right: -153px;
|
|
margin-top: 5px;
|
|
width: 11.8em;
|
|
}
|
|
|
|
input.sheet-radio-header:hover + span {
|
|
color: rgb(150,118,169);
|
|
}
|
|
|
|
input.sheet-radio-header.sheet-threat {
|
|
width: 5.8em;
|
|
margin-right: -75px;
|
|
}
|
|
|
|
input.sheet-radio-header.sheet-momentum {
|
|
width: 9em;
|
|
margin-right: -117px;
|
|
}
|
|
|
|
/* Stress & Shield's hidden radio button on the header acts as button 0 & highlights determination on hover */
|
|
input.sheet-radio-header-stress,
|
|
input.sheet-radio-header-shields {
|
|
margin: 0.8em 0em -3.5em 1em;
|
|
height: 1.5em;
|
|
width: 5.5em;
|
|
}
|
|
|
|
input.sheet-radio-header-stress:hover ~ .sheet-section-heading span,
|
|
input.sheet-radio-header-shields:hover ~ .sheet-section-heading span {
|
|
color: rgb(195,188,222);
|
|
}
|
|
|
|
|
|
/* Format the Breaches boxes on the ship page */
|
|
.sheet-breaches {
|
|
width: 30%;
|
|
display:inline-block;
|
|
color: rgb(150,118,169);
|
|
letter-spacing: .15em;
|
|
font-family:"Helvetica", Arial, sans-serif;
|
|
font-size: 1em;
|
|
margin-left: 0.7em;
|
|
margin-top: -1em;
|
|
}
|
|
|
|
.sheet-boxes-breaches {
|
|
margin: -2.5em 0em 1em 0em
|
|
}
|
|
|
|
.sheet-boxes-breaches input[type="radio"] {
|
|
margin: -0.3em -0.9em 0em 0em;
|
|
}
|
|
|
|
.sheet-boxes-breaches input[type="radio"] + span::before {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 2em;
|
|
}
|
|
|
|
input.sheet-radio-header-breaches {
|
|
width: 5em;
|
|
margin: 0em 0em -2.5em 0em;
|
|
}
|
|
|
|
/* Move the ship scale up */
|
|
.sheet-ship-scale {
|
|
margin: -3.5em 0em 0em 23em;
|
|
}
|
|
|
|
.sheet-ship-resistance {
|
|
margin: -0.3em 0em -0.6em 0em;
|
|
}
|
|
|
|
/* Format Attributes & Disciplines Check Boxes */
|
|
.sheet-boxes-attrdisc input[type="radio"] {
|
|
height: 1.5em;
|
|
margin: 0.3em -6em 0.6em 0.3em;
|
|
width: 6em;
|
|
}
|
|
|
|
.sheet-boxes-attrdisc input[type="radio"]:checked + span,
|
|
.sheet-boxes-attrdisc input[type="radio"]:hover + span {
|
|
background-color: rgb(195,188,222);
|
|
}
|
|
|
|
/* Format Text For the Dice Roller Challenge & Complciation Numbers*/
|
|
.sheet-diceroller-numbers {
|
|
background: transparent !important;
|
|
margin: 0em 0em 0em 1.4em;
|
|
letter-spacing: -4px;
|
|
}
|
|
|
|
|
|
.sheet-diceroller-numbers input[type="radio"] {
|
|
margin: -0.3em 0em 0em 0em;
|
|
width: 20px;
|
|
height: 20px;
|
|
left: 14px;
|
|
}
|
|
|
|
.sheet-diceroller-label {
|
|
background: transparent !important;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
.charsheet.lang-fr .sheet-diceroller-label .sheet-label.sheet-longtext {
|
|
font-size: 1.2em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-diceroller-label input {
|
|
height: 20px;
|
|
}
|
|
|
|
/* Format Text For the Dice Roller Yes & No*/
|
|
.sheet-diceroller-focus input[type="radio"] {
|
|
height: 20px;
|
|
margin: 0em -1.9em 0em 2em;
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-diceroller input[type="radio"]:checked + span,
|
|
.sheet-diceroller input[type="radio"]:hover + span,
|
|
.sheet-weaponroller input[type="radio"]:checked + span,
|
|
.sheet-weaponroller input[type="radio"]:hover + span {
|
|
color: rgb(195,188,222);
|
|
}
|
|
|
|
/* Dice Roller buttons */
|
|
button[type=roll].sheet-dice-button:before,
|
|
button[type=roll].sheet-challenge-button:before,
|
|
button[type=roll].sheet-weapon-button:before,
|
|
button[type=roll].sheet-reputation-button:before {
|
|
content: none;
|
|
font-family: "Helvetica", Arial, sans-serif;
|
|
font-size: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
button.sheet-dice-button,
|
|
button.sheet-challenge-button,
|
|
button.sheet-weapon-button,
|
|
button.sheet-reputation-button {
|
|
width: 25px;
|
|
height: 22px;
|
|
color: rgb(150,118,169);
|
|
background-color: rgb(150,118,169);
|
|
border-color: rgb(150,118,169);
|
|
border-radius: 3px 3px 3px 3px;
|
|
}
|
|
|
|
button.sheet-dice-button:hover,
|
|
button.sheet-challenge-button:hover,
|
|
button.sheet-weapon-button:hover,
|
|
button.sheet-reputation-button:hover {
|
|
color: rgb(195,188,222);
|
|
background-color: rgb(195,188,222);
|
|
border-color: rgb(195,188,222);
|
|
}
|
|
|
|
button.sheet-dice-button {
|
|
margin: 0em -0.5em 0em -1em !important;
|
|
}
|
|
|
|
button.sheet-crew-button {
|
|
margin-bottom: 0.2em !important;
|
|
}
|
|
|
|
button.sheet-challenge-button {
|
|
margin-left: 0.1em !important;
|
|
margin-right: 0.5em !important;
|
|
}
|
|
|
|
button.sheet-reputation-button {
|
|
margin-left: 0.8em !important;
|
|
margin-top: -0.5em !important;
|
|
}
|
|
|
|
/* Format fonts for the Weapon Roller */
|
|
.sheet-weaponroller {
|
|
display: inline-block;
|
|
color: rgb(204, 102, 153);
|
|
font-size: 0.8em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.sheet-weapon-header {
|
|
display: inline-block;
|
|
margin: 0em 0.95em 0em 0em;
|
|
}
|
|
|
|
.sheet-weapon-label {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 0.8em;
|
|
color: rgb(204, 102, 153);
|
|
margin: 0em 0em 0em 0em;
|
|
}
|
|
|
|
.sheet-weaponroller input[type="radio"] {
|
|
margin: 0em 0em 0em -0.6em;
|
|
left: 0.6em;
|
|
}
|
|
|
|
.sheet-weaponroller input[type="radio"] + span {
|
|
margin: 0em 0em 0em 0em;
|
|
}
|
|
|
|
.sheet-weaponroller-focus input[type="radio"] {
|
|
margin: 0em 0em 0em -0.8em;
|
|
width: 1em;
|
|
left: 1.2em;
|
|
}
|
|
|
|
|
|
/* Target number box on the Dice Roller */
|
|
.sheet-target {
|
|
color: rgb(150,118,169);
|
|
font-size: 1.5em;
|
|
background: transparent;
|
|
border: none;
|
|
padding-bottom: .5em;
|
|
width: 1.7em;
|
|
}
|
|
|
|
/* Format the Text areas */
|
|
.sheet-textbox textarea,
|
|
.sheet-display span {
|
|
width: 100%;
|
|
color: rgb(163,64,113);
|
|
background:transparent;
|
|
border: 0px;
|
|
resize: vertical;
|
|
line-height: 2.1em;
|
|
font-size: 15px;
|
|
padding: 8px 5px;
|
|
overflow-wrap: break-word;
|
|
white-space: pre-line;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-options, .sheet-display {
|
|
margin-top: -2em;
|
|
margin-bottom: 1em;
|
|
background-image:
|
|
linear-gradient(to right, transparent 15px, transparent 15px),
|
|
linear-gradient(to left, transparent 15px, transparent 15px),
|
|
repeating-linear-gradient(transparent, transparent 30px, rgb(195,188,222) 30px, rgb(195,188,222) 31px, white 31px);
|
|
}
|
|
|
|
.sheet-notes textarea {
|
|
height: 343px;
|
|
}
|
|
|
|
/* Format Setting icons */
|
|
.sheet-textbox input[type="checkbox"]:hover + span,
|
|
.sheet-textbox input[type="checkbox"]:checked + span,
|
|
.sheet-launchbay-toggle input[type="checkbox"]:hover + span,
|
|
.sheet-launchbay-toggle input[type="checkbox"]:checked + span {
|
|
display: initial;
|
|
}
|
|
|
|
.sheet-textbox .sheet-options-flag:checked ~ .sheet-display,
|
|
.sheet-textbox .sheet-options-flag ~ .sheet-options,
|
|
.sheet-textbox input[type="checkbox"] + span,
|
|
.sheet-lefttoggles input[type="checkbox"] + span,
|
|
.sheet-notestoggle input[type="checkbox"] + span,
|
|
.sheet-launchbay-toggle input[type="checkbox"] + span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-textbox .sheet-options-flag ~ .sheet-display,
|
|
.sheet-textbox .sheet-options-flag:checked ~ .sheet-options {
|
|
display: block;
|
|
}
|
|
|
|
/* Position the Charcter Sheet Right Side Setting Toggle */
|
|
.sheet-textbox input[type="checkbox"] {
|
|
left: 310px;
|
|
}
|
|
|
|
.sheet-textbox input[type="checkbox"] + span {
|
|
left: 285px;
|
|
}
|
|
|
|
/* Position the Starship Sheet Right Side Setting Toggle */
|
|
.sheet-launchbay-toggle input[type="checkbox"] {
|
|
left: 185px;
|
|
}
|
|
|
|
.sheet-launchbay-toggle input[type="checkbox"] + span {
|
|
left: 160px;
|
|
}
|
|
|
|
/* Position the Left Side Settings Toggle */
|
|
.sheet-lefttoggles input[type="checkbox"] {
|
|
left: 395px;
|
|
}
|
|
|
|
.sheet-lefttoggles input[type="checkbox"] + span {
|
|
left: 370px;
|
|
}
|
|
|
|
/* Position the Settings Toggle on the Settings Notes */
|
|
.sheet-notestoggle input[type="checkbox"] {
|
|
left: 775px;
|
|
}
|
|
|
|
.sheet-notestoggle input[type="checkbox"] + span {
|
|
left: 750px;
|
|
}
|
|
|
|
/* Weapons Settings */
|
|
.sheet-weapon {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-label-capsule-weapon {
|
|
background-color: rgb(204, 102, 153);
|
|
margin-left: 0em;
|
|
}
|
|
|
|
.sheet-weapon input{
|
|
border: 2px solid rgb(204, 102, 153);
|
|
color: rgb(204, 102, 153);
|
|
text-align: left;
|
|
}
|
|
|
|
input.sheet-weapon-name {
|
|
width: 56%;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
input.sheet-weapon-quality {
|
|
width: 75%;
|
|
}
|
|
|
|
input.sheet-weapon-effect {
|
|
width: 45%;
|
|
}
|
|
|
|
.sheet-repeating_weapons span{
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
button.sheet-weapon-button {
|
|
color: rgb(225,134,183);
|
|
background-color: rgb(225,134,183);
|
|
border-color: rgb(225,134,183);
|
|
margin: 0em .1em .3em 1em !important;
|
|
}
|
|
|
|
.sheet-weapon input[type="checkbox"] + span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-weapon input[type="checkbox"]:hover + span,
|
|
.sheet-weapon input[type="checkbox"]:checked + span {
|
|
color: rgb(225,134,183);
|
|
display: initial;
|
|
}
|
|
|
|
.sheet-weapon input[type="checkbox"] {
|
|
left: 410px;
|
|
top: -75px;
|
|
}
|
|
|
|
.sheet-weapon input[type="checkbox"] + span {
|
|
color: rgb(204, 102, 153);
|
|
left: 380px;
|
|
top: -75px;
|
|
}
|
|
|
|
/* .sheet-weapon input[type="radio"] {
|
|
left: 3.4em;
|
|
margin-left: -1.5em;
|
|
width: 3.5em;
|
|
} */
|
|
|
|
.sheet-weapon input[type="radio"] + span {
|
|
color: rgb(225,134,183);
|
|
}
|
|
|
|
.sheet-weapon input[type="radio"]:hover + span,
|
|
.sheet-weapon input[type="radio"]:checked + span {
|
|
color: rgb(195,188,222);
|
|
}
|
|
|
|
.sheet-weapon-row {
|
|
margin-bottom: -0.2em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Adding Resistance to Other Equipment */
|
|
.sheet-resistance {
|
|
margin: -2.3em 0em 0em 16.5em;
|
|
width: 33%;
|
|
}
|
|
|
|
.sheet-capsule-resist {
|
|
background-color: rgb(245,157,8);
|
|
height: 15px;
|
|
padding: 0em 0em 0em 0em;
|
|
}
|
|
|
|
input.sheet-capsule-resist {
|
|
color: #fff;
|
|
height: 16px;
|
|
margin: -0.5em 0em 0em 0em;
|
|
}
|
|
|
|
/* Repeating Weapons Styled */
|
|
.repcontrol {
|
|
border-radius: 25px;
|
|
background: rgb(204, 102, 153);
|
|
}
|
|
|
|
.repcontrol .repcontrol_add, .repcontrol .repcontrol_edit{
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: rgb(204, 102, 153);
|
|
border: none;
|
|
color: white;
|
|
letter-spacing: .12em;
|
|
}
|
|
|
|
.repcontrol .repcontrol_add:hover, .repcontrol .repcontrol_edit:hover {
|
|
background: rgb(195,188,222);
|
|
}
|
|
|
|
.repcontrol .repcontrol_add {
|
|
border-radius: 20px 0px 0px 20px;
|
|
border-right: 6px solid rgb(0,19,35);
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit {
|
|
border-radius: 0px 20px 20px 0px;
|
|
border-left: 6px solid rgb(0,19,35);
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
font-family: pictos;
|
|
font-size: 10px;
|
|
margin-top: 5px;
|
|
padding: 0px;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 10px;
|
|
height: 20px;
|
|
margin-top: 5px;
|
|
padding: 0px;
|
|
width: 20px;
|
|
}
|
|
|
|
.charsheet .editmode + input.sheet-weapon_setting_toggle {
|
|
display: none;
|
|
}
|
|
|
|
/* Rolltemplate */
|
|
.sheet-rolltemplate-strek {
|
|
background-color: rgb(0,19,35);
|
|
background-repeat: no-repeat;
|
|
border-radius: 15px 15px 15px 15px;
|
|
border-spacing: 0;
|
|
color: rgb(163,64,113);
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
width: 230px;
|
|
}
|
|
|
|
.sheet-rolltemplate-header {
|
|
padding: 8px 0px 8px 0px;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek div.sheet-sectionheader {
|
|
background-color: rgb(245,157,8);
|
|
border-radius: 2em;
|
|
display: block;
|
|
height: 15px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-header span {
|
|
background: rgb(0,19,35);
|
|
color: rgb(163,64,113);
|
|
font-size: 15px;
|
|
padding: 0px 5px 0px 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-rolltemplate-body {
|
|
border: none;
|
|
color: rgb(195,188,222);
|
|
font-size: 1em;
|
|
margin: 5px 5px 5px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek div.sheet-rollinfo {
|
|
color: rgb(150,118,169);
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
letter-spacing: 0.5px;
|
|
margin: 5px 0px 0px 0px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek div.sheet-dice {
|
|
display: inline-block;
|
|
padding: 5px 5px 0px 5px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-strek img.sheet-chevron {
|
|
height: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek .sheet-rolltemplate-body .sheet-dice span.sheet-cdice0 {
|
|
font-size: 0.8em;
|
|
color: rgb(204, 102, 153);
|
|
}
|
|
|
|
.sheet-rolltemplate-strek .inlinerollresult {
|
|
display:inline-block;
|
|
font-size: 25px;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek .inlinerollresult.fullcrit {
|
|
color: rgb(195,188,222);
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-strek .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-strek .inlinerollresult.importantroll {
|
|
color: rgb(204, 102, 153);
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* emoves the arrows for increase numbers */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Hiding Stress & Shield boxes */
|
|
input[type="hidden"][value="false"] + input[type="radio"],
|
|
input[type="hidden"][value="false"] + input[type="radio"] + span {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Set & Change background colors */
|
|
|
|
.sheet-character,
|
|
.sheet-starship,
|
|
.sheet-settings,
|
|
.sheet-npc,
|
|
.sheet-topsection,
|
|
.sheet-body,
|
|
select.sheet-sheet_type,
|
|
select.sheet-sheet_color,
|
|
select.sheet-rank-select,
|
|
.sheet-section-heading span,
|
|
.sheet-footer {
|
|
background:rgb(0,19,35);
|
|
}
|
|
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-section-heading span,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-header-label + input[type=text],
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-vertdeco,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-section-heading span,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-header-label + input[type=text],
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-vertdeco,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-section-heading span,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-vertdeco,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc,
|
|
.sheet-sheet_color[value="white"] ~ h1.sheet-npc,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-section-heading span,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-vertdeco,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-footer {
|
|
background: #fefefe;
|
|
}
|
|
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-sidedeco-purple,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .sheet-sidedeco-pink,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .repcontrol .repcontrol_add,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-character .repcontrol .repcontrol_edit,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .sheet-sidedeco-purple,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .repcontrol .repcontrol_add,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-starship .repcontrol .repcontrol_edit,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-settings-header,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings .sheet-sidedeco-purple,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-body,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-topsection,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-settings-header,
|
|
.sheet-sheet_color[value="white"] ~ .sheet-npc .sheet-sidedeco-purple {
|
|
border-color: #fefefe;
|
|
}
|
|
|
|
.sheet-sheet_color[value="white"] ~ .sheet-settings select {
|
|
background: #fefefe;
|
|
color: rgb(0,19,35);
|
|
}
|
|
|
|
.sheet-version {
|
|
color: rgb(245,157,8);
|
|
font: 5px;
|
|
margin: -10px 5px -10px 0px;
|
|
}
|
|
|
|
.sheet-flexinl {
|
|
display: inline-flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
.sheet-weapon-row .sheet-flexinl {
|
|
width: 10.2em;
|
|
max-width: 10.2em;
|
|
}
|
|
|
|
.sheet-labelcheck {
|
|
cursor: pointer;
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
.sheet-labelcheck input[type="checkbox"],
|
|
.sheet-labelcheck input[type="radio"] {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|