mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-08 16:12:33 +00:00
More moving of formatting from HTML to CSS, trying to make the sheet more appealing.
85 lines
1.7 KiB
CSS
85 lines
1.7 KiB
CSS
.charsheet {
|
|
background-image: url("http://i.imgur.com/tQiSNgF.png");
|
|
background-size: 100%;
|
|
}
|
|
.charsheet input {
|
|
width: 165px;
|
|
}
|
|
.charsheet select {
|
|
width: 165px;
|
|
}
|
|
.charsheet input.sheet-tiny {
|
|
display: inline-block;
|
|
width: 20px;
|
|
}
|
|
.charsheet .sheet-attrchk {
|
|
width: 15px;
|
|
}
|
|
.charsheet input.sheet-short {
|
|
display: inline-block;
|
|
width: 3.5em;
|
|
}
|
|
.charsheet input.sheet-long {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.charsheet input[type="number"].sheet-medium {
|
|
display: inline-block;
|
|
width: 5.1em;
|
|
}
|
|
.charsheet input[type="text"].sheet-undead {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.charsheet input[type="number"].sheet-tiny {
|
|
display: inline-block;
|
|
width: 23px;
|
|
}
|
|
.charsheet input[type="number"].sheet-medium::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.charsheet select.sheet-short{
|
|
display: inline-block;
|
|
margin: 0px 0px;
|
|
width: 4.1em;
|
|
}
|
|
.charsheet input[type="checkbox"].left {
|
|
float: left;
|
|
margin: 5px 0px;
|
|
width: 2px;
|
|
}
|
|
.charsheet .sheet-bluehilite {
|
|
background-color: #26ADE4;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-botul {
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
.charsheet .sheet-mnattr {
|
|
'color: #000;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .sheet-ceme {
|
|
width: 960px;
|
|
margin-left: auto ;
|
|
margin-right: auto ;
|
|
}
|
|
.charsheet .sheet-boldme {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .sheet-alleft {
|
|
text-align: left;
|
|
}
|
|
.charsheet .sheet-alcenter {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-attrtext {
|
|
width: 50px;
|
|
}
|
|
.charsheet .sheet-attrtab {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
} |