295 lines
7.1 KiB
CSS
295 lines
7.1 KiB
CSS
.charsheet .sheet-box1{
|
|
display: inline-block;
|
|
text-align: Center;
|
|
width: 6.5%;
|
|
height: 20px;
|
|
padding: 0px;
|
|
border: 0px
|
|
float: center;
|
|
}
|
|
|
|
.charsheet .sheet-box2{
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 180px;
|
|
padding: 0px;
|
|
border: 0px solid black;
|
|
font-style: Normal;
|
|
font-size: 1.1em;
|
|
padding-left: 0%;
|
|
padding-right: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
text-align: Left;
|
|
}
|
|
|
|
.charsheet .sheet-box3{
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 30px;
|
|
padding: 0px;
|
|
border: 1px solid black;
|
|
font-style: Normal;
|
|
font-size: 1.1em;
|
|
padding-left: 0%;
|
|
padding-right: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
text-align: Left;
|
|
float: center
|
|
}
|
|
|
|
.charsheet .sheet-box4{
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 220px;
|
|
padding: 0px;
|
|
border: 1px solid black;
|
|
font-style: Normal;
|
|
font-size: 1.1em;
|
|
padding-left: 0%;
|
|
padding-right: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
text-align: Left;
|
|
}
|
|
|
|
.charsheet .sheet-box5{
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 130px;
|
|
padding: 0px;
|
|
border: 0px solid black;
|
|
font-style: Normal;
|
|
font-size: 1.1em;
|
|
padding-left: 0%;
|
|
padding-right: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
text-align: Left;
|
|
}
|
|
|
|
.charsheet hr {
|
|
display: block;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border-style: inset;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.charsheet p{
|
|
display: block;
|
|
Color: white;
|
|
background-color: black;
|
|
text-align: center;
|
|
font-size: 1.2em !important;
|
|
font-family: IM Fell Great Primer SC;
|
|
font-style: Regular;
|
|
}
|
|
|
|
.charsheet input[type="text"], textarea{
|
|
display: inline-block;
|
|
background: #00000000;
|
|
border: black solid 1px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-radius: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
font-size: 1.2em
|
|
}
|
|
.charsheet textarea{
|
|
border-left: black solid 1px;
|
|
resize: none;
|
|
font-family: IM Fell Great Primer;
|
|
font-size: 1.2em
|
|
}
|
|
.charsheet .sheet-label{
|
|
background: black;
|
|
font-family: IM Fell Great Primer SC;
|
|
color: white;
|
|
display: inline-block;
|
|
padding: 0.8%;
|
|
margin-right: -.5%;
|
|
font-size: 1.1em;
|
|
font-weight: Normal;
|
|
}
|
|
.charsheet .sheet-header .sheet-row{
|
|
margin-bottom: 1%;
|
|
}
|
|
.charsheet .sheet-passatt{
|
|
border: 2px black solid;
|
|
display: inline-block;
|
|
font-family: IM Fell Great Primer SC;
|
|
font-size: 1.5em;
|
|
font-weight: Regular;
|
|
}
|
|
.charsheet .sheet-actatt{
|
|
border: 3px black solid;
|
|
width: 2em;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
}
|
|
.charsheet input[type="number"]{
|
|
border: none;
|
|
font-size: 1em;
|
|
background: none;
|
|
color: black;
|
|
text-align: center;
|
|
width: 3em !important;
|
|
}
|
|
.charsheet button{
|
|
background: none;
|
|
font-size: 1.1em !important;
|
|
border: 1px solid black;
|
|
font-style: normal;
|
|
color: black;
|
|
}
|
|
.charsheet button:hover{
|
|
background: #a6a6a6;
|
|
}
|
|
.charsheet button[type=roll]:before {
|
|
content: none !important;
|
|
}
|
|
.charsheet .sheet-attlabel{
|
|
display: inline-block;
|
|
font-family: IM Fell Great Primer;
|
|
}
|
|
.charsheet h4{
|
|
text-align: center;
|
|
font-family: IM Fell Great Primer SC;
|
|
}
|
|
.charsheet h5{
|
|
text-align: Center;
|
|
font-family: IM Fell Great Primer;
|
|
}
|
|
.charsheet h3{
|
|
display: block;
|
|
Color: white;
|
|
background-color: black;
|
|
text-align: center;
|
|
font-size: 1.2em !important;
|
|
font-family: IM Fell Great Primer SC;
|
|
font-style: Regular;
|
|
}
|
|
.charsheet .sheet-leftatt{
|
|
float: left;
|
|
width: 49%;
|
|
margin-bottom: 7%;
|
|
}
|
|
.charsheet .sheet-rightatt{
|
|
float: right;
|
|
text-align: right;
|
|
width: 49%;
|
|
margin-bottom: 7%;
|
|
}
|
|
.charsheet input:focus, .charsheet textarea:focus{
|
|
outline: none;
|
|
}
|
|
.charsheet input[type=radio]{
|
|
display: none;
|
|
float: left;
|
|
}
|
|
.charsheet input[type=radio] + label{
|
|
content: '';
|
|
border: solid 1px black;
|
|
background: white;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: 10%;
|
|
text-align: center;
|
|
padding: 0%;
|
|
float: center;
|
|
font-family: IM Fell Great Primer SC;
|
|
}
|
|
.charsheet input[type=radio]:hover + label{
|
|
background: #990000;
|
|
font-family: IM Fell Great Primer SC;
|
|
}
|
|
.charsheet input[type=radio]:checked + label{
|
|
background: black;
|
|
color: white;
|
|
font-family: IM Fell Great Primer SC;
|
|
}
|
|
.charsheet div.sheet-page1, .charsheet div.sheet-page2{
|
|
display: none;
|
|
|
|
}
|
|
.charsheet input.sheet-page1:checked ~ div.sheet-page1, .charsheet input.sheet-page2:checked ~ div.sheet-page2{
|
|
display: block;
|
|
|
|
}
|
|
.charsheet .sheet-onethird{
|
|
width: 95%;
|
|
}
|
|
.charsheet .sheet-label2{
|
|
font-size: .9em;
|
|
margin: 1%;
|
|
}
|
|
.charsheet .sheet-bracket{
|
|
border: 1px black solid;
|
|
border-top: none;
|
|
}
|
|
|
|
.charsheet .sheet-bracket input[type=text]{
|
|
border: none;
|
|
margin-right: 5%;
|
|
}
|
|
.charsheet .sheet-bracket input[type=text]:hover{
|
|
border-bottom: 1px black dashed;
|
|
}
|
|
.charsheet input[type=checkbox]{
|
|
opacity: 0;
|
|
margin-right: -1.5em;
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
.charsheet input[type=checkbox] + span:before{
|
|
content: "❌";
|
|
border: 2px solid black;
|
|
height: 1em;
|
|
width: 1em;
|
|
color: #00000000;
|
|
font-size: 1em;
|
|
}
|
|
.charsheet input[type=checkbox]:checked + span:before{
|
|
color: #000000FF;
|
|
}
|
|
.charsheet .sheet-label3{
|
|
font-style: Normal;
|
|
font-size: 1.1em;
|
|
padding-left: 1%;
|
|
padding-right: 0%;
|
|
font-family: IM Fell Great Primer;
|
|
}
|
|
.charsheet .sheet-label4{
|
|
font-weight: bold;
|
|
font-size: 1.9em;
|
|
}
|
|
.charsheet .sheet-bracket input[type=radio]{
|
|
display: block;
|
|
opacity: 0;
|
|
margin-left: 10px;
|
|
margin-Right: 0px;
|
|
margin-top: 2;
|
|
margin-bottom: -1.1em;
|
|
|
|
}
|
|
.charsheet .sheet-bracket input[type=radio] + span:before{
|
|
content: "❌";
|
|
border: 2px solid black;
|
|
height: 1em;
|
|
width: 1em;
|
|
color: #00000000;
|
|
font-size: 1em;
|
|
Text-align: Left;
|
|
float: Center;
|
|
|
|
}
|
|
.charsheet .sheet-bracket input[type=radio]:checked + span:before{
|
|
color: #000000FF;
|
|
text-align: Center;
|
|
|
|
}
|
|
.charsheet .sheet-twothirds{
|
|
width: 60%;
|
|
}
|
|
|