mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
alanrileyscott
0b0dae1b3c
Added Trickster Playbook to CSS and HTML Revised character sheet selection to support Trickster, as well as supplemental playbooks that could be added in the future.
432 lines
8.0 KiB
CSS
432 lines
8.0 KiB
CSS
.charsheet div,
|
|
.charsheet p {
|
|
-webkit-hyphens: auto;
|
|
-moz-hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
|
|
div.sheet-Academic,
|
|
div.sheet-Crafter,
|
|
div.sheet-Daredevil,
|
|
div.sheet-NatureAdept,
|
|
div.sheet-Seer,
|
|
div.sheet-Warrior,
|
|
div.sheet-Elementalist,
|
|
div.sheet-Envoy,
|
|
div.sheet-Orphan,
|
|
div.sheet-Rebel,
|
|
div.sheet-Trickster,
|
|
div.sheet-Custom
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-Skin[type="radio"][value="1"]:checked ~ div.sheet-Academic,
|
|
input.sheet-Skin[type="radio"][value="2"]:checked ~ div.sheet-Crafter,
|
|
input.sheet-Skin[type="radio"][value="3"]:checked ~ div.sheet-Daredevil,
|
|
input.sheet-Skin[type="radio"][value="4"]:checked ~ div.sheet-NatureAdept,
|
|
input.sheet-Skin[type="radio"][value="5"]:checked ~ div.sheet-Seer,
|
|
input.sheet-Skin[type="radio"][value="6"]:checked ~ div.sheet-Warrior,
|
|
input.sheet-Skin[type="radio"][value="7"]:checked ~ div.sheet-Elementalist,
|
|
input.sheet-Skin[type="radio"][value="8"]:checked ~ div.sheet-Envoy,
|
|
input.sheet-Skin[type="radio"][value="9"]:checked ~ div.sheet-Orphan,
|
|
input.sheet-Skin[type="radio"][value="10"]:checked ~ div.sheet-Rebel,
|
|
input.sheet-Skin[type="radio"][value="11"]:checked ~ div.sheet-Trickster,
|
|
input.sheet-Skin[type="radio"][value="99"]:checked ~ div.sheet-Custom
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
select.sheet-SkinSelect
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
input[type="radio"]
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"]
|
|
{
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
input[class^="sheet-Moves-"] {
|
|
margin-bottom:4px;
|
|
}
|
|
|
|
option.sheet-SkinSelect:checked
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* TEXT FORMATTING */
|
|
|
|
textarea {
|
|
resize:vertical;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 120%;
|
|
font-family:"Tahoma";
|
|
color: black;
|
|
padding-left:30px;
|
|
/*text-shadow: 1px 0 0 #cbb385, 0 1px 0 #cbb385, 0 -1px 0 #cbb385, -1px 0 0 #cbb385;*/
|
|
}
|
|
|
|
label {
|
|
font-weight:normal;
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
font-size:13px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="number"],
|
|
select {
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
}
|
|
|
|
.sheet-stat input[type="number"] {
|
|
background:url('https://i84.servimg.com/u/f84/13/24/51/43/token_13.png');
|
|
background-size:auto 100%;
|
|
background-repeat:no-repeat;
|
|
border:none;
|
|
padding-left:12px;
|
|
font-size:13px;
|
|
color:black;
|
|
height:30px
|
|
}
|
|
|
|
/* HR line */
|
|
|
|
hr.sheet-stat {
|
|
display: block;
|
|
height: 4px;
|
|
border: 0;
|
|
/*border-top: 4px solid #dac590;*/
|
|
border-top: 4px solid black;
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
height: 4px;
|
|
border: 0;
|
|
border-top: 1px solid #000;
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: hover;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.sheet-stat button[type="roll"]::before {
|
|
content: "";
|
|
font-size:10px;
|
|
}
|
|
|
|
.sheet-stat button[type="roll"] {
|
|
text-decoration:none;
|
|
border:none;
|
|
background:none;
|
|
border:none;
|
|
box-shadow:none;
|
|
font-size:13px;
|
|
padding:0;
|
|
font-weight:bold;
|
|
}
|
|
|
|
table,
|
|
tr,
|
|
td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-look input[type="radio"] {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-look input[type=radio]:checked + p {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sheet-look p {
|
|
font-size: 13px;
|
|
display:inline-block;
|
|
text-decoration: line-through;
|
|
font-weight:normal;
|
|
margin-right:10px;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.sheet-look label {
|
|
width:20%;
|
|
display:inline-block;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-look {
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
input.sheet-house ~ .sheet-house-text {text-decoration:line-through;}
|
|
|
|
input.sheet-house1:checked ~ .sheet-house-text {text-decoration:none;}
|
|
input.sheet-house2:checked ~ .sheet-house-text {text-decoration:none;}
|
|
|
|
input[type="radio"].sheet-house {
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
margin:0;
|
|
padding:0;
|
|
display:none;
|
|
width:15%;
|
|
height:75px;
|
|
}
|
|
|
|
img.sheet-house {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: 0px;
|
|
padding:0;
|
|
}
|
|
|
|
.sheet-house-text {
|
|
display:inline-block;
|
|
width:73%;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
div.sheet-virtue {
|
|
width:25%;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
margin-top:17.5px;
|
|
border:black 3px double;
|
|
padding:10px 0px;
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:repeat-y;
|
|
background-size:100%;
|
|
}
|
|
|
|
.sheet-virtue h1 {
|
|
margin-bottom:15px;
|
|
padding-left:0px;
|
|
}
|
|
|
|
.sheet-virtue label {
|
|
text-align:center;
|
|
}
|
|
|
|
input.sheet-virtue ~ .sheet-virtue-text {text-decoration:line-through;}
|
|
|
|
input.sheet-virtue1:checked ~ .sheet-virtue-text {text-decoration:none;}
|
|
input.sheet-virtue2:checked ~ .sheet-virtue-text {text-decoration:none;}
|
|
|
|
input[type="radio"].sheet-virtue {
|
|
cursor: pointer;
|
|
position: relative;
|
|
z-index: 9999;
|
|
margin:0;
|
|
padding:0;
|
|
display:none;
|
|
}
|
|
|
|
img.sheet-virtue {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: 0px;
|
|
padding:0;
|
|
}
|
|
|
|
.sheet-virtue-text {
|
|
display:inline-block;
|
|
width:73%;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.sheet-shadow label {
|
|
margin:0;
|
|
}
|
|
|
|
.sheet-shadow div {
|
|
width:49%;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-shadow div:nth-child(2n+1) {
|
|
margin-left:3px;
|
|
}
|
|
|
|
.sheet-moves label {
|
|
width:auto;
|
|
display:inline-block;
|
|
padding-right:0;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
div.sheet-mainmove {
|
|
border:black 3px double;
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:repeat-y;
|
|
background-size:100%;
|
|
padding:9px;
|
|
padding-bottom:0;
|
|
margin-bottom:9px;
|
|
}
|
|
|
|
div.sheet-dtcolumn {
|
|
width:24%;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-dtcolumn p {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.sheet-dtcolumn input[type="text"] {
|
|
width:60%;
|
|
border:none;
|
|
border-radius:0;
|
|
background:none;
|
|
padding:0;
|
|
border-bottom:1px solid black;
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:repeat-y;
|
|
background-size:100%;
|
|
margin-bottom:9px;
|
|
}
|
|
|
|
.sheet-nomargin p {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
input[type="text"].sheet-movetitle {
|
|
width:50%;
|
|
height:18px;
|
|
margin:0;
|
|
vertical-align:middle;
|
|
border:none;
|
|
border-radius:0;
|
|
background:none;
|
|
font-weight:bold;
|
|
color:#333;
|
|
}
|
|
|
|
.sheet-moves textarea {
|
|
width:97%;
|
|
height:40px;
|
|
margin:0;
|
|
border:none;
|
|
border-radius:0;
|
|
background:none;
|
|
color:#333;
|
|
}
|
|
|
|
input[type="checkbox"]:disabled {
|
|
cursor:default;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.sheet-fellowship input[type="text"] {
|
|
width:40%;
|
|
border:none;
|
|
border-radius:0;
|
|
background:none;
|
|
padding:0;
|
|
border-bottom:1px solid black;
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:repeat-y;
|
|
background-size:100%;
|
|
}
|
|
|
|
.sheet-advancement label {
|
|
width:15%;
|
|
display:inline-block;
|
|
padding-right:0;
|
|
margin-bottom:0;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.sheet-advancement input[type="checkbox"] {
|
|
font-size:20px;
|
|
}
|
|
|
|
div.sheet-moons {
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-moons label {
|
|
margin-right:15px;
|
|
}
|
|
|
|
input.sheet-moon {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-moon ~ .sheet-moon {
|
|
opacity:1;
|
|
}
|
|
|
|
input.sheet-moon:checked ~ .sheet-moon {
|
|
opacity:0.4;
|
|
}
|
|
|
|
.sheet-niveau p:nth-child(1) {
|
|
vertical-align:top;
|
|
height:37px;
|
|
width:33%;
|
|
}
|
|
|
|
.sheet-niveau p:nth-child(1) input.sheet-first {
|
|
margin-left:30px;
|
|
}
|
|
|
|
.sheet-niveau p:nth-child(1) input {
|
|
margin-top:19px;
|
|
}
|
|
|
|
.sheet-niveau3 p:nth-child(1) input,
|
|
.sheet-niveau1 p:nth-child(1) input {
|
|
margin-top:0px;
|
|
}
|
|
|
|
.sheet-niveau4 p:nth-child(1) input,
|
|
.sheet-niveau5 p:nth-child(1) input {
|
|
margin-top:12px;
|
|
}
|
|
|
|
.sheet-niveau p {
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-ritual textarea {
|
|
width:97%;
|
|
height:90px;
|
|
margin:0;
|
|
border:none;
|
|
border-radius:0;
|
|
color:#333;
|
|
background:url("https://i84.servimg.com/u/f84/13/24/51/43/scales10.png");
|
|
background-repeat:repeat-y;
|
|
background-size:100%;
|
|
} |