mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Dylan Boates
b800a4c257
* Clean up BoB code * Remove sheet_type setter * Update bob.html Updating heritages * Adding healing boxes to harm section * Fixing healing layout.
2667 lines
46 KiB
CSS
2667 lines
46 KiB
CSS
/* Colors
|
|
e34a3a soft red
|
|
102536 ##f5f5f5 #c43c35 */
|
|
/* Version text */
|
|
|
|
/* Colors
|
|
e34a3a soft red
|
|
102536 ##f5f5f5 #c43c35 */
|
|
/* Version text */
|
|
|
|
@font-face {
|
|
font-family: Crimson;
|
|
src: url("https://s3-us-west-2.amazonaws.com/bob-roll20-sheet-images/Crimson-Roman.otf") format("opentype");
|
|
}
|
|
|
|
|
|
.sheet-version-text {
|
|
text-align: center;
|
|
color: #a8a8a8;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-playbook-reminder {
|
|
position: absolute;
|
|
border: 1px solid black;
|
|
background:black;
|
|
margin-top: 43px;
|
|
z-index: 3;
|
|
border-radius: 5px;
|
|
width: 267px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
padding: 3px;
|
|
}
|
|
.sheet-type-character {
|
|
/* background-image: url("http://i.imgur.com/JgP5ZZy.png") !important; */
|
|
background:black;
|
|
color:#c43c35;
|
|
|
|
height:100%;
|
|
clear:both;
|
|
padding-right:15px;
|
|
padding-left:15px;
|
|
}
|
|
input.sheet-settings-checkbox{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
input.sheet-settings-checkbox + span{
|
|
opacity: 0.3;
|
|
font-size: 120%;
|
|
font-family: pictos;
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
|
|
input.sheet-settings-checkbox:checked + span{
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-settings-checkbox-holder{
|
|
float: right;
|
|
margin-right: 20px;
|
|
}
|
|
.sheet-settings span{
|
|
color: black !important;
|
|
text-shadow:none !important;
|
|
}
|
|
.sheet-settings-checkbox-holder span{
|
|
color: black !important;
|
|
text-shadow:none !important;
|
|
}
|
|
.sheet-topholder{
|
|
margin-left: 55%;
|
|
width: 45%;
|
|
height: 18px;
|
|
position: relative;
|
|
padding-left: 5px;
|
|
top: -11px;
|
|
}
|
|
|
|
|
|
|
|
/* SETTINGS */
|
|
input:checked + .sheet-settings{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-settings{
|
|
display: none;
|
|
position: absolute;
|
|
margin-left: calc(100% - 360px);
|
|
width: 350px;
|
|
border: 1px solid black;
|
|
background-color:white !important;
|
|
z-index: 100;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-settings > div{
|
|
padding: 2px;
|
|
border-bottom: 1px solid lightgray;
|
|
}
|
|
|
|
.sheet-settings input.sheet-checkbox.sheet-squarebox + span{
|
|
border: 1px solid black !important;
|
|
}
|
|
.sheet-settings input.sheet-checkbox.sheet-squarebox:checked + span{
|
|
background-color: black !important;
|
|
}
|
|
|
|
.sheet-settings span:last-child{
|
|
font-size: 80%;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sheet-settings-load span{
|
|
font-size: 80%;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
|
|
.sheet-settings input[type=number]{
|
|
padding: 0 2px;
|
|
margin-left: 8px;
|
|
width: 30px;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.sheet-settings input[type=text]{
|
|
width: 30%;
|
|
font-size: 80%;
|
|
padding-left: 1px;
|
|
border: 1px solid lightgray;
|
|
}
|
|
|
|
.sheet-settings select{
|
|
width: 100px;
|
|
margin: 0 4px 0 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
}
|
|
|
|
/* SETTINGS FOR HIDING STUFF ON THE SHEET */
|
|
|
|
|
|
|
|
input.sheet-itemhider + div.sheet-item{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-itemhider:checked + div.sheet-item{
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-toothhider + input.sheet-tooth, input.sheet-toothhider + input.sheet-tooth + span{
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-toothhider:checked + input.sheet-tooth, input.sheet-toothhider:checked + input.sheet-tooth + span{
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-xp-hider + li{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-xp-hider:checked + li{
|
|
display: list-item;
|
|
}
|
|
|
|
.sheet-show-deity{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-show-deity:checked ~ div.sheet-show-deity{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-hidediv + div{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hidediv:checked + div{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
/* GENERALITIES */
|
|
|
|
|
|
|
|
.charsheet{
|
|
position: absolute;
|
|
padding: 0 10px 0 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
button{
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
label{
|
|
color:white;
|
|
text-shadow:0 0 2px #c43c35;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin: 0;
|
|
font-family: Crimson, times New roman, serif;
|
|
letter-spacing: 1px;
|
|
font-size: 71%;
|
|
}
|
|
|
|
div{
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
input[type="text"]{
|
|
font-family: Crimson, times New roman, serif;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
}
|
|
|
|
textarea{
|
|
box-shadow: none;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
li, li input[type="text"]{
|
|
font-family: Crimson, Times New Roman, serif;
|
|
color: white;
|
|
position: relative;
|
|
}
|
|
|
|
li:after{
|
|
background: #c43c35;
|
|
transform: rotate(45deg);
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
span{
|
|
font-family: Crimson, Times New Roman, serif;
|
|
color: white;
|
|
}
|
|
|
|
input[type="checkbox"], input[type="radio"]{
|
|
opacity: 0;
|
|
z-index: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-hidden{
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-rep-block{
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
span.sheet-inherit{
|
|
font-size: inherit;
|
|
color: inherit;
|
|
text-shadow:inherit;
|
|
font-family: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
|
|
/* USEFUL GENERAL LAYOUT*/
|
|
|
|
|
|
|
|
.sheet-blackheader, .sheet-black-on-grey, .sheet-greyheader{
|
|
font-size: 74%;
|
|
font-weight: 600;
|
|
height: 16px;
|
|
letter-spacing: 1px;
|
|
line-height: 16px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-blackheader.sheet-narrow, .sheet-black-on-grey.sheet-narrow{
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.sheet-blackheader{
|
|
background-color: #102536;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-black-on-grey, .sheet-greyheader{
|
|
background-color: #102536;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-black-on-grey{
|
|
float: left;
|
|
position: relative;
|
|
top: -3px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.sheet-blackheader .sheet-label, .sheet-black-on-grey .sheet-label, .sheet-greyheader .sheet-label{
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-plainheader{
|
|
width: 100%;
|
|
border-top: 2px solid #f5f5f5;
|
|
color: white;
|
|
font-size: 88%;
|
|
font-weight: 800;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.sheet-specialheader{
|
|
background-color: #102536;
|
|
height: 20px;
|
|
color: white;
|
|
font-size: 74%;
|
|
letter-spacing: 1px;
|
|
padding-left: 5px;
|
|
padding-top: 11px;
|
|
font-weight: 600;
|
|
line-height: 0px;
|
|
}
|
|
.sheet-greyholder{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-def-margin{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.sheet-blackborder{
|
|
border-top: 3px solid #102536;
|
|
}
|
|
|
|
.sheet-tier{
|
|
float: right;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
/* COLUMN LAYOUT */
|
|
|
|
.sheet-harm-grid {
|
|
display: grid;
|
|
grid-template-columns: 6% 37% 37% 3% 17%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"three descriptionthree descriptionthree checksthree labelthree"
|
|
"two descriptiontwoa descriptiontwob checkstwo labeltwo"
|
|
"one descriptiononea descriptiononeb checksone labelone";
|
|
}
|
|
|
|
.sheet-harm-three {
|
|
grid-area: three;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-harm-descriptionthree {
|
|
grid-area: descriptionthree;
|
|
border-left: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-harm-checksthree {
|
|
grid-area: checksthree;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-harm-labelthree {
|
|
grid-area: labelthree;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
|
|
.sheet-harm-two {
|
|
grid-area: two;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-harm-descriptiontwoa {
|
|
grid-area: descriptiontwoa;
|
|
border-left: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-harm-descriptiontwob {
|
|
grid-area: descriptiontwob;
|
|
border-left: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-harm-checkstwo {
|
|
grid-area: checkstwo;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-harm-labeltwo {
|
|
grid-area: labeltwo;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-harm-one {
|
|
grid-area: one;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-harm-descriptiononea {
|
|
grid-area: descriptiononea;
|
|
border-left: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-harm-descriptiononeb {
|
|
grid-area: descriptiononeb;
|
|
border-left: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-harm-checksone {
|
|
grid-area: checksone;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-harm-labelone {
|
|
grid-area: labelone;
|
|
background-color: transparent;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 119%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-col55, .sheet-col45, .sheet-col50a, .sheet-col50b, .sheet-col94, .sheet-col100, .sheet-col97, .sheet-col68, .sheet-col30, .sheet-col50, .sheet-col2, .sheet-col15, .sheet-col70, .sheet-col52b, .sheet-col18, .sheet-col24b{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-col2{
|
|
width: 9px;
|
|
}
|
|
.sheet-col2 .sheet-blackborder{
|
|
border:none !important;
|
|
}
|
|
.sheet-col15{
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-col18{
|
|
width: 18%;
|
|
}
|
|
.sheet-col24b
|
|
{
|
|
width: 24.25%;margin-right: 1%;
|
|
}
|
|
.sheet-col24b:last-child
|
|
{
|
|
margin-right: 0;
|
|
}
|
|
.sheet-col30{
|
|
width: 30%;
|
|
}
|
|
.sheet-col50{
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-col52b{
|
|
width: 52%;
|
|
margin-left: 3%;
|
|
}
|
|
|
|
.sheet-col55{
|
|
width: 55%;
|
|
}
|
|
|
|
.sheet-col45, .sheet-col50a{
|
|
width: 45%;
|
|
}
|
|
|
|
.sheet-col50b{
|
|
width: 52%;
|
|
}
|
|
|
|
.sheet-col68{
|
|
width: 68%;
|
|
}
|
|
|
|
.sheet-col70{
|
|
width: 70%}
|
|
|
|
.sheet-col82{
|
|
width: 82%}
|
|
|
|
.sheet-col94{
|
|
width: 94%;
|
|
}
|
|
|
|
.sheet-col97{
|
|
margin-left: 1.5%;
|
|
width: 97%;
|
|
}
|
|
|
|
.sheet-col100{
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-col50a, .sheet-col50b{
|
|
margin: 5px 0 0 1.5%;
|
|
}
|
|
|
|
|
|
/* FONT STYLES */
|
|
|
|
|
|
|
|
.sheet-label, input[type="text"].sheet-label, textarea.sheet-label{
|
|
text-transform: uppercase;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
}
|
|
|
|
.sheet-smallcaps{
|
|
text-transform: uppercase;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.sheet-bold{
|
|
font-weight: 800;
|
|
}
|
|
|
|
.sheet-italic, .sheet-italic input[type=text]{
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* INFO BOXES */
|
|
|
|
|
|
|
|
.sheet-teamwork{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.sheet-gatherinfo ul{
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-gatherinfo li{
|
|
margin-bottom: 4px;
|
|
font-style: italic;
|
|
padding-left: 11px;
|
|
font-size: 86%;
|
|
height: 17px;
|
|
}
|
|
|
|
.sheet-gatherinfo li input[type=text]{
|
|
width: 100%;
|
|
font-style: italic;
|
|
font-size: 100%;
|
|
}
|
|
|
|
.sheet-gatherinfo li:after{
|
|
height: 4px;
|
|
width: 4px;
|
|
top: .25em;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-teamworkbox{
|
|
width: 95%;
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
background-color: transparent;
|
|
font-size: 89%;
|
|
line-height: 122%;
|
|
}
|
|
|
|
.sheet-planningdesc{
|
|
font-size: 89%;
|
|
line-height: 127%;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
/* ITEMS/UPGRADES */
|
|
|
|
|
|
|
|
.sheet-itemholder > div{
|
|
padding: 7px;
|
|
}
|
|
|
|
.sheet-item{
|
|
display: inline-block;
|
|
width: 100%;
|
|
line-height: normal;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-item.sheet-itemshort{
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-playbookitems{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-item input[type=text]{
|
|
width: calc(100% - 21px);
|
|
height: 16px;
|
|
color: inherit;
|
|
margin-left: 5px;
|
|
padding: 3px 0;
|
|
font-size: 83%;
|
|
}
|
|
|
|
.sheet-item textarea{
|
|
width: calc(100% - 21px);
|
|
resize: none;
|
|
color: inherit;
|
|
position: relative;
|
|
top: 2px;
|
|
height: 18px;
|
|
font-size: 83%;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-item input.sheet-item-textarea-tall:checked + textarea{
|
|
height: 36px;
|
|
}
|
|
|
|
.sheet-item.sheet-item2box input[type=text]{
|
|
width: calc(100% - 37px);
|
|
}
|
|
|
|
.sheet-item.sheet-item3box input[type=text]{
|
|
width: calc(100% - 53px);
|
|
}
|
|
|
|
.sheet-item.sheet-item4box input[type=text]{
|
|
width: calc(100% - 69px);
|
|
}
|
|
|
|
.sheet-item.sheet-itemammobox input[type=text]{
|
|
width: calc(100% - 107px);
|
|
}
|
|
|
|
.sheet-item.sheet-itembold input[type=text]{
|
|
font-weight: 700;
|
|
}
|
|
|
|
.sheet-item.sheet-itemitalic input[type=text]{
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-item span.sheet-label{
|
|
font-weight: bold;
|
|
font-size: 78%;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-item span.sheet-label.sheet-upgradecosts{
|
|
font-size: 55%;
|
|
line-height: normal;
|
|
}
|
|
|
|
.sheet-item span{
|
|
font-size: 83%;
|
|
}
|
|
|
|
.sheet-item.sheet-upgradecaption{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-floatingbar{
|
|
display: inline-block;
|
|
width: 3px;
|
|
height: 2px;
|
|
margin: 0 -1px 0 -2px;
|
|
border-top: 2px solid #838587;
|
|
}
|
|
|
|
|
|
/* LOGO */
|
|
|
|
|
|
|
|
.sheet-scumlogo{
|
|
height: 63px;
|
|
width: 95%;
|
|
background-image: url("https://s3-us-west-2.amazonaws.com/bob-roll20-sheet-images/logo.png");
|
|
background-size: 100% auto;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-logoholder{
|
|
height: 50px;
|
|
}
|
|
|
|
.sheet-crewheader{
|
|
color: #7f8184;
|
|
font-size: 210%;
|
|
letter-spacing: -2px;
|
|
margin-top: -8px;
|
|
font-weight: 800;
|
|
line-height: 50px;
|
|
}
|
|
|
|
|
|
/* LOAD */
|
|
|
|
|
|
|
|
.sheet-loadheader, .sheet-loadheader2{
|
|
background-color: #102536;
|
|
height: 20px;
|
|
line-height: 0px;
|
|
color: white;
|
|
font-size: 74%;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.sheet-loadheader{
|
|
padding: 4px 0 0 3px;
|
|
}
|
|
|
|
.sheet-loadheader2{
|
|
margin-top: 5px;
|
|
padding: 10px 0 0 3px;
|
|
}
|
|
|
|
.sheet-loadheader2 .sheet-italic{
|
|
font-size: 106%;
|
|
font-weight: 500;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-loadcheckholder{
|
|
display: inline-block;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
text-transform: lowercase;
|
|
font-style: italic;
|
|
font-size: 104%;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sheet-loadcheckholder .sheet-bold{
|
|
font-size: 105%;
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.sheet-loadnumber{
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 105%;
|
|
padding-left: 4px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
|
|
/* ADVANCEMENT BOX*/
|
|
|
|
|
|
|
|
.sheet-advancement{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-advancement-header > div{
|
|
float: left;
|
|
letter-spacing: 2px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-advancement-markxp{
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-advancement-tracker{
|
|
width: 75%;
|
|
text-align: right;
|
|
height: 16px;
|
|
}
|
|
|
|
.sheet-advancement-tracker div{
|
|
float: right;
|
|
}
|
|
|
|
.sheet-advancement-xpholder{
|
|
min-width: 120px;
|
|
text-align: right;
|
|
padding: 0 3px 0 5px;
|
|
}
|
|
|
|
.sheet-advancement-desc{
|
|
width: 99%;
|
|
margin-top: -2px;
|
|
float: left;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-advancement-desc ul{
|
|
padding: 15px 20px 4px 16px;
|
|
}
|
|
|
|
.sheet-advancement-desc li, .sheet-advancement-desc input[type=text]{
|
|
font-size: 95%;
|
|
line-height: 127%;
|
|
font-style: italic;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-advancement-desc li{
|
|
margin-bottom: 1em;
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
.sheet-advancement-desc li:after{
|
|
height: .4em;
|
|
width: .4em;
|
|
top: .25em;
|
|
}
|
|
|
|
.sheet-advancement-desc li.sheet-nondot{
|
|
padding-left: 0;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-advancement-desc li.sheet-nondot:after{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* PLAYBOOK */
|
|
|
|
|
|
|
|
.sheet-playbook{
|
|
margin-left: 5px;
|
|
width: calc(45% - 5px);
|
|
float: left;
|
|
height: 50px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-playbook-title{
|
|
width: 60%;
|
|
height: inherit;
|
|
float: left;
|
|
padding: 5px 0 0 10px;
|
|
}
|
|
|
|
.sheet-playbook-desc{
|
|
width: 40%;
|
|
height: inherit;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-playbook-title input[type="text"]{
|
|
letter-spacing: -2px;
|
|
font-size: 274%;
|
|
color: #c43c35;
|
|
font-weight: 200;
|
|
}
|
|
.sheet-playbook-desc textarea{
|
|
box-sizing: border-box;
|
|
height: 50px;
|
|
width: 100%;
|
|
padding-top: 6px;
|
|
font-size: 78%;
|
|
font-weight: 800;
|
|
letter-spacing: 1px;
|
|
color: #c43c35;
|
|
resize: none;
|
|
line-height: 145%;
|
|
}
|
|
|
|
|
|
/* HEADER */
|
|
|
|
|
|
|
|
.sheet-header input[type="text"]{
|
|
width: 100%;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
border-radius: 0;
|
|
font-size: 109%;
|
|
padding: 3px 0 0;
|
|
margin: 3px 0 0;
|
|
color: #c43c35;
|
|
}
|
|
|
|
.sheet-header .sheet-item input[type=text]{
|
|
width: calc(100% - 21px);
|
|
border-bottom: none;
|
|
height: 16px;
|
|
color: inherit;
|
|
margin-left: 5px;
|
|
padding: 3px 0;
|
|
font-size: 83%;
|
|
}
|
|
|
|
.sheet-header .sheet-col55 input[type="text"]{
|
|
width: 85%}
|
|
|
|
.sheet-header label{
|
|
font-size: 71%;
|
|
}
|
|
|
|
span.sheet-viceblurb{
|
|
font-size: 85%;
|
|
}
|
|
|
|
|
|
/* CLOCKS */
|
|
|
|
.sheet-clock input.sheet-label{
|
|
color: white;
|
|
font-size: 106%;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
line-height: 119%;
|
|
}
|
|
|
|
.sheet-clockpicture{
|
|
position: absolute;
|
|
margin-top: -38px;
|
|
z-index: 1;
|
|
height: 44px;
|
|
width: 44px;
|
|
background-image: url('http://i.imgur.com/jF2ces6.png');
|
|
}
|
|
|
|
.sheet-recovery .sheet-clockpicture{
|
|
margin-left: 30.5%;
|
|
}
|
|
|
|
.sheet-clock .sheet-clockpicture{
|
|
margin-left: 85%;
|
|
}
|
|
|
|
.sheet-4clock, .sheet-6clock, .sheet-recoveryclock, .sheet-8clock, .sheet-12clock{
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
input[value="4"]:checked ~ .sheet-4clock,input[value="6"]:checked ~ .sheet-6clock,input[value="8"]:checked ~ .sheet-8clock,input[value="12"]:checked ~ .sheet-12clock,.sheet-recovery .sheet-recoveryclock{
|
|
display: block;
|
|
}
|
|
|
|
/* PROGRESS CLOCKS */
|
|
.sheet-8clock input[value="0"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/3jiS7W5.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="1"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/UKvufQ9.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="2"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/z5whbrr.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="3"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/qtfzpbB.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="4"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/dUSvEMj.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="5"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/NkcXp5B.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="6"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/ccV4ViK.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="7"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/7MRDVQL.png");
|
|
}
|
|
|
|
.sheet-8clock input[value="8"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/nIK3zj7.png");
|
|
}
|
|
|
|
.sheet-4clock input[value="0"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/WyOBm3g.png");
|
|
}
|
|
|
|
.sheet-4clock input[value="1"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/N2X2cTL.png");
|
|
}
|
|
|
|
.sheet-4clock input[value="2"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/JMM2r6j.png");
|
|
}
|
|
|
|
.sheet-4clock input[value="3"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/uddeRxr.png");
|
|
}
|
|
|
|
.sheet-4clock input[value="4"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/xAjl6Dr.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="0"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/o74qem7.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="1"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/ZGxb27v.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="2"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/S5kv8oM.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="3"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/ap2MC31.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="4"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/NasMhtf.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="5"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/sZbVtys.png");
|
|
}
|
|
|
|
.sheet-6clock input[value="6"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/9Jzphbf.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="0"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/hJtRnPa.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="1"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/hwI0E02.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="2"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/EcOMXXJ.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="3"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/jxkDQX4.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="4"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/uNj912f.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="5"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/cyzoQDr.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="6"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/O5QY0JK.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="7"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/XtYYi4t.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="8"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/CPNLeCf.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="9"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/t6YfeLl.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="10"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/hNrZe47.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="11"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/Ry683RN.png");
|
|
}
|
|
|
|
.sheet-12clock input[value="12"]:checked ~ .sheet-clockpicture{
|
|
background-image: url("http://i.imgur.com/mQ1VaCe.png");
|
|
}
|
|
|
|
.sheet-clockprogress{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-recovery, .sheet-clock{
|
|
background-color: #102536;
|
|
font-style: italic;
|
|
font-size: 80%;
|
|
line-height: 8px;
|
|
}
|
|
|
|
.sheet-clock{
|
|
width: 100%;
|
|
display: inline-block;
|
|
padding: 8px 50px 12px 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.sheet-clocks{
|
|
margin-top: 26px;
|
|
}
|
|
|
|
.sheet-recovery .sheet-bold{
|
|
font-size: 81%;
|
|
letter-spacing: 1px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 119%;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
|
|
/* TEXT INPUTS FOR TRAUMA AND CLOCKS */
|
|
|
|
|
|
|
|
input.sheet-text-input{
|
|
height: 11px;
|
|
}
|
|
|
|
input.sheet-text-input[type="checkbox"]{
|
|
width: 52px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
input.sheet-text-input[type="radio"]{
|
|
width: 20px;
|
|
}
|
|
|
|
input.sheet-text-input.sheet-longoption[type="radio"]{
|
|
width: 64px;
|
|
}
|
|
|
|
input.sheet-text-input + span{
|
|
line-height: 0px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
left: 2px;
|
|
}
|
|
|
|
.sheet-traumata input.sheet-text-input + span{
|
|
text-transform: uppercase;
|
|
font-size: 64%;
|
|
top: -3px;
|
|
}
|
|
|
|
.sheet-clockprogress input.sheet-text-input + span{
|
|
font-size: 90%;
|
|
}
|
|
|
|
input.sheet-text-input.sheet-traumarow2 + span{
|
|
top: -8px;
|
|
}
|
|
|
|
input.sheet-text-input:hover + span{
|
|
color: white;
|
|
}
|
|
|
|
input.sheet-text-input:checked + span{
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red ;
|
|
}
|
|
|
|
input.sheet-text-input:checked:hover + span{
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red;
|
|
}
|
|
|
|
input.sheet-ship-text-input:checked + span{
|
|
color: #c43c35 !important;
|
|
}
|
|
|
|
input.sheet-ship-text-input:checked:hover + span{
|
|
color: #c43c35 !important;
|
|
}
|
|
|
|
input.sheet-text-input + span::after{
|
|
content: "—";
|
|
color: white;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
input.sheet-text-input.sheet-last + span::after{
|
|
content: "";
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* TEETH */
|
|
|
|
|
|
|
|
input.sheet-stresstooth, input.sheet-xptooth, input.sheet-skiptooth, input.sheet-holdtooth,input.sheet-stresstooth + span, input.sheet-xptooth + span, input.sheet-skiptooth + span, input.sheet-holdtooth + span{
|
|
height: 25px;
|
|
}
|
|
input.sheet-modtooth, input.sheet-modtooth + span, input.sheet-moddamagetooth, input.sheet-moddamagetooth + span {
|
|
height: 15px;
|
|
}
|
|
|
|
|
|
input.sheet-regulartooth, input.sheet-regulartooth + span{
|
|
height: 14px;
|
|
}
|
|
|
|
input.sheet-tooth{
|
|
width: 12px;
|
|
}
|
|
|
|
input.sheet-tooth + span{
|
|
width: 8px;
|
|
margin-right: 1px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
input.sheet-tooth:nth-last-child(2){
|
|
width: 7px;
|
|
}
|
|
|
|
input.sheet-tooth:hover + span{
|
|
filter: alpha(opacity=70);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
input.sheet-xptooth + span{
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #c43c35;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-xptooth:checked ~ input.sheet-xptooth + span{
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #102536;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
input.sheet-skiptooth + span{
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #e34a3a;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-skiptooth:checked ~ input.sheet-skiptooth + span{
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #102536;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
.sheet-sysdamteeth {
|
|
padding-right:6px;
|
|
}
|
|
input.sheet-modtooth + span{
|
|
height:14px;
|
|
width: 7px;
|
|
background-color: #c43c35;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-modtooth:checked ~ input.sheet-modtooth + span{
|
|
height:14px;
|
|
width: 7px;
|
|
background-color: #102536;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-moddamagetooth + span{
|
|
height:14px;
|
|
width: 7px;
|
|
background-color: #e34a3a;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-moddamagetooth:checked ~ input.sheet-moddamagetooth + span{
|
|
height:14px;
|
|
width: 7px;
|
|
background-color: #102536 !important;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-stresstooth[type="radio"] + span,input.sheet-stresstooth[type="checkbox"]:checked + span,input.sheet-holdtooth:checked + span{
|
|
/* red tooth */
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #c43c35;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-stresstooth[type="checkbox"] + span,input.sheet-stresstooth:checked ~ input.sheet-stresstooth[type="radio"] + span,input.sheet-holdtooth + span{
|
|
/* white tooth */
|
|
height:25px;
|
|
width: 7px;
|
|
background-color: #102536;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
|
|
|
|
input.sheet-regulartooth[type="radio"] + span{
|
|
height:14px;
|
|
width: 7px;
|
|
background-color: #e34a3a;
|
|
border:1px solid #671315;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-regulartooth:checked ~ input.sheet-regulartooth[type="radio"] + span{
|
|
height:13px;
|
|
width: 7px;
|
|
background-color: #102536;
|
|
border:1px solid white;
|
|
margin-right:1px !important;
|
|
-ms-transform: skewX(-20deg); /* IE 9 */
|
|
-webkit-transform: skewX(-20deg); /* Safari */
|
|
transform: skewX(-20deg);
|
|
}
|
|
|
|
input.sheet-zero{
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
|
|
input.sheet-zero + span{
|
|
width: 10px;
|
|
height: 13px;
|
|
margin-right: 3px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-image: url(http://i.imgur.com/b7fMDSq.png);
|
|
}
|
|
|
|
input.sheet-zero[type="radio"]:checked + span{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* SPECIAL ABILITIES*/
|
|
|
|
|
|
|
|
.sheet-specialability, .sheet-friend, .sheet-contact{
|
|
padding-top: 5px;
|
|
padding-left: 4px;
|
|
}
|
|
textarea.sheet-abilityname{
|
|
width: 25%;
|
|
color: white;
|
|
resize: none;
|
|
height: 50px;
|
|
padding-left: 5px;
|
|
font-variant: small-caps;
|
|
font-weight: 800;
|
|
letter-spacing: 0px;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
}
|
|
|
|
textarea.sheet-abilitydesc{
|
|
width: 69%;
|
|
resize: vertical;
|
|
height: 50px;
|
|
color: white;
|
|
font-size: 95%;
|
|
line-height: 122%;
|
|
}
|
|
|
|
|
|
/* HARM AND RECOVERY */
|
|
|
|
|
|
|
|
.sheet-harmrow, .sheet-harmheader{
|
|
border-bottom: 1px solid #f5f5f5;
|
|
}
|
|
|
|
.sheet-recovery{
|
|
width: 80%;
|
|
float: left;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-harmrow, .sheet-harmrow div{
|
|
height: 40px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-harmrow div{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-harmrow input[type="text"]{
|
|
font-size: 72%;
|
|
padding: 15px 6px 6px;
|
|
color: #e34a3a;
|
|
text-shadow: 0 0 2px red !important;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.sheet-arrow-right{
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 2px;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 4px solid black;
|
|
}
|
|
|
|
|
|
/* ARMOR */
|
|
|
|
|
|
|
|
.sheet-armor .sheet-label{
|
|
float: left;
|
|
color: white;
|
|
font-size: 88%;
|
|
font-weight: 800;
|
|
padding: 1px 0 0 1px;
|
|
width: calc(100% - 25px);
|
|
}
|
|
.sheet-armorholder
|
|
{
|
|
margin-left:9px;
|
|
}
|
|
.sheet-armor .sheet-col00{
|
|
margin-bottom: 4px;
|
|
clear:right;
|
|
}
|
|
|
|
.sheet-armor .sheet-col00:last-child{
|
|
float: right;
|
|
}
|
|
.sheet-armor .sheet-specialarmorlabel input[type="text"]
|
|
{
|
|
color: white;
|
|
font-size: 95%;
|
|
|
|
font-weight: 800;
|
|
width:107px;
|
|
text-transform:uppercase;
|
|
clear:right;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.sheet-armor .sheet-attribute-title
|
|
{
|
|
width:100%;
|
|
margin-bottom:7px;
|
|
padding-right:3px;
|
|
}
|
|
|
|
.sheet-armor-tick-box{
|
|
float: right;
|
|
width: 50px;
|
|
text-align: right;
|
|
padding-right: 1px;
|
|
clear:left;
|
|
}
|
|
|
|
|
|
/* BONUS DIE SECTION */
|
|
.sheet-bonusdie{
|
|
padding: 0 5px;
|
|
color: #c43c35;
|
|
}
|
|
.sheet-bonusdie .sheet-col100{
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.sheet-bonusdie .sheet-label{
|
|
font-size: 88%;
|
|
font-weight: 800;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.sheet-bonusdie > div:last-child{
|
|
height: 100%;
|
|
}
|
|
.sheet-bonuswrapper
|
|
{
|
|
height:100%;
|
|
}
|
|
.sheet-bonusdie .sheet-bonusdieplus{
|
|
width: 10%;
|
|
float: left;
|
|
background-color: #102536;
|
|
color: white;
|
|
font-weight: 800;
|
|
height:100%;
|
|
}
|
|
|
|
.sheet-bonusdie .sheet-bonusdietext{
|
|
background-color: transparent;
|
|
width: 90%;
|
|
float: left;
|
|
padding: 5px;
|
|
font-size: 80%;
|
|
line-height: 122%;
|
|
}
|
|
.sheet-pushplus{
|
|
box-sizing:border-box;
|
|
width:10%;
|
|
display: inline-block;
|
|
padding: 15px 4px 15px 4px;
|
|
font-weight: 800;
|
|
vertical-align:center;
|
|
}
|
|
.sheet-bonusdie .sheet-bonusdietext .sheet-pushtext{
|
|
height:49px !important;
|
|
background-color: transparent;
|
|
width: 90%;
|
|
float: left;
|
|
padding: 5px;
|
|
font-size: 80%;
|
|
line-height: 122%;
|
|
}
|
|
.sheet-assistplus{
|
|
box-sizing:border-box;
|
|
width:10%;
|
|
display: inline-block;
|
|
padding: 9px 4px 8px 4px;
|
|
font-weight: 800;
|
|
vertical-align:center;
|
|
}
|
|
.sheet-bonusdie .sheet-bonusdietext .sheet-assisttext{
|
|
height:33px !important;
|
|
background-color: #102536;
|
|
width: 90%;
|
|
float: left;
|
|
padding: 5px;
|
|
font-size: 80%;
|
|
line-height: 122%;
|
|
}
|
|
|
|
|
|
/* REPEATING SECTION CONTROLS */
|
|
|
|
.charsheet button.repcontrol_edit, .charsheet button.repcontrol_add{
|
|
padding: 6px;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
color: #c43c35;
|
|
border-radius: 0;
|
|
border-color: #c43c35;
|
|
transition: all 0.2s;
|
|
margin-top:5px;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
font-variant: small-cap;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.charsheet button.repcontrol_edit:hover, .charsheet button.repcontrol_add:hover{
|
|
color: white;
|
|
border-color: white;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-white-repcontrol button.repcontrol_edit, .sheet-white-repcontrol button.repcontrol_add{
|
|
font-weight: 600;
|
|
background-color: transparent;
|
|
margin-top: 12px;
|
|
font-size: 91%;
|
|
font-family: sans-serif;
|
|
padding: 4px;
|
|
}
|
|
|
|
.itemcontrol{
|
|
z-index: 20;
|
|
}
|
|
|
|
|
|
/* STRESS, REP, et cetera */
|
|
|
|
|
|
|
|
.sheet-hold, .sheet-stress > div, .sheet-rep > div, .sheet-hold > div, .sheet-crewcoin > div:first-child > div{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-hold{
|
|
width: 255px;
|
|
margin-left: calc(55% - 255px);
|
|
}
|
|
|
|
.sheet-stress, .sheet-rep, .sheet-hold{
|
|
height: 25px;
|
|
}
|
|
|
|
.sheet-stress1{
|
|
width: 53px;
|
|
}
|
|
|
|
.sheet-corruption1{
|
|
width: 83px;
|
|
}
|
|
|
|
.sheet-stress2{
|
|
width: calc(100% - 330px);
|
|
}
|
|
|
|
.sheet-corruption2{
|
|
width: calc(100% - 360px);
|
|
}
|
|
|
|
.sheet-stress3{
|
|
width: 68px;
|
|
}
|
|
|
|
.sheet-stress4{
|
|
width: 209px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.sheet-stress4 div{
|
|
width: 110%;
|
|
}
|
|
|
|
.sheet-traumaholder, .sheet-wantedholder{
|
|
height: 12px;
|
|
display: block;
|
|
float: right;
|
|
text-align: right;
|
|
width: 100%;
|
|
padding-right:2px;}
|
|
|
|
.sheet-rep1{
|
|
width: 35px;
|
|
}
|
|
|
|
.sheet-rep2{
|
|
width: calc(100% - 78px);
|
|
}
|
|
|
|
.sheet-rep3{
|
|
width: 43px;
|
|
}
|
|
|
|
.sheet-turfbox{
|
|
display: block;
|
|
position: absolute;
|
|
float: right;
|
|
z-index: 2;
|
|
margin-left: 63px;
|
|
}
|
|
|
|
.sheet-hold1, .sheet-hold4{
|
|
width: 41px;
|
|
}
|
|
|
|
.sheet-hold2{
|
|
width: 51px;
|
|
}
|
|
|
|
.sheet-hold3{
|
|
width: 63px;
|
|
}
|
|
|
|
.sheet-hold5{
|
|
width: 59px;
|
|
height: 16px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-crewcoin1{
|
|
width: 60px;
|
|
}
|
|
|
|
.sheet-crewcoin2{
|
|
width: calc(100% - 60px);
|
|
}
|
|
|
|
.sheet-zeroholder{
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-stress1 .sheet-zeroholder{
|
|
margin: -2px 0 0 35px;
|
|
}
|
|
|
|
.sheet-stress3 .sheet-zeroholder{
|
|
margin-left: 0;
|
|
}
|
|
|
|
.sheet-rep1 .sheet-zeroholder{
|
|
margin: -2px 0 0 17px;
|
|
}
|
|
|
|
.sheet-rep3 .sheet-zeroholder{
|
|
margin: 13px 0 0 -3px;
|
|
}
|
|
|
|
.sheet-coin .sheet-zeroholder{
|
|
margin: 0 0 0 27px;
|
|
}
|
|
.sheet-crewcoin .sheet-zeroholder{
|
|
margin: 19px 0 0 -10px;
|
|
}
|
|
|
|
.sheet-stress2 input.sheet-tooth + span{
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.sheet-stress2 input[name="attr_setting_extra_stress1"]:checked ~ input.sheet-tooth + span{
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.sheet-stress2 input[name="attr_setting_extra_stress1"]:checked + input[name="attr_setting_extra_stress2"]:checked ~ input.sheet-tooth + span{
|
|
margin-right: 1px;
|
|
}
|
|
|
|
|
|
/* small fixes */
|
|
|
|
|
|
|
|
.sheet-rep .sheet-black-on-grey{
|
|
padding-right: 4px;
|
|
text-align: right;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rep input.sheet-tooth{
|
|
width: 11px;
|
|
}
|
|
|
|
.sheet-rep input.sheet-tooth + span{
|
|
margin-right: 1px !important;
|
|
}
|
|
|
|
.sheet-hold .sheet-black-on-grey{
|
|
width: calc(100% - 8px);
|
|
}
|
|
|
|
.sheet-toothholder{
|
|
float: right;
|
|
width: 20px;
|
|
}
|
|
|
|
|
|
/* NOTES */
|
|
|
|
|
|
|
|
textarea.sheet-notes{
|
|
margin-top: 20px;
|
|
margin-left: 10px;
|
|
font-family: Crimson, Times New Roman, serif;
|
|
color: #c43c35;
|
|
|
|
box-shadow: 0 0 2px white;
|
|
background-color: #102536;
|
|
font-size: 155%;
|
|
width: 95%;
|
|
resize: vertical;
|
|
line-height: 137%;
|
|
height: 378px;
|
|
}
|
|
|
|
|
|
/* LOAD CHECKBOXES */
|
|
|
|
|
|
|
|
.sheet-loadboxholder{
|
|
transform: rotate(45deg);
|
|
display: inline-block;
|
|
margin-left: 6px;
|
|
width: 7px;
|
|
height: 7px;
|
|
}
|
|
|
|
input.sheet-loadbox[type="checkbox"]{
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
input.sheet-loadbox[type="checkbox"] + span{
|
|
display: inline-block;
|
|
border: 1px solid #c43c35;
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: #102536;
|
|
}
|
|
|
|
input.sheet-loadbox[type="checkbox"]:checked + span{
|
|
background-color: #c43c35;
|
|
}
|
|
|
|
input.sheet-loadbox[type="checkbox"]:hover + span{
|
|
filter: alpha(opacity=70);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ROLL BUTTONS */
|
|
|
|
|
|
|
|
button[type=roll]{
|
|
font-family: Crimson, Times New Roman, serif;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=roll]:before{
|
|
content: "" !important;
|
|
}
|
|
|
|
button[type=roll].sheet-rollbutton{
|
|
text-transform: uppercase;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 800;
|
|
font-size: 92%;
|
|
line-height: 9px;
|
|
}
|
|
|
|
button[type=roll].sheet-crewbutton{
|
|
font-size: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
button[type=roll].sheet-attributebutton{
|
|
font-size: 98%;
|
|
line-height: 9px;
|
|
color: white;
|
|
}
|
|
|
|
button[type=roll].sheet-actionbutton{
|
|
font-size: 95%;
|
|
letter-spacing: 1px;
|
|
float: right;
|
|
color: #c43c35;
|
|
margin-top: 3px;
|
|
text-align: left;
|
|
width: 86px;
|
|
}
|
|
|
|
.sheet-specialactionbutton{
|
|
font-size: 95%;
|
|
letter-spacing: 1px;
|
|
float: right;
|
|
color: #c43c35;
|
|
margin-top: 3px;
|
|
text-align: left;
|
|
width: 86px;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 800;
|
|
font-size: 92%;
|
|
line-height: 9px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.sheet-rollbutton:hover{
|
|
color: white;
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-vicebutton, button[type=roll].sheet-fortunebutton, button[type=roll].sheet-cohortbutton{
|
|
color: #c43c35;
|
|
border-color: #c43c35;
|
|
border-radius: 0;
|
|
transition: all 0.2s;
|
|
padding: 4px;
|
|
font-size: 97%;
|
|
font-weight: 600;
|
|
}
|
|
|
|
button[type=roll].sheet-vicebutton{
|
|
float: right;
|
|
margin: 5px 3px -5px 0;
|
|
line-height: 13px;
|
|
}
|
|
|
|
button[type=roll].sheet-fortunebutton{
|
|
width: 100%;
|
|
float: left;
|
|
height: 38px;
|
|
margin: 10px 3px 0 0;
|
|
}
|
|
|
|
button[type=roll].sheet-cohortbutton{
|
|
padding: 1px;
|
|
margin-top: 3px;
|
|
width: 35px;
|
|
margin-left: -35px;
|
|
position: absolute;
|
|
line-height: 7px;
|
|
font-size: 65%;
|
|
}
|
|
|
|
button[type=roll].sheet-rollbutton:hover{
|
|
color: white;
|
|
}
|
|
|
|
button[type=roll].sheet-vicebutton:hover, button[type=roll].sheet-fortunebutton:hover{
|
|
color: white;
|
|
border-color: white;
|
|
}
|
|
|
|
|
|
/* CHECKBOXES */
|
|
|
|
|
|
|
|
input.sheet-checkbox{
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-circlebox-small{
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-squarebox-small{
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-squarebox-small + span{
|
|
margin: 0;
|
|
width: 7px;
|
|
height: 7px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-squarebox-small:checked + span{
|
|
background-color: #c43c35 !important;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
input.sheet-checkbox + span{
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid white;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
|
|
input.sheet-checkbox:hover + span{
|
|
opacity: 0.7;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-squarebox{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-squarebox + span{
|
|
background: transparent;
|
|
vertical-align: middle;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-circlebox-small + span{
|
|
border-radius: 40px;
|
|
height: 9px;
|
|
width: 9px;
|
|
background:black;
|
|
vertical-align: middle;
|
|
margin-right: 2px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
input.sheet-checkbox + span:last-child{
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
input.sheet-checkbox:checked + span{
|
|
background-color: #c43c35 !important;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-claimbridge{
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-claimbridge + span{
|
|
margin: 0;
|
|
border: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: transparent;
|
|
}
|
|
|
|
input.sheet-checkbox.sheet-claimbridge:checked + span{
|
|
background: #d6d8d9 !important;
|
|
}
|
|
|
|
|
|
/* Change text colour when boxes are checked*/
|
|
|
|
|
|
|
|
.sheet-specialability input:checked ~ textarea.sheet-abilityname,.sheet-specialability input:checked ~ textarea.sheet-abilitydesc,.sheet-item input.sheet-checkbox:checked ~ input[type=text],.sheet-item.sheet-checkbox input:checked ~ textarea,input.sheet-friendup:checked ~ input[type=text]{
|
|
color: #c43c35;
|
|
}
|
|
|
|
|
|
|
|
/* specific adjustments */
|
|
|
|
|
|
|
|
.sheet-specialability input.sheet-checkbox.sheet-circlebox + span{
|
|
border-radius: 30px;
|
|
background:black;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-actions input.sheet-checkbox{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-actions input.sheet-checkbox.sheet-circlebox + span{
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 5px 0 5px 10px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #102536;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-actions input.sheet-checkbox.sheet-circlebox:checked + span{
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 5px 0 5px 10px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #c43c35;
|
|
background-color: transparent !important;
|
|
}
|
|
.sheet-specialability input.sheet-checkbox.sheet-circlebox + span{
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top:4px !important;
|
|
border-radius:0px !important;
|
|
border-width: 5px 0 5px 10px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent white;
|
|
background-color: transparent!important;
|
|
}
|
|
.sheet-specialability input.sheet-checkbox.sheet-circlebox:checked + span{
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top:4px !important;
|
|
border-radius:0px !important;
|
|
border-width: 5px 0 5px 10px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #c43c35;
|
|
filter:drop-shadow(0 0 2px white);
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
|
|
/* ACTION RATINGS */
|
|
|
|
|
|
.sheet-attribute, .sheet-cohort{
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.sheet-attribute-title, .sheet-cohort-title{
|
|
float: left;
|
|
height: 21px;
|
|
background-color: #102536;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.sheet-attribute-title div:first-child{
|
|
width: 63px;
|
|
float: left;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-attribute-xp-box{
|
|
float: right;
|
|
width: 112px;
|
|
text-align: right;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
.sheet-actions{
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.sheet-action{
|
|
width: 100%;
|
|
height: 22px;
|
|
}
|
|
|
|
.sheet-action:first-child, .sheet-action:first-child > div:first-child{
|
|
height: 34px;
|
|
}
|
|
|
|
.sheet-action:first-child > div{
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.sheet-action:first-child button[type=roll].sheet-actionbutton{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.sheet-action > div{
|
|
margin: 0px 8px 0px 0px;
|
|
width: 15px;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-action > div:first-child{
|
|
border-right: 1px solid #c43c35;
|
|
height: 22px;
|
|
width: 17px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.sheet-action > div:nth-last-child(2){
|
|
margin-right: 0px;
|
|
}
|
|
|
|
|
|
|
|
/* Generate button */
|
|
|
|
.sheet-faction-generatebutton input:hover + span
|
|
{
|
|
color: white;
|
|
border-color: white;
|
|
}
|
|
input.sheet-generatebutton
|
|
{
|
|
width: 110px;
|
|
height: 18px;
|
|
}
|
|
input.sheet-generatebutton + span
|
|
{
|
|
padding: 3px;
|
|
color: #c43c35;
|
|
margin: 0 4px;
|
|
font-size: 80%;
|
|
border: 1px solid #c43c35;
|
|
}
|
|
input.sheet-generatebutton:hover + span
|
|
{
|
|
color: white;
|
|
border-color: white;
|
|
}
|
|
|
|
/* Flexwidth */
|
|
|
|
.sheet-container
|
|
{
|
|
position: relative;
|
|
min-width: 860px;
|
|
}
|
|
|
|
|
|
|
|
/* ROLL TEMPLATES */
|
|
|
|
|
|
/* Container */
|
|
|
|
.withoutavatars .sheet-rolltemplate-bitd .sheet-roll-holder {
|
|
margin-left: -15px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-holder
|
|
{
|
|
margin-left: -45px;
|
|
margin-right: -1px;
|
|
width: 299px;
|
|
font-variant-numeric: lining-nums;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action, .sheet-rolltemplate-bitd .sheet-roll-resist
|
|
{
|
|
height: 258px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune
|
|
{
|
|
background-image: url(https://s3-us-west-2.amazonaws.com/bob-roll20-sheet-images/dice.png);
|
|
background-position: bottom right;
|
|
background-repeat: no-repeat;
|
|
background-color: white;
|
|
height: auto;
|
|
min-height: 250px;
|
|
}
|
|
|
|
/* Background images */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-action
|
|
{
|
|
background-image: url(https://s3-us-west-2.amazonaws.com/bob-roll20-sheet-images/roll.png);
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist
|
|
{
|
|
background-image: url(https://s3-us-west-2.amazonaws.com/bob-roll20-sheet-images/Resist.png);
|
|
}
|
|
|
|
/* Images */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist img
|
|
{
|
|
height: 22px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action img,.sheet-rolltemplate-bitd .sheet-roll-fortune img
|
|
{
|
|
height: 31px;
|
|
}
|
|
|
|
/* Name */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-name
|
|
{
|
|
font-family: Crimson, times New roman, serif;
|
|
color: #8da8bb;
|
|
text-transform: uppercase;
|
|
font-size: 91%;
|
|
letter-spacing: 0px;
|
|
font-weight: 800;
|
|
line-height: 0px;
|
|
height: 20px;
|
|
padding: 32px 0 0 30px;
|
|
width: 237px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name
|
|
{
|
|
font-family: Crimson, times New roman, serif;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name
|
|
{
|
|
font-size: 103%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name
|
|
{
|
|
color: #8da8bb;
|
|
font-size: 91%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name
|
|
{
|
|
color: #303032;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name
|
|
{
|
|
color: #96182d;
|
|
text-shadow:0 0 2px black;
|
|
}
|
|
|
|
/* Title */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-title,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-title
|
|
{
|
|
padding-left: 30px;padding-top: 22px;padding-right:25px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-title
|
|
{
|
|
padding-left: 30px;padding-top: 7px;
|
|
}
|
|
|
|
/* Zerodice dice holder */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-zerodice1
|
|
{
|
|
position: relative;top: 4px;font-size: 103%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice1
|
|
{
|
|
text-shadow: 0px 0px 6px rgb(255, 158, 0);color: #ffffff;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice1
|
|
{
|
|
text-shadow: 0px 0px 6px rgb(136, 219, 215);color: #1e1e1e;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice1
|
|
{
|
|
font-family: sans-serif;text-shadow: 0px 0px 6px rgb(9, 199, 208);color: #ffffff;
|
|
}
|
|
|
|
/* Zerodice text */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-zerodice2
|
|
{
|
|
line-height: 100%;font-size: 67%;font-style: italic;font-weight: 400;letter-spacing: 0;text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice2
|
|
{
|
|
padding-top: 8px;text-shadow: 0px 0px 6px rgb(9, 199, 208);color: #d8e4ef;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice2
|
|
{
|
|
padding-top: 11px;text-shadow: 0px 0px 6px rgb(255, 158, 0);color: #ffd8ca;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice2
|
|
{
|
|
width: 60%;padding-top: 11px;text-shadow: 0px 0px 6px rgb(136, 219, 215);color: #1e1e1e;
|
|
}
|
|
|
|
/* Subtitle */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-subtitle
|
|
{
|
|
padding-left: 30px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle
|
|
{
|
|
font-family: Crimson, Times New Roman, serif;
|
|
text-transform: uppercase;
|
|
font-size: 103%;
|
|
letter-spacing: 1px;
|
|
font-weight: 800;
|
|
line-height: 0px;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle
|
|
{
|
|
color: #303032;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle
|
|
{
|
|
color: #96182d;
|
|
text-shadow:0 0 2px black;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-subtitle
|
|
{
|
|
letter-spacing: 0px;
|
|
font-weight: 400;
|
|
line-height: 0px;
|
|
font-style: normal;
|
|
position: relative;
|
|
top: -5px;
|
|
font-family: Crimson, times New roman, serif;
|
|
text-transform: uppercase;
|
|
font-size: 91%;
|
|
color: #8da8bb;
|
|
}
|
|
|
|
/* Inlinerolls */
|
|
|
|
.sheet-rolltemplate-bitd .inlinerollresult
|
|
{
|
|
border: 0px solid white !important;
|
|
background-color: rgba(158, 100, 81, 0);
|
|
font-weight: normal;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* Position and Effect */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-position,.sheet-rolltemplate-bitd .sheet-roll-effect
|
|
{
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 49%;
|
|
font-family: Crimson, times New roman, serif;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
font-size: 82%;
|
|
letter-spacing: 1px;
|
|
padding-top: 20px;
|
|
padding-left: 29px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-effect
|
|
{
|
|
padding-left: 15px;
|
|
}
|
|
|
|
/* Dice */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-dice
|
|
{
|
|
font-family: Crimson, times New roman, serif;
|
|
text-transform: uppercase;
|
|
height: 27px;
|
|
font-size: 137%;
|
|
letter-spacing: 0px;
|
|
font-weight: 800;
|
|
line-height: 20px;
|
|
padding: 41px 30px 20px;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-dice
|
|
{
|
|
position: relative;
|
|
top: -4px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-dice
|
|
{
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
color: #303032;
|
|
}
|
|
|
|
/* Instructions and Notes */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-roll-instructions
|
|
{
|
|
font-family: Crimson, times New roman, serif;
|
|
padding: 0 20px;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-instructions em
|
|
{
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-instructions
|
|
{
|
|
color: #d3dde4;
|
|
font-size: 95%;
|
|
}
|
|
.sheet-rolltemplate-bitd .sheet-roll-notes
|
|
{
|
|
width: 46%;
|
|
line-height: 112%;
|
|
font-size: 98%;
|
|
padding: 20px 0 30px 29px;
|
|
color: #1e1e1e;
|
|
font-family: Crimson, times New roman, serif;
|
|
}
|
|
|
|
/* Dice rolls */
|
|
|
|
.sheet-rolltemplate-bitd .sheet-comma:last-child
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isLegionaire:not(:checked) ~ .sheet-type-character
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isBartan:not(:checked) ~ .sheet-bartan
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isPanyar:not(:checked) ~ .sheet-panyar
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isOrite:not(:checked) ~ .sheet-orite
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isZemyati:not(:checked) ~ .sheet-zemyati
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-load-hidable
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-isLight:checked ~ .sheet-light
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-isNormal:checked ~ .sheet-light
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-isHeavy:checked ~ .sheet-light
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-isNormal:checked ~ .sheet-normal
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-isHeavy:checked ~ .sheet-normal
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-isHeavy:checked ~ .sheet-heavy
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* Tooltip container */
|
|
.sheet-tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
|
}
|
|
|
|
/* Tooltip text */
|
|
.sheet-tooltip .sheet-tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: #555;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
font-size: 80%;
|
|
|
|
/* Position the tooltip text */
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 125%;
|
|
left: 50%;
|
|
margin-left: -60px;
|
|
|
|
/* Fade in tooltip */
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
/* Tooltip arrow */
|
|
.sheet-tooltip .sheet-tooltiptext::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: #555 transparent transparent transparent;
|
|
}
|
|
|
|
/* Show the tooltip text when you mouse over the tooltip container */
|
|
.sheet-tooltip:hover .sheet-tooltiptext {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
} |