172 lines
4.2 KiB
CSS
172 lines
4.2 KiB
CSS
.charsheet input[type="text"], textarea{
|
|
display: inline-block;
|
|
background: #00000000;
|
|
border: black solid 1px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-radius: 0%;
|
|
}
|
|
.charsheet textarea{
|
|
border-left: black solid 1px;
|
|
resize: none;
|
|
}
|
|
.charsheet .sheet-label{
|
|
background: black;
|
|
color: white;
|
|
display: inline-block;
|
|
padding: 0.8%;
|
|
margin-right: -.5%;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .sheet-header .sheet-row{
|
|
margin-bottom: 1%;
|
|
}
|
|
.charsheet .sheet-passatt{
|
|
border: 3px black solid;
|
|
width: 2em;
|
|
display: inline-block;
|
|
}
|
|
.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: 1em !important;
|
|
border: 1px solid black;
|
|
font-style: italic;
|
|
color: black;
|
|
}
|
|
.charsheet button:hover{
|
|
background: #990000;
|
|
}
|
|
.charsheet button[type=roll]:before {
|
|
content: none !important;
|
|
}
|
|
.charsheet .sheet-attlabel{
|
|
display: inline-block;
|
|
}
|
|
.charsheet h4{
|
|
text-align: center;
|
|
}
|
|
.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: left;
|
|
}
|
|
.charsheet input[type=radio]:hover + label{
|
|
background: #990000;
|
|
}
|
|
.charsheet input[type=radio]:checked + label{
|
|
background: black;
|
|
color: white;
|
|
}
|
|
.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: 35%;
|
|
}
|
|
.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: 11%;
|
|
}
|
|
.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: italic;
|
|
font-size: .9em;
|
|
padding-right: 20%;
|
|
}
|
|
.charsheet .sheet-label4{
|
|
font-weight: bold;
|
|
font-size: .9em;
|
|
}
|
|
.charsheet .sheet-bracket input[type=radio]{
|
|
display: block;
|
|
opacity: 0;
|
|
margin-left: 25%;
|
|
margin-top: 15%;
|
|
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;
|
|
float: left;
|
|
margin-left: 15%;
|
|
margin-bottom: 15%;
|
|
}
|
|
.charsheet .sheet-bracket input[type=radio]:checked + span:before{
|
|
color: #000000FF;
|
|
}
|
|
.charsheet .sheet-twothirds{
|
|
width: 60%;
|
|
} |