mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1233 lines
27 KiB
CSS
1233 lines
27 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Montserrat|Graduate|Courier+Prime|Russo+One|Roboto+Condensed|Share+Tech+Mono&display=swap');
|
|
|
|
.sheet-background-wrap {
|
|
background-color: mediumslateblue;
|
|
width: 100%;
|
|
min-height: 600px;
|
|
min-width: 1088px;
|
|
}
|
|
|
|
.sheet-header-section {
|
|
grid-template-columns: repeat(14,1fr);
|
|
column-gap: 15px;
|
|
row-gap: 8px;
|
|
display: grid;
|
|
padding: 10px;
|
|
font-family: 'Russo One';
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-header {
|
|
font-weight: bold;
|
|
font-size: 14pt;
|
|
text-transform: uppercase;
|
|
font-family: 'Russo One';
|
|
}
|
|
|
|
|
|
/***** HEADER ROW ONE *****/
|
|
.sheet-header.sheet-identity {
|
|
grid-row: 2;
|
|
grid-column: 1/4;
|
|
}
|
|
|
|
.sheet-header.sheet-occupation {
|
|
grid-row: 2;
|
|
grid-column: 4/6;
|
|
}
|
|
|
|
.sheet-header.sheet-image {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/flower_trace.png?raw=true");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
height: 75px;
|
|
grid-row: 1/3;
|
|
grid-column: 7/10;
|
|
}
|
|
|
|
.sheet-header.sheet-condition {
|
|
grid-row: 2;
|
|
grid-column: 10/14;
|
|
}
|
|
.sheet-header.sheet-initiative-roll {
|
|
grid-row: 1;
|
|
grid-column: 14;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-initiative-button {
|
|
background-color: lightskyblue;
|
|
}
|
|
|
|
.sheet-header.sheet-full-row {
|
|
grid-row: 2;
|
|
grid-column: 1/15;
|
|
width: 100%;
|
|
border-bottom: 2px solid purple;
|
|
}
|
|
|
|
/***** HEADER ROW TWO *****/
|
|
.sheet-row-two.sheet-identity {
|
|
grid-row: 3;
|
|
grid-column: 1/4;
|
|
}
|
|
|
|
.sheet-row-two.sheet-occupation {
|
|
grid-row: 3;
|
|
grid-column: 4/7;
|
|
}
|
|
|
|
.sheet-row-two.sheet-condition-left {
|
|
grid-row: 3;
|
|
grid-column: 7/13;
|
|
}
|
|
|
|
.sheet-row-two.sheet-condition-right {
|
|
grid-row: 3/5;
|
|
grid-column: 12/15;
|
|
}
|
|
|
|
/***** HEADER ROW THREE *****/
|
|
.sheet-row-three.sheet-identity {
|
|
grid-row: 4;
|
|
grid-column: 1/4;
|
|
}
|
|
|
|
.sheet-row-three.sheet-occupation {
|
|
grid-row: 4;
|
|
grid-column: 4/7;
|
|
}
|
|
|
|
.sheet-row-three.sheet-condition-left {
|
|
grid-row: 4;
|
|
grid-column: 7/13;
|
|
}
|
|
|
|
.sheet-row-three.sheet-condition-right {
|
|
grid-row: 5/7;
|
|
grid-column: 12/15;
|
|
}
|
|
|
|
/***** HEADER ROW FOUR *****/
|
|
.sheet-row-four.sheet-identity {
|
|
grid-row: 5;
|
|
grid-column: 1/4;
|
|
}
|
|
|
|
.sheet-row-four.sheet-occupation {
|
|
grid-row: 5;
|
|
grid-column: 4/7;
|
|
}
|
|
|
|
.sheet-row-four.sheet-condition-left {
|
|
grid-row: 5;
|
|
grid-column: 7/13;
|
|
}
|
|
|
|
/***** HEADER ROW FIVE *****/
|
|
.sheet-row-five.sheet-identity {
|
|
grid-row: 6;
|
|
grid-column: 1/9;
|
|
}
|
|
/***** HEADER ROW SIX *****/
|
|
.sheet-row-five.sheet-image {
|
|
grid-row: 6;
|
|
grid-column: 9/12;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
/***** STATS SECTION *****/
|
|
.sheet-stats-section {
|
|
grid-template-columns: repeat(5,1fr);
|
|
column-gap: 15px;
|
|
display: grid;
|
|
padding: 10px;
|
|
font-family: 'Roboto Condensed';
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-stats-section.sheet-info-block {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
color: white;
|
|
background-color: gray;
|
|
}
|
|
.sheet-stats-info {
|
|
grid-row: 1;
|
|
}
|
|
.sheet-stats-bullet-list {
|
|
grid-row: 2;
|
|
}
|
|
.sheet-skills-info {
|
|
grid-row: 3;
|
|
}
|
|
.sheet-skills-bullet-list {
|
|
grid-row: 4;
|
|
}
|
|
|
|
.sheet-stats-section.sheet-cognition-block {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
background-color: cornflowerblue;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-cognition-button {
|
|
background-color: lightskyblue;
|
|
border: 1px solid lightskyblue;
|
|
cursor: pointer;
|
|
width: 75%;
|
|
height: 1.5em;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-cognition-button:hover {
|
|
background-color: cornflowerblue;
|
|
border: 1px solid lightskyblue;
|
|
color: lightskyblue;
|
|
}
|
|
|
|
.sheet-stats-section.sheet-alacrity-block {
|
|
grid-row: 1;
|
|
grid-column: 3;
|
|
background-color: plum;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-alacrity-button {
|
|
background-color: pink;
|
|
border: 1px solid pink;
|
|
cursor: pointer;
|
|
width: 75%;
|
|
height: 1.5em;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-alacrity-button:hover {
|
|
background-color: plum;
|
|
border: 1px solid pink;
|
|
color: pink;
|
|
}
|
|
|
|
.sheet-stats-section.sheet-resilience-block {
|
|
grid-row: 1;
|
|
grid-column: 4;
|
|
background-color: orange;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-resilience-button {
|
|
background-color: yellow;
|
|
border: 1px solid yellow;
|
|
cursor: pointer;
|
|
width: 75%;
|
|
height: 1.5em;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-resilience-button:hover {
|
|
background-color: orange;
|
|
border: 1px solid yellow;
|
|
color: yellow;
|
|
}
|
|
|
|
.sheet-stats-section.sheet-empathy-block {
|
|
grid-row: 1;
|
|
grid-column: 5;
|
|
background-color: palevioletred;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-empathy-button {
|
|
background-color: plum;
|
|
border: 1px solid plum;
|
|
cursor: pointer;
|
|
width: 75%;
|
|
height: 1.5em;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-empathy-button:hover {
|
|
background-color: palevioletred;
|
|
border: 1px solid plum;
|
|
color: plum;
|
|
}
|
|
|
|
.sheet-attribute-header {
|
|
grid-row: 1;
|
|
padding-bottom: 5px;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-skill-one {
|
|
grid-row: 2;
|
|
}
|
|
.sheet-skill-two {
|
|
grid-row: 3;
|
|
}
|
|
.sheet-skill-three {
|
|
grid-row: 4;
|
|
}
|
|
|
|
|
|
/***** ARMOUR AND WEAPONS *****/
|
|
.sheet-armour-and-weapons {
|
|
grid-template-columns: repeat(5,1fr);
|
|
column-gap: 15px;
|
|
row-gap: 8px;
|
|
display: grid;
|
|
padding: 10px;
|
|
background-color: mediumslateblue;
|
|
}
|
|
.sheet-attribute-section {
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
.sheet-attribute-header.sheet-armour-weapons-header {
|
|
border-bottom: 0px;
|
|
margin-left: 5px;
|
|
font-size: 1.25em;
|
|
text-transform: uppercase;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-armour-button {
|
|
background-color: cornflowerblue;
|
|
border: 1px solid cornflowerblue;
|
|
margin-right: 10px;
|
|
padding-top: 5px;
|
|
text-transform: uppercase;
|
|
font-family: 'Russo One';
|
|
color: white;
|
|
}
|
|
button[type="roll"].sheet-button-skill.sheet-armour-button:hover {
|
|
background-color: darkblue;
|
|
border: 1px solid cornflowerblue;
|
|
color: cornflowerblue;
|
|
}
|
|
|
|
.sheet-attribute-section.sheet-armour {
|
|
grid-column: 1;
|
|
background-color: darkblue;
|
|
color: white;
|
|
}
|
|
.sheet-armour-details div .sheet-floating-header {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-attribute-section.sheet-weapons {
|
|
grid-column: 2/6;
|
|
background-color: darkred;
|
|
color: white;
|
|
}
|
|
.sheet-armour-and-weapons .sheet-attribute-header.sheet-weapons-header {
|
|
padding-top: 10px;
|
|
}
|
|
.sheet-armour {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
}
|
|
.sheet-weapons-header {
|
|
grid-column: 2/6;
|
|
grid-row: 1;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-armour-details {
|
|
grid-column: 1;
|
|
grid-row: 2;
|
|
display: grid;
|
|
}
|
|
.sheet-armour-type {
|
|
grid-row: 1
|
|
}
|
|
.sheet-armour-lifesupport {
|
|
grid-row: 2
|
|
}
|
|
.sheet-armour-maneuver {
|
|
grid-row: 3
|
|
}
|
|
.sheet-armour-properties {
|
|
grid-row: 4
|
|
}
|
|
|
|
/***** WEAPONS *****/
|
|
.sheet-weapons-details {
|
|
display: grid;
|
|
grid-template-columns: repeat(13,1fr);
|
|
}
|
|
.sheet-weapons-header.sheet-weapon-attack {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
button[type="roll"].sheet-weapon-attack {
|
|
height: 1.25em;
|
|
width: 1.25em;
|
|
}
|
|
|
|
.sheet-divider {
|
|
padding-top: 10px;
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px dashed white;
|
|
}
|
|
.sheet-divider-one {
|
|
grid-row: 2;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-weapons-one {
|
|
grid-row: 3;
|
|
}
|
|
.sheet-weapon-name {
|
|
grid-column: 2/6;
|
|
}
|
|
.sheet-weapon-mod {
|
|
grid-column: 6;
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-weapon-dmg {
|
|
grid-column: 7;
|
|
}
|
|
.sheet-weapon-range {
|
|
grid-column: 8/9;
|
|
}
|
|
.sheet-weapon-properties {
|
|
grid-column: 9/14;
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-divider-two {
|
|
grid-row: 4;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-weapons-two {
|
|
grid-row: 5;
|
|
}
|
|
.sheet-divider-three {
|
|
grid-row: 6;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-weapons-three {
|
|
grid-row: 7;
|
|
}
|
|
.sheet-divider-four {
|
|
grid-row: 8;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-weapons-four {
|
|
grid-row: 9;
|
|
}
|
|
.sheet-divider-five {
|
|
grid-row: 10;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-divider-six {
|
|
grid-row: 12;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-divider-seven {
|
|
grid-row: 14;
|
|
grid-column: 1/14;
|
|
}
|
|
.sheet-valid {
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
/***** TALENTS, EDGEBREAK, INVENTORY *****/
|
|
.sheet-talent-tab-bar {
|
|
float: right;
|
|
}
|
|
.sheet-bottom-section {
|
|
grid-template-columns: repeat(5,1fr);
|
|
grid-template-rows: 2;
|
|
column-gap: 15px;
|
|
row-gap: 8px;
|
|
display: grid;
|
|
padding: 10px;
|
|
background-color: mediumslateblue;
|
|
}
|
|
|
|
.sheet-bottom-section .sheet-talents-section {
|
|
grid-row: 1/3;
|
|
grid-column: 1/3;
|
|
background-color: plum;
|
|
color: white;
|
|
}
|
|
.sheet-edge-break-section {
|
|
grid-row: 1;
|
|
grid-column: 3;
|
|
background-color: darkviolet;
|
|
color: white;
|
|
}
|
|
.sheet-encumbrance-section {
|
|
grid-row: 2;
|
|
grid-column: 3;
|
|
background-color: darkgray;
|
|
color: white;
|
|
}
|
|
.sheet-inventory-section {
|
|
grid-row: 1/3;
|
|
grid-column: 4/6;
|
|
background-color: darkgoldenrod;
|
|
color: white;
|
|
}
|
|
.sheet-talents-header {
|
|
grid-row: 1;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-talents-details {
|
|
display:grid;
|
|
}
|
|
.sheet-talents-header.sheet-talent-name {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
.sheet-talents-header.sheet-talent-description {
|
|
grid-row: 1;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-one.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 3;
|
|
}
|
|
.sheet-talents-one.sheet-talent-description {
|
|
grid-row: 3;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-two.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 5;
|
|
}
|
|
.sheet-talents-two.sheet-talent-description {
|
|
grid-row: 5;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-three.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 7;
|
|
}
|
|
.sheet-talents-three.sheet-talent-description {
|
|
grid-row: 7;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-four.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 9;
|
|
}
|
|
.sheet-talents-four.sheet-talent-description {
|
|
grid-row: 9;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-five.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 11;
|
|
}
|
|
.sheet-talents-five.sheet-talent-description {
|
|
grid-row: 11;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-six.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 13;
|
|
}
|
|
.sheet-talents-six.sheet-talent-description {
|
|
grid-row: 13;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-talents-seven.sheet-talent-name {
|
|
grid-column: 1;
|
|
grid-row: 15;
|
|
}
|
|
.sheet-talents-seven.sheet-talent-description {
|
|
grid-row: 15;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-encumberance-details {
|
|
display: grid;
|
|
}
|
|
.sheet-encumbrance-header.sheet-encumbrance-total {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
font-size: 14px;
|
|
font-family: 'Russo One';
|
|
}
|
|
.sheet-encumbrance-header.sheet-encumbrance-max {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
font-size: 14px;
|
|
font-family: 'Russo One';
|
|
}
|
|
.sheet-encumbrance-details.sheet-encumbrance-total {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
.sheet-encumbrance-details.sheet-encumbrance-max {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
}
|
|
.sheet-edge-break-name {
|
|
grid-row: 1;
|
|
display: grid;
|
|
}
|
|
.sheet-edge-break-name .sheet-floating-header {
|
|
font-size: 12px;
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
.sheet-edge-break-name .sheet-edge-break-name-input {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
|
|
.sheet-inventory-header {
|
|
grid-row: 1;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-inventory-details {
|
|
display:grid;
|
|
}
|
|
.sheet-inventory-tab-bar {
|
|
float: right;
|
|
}
|
|
.sheet-inventory-header.sheet-inventory-name {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
.sheet-inventory-header.sheet-inventory-description {
|
|
grid-row: 1;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-header.sheet-inventory-name {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
.sheet-inventory-header.sheet-inventory-description {
|
|
grid-row: 1;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-one.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 3;
|
|
}
|
|
.sheet-inventory-one.sheet-inventory-description {
|
|
grid-row: 3;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-two.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 5;
|
|
}
|
|
.sheet-inventory-two.sheet-inventory-description {
|
|
grid-row: 5;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-three.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 7;
|
|
}
|
|
.sheet-inventory-three.sheet-inventory-description {
|
|
grid-row: 7;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-four.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 9;
|
|
}
|
|
.sheet-inventory-four.sheet-inventory-description {
|
|
grid-row: 9;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-five.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 11;
|
|
}
|
|
.sheet-inventory-five.sheet-inventory-description {
|
|
grid-row: 11;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-six.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 13;
|
|
}
|
|
.sheet-inventory-six.sheet-inventory-description {
|
|
grid-row: 13;
|
|
grid-column: 2/14;
|
|
}
|
|
.sheet-inventory-seven.sheet-inventory-name {
|
|
grid-column: 1;
|
|
grid-row: 15;
|
|
}
|
|
.sheet-inventory-seven.sheet-inventory-description {
|
|
grid-row: 15;
|
|
grid-column: 2/14;
|
|
}
|
|
|
|
|
|
|
|
.sheet-floating-header {
|
|
font-weight: bold;
|
|
font-size: 11pt;
|
|
margin-bottom:5px;
|
|
text-transform: uppercase;
|
|
font-family: 'Russo One';
|
|
}
|
|
|
|
.sheet-attribute-header {
|
|
grid-row:1;
|
|
font-weight: bold;
|
|
font-size: 14pt;
|
|
}
|
|
.charsheet input[type="number"].sheet-no-spin-input.sheet-attribute-input {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
/*
|
|
.sheet-purple-floating-header {
|
|
background-color: #6f4380;
|
|
border: 1px solid #6f4380;
|
|
border-radius: 0px 20px 20px 0px;
|
|
height: 1em;
|
|
width: 80%;
|
|
line-height: 1em;
|
|
margin: -14px 15% 0px -7px;
|
|
text-align: left;
|
|
padding: 0px 0px 0px 5px;
|
|
} */
|
|
|
|
.sheet-vertical-adjust-one {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.sheet-select {
|
|
height: 2em;
|
|
}
|
|
|
|
/***** CHANGED STARS CHECKBOXS *****/
|
|
input.sheet-numbered-box {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-numbered-box + span::before {
|
|
content: attr(title);
|
|
color: #dcdcdc;
|
|
border: solid 1px #f5f5f5;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #f5f5f5;
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
margin-left: -14px;
|
|
margin-right: 2px;
|
|
padding: 0px 0px 0px 0px;
|
|
line-height: 16px;
|
|
box-shadow: 0px 0px 5px #6f4380;
|
|
}
|
|
|
|
input.sheet-condition + span::before {
|
|
margin-right: 10px; /* Indent the conditions on the right-hand side */
|
|
}
|
|
|
|
input.sheet-numbered-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #cc0000;
|
|
border: solid 1px #cc0000;
|
|
box-shadow: 0px 0px 10px #b30000;
|
|
}
|
|
|
|
input.sheet-grey-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #808080;
|
|
border: solid 1px #808080;
|
|
box-shadow: 0px 0px 10px #6f4380;
|
|
}
|
|
|
|
input.sheet-green-box:checked + span::before {
|
|
color: #000000;
|
|
background: #7cfc00;
|
|
border: solid 1px #7cfc00;
|
|
box-shadow: 0px 0px 10px #008000;
|
|
}
|
|
|
|
input.sheet-purple-box:checked + span::before {
|
|
color: #000000;
|
|
background: #bdabc9;
|
|
border: solid 1px #bdabc9;
|
|
box-shadow: 0px 0px 10px #6f4380;
|
|
}
|
|
|
|
input.sheet-gold-box:checked + span::before {
|
|
color: #000000;
|
|
background: gold;
|
|
border: solid 1px gold;
|
|
box-shadow: 0px 0px 10px goldenrod;
|
|
}
|
|
|
|
input.sheet-letter-box {
|
|
width: 28px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-letter-box + span::before {
|
|
content: attr(title);
|
|
color: #dcdcdc;
|
|
border: solid 1px #f5f5f5;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #f5f5f5;
|
|
width: 28px;
|
|
height: 14px;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
margin-left: -28px;
|
|
margin-right: 2px;
|
|
padding: 0px 0px 0px 0px;
|
|
line-height: 14px;
|
|
box-shadow: 0px 0px 5px #6f4380;
|
|
}
|
|
|
|
input.sheet-letter-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #bdabc9;
|
|
border: solid 1px #bdabc9;
|
|
box-shadow: 0px 0px 10px #6f4380;
|
|
}
|
|
|
|
/* NUMBER INPUT ADJUSTMENTS */
|
|
.charsheet input[type="number"].sheet-no-spin-input::-webkit-outer-spin-button, .charsheet input[type="number"].sheet-number-input::-webkit-outer-spin-button,
|
|
.charsheet input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button, .charsheet input[type="number"].sheet-number-input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-no-spin-input, .charsheet input[type="number"].sheet-number-input {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-no-spin-input {
|
|
font-family: 'Courier Prime';
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-color: White;
|
|
border: 1px solid White;
|
|
margin: 3px;
|
|
padding: 0px;
|
|
border-radius: 50%;
|
|
box-shadow: 1px 1px 7px #bdabc9, -1px -1px 7px #bdabc9, 1px 1px 10px white, -1px -1px 10px white;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-number-input {
|
|
text-align: center;
|
|
border: 1px solid rgb(204, 204, 204);
|
|
padding: 3px;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-shorter-number {
|
|
width: 22px;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-pool-number {
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
height: 1.75em;
|
|
width: 1.75em;
|
|
background-color: white;
|
|
border: 1px solid transparent;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
margin-left: -3px;
|
|
box-shadow: 1px 1px 10px white, -1px -1px 10px white;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-low-visibility-number {
|
|
color: #bfbfbf;
|
|
font-size: 1.25em;
|
|
font-weight: bold;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-color: white;
|
|
border: 1px solid #bfbfbf;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
margin-top: 1px;
|
|
margin-left: 1px;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
/***** TEXTAREA *****/
|
|
.sheet-auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
min-height: 5em;
|
|
background-color:white;
|
|
border: 1px Dashed #bfbfbf;
|
|
font-family: 'Courier Prime';
|
|
font-family: 'Roboto Condensed';
|
|
text-align: left;
|
|
font-size: 0.9em;
|
|
line-height: 1em;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-auto-expand textarea {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
resize: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
color: black;
|
|
font: inherit;
|
|
letter-spacing: inherit;
|
|
padding: inherit;
|
|
text-align: inherit;
|
|
text-transform: inherit;
|
|
|
|
}
|
|
|
|
.sheet-textarea-margin-correct {
|
|
margin: 6px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-dotted-line {
|
|
height: 0px;
|
|
border-bottom: 1px dashed #6f4380;
|
|
padding: 0px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.sheet-text-input, .sheet-select-input, .charsheet input[type="number"].sheet-number-input {
|
|
font-family: 'Courier Prime';
|
|
font-family: 'Roboto Condensed';
|
|
background: white;
|
|
}
|
|
|
|
.sheet-text-input {
|
|
color: #000000;
|
|
width: 99%;
|
|
border: 1px solid transparent;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-select-input{
|
|
color: #555;
|
|
width: 100%;
|
|
height: 1.95em;
|
|
padding: 3px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/***** BUTTONS *****/
|
|
button[type="roll"].sheet-button-alpha:before, button[type="roll"].sheet-button-skill:before, button[type="action"].sheet-action-modifier:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border: none;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill {
|
|
height: 1.25em;
|
|
line-height: 14px;
|
|
margin: 4px 1px;
|
|
background-color: transparent;
|
|
border-radius: 5px;
|
|
background-image: none;
|
|
display: inline;
|
|
text-shadow: none;
|
|
font-size: 1.25em;
|
|
font-family: 'Roboto Condensed';
|
|
font-weight: bold;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:hover {
|
|
color: rgb(204, 217, 207); /* Teal Varient */
|
|
background-color: #bdabc9;
|
|
border: 1px solid #bdabc9;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:active {
|
|
color: rgb(204, 217, 207); /* Teal Varient */
|
|
background-color: #bdabc9;
|
|
border: 1px solid #bdabc9;
|
|
box-shadow: 0px 0px 10px #6f4380;
|
|
}
|
|
|
|
button[type="roll"].sheet-bigger-skill {
|
|
width: 75%;
|
|
}
|
|
|
|
/* Attack button in weapon box */
|
|
button[type="roll"].sheet-smaller-skill {
|
|
width: 16%;
|
|
border: 1px solid #bdabc9;
|
|
}
|
|
|
|
|
|
button[type="roll"].sheet-button-alpha, button[type="roll"].sheet-button-beta, button[type="roll"].sheet-button-gamma{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
border: 1px solid #bdabc9;
|
|
width: inherit;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-alpha {
|
|
text-transform: lowercase; /* Exception because common usage of 1d6 is more important than consistency with theme. */
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:focus {
|
|
outline:0;
|
|
}
|
|
|
|
button[type="action"].sheet-action-tab {
|
|
background-color:#6f4380;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
border-radius: 5px;
|
|
font-size: 1em;
|
|
height: 1em;
|
|
}
|
|
button[type="action"].sheet-action-tab:hover {
|
|
background-color:#bdabc9;
|
|
}
|
|
|
|
button[type="action"].sheet-action-tab.sheet-weapons-header {
|
|
background-color:orangered;
|
|
font-family: 'Russo One';
|
|
text-transform: uppercase;
|
|
font-size: 1.25em;
|
|
border-radius: 5px;
|
|
height: 1.25em;
|
|
}
|
|
button[type="action"].sheet-action-tab.sheet-weapons-header:hover {
|
|
background-color: orange;
|
|
}
|
|
/* ROLL TEMPLATE STYLING */
|
|
.sheet-rolltemplate-changed-stars .sheet-template-wrap {
|
|
background-color: hsl(0, 0%, 22%);
|
|
border: 1px solid #404040;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
margin-left: -10px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-background {
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/trinity_symbol_gray.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center center;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-grid {
|
|
display: grid;
|
|
grid-gap: 3px;
|
|
background-color: transparent;
|
|
padding: 3px;
|
|
grid-template-columns: 15.75% 15.75% 15.75% 15.75% 15.75% 15.75%;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-grid-item {
|
|
background-color: rgba(259, 259, 259, 0.05);
|
|
color: #ffffff;
|
|
border: none;
|
|
border-radius: 5px;
|
|
padding: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-six {
|
|
grid-column: 1 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-left {
|
|
grid-column: 1 / 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-center {
|
|
grid-column: 3 / 5;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-right {
|
|
grid-column: 5 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-one {
|
|
grid-column: 1 / 2;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-two {
|
|
grid-column: 2 / 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-three {
|
|
grid-column: 3 / 4;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-four {
|
|
grid-column: 4 / 5;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-five {
|
|
grid-column: 5 / 6;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-span-shix {
|
|
grid-column: 6 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-to-the-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-to-the-center {
|
|
padding-left: 43%;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .inlinerollresult {
|
|
color: transparent;
|
|
font-size: 1.9em;
|
|
line-height: 35px;
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .inlinerollresult.fullcrit {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .inlinerollresult.fullfail {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .inlinerollresult.importantroll {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult {
|
|
color: #bdabc9;
|
|
font-size: 2em;
|
|
line-height: 35px;
|
|
background-color: #6f4380;
|
|
border: 1px solid #bdabc9;
|
|
padding: 0px 4px;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.fullcrit {
|
|
color: #bdabc9;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.fullfail {
|
|
color: #bdabc9;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.importantroll {
|
|
color: #bdabc9;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-base-between {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_blank_die.png?raw=true");
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-base-success {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_success_die.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-edge-fail {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die_shock.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-edge-between {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-changed-stars .sheet-template-edge-success {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die_success.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
/* TABS */
|
|
div.sheet-tab-content, div.sheet-box-under-the-bed {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab-one:checked ~ div.sheet-tab-one-contents,
|
|
input.sheet-tab-two:checked ~ div.sheet-tab-two-contents,
|
|
input.sheet-tab-three:checked ~ div.sheet-tab-three-contents,
|
|
input.sheet-tab-four:checked ~ div.sheet-tab-four-contents {
|
|
display: contents;
|
|
}
|
|
|
|
input.sheet-tab-alpha:checked ~ div.sheet-tab-alpha-contents,
|
|
input.sheet-tab-beta:checked ~ div.sheet-tab-beta-contents,
|
|
input.sheet-tab-gamma:checked ~ div.sheet-tab-gamma-contents,
|
|
input.sheet-tab-delta:checked ~ div.sheet-tab-delta-contents,
|
|
input.sheet-tab-epsilon:checked ~ div.sheet-tab-epsilon-contents,
|
|
input.sheet-tab-zeta:checked ~ div.sheet-tab-zeta-contents {
|
|
display: contents;
|
|
}
|
|
|
|
input.sheet-tab-inv-one:checked ~ div.sheet-tab-inv-one-contents,
|
|
input.sheet-tab-inv-two:checked ~ div.sheet-tab-inv-two-contents {
|
|
display: contents;
|
|
}
|
|
|
|
input.sheet-tab {
|
|
opacity: 0;
|
|
display: none;
|
|
} |