Files
roll20-character-sheets-tester/D&D_4E/D&D_4E.css
T
2014-04-09 20:41:14 +01:00

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;
}