mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
374 lines
10 KiB
CSS
374 lines
10 KiB
CSS
.sheet-5colrow {display:block; text-align:left; width:100%;}
|
|
.sheet-5colrow .sheet-col-1 {vertical-align:top; display:inline-block; width:calc(18%); margin-top:20px;}
|
|
.sheet-5colrow .sheet-col-2 {vertical-align:top; display:inline-block; width:calc(6%); margin-top:20px; margin-left:calc(-8%);}
|
|
.sheet-5colrow .sheet-col-3 {vertical-align:top; text-align: center; display:inline-block; width:calc(22%); margin-top:10px; margin-left:calc(4%);}
|
|
.sheet-5colrow .sheet-col-4 {vertical-align:top; text-align: center; display:inline-block; width:calc(21%); margin-left:calc(1%);}
|
|
.sheet-5colrow .sheet-col-5 {vertical-align:top; text-align: left; display:inline-block; width:calc(33%); margin-left:calc(0%);}
|
|
.sheet-5colrow label {font-size:14px; display:block;width:100%;position:relative;height:1em;}
|
|
/*.sheet-col-subspan {vertical-align:top; text-align: center; display:inline-block; width:calc(49%); margin:calc(0%);}*/
|
|
.sheet-col-subspan {vertical-align:top; text-align: center; display:inline-block; width:49%; margin:0;}
|
|
.sheet-col-subspan label {font-size:14px; display:block; width:100%; position:relative; height:1em;}
|
|
.sheet-col-stuff {vertical-align:top; text-align: left; display:inline-block; width:calc(100%); margin-left:calc(0%);}
|
|
.sheet-col {vertical-align:middle; display:inline-block; width:calc(100%); margin:calc(1%);}
|
|
.sheet-small {font-size:13px; font-style:italic; display:block; width:100%; position:relative; height:0.8em;}
|
|
table {width: 100%; border: 1px solid #000000; text-align: left; margin: 3px;}
|
|
th {background: -webkit-linear-gradient(,rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Safari 5.1-6*/
|
|
background: -o-linear-gradient(rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Opera 11.1-12*/
|
|
background: -moz-linear-gradient(rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Fx 3.6-15*/
|
|
background: linear-gradient(rgba(102,102,102,1), rgba(102,102,102,0.5)); /*Standard*/}
|
|
|
|
/* KAMB Roll Button */
|
|
.charsheet button[type=roll].sheet-KAMBroll {
|
|
line-height:1em;
|
|
color: #FF9900;
|
|
background: transparent;
|
|
border:none;
|
|
text-shadow: 2px 2px 2px #000000;
|
|
}
|
|
|
|
/* Background Image Brawn */
|
|
.charsheet .sheet-background-brawn {
|
|
background-image: url("http://i.imgur.com/ChD05Pb.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Background Image Ego */
|
|
.charsheet .sheet-background-ego {
|
|
background-image: url("http://i.imgur.com/G5pNCn5.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Background Image Extraneous */
|
|
.charsheet .sheet-background-extraneous {
|
|
background-image: url("http://i.imgur.com/j6D6sXW.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Background Image Reflexes */
|
|
.charsheet .sheet-background-reflexes {
|
|
background-image: url("http://i.imgur.com/QQfzRh3.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Background Image Name */
|
|
.charsheet .sheet-background-name {
|
|
background-image: url("http://i.imgur.com/ulqTgou.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Background Image Paws */
|
|
.sheet-background-paws {
|
|
background-image: url("http://i.imgur.com/T0mHVlg.jpg");
|
|
background-size: 100%;
|
|
background-origin: content-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Ability Input Styling */
|
|
.charsheet .sheet-ability {
|
|
color: #FF9900;
|
|
text-align: center;
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 45%;
|
|
margin: 15% 0% 7% 12%;
|
|
}
|
|
|
|
/* Secondary Ability Input Styling */
|
|
.charsheet .sheet-other-four {
|
|
color: #6495ED;
|
|
text-align: center;
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 100%;
|
|
margin: 30% 0% 80% 0%;
|
|
}
|
|
|
|
/* Stats Input Styling */
|
|
.charsheet .sheet-stats {
|
|
color: #FF9900;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 80%;
|
|
margin: 12% 0% 0% 10%;
|
|
}
|
|
|
|
/* VP Input Styling */
|
|
.charsheet .sheet-vp {
|
|
color: #6495ED;
|
|
text-align: center;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 50%;
|
|
margin: 9% 0% -9% 15%;
|
|
}
|
|
|
|
/* Paws Input Styling */
|
|
.charsheet .sheet-paws {
|
|
color: #FF9900;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 25%;
|
|
margin: 3% 0% 3% 2%;
|
|
}
|
|
|
|
/* Hits Input Styling */
|
|
.charsheet .sheet-hits {
|
|
color: #6495ED;
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-shadow: 2px 2px 3px #000000;
|
|
background: transparent;
|
|
border: none;
|
|
width: 10%;
|
|
margin: 1% 1% 1% 3%;
|
|
}
|
|
|
|
/* Grey Div Background */
|
|
.charsheet .sheet-grey {
|
|
background-color: #A3A3A3;
|
|
border: 1px solid;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Inverted "White Text" Styling */
|
|
.charsheet .sheet-inverted {
|
|
color: #FFFFFF;
|
|
display:inline;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* Table Header Input Styling */
|
|
.sheet-table-data {
|
|
color: #FF9900;
|
|
font-style: bold;
|
|
line-height: 1.25em;
|
|
font-size: 1.25em;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* Hide Actual Checkbox For Styling Checkboxes */
|
|
.charsheet input[type="checkbox"].sheet-skill-checkbox {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake Checkbox Style */
|
|
.charsheet input[type="checkbox"].sheet-skill-checkbox + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 12px;
|
|
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);
|
|
|
|
content: ""; /* Unchecked - "Checkbox" */
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
color: #FF9900;
|
|
|
|
-moz-border-radius: 25%;
|
|
-webkit-border-radius: 25%;
|
|
border-radius: 25%;
|
|
}
|
|
|
|
/* Checked - "Checkbox" */
|
|
.charsheet input[type="checkbox"].sheet-skill-checkbox:checked + span::before {
|
|
content: "✘";
|
|
color: #FF9900;
|
|
}
|
|
|
|
/* (Opacity for "0" Check Box) "Horrible Death Cheque Tracking" */
|
|
.charsheet .sheet-horrible-checkbox {
|
|
opacity: .1;
|
|
}
|
|
|
|
/* Hide Actual Radio "Horrible Death Cheque Tracking" */
|
|
.charsheet input[type="radio"].sheet-horrible-radio {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio "Horrible Death Cheque Tracking" */
|
|
.charsheet input[type="radio"].sheet-horrible-radio + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 16px;
|
|
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);
|
|
|
|
content: "✘"; /* Checked - "Radio" */
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #FF9900;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* Remove dot from all radios _after_ selected one */
|
|
.charsheet input[type="radio"].sheet-horrible-radio:checked ~ input[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
/* Roll Template KAMB*/
|
|
.sheet-rolltemplate-KAMB table {
|
|
width:100%;
|
|
background-color:white;
|
|
border:2px solid #000;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow:2px 2px 5px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB th {
|
|
background-color: #FF9900;
|
|
color: #000000;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:1.25em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .sheet-subheader {
|
|
background-color: #FF9900;
|
|
color: #000000;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:0.9em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .sheet-green {
|
|
color: #008000;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .sheet-red {
|
|
color: #CC0000;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB td {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB tr:nth-child(odd) {
|
|
background-color:#DCDCDC;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB tr:nth-child(even) {
|
|
background: -webkit-linear-gradient(left,rgba(184,184,184,0),rgba(220,220,220,1)); /*Safari 5.1-6*/
|
|
background: -o-linear-gradient(right,rgba(184,184,184,0),rgba(220,220,220,1)); /*Opera 11.1-12*/
|
|
background: -moz-linear-gradient(right,rgba(184,184,184,0),rgba(220,220,220,1)); /*Fx 3.6-15*/
|
|
background: linear-gradient(to right, rgba(184,184,184,0), rgba(220,220,220,1)); /*Standard*/
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
text-align: right;
|
|
border: none;
|
|
color: #6495ED;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .inlinerollresult.fullcrit {
|
|
border: none;
|
|
color: #6495ED;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .inlinerollresult.fullfail {
|
|
border: none;
|
|
color: #6495ED;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-KAMB .inlinerollresult.importantroll {
|
|
border: none;
|
|
color: #6495ED;
|
|
background: transparent;
|
|
} |