mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
276 lines
6.5 KiB
CSS
276 lines
6.5 KiB
CSS
.charsheet .sheet-wrapper{
|
|
background-image: url(http://i.imgur.com/jiwEUhn.png);
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.charsheet button[type=roll]{
|
|
background-image: none;
|
|
}
|
|
.charsheet input{
|
|
border: 0px;
|
|
border-radius: 0px;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-leaflet h5{
|
|
padding-left: 3%;
|
|
}
|
|
.charsheet .sheet-passion{
|
|
background-color: #fbfbfb;
|
|
border: 2px #fafafa70 solid;
|
|
border-radius: 50px;
|
|
margin-top: 3px;
|
|
}
|
|
.charsheet .sheet-passion h3{
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main{
|
|
background-color: #ebebeb;
|
|
width: 90%;
|
|
display: center;
|
|
margin-top: -10px;
|
|
}
|
|
.charsheet .sheet-sticky{
|
|
background-color: #f4edbf;
|
|
width: 18.4%;
|
|
margin-right: 1.535% !important;
|
|
text-align: center;
|
|
font-size: 8pt;
|
|
font-family: "Courier New", monospace;
|
|
}
|
|
.charsheet .sheet-sticky input[type=text]{
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-sticky input[type=number]{
|
|
border-bottom: 1px black solid;
|
|
width: 3em;
|
|
}
|
|
.charsheet .sheet-sticky label{
|
|
text-align: center;
|
|
font-family: "Courier New", monospace;
|
|
font-size: 6pt;
|
|
font-weight: bold;
|
|
width: 100% !important;
|
|
margin: 0px !important;
|
|
}
|
|
.charsheet .sheet-sticky button[type=roll]{
|
|
font-size: 6pt;
|
|
font-family: "Courier New", monospace;
|
|
}
|
|
.charsheet .sheet-main h3{
|
|
display: inline-block;
|
|
padding-top: 25px;
|
|
padding-left: 10px;
|
|
font-size: 8pt !important;
|
|
width: 85.313px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main label{
|
|
display: inline-block;
|
|
margin-right: -1%;
|
|
font-weight: normal;
|
|
font-size: 6pt;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-upbeat{
|
|
position: relative;
|
|
top: -15px;
|
|
padding: 0px;
|
|
}
|
|
.charsheet .sheet-downbeat{
|
|
position: relative;
|
|
bottom: -15px;
|
|
left: -35px;
|
|
padding: 0px;
|
|
}
|
|
.charsheet .sheet-main button[type=roll]{
|
|
font-size: 6pt;
|
|
font-family: "Trebuchet", monospace;
|
|
width: auto !important;
|
|
}
|
|
.charsheet input.sheet-stress[type=radio]{
|
|
opacity: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: -10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.charsheet input.sheet-stress[type="radio"]+span::before{
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: black;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
margin: 5px;
|
|
position: relative;
|
|
top: 8px;
|
|
right: 18px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet input.sheet-stress[type="radio"]:checked ~ input.sheet-stress+span::before{
|
|
background: white;
|
|
}
|
|
.charsheet .sheet-stress0+span::before{
|
|
opacity: 0;
|
|
}
|
|
.charsheet .sheet-stress0:hover+span::before{
|
|
opacity: .5;
|
|
}
|
|
.charsheet .sheet-hardened{
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
.charsheet .sheet-failed{
|
|
display: inline-block;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
.charsheet input.sheet-fail[type=radio]{
|
|
opacity: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: -10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
top: 5px;
|
|
right: 3px;
|
|
z-index: 2;
|
|
}
|
|
.charsheet input.sheet-fail[type="radio"]+span::before{
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: black;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
position: relative;
|
|
top: 8px;
|
|
right: 18px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet input.sheet-fail[type="radio"]:checked ~ input.sheet-fail+span::before{
|
|
background: white;
|
|
}
|
|
.charsheet .sheet-fail0+span::before{
|
|
opacity: 0;
|
|
}
|
|
.charsheet .sheet-fail0:hover+span::before{
|
|
opacity: .5;
|
|
}
|
|
.charsheet .sheet-attackdefend{
|
|
display: inline-block;
|
|
text-align: center;
|
|
position: relative;
|
|
top: 10px;
|
|
}
|
|
.charsheet .sheet-row{
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-identity{
|
|
background-color: #e8e9db;
|
|
border: 2px solid black;
|
|
height: 142px;
|
|
}
|
|
.charsheet .sheet-idlabel{
|
|
display: inline-block;
|
|
}
|
|
.charsheet input.sheet-identitycog[type="checkbox"]{
|
|
opacity: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: -10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
top: 5px;
|
|
right: 3px;
|
|
z-index: 2;
|
|
}
|
|
.charsheet input.sheet-identitycog[type="checkbox"]+span::before{
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: white;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
position: relative;
|
|
top: 8px;
|
|
right: 14px;
|
|
z-index: 1;
|
|
opacity: .5;
|
|
margin-right: -19px;
|
|
}
|
|
.charsheet input.sheet-identitycog[type="checkbox"]:hover+span::before{
|
|
opacity: 1;
|
|
}
|
|
.charsheet input.sheet-identitycog[type="checkbox"]:checked+span::before{
|
|
background-color: black;
|
|
opacity: 1;
|
|
}
|
|
.charsheet .sheet-identityoptions{
|
|
border: 2px solid black;
|
|
border-bottom: none;
|
|
background-color: #e8e9db;
|
|
}
|
|
.charsheet .sheet-identitytypelabel{
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 75px;
|
|
}
|
|
.charsheet input.sheet-identitytypecheck[type="radio"]{
|
|
opacity: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 19.5%;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
margin-top: -1%;
|
|
position: relative;
|
|
}
|
|
.charsheet input.sheet-identitytypecheck[type="radio"] + span::before{
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: white;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
z-index: 1;
|
|
position: relative;
|
|
left: -15px;
|
|
}
|
|
.charsheet input.sheet-identitytypecheck[type="radio"]:checked + span::before{
|
|
background-color: black;
|
|
}
|
|
.charsheet .sheet-supernatural{
|
|
border: 2px black solid;
|
|
background-color: #f7f8f9;
|
|
height: 142px;
|
|
}
|
|
.charsheet .sheet-adept{
|
|
border: 2px black solid;
|
|
background-color: #fcfcfe;
|
|
height: 142px;
|
|
}
|
|
.charsheet .sheet-avatar{
|
|
border: 2px black solid;
|
|
background-color: #edeef0;
|
|
height: 142px;
|
|
}
|
|
.charsheet .sheet-identityoptions, .sheet-identity, .sheet-supernatural, .sheet-adept, .sheet-avatar{
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-identity1cog:checked ~ .sheet-identity1options, .charsheet .sheet-identity2cog:checked ~ .sheet-identity2options, .charsheet .sheet-identity3cog:checked ~ .sheet-identity3options, .charsheet .sheet-identity4cog:checked ~ .sheet-identity4options{
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-identity1type[value="0"] ~ .sheet-identity, .charsheet .sheet-identity1type[value="1"] ~ .sheet-supernatural, .charsheet .sheet-identity1type[value="2"] ~ .sheet-adept, .charsheet .sheet-identity1type[value="3"] ~ .sheet-avatar, .charsheet .sheet-identity2type[value="0"] ~ .sheet-identity, .charsheet .sheet-identity2type[value="1"] ~ .sheet-supernatural, .charsheet .sheet-identity2type[value="2"] ~ .sheet-adept, .charsheet .sheet-identity2type[value="3"] ~ .sheet-avatar, .charsheet .sheet-identity3type[value="0"] ~ .sheet-identity, .charsheet .sheet-identity3type[value="1"] ~ .sheet-supernatural, .charsheet .sheet-identity3type[value="2"] ~ .sheet-adept, .charsheet .sheet-identity3type[value="3"] ~ .sheet-avatar, .charsheet .sheet-identity4type[value="0"] ~ .sheet-identity, .charsheet .sheet-identity4type[value="1"] ~ .sheet-supernatural, .charsheet .sheet-identity4type[value="2"] ~ .sheet-adept, .charsheet .sheet-identity4type[value="3"] ~ .sheet-avatar{
|
|
display: block;
|
|
} |