mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 21:22:34 +00:00
Davemania
8c9531ef46
Updated the roll templates after the last update changed the way tables behaved.
445 lines
9.7 KiB
CSS
445 lines
9.7 KiB
CSS
.charsheet {
|
|
width: 842px !important;
|
|
margin: 0 auto !important;
|
|
padding: 15px;
|
|
}
|
|
|
|
select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
text-overflow: '';
|
|
}
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
h1 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 10;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h2 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 18px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3.sheet-divide::after, h3.sheet-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid black;
|
|
top: 0;
|
|
width: 220px;
|
|
}
|
|
|
|
h4 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h5 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
button[type="roll"]{
|
|
align-items: left;
|
|
color: black;
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
text-decoration:none;
|
|
background:none;
|
|
background-image:none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
button[type="roll"]:hover{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-heading-left {
|
|
text-align: left;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
height: 1px;
|
|
background: #ccc;
|
|
background-image: linear-gradient(to right, #ccc, #333, #ccc);
|
|
}
|
|
|
|
.sheet-vertleft {
|
|
border-left: 2px solid black;
|
|
height: 1000px;
|
|
margin-left: 20px;
|
|
-webkit-border-image:
|
|
-webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
|
|
-webkit-border-image:
|
|
-webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-moz-border-image:
|
|
-moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-o-border-image:
|
|
-o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
border-image:
|
|
linear-gradient(to bottom, rgba(0, 0, 0, 0), black, rgba(0, 0, 0, 0)) 1 100%;
|
|
}
|
|
.sheet-vertright {
|
|
border-right: 2px solid black;
|
|
height: 1000px;
|
|
margin-right: 20px;
|
|
-webkit-border-image:
|
|
-webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
|
|
-webkit-border-image:
|
|
-webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-moz-border-image:
|
|
-moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-o-border-image:
|
|
-o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
border-image:
|
|
linear-gradient(to bottom, rgba(0, 0, 0, 0), black, rgba(0, 0, 0, 0)) 1 100%;
|
|
}
|
|
|
|
.sheet-stats {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-stat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-bonds {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-bond {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-vows {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-vows-header {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-vow {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-debilities {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-debility {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: top;
|
|
}
|
|
|
|
.sheet-momentum-box {
|
|
width: 80px;
|
|
height: 45px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-momentum-input-box {
|
|
width: 80px;
|
|
height: 60px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-resources-title-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-top: 20px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-resources-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-pc-name {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-debil-desc {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-vow-name {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
input.sheet-filler[type="radio"],
|
|
input[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio/checkbox */
|
|
input[type="radio"] + span::before,
|
|
input[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
input[type="checkbox"] + span::before,
|
|
input.sheet-filler[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input[type="checkbox"]:checked + span::before
|
|
{
|
|
content: "■";
|
|
}
|
|
|
|
input.sheet-zeroxp[type="radio"] + span::before
|
|
{
|
|
content: "0" !important;
|
|
}
|
|
input.sheet-filler[type="radio"] + span::before
|
|
{
|
|
content: "■";
|
|
}
|
|
/* Remove dot from all radios _after_ selected one */
|
|
input.sheet-filler[type="radio"]:checked ~ input.sheet-filler[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
.sheet-momentum-input {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 40px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-stats-title {
|
|
width: 100px;
|
|
}
|
|
|
|
.sheet-stats-input {
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
line-height: 40px;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-progress-input {
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2px 0px 0px 12px;
|
|
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
|
|
/* ROLL TEMPLATE */
|
|
.sheet-rolltemplate-ironsworn table>thead>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>tbody>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>tfoot>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>thead>tr>td,
|
|
.sheet-rolltemplate-ironsworn table>tbody>tr>td,
|
|
.sheet-rolltemplate-ironsworn table>tfoot>tr>td {
|
|
padding: 4px;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-ironsworn table {
|
|
width: 100%;
|
|
/*border: 1px solid;*/
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn th {
|
|
|
|
background-color: #434b4d;
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
/*border-bottom: 1px solid black;*/
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-subheader {
|
|
background-color: #434b4d;
|
|
color: #ffffff;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-subfooter {
|
|
background-color: #b9b9b6;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .userscript-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn td {
|
|
padding: 5px;
|
|
/*border-bottom: 1px solid black;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn tr:nth-child(odd) {
|
|
background-color: #d9d9d6;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn tr:nth-child(even) {
|
|
background-color: #e9e9e6;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid #434b4d;
|
|
background: transparent;
|
|
}
|