208 lines
4.4 KiB
CSS
208 lines
4.4 KiB
CSS
.charsheet .sheet-3colrowCust .sheet-col {
|
|
width: calc(33% - 4px);
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-col:last-child {
|
|
margin-right: 0!important;
|
|
}
|
|
|
|
.charsheet label {
|
|
display: inline-block;
|
|
width: 75px;
|
|
text-align: right;
|
|
}
|
|
|
|
.charsheet input[type='number'], .charsheet input[type='text'] {
|
|
display: inline-block;
|
|
width: 165px;
|
|
}
|
|
|
|
.charsheet {
|
|
background-color: white;
|
|
}
|
|
|
|
/* baseinfo - Top section with name, class, etc */
|
|
|
|
.sheet-baseinfo {
|
|
display: inline-block;
|
|
width: 149px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.sheet-baseinfo label, .sheet-baseinfo input, .sheet-baseinfo select {
|
|
display: block;
|
|
text-align: left;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-baseinfo label {
|
|
border-top: 1px solid black;
|
|
width: 92%;
|
|
}
|
|
|
|
.sheet-baseinfo.sheet-number {
|
|
width: 39px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.sheet-baseinfo.sheet-short {
|
|
width: 60px;
|
|
}
|
|
|
|
.sheet-baseinfo.sheet-medium {
|
|
width: 100px;
|
|
}
|
|
|
|
/* statblock */
|
|
.sheet-statblock {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-statblock:last-child {
|
|
margin-bottom: 0!important;
|
|
}
|
|
|
|
.sheet-statblock input[type='number'], .sheet-statblock input[type='text'] {
|
|
display: inline-block;
|
|
border: 1px solid #ccc;
|
|
padding: 4px;
|
|
height: 28px;
|
|
width: 50px;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-statblock label {
|
|
padding: 5px 0;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
height: 28px;
|
|
margin: 0;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-statblock .sheet-black label {
|
|
color: white;
|
|
}
|
|
|
|
.sheet-statblock input, .sheet-statblock select, .sheet-statblock textarea {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-statblock h2 {
|
|
width: 100%;
|
|
background-color: black;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-statblock .sheet-rowitem {
|
|
height: 40px;
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.sheet-statblock .sheet-tinyitem,
|
|
.sheet-statblock .sheet-smallitem,
|
|
.sheet-statblock .sheet-meditem,
|
|
.sheet-statblock .sheet-medlargeitem,
|
|
.sheet-statblock .sheet-largeitem,
|
|
.sheet-statblock textarea {
|
|
display: inline-block;
|
|
padding: 6px 5px;
|
|
width: calc(80% - 13px);
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
margin: 0 -2px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-statblock textarea {
|
|
width: 100%;
|
|
height: 50px;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.sheet-statblock textarea.sheet-small {
|
|
height: 32px;
|
|
}
|
|
|
|
.sheet-statblock input[type='checkbox'] {
|
|
height: 28px;
|
|
}
|
|
|
|
.sheet-statblock .sheet-tinyitem input[type='number'], .sheet-statblock .sheet-tinyitem input[type='text'], .sheet-statblock .sheet-tinyitem select,
|
|
.sheet-statblock .sheet-smallitem input[type='number'], .sheet-statblock .sheet-smallitem input[type='text'], .sheet-statblock .sheet-smallitem select,
|
|
.sheet-statblock .sheet-meditem input[type='number'], .sheet-statblock .sheet-meditem input[type='text'], .sheet-statblock .sheet-meditem select,
|
|
.sheet-statblock .sheet-medlargeitem input[type='number'], .sheet-statblock .sheet-medlargeitem input[type='text'], .sheet-statblock .sheet-medlargeitem select,
|
|
.sheet-statblock .sheet-largeitem input[type='number'], .sheet-statblock .sheet-largeitem input[type='text'], .sheet-statblock .sheet-largeitem select {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-statblock .sheet-tinyitem {
|
|
width: calc(15% - 10px);
|
|
padding: 6px 3px;
|
|
}
|
|
|
|
.sheet-statblock .sheet-smallitem {
|
|
width: calc(20% - 4px);
|
|
}
|
|
|
|
.sheet-statblock .sheet-meditem {
|
|
width: calc(33% - 9px);
|
|
}
|
|
|
|
.sheet-statblock .sheet-medlargeitem {
|
|
width: calc(40% - 8px);
|
|
}
|
|
|
|
.sheet-statblock .sheet-halfblack {
|
|
background: linear-gradient(to right, white 50%, black 50%);
|
|
}
|
|
.sheet-statblock .sheet-black {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-statblock .sheet-headerrowitem .sheet-tinyitem,
|
|
.sheet-statblock .sheet-headerrowitem .sheet-smallitem,
|
|
.sheet-statblock .sheet-headerrowitem .sheet-meditem,
|
|
.sheet-statblock .sheet-headerrowitem .sheet-medlargeitem,
|
|
.sheet-statblock .sheet-headerrowitem .sheet-largeitem {
|
|
padding: 0 5px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-statblock .sheet-headerrowitem .sheet-tinyitem {
|
|
padding: 6px 3px;
|
|
}
|
|
|
|
.sheet-statblock .sheet-headerrowitem label {
|
|
padding: 0;
|
|
font-size: 9px;
|
|
line-height: 9px;
|
|
font-weight: normal;
|
|
word-wrap:break-word;
|
|
}
|
|
|
|
/* Fixes */
|
|
|
|
input[type='number'] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
} |