mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
173 lines
2.6 KiB
CSS
173 lines
2.6 KiB
CSS
/* Set the min-width so that when the window is resized the look will stay consistant */
|
|
|
|
.charsheet {
|
|
background-color: #8bb;
|
|
min-width: 825px;
|
|
/*background-image: url('https://d1vzi28wh99zvq.cloudfront.net/images/4329/267203.jpg');*/
|
|
}
|
|
|
|
/* Universal styling applied to all elements of these types */
|
|
|
|
h1 {
|
|
font-size: 4em;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* BASIC INFO */
|
|
|
|
.sheet-basicinfo label {
|
|
display: inline-block;
|
|
width: 80px;
|
|
}
|
|
|
|
.sheet-basicinfo input {
|
|
display: inline-block;
|
|
width: 300px;
|
|
}
|
|
|
|
.sheet-basicinfo select {
|
|
display: inline-block;
|
|
width: 300px;
|
|
}
|
|
|
|
.sheet-basicinfo textarea {
|
|
display: inline-block;
|
|
width: 290px;
|
|
height:110px;
|
|
}
|
|
.sheet-basicinfo label.sheet-drive {
|
|
vertical-align:top;
|
|
}
|
|
|
|
/* SKILLS */
|
|
|
|
.sheet-skills label {
|
|
margin-left:153px;
|
|
margin-bottom:0;
|
|
margin-top:-15px;
|
|
font-weight: normal;
|
|
font-size:1em;
|
|
}
|
|
.sheet-skills input {
|
|
display: inline-block;
|
|
width: 115px;
|
|
}
|
|
|
|
p.sheet-skill-explain {
|
|
margin-top:10px;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-skills .sheet-col {
|
|
margin-right:10px;
|
|
width: calc(33% - 9px);
|
|
}
|
|
|
|
.charsheet .sheet-skills button[type=roll].sheet-skill-button {
|
|
width:94px;
|
|
margin:0;
|
|
height:22px;
|
|
text-align:left;
|
|
}
|
|
.sheet-skills button[type=roll].sheet-skill-button::before {
|
|
content: '';
|
|
}
|
|
|
|
.sheet-skillpoints label {
|
|
display: inline-block;
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-skillpoints input {
|
|
display: inline-block;
|
|
}
|
|
|
|
img {
|
|
max-height: 100px;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
|
|
/* STATS */
|
|
.sheet-stats h4 {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-stats h4.sheet-first {
|
|
margin-left: 120px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.sheet-stats input {
|
|
/*margin-right: 8%;
|
|
width: 17%;*/
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-stats label {
|
|
display: inline-block;
|
|
width: 110px;
|
|
}
|
|
|
|
.sheet-stats label.sheet-driveused {
|
|
display: inline-block;
|
|
width: 190px;
|
|
}
|
|
|
|
/* COMBAT */
|
|
|
|
.sheet-combat label {
|
|
display: inline-block;
|
|
width: 200px;
|
|
}
|
|
|
|
.sheet-combat label.sheet-damagebonus {
|
|
display: inline-block;
|
|
width: 200px;
|
|
}
|
|
|
|
.sheet-combat input {
|
|
display: inline-block;
|
|
width: 170px;
|
|
}
|
|
|
|
.sheet-combat label.sheet-unarmed {
|
|
width: 297px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-combat select {
|
|
display: inline-block;
|
|
width: 80px;
|
|
}
|
|
|
|
/* TRAITS */
|
|
|
|
.sheet-traits input {
|
|
display: inline-block;
|
|
width: 340px;
|
|
}
|
|
.sheet-traits textarea {
|
|
height:40px;
|
|
width:379px;
|
|
}
|
|
|
|
.sheet-stats button[type=roll].sheet-2d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'ff ';
|
|
}
|
|
|
|
.sheet-stats button[type=roll].sheet-d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'f ';
|
|
} |