mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
383 lines
11 KiB
CSS
383 lines
11 KiB
CSS
.charsheet input,
|
|
.charasheet textarea {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: black;
|
|
}
|
|
|
|
.charsheet td,
|
|
.charsheet th {
|
|
margin: 10px;
|
|
text-align: right;
|
|
padding: 5px;
|
|
}
|
|
|
|
.charsheet div.sheet-labelRight {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size: .75em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet input.sheet-header {
|
|
font-size: .95em;
|
|
margin:0px;
|
|
margin-left: 3px;
|
|
padding:0px;
|
|
}
|
|
|
|
.charsheet input.sheet-movement {
|
|
text-align: right;
|
|
border: none;
|
|
margin: none;
|
|
padding: none;
|
|
}
|
|
|
|
.charsheet h2.sheet-sectionHeader {
|
|
background-color: #8a0000;
|
|
font-family: "Contrail One";
|
|
color: white;
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 75%;
|
|
}
|
|
|
|
.charsheet div.sheet-statRow {
|
|
display: block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet div.sheet-Stat,
|
|
.charsheet div.sheet-Statbox,
|
|
.charsheet div.sheet-Power {
|
|
display: inline-block;
|
|
border: none;
|
|
margin: 0px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.charsheet div.sheet-Stat,
|
|
.charsheet div.sheet-Power {
|
|
width: 120px; /*145*/
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
color: black;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.charsheet div.sheet-Power {
|
|
width: 300px;
|
|
}
|
|
|
|
.charsheet .sheet-statField {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet textarea.sheet-attNotes,
|
|
.charsheet textarea.sheet-powNotes {
|
|
width: 98%;
|
|
max-width: 98%;
|
|
border: none;
|
|
background-color: transparent;
|
|
color: black;
|
|
height: 35px;
|
|
}
|
|
|
|
.charsheet textarea.sheet-powNotes {
|
|
font-size: .85em;
|
|
}
|
|
|
|
.charsheet textarea.sheet-description {
|
|
width: 96%;
|
|
max-width: 96%;
|
|
border: none;
|
|
background-color: transparent;
|
|
color: black;
|
|
font-size: .75em;
|
|
height:150px;
|
|
}
|
|
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit,
|
|
.charsheet .repcontrol_del {
|
|
display: block;
|
|
background: #8a0000;
|
|
color: white;
|
|
box-shadow:none;
|
|
/*font-size:0.9em;
|
|
height:2.2em;*/
|
|
}
|
|
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit {
|
|
font-family: "Contrail One";
|
|
}
|
|
|
|
.charsheet div.sheet-statBar1,
|
|
.charsheet div.sheet-statBar2,
|
|
.charsheet div.sheet-statBar3,
|
|
.charsheet div.sheet-statBar4,
|
|
.charsheet div.sheet-statBar5,
|
|
.charsheet div.sheet-statBar6,
|
|
.charsheet div.sheet-statBar7,
|
|
.charsheet div.sheet-statBar8,
|
|
.charsheet div.sheet-statBar9,
|
|
.charsheet div.sheet-statBar10,
|
|
.charsheet div.sheet-statBar11,
|
|
.charsheet div.sheet-statBar12,
|
|
.charsheet div.sheet-statBar13,
|
|
.charsheet div.sheet-statBar14 {
|
|
display: inline-block;
|
|
border: 1px solid white;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
/*border: 1px dotted blue;*/
|
|
width: 9px;
|
|
}
|
|
|
|
.charsheet input[value="1"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="2"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="2"]:checked ~ .sheet-statBar2 {
|
|
background-color: #dceac8;
|
|
}
|
|
|
|
.charsheet input[value="3"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="3"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="3"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="4"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="4"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="4"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="4"]:checked ~ .sheet-statBar4 {
|
|
background-color: #b9ebdf;
|
|
}
|
|
|
|
.charsheet input[value="5"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="5"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="5"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="5"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="5"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="6"]:checked ~ .sheet-statBar6 {
|
|
background-color: #bce0ea;
|
|
}
|
|
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="7"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="8"]:checked ~ .sheet-statBar8 {
|
|
background-color: #c3c7e9;
|
|
}
|
|
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="9"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="10"]:checked ~ .sheet-statBar10 {
|
|
background-color: #e4c6e9;
|
|
}
|
|
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar10,
|
|
.charsheet input[value="11"]:checked ~ .sheet-statBar11,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar10,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar11,
|
|
.charsheet input[value="12"]:checked ~ .sheet-statBar12 {
|
|
background-color: #f4c5dd;
|
|
}
|
|
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar10,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar11,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar12,
|
|
.charsheet input[value="13"]:checked ~ .sheet-statBar13,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar1,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar2,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar3,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar4,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar5,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar6,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar7,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar8,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar9,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar10,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar11,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar12,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar13,
|
|
.charsheet input[value="14"]:checked ~ .sheet-statBar14 {
|
|
background-color: #f4c4c5;
|
|
}
|
|
|
|
/* Rank Slider Colors
|
|
|
|
1-2: #dceac8
|
|
3-4: #b9ebdf
|
|
5-6: #bce0ea
|
|
7-8: #c3c7e9
|
|
9-10: #e4c6e9
|
|
11-12: #f4c5dd
|
|
13-14: #f4c4c5
|
|
|
|
*/
|
|
|
|
.charsheet .sheet-statColor {
|
|
display: none;
|
|
}
|
|
|
|
/* Roll Button Configuration */
|
|
|
|
.charsheet button[type=roll] { /*Regular roll button*/
|
|
background-color: #8a0000;
|
|
color: white;
|
|
background-image: none;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-textButton {
|
|
background-color: transparent;
|
|
color: black;
|
|
border: none;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
/*margin-top: -5px;*/
|
|
/*width: 70%;*/
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-textButton::before,
|
|
.charsheet button[type=roll].sheet-powerButton::before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-textButton:hover,
|
|
button[type=roll]:hover * {
|
|
color: #8a0000;
|
|
}
|
|
|
|
button[type=roll].sheet-textButton * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* End Roll Button Configuration */
|
|
.charsheet div.sheet-movementTable,
|
|
.charsheet div.sheet-Powers,
|
|
.charsheet div.sheet-Weapons {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-hideMovement:not(:checked) + span.sheet-hideMovement::before,
|
|
.charsheet input.sheet-hidePowers:not(:checked) + span.sheet-hidePowers::before,
|
|
.charsheet input.sheet-hideWeapons:not(:checked) + span.sheet-hideWeapons::before {
|
|
content: "Hide ";
|
|
}
|
|
|
|
.charsheet input.sheet-hideMovement:checked + span.sheet-hideMovement::before,
|
|
.charsheet input.sheet-hidePowers:checked + span.sheet-hidePowers::before,
|
|
.charsheet input.sheet-hideWeapons:checked + span.sheet-hideWeapons::before {
|
|
content: "Show ";
|
|
}
|
|
|
|
.charsheet input.sheet-hideMovement,
|
|
.charsheet input.sheet-hidePowers,
|
|
.charsheet input.sheet-hideWeapons {
|
|
/*width: 20%;*/
|
|
width: 158px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
/*position: absolute;
|
|
right: 20%;*/
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-hideMovement,
|
|
.charsheet span.sheet-hidePowers,
|
|
.charsheet span.sheet-hideWeapons {
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 158px;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
/*background: #65763c;*/
|
|
background: #8a0000; /*#93537c;*/
|
|
color: white; /*white;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
margin-left: -158px;
|
|
}
|
|
|
|
/*.sheet-hideMovement:checked ~ span.sheet-hideMovement,*/
|
|
.sheet-hideMovement:checked ~ div.sheet-movementTable,
|
|
.sheet-hidePowers:checked ~ div.sheet-Powers,
|
|
.sheet-hideWeapons:checked ~ div.sheet-Weapons {
|
|
display: none;
|
|
}
|
|
|
|
|