mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
228 lines
3.8 KiB
CSS
228 lines
3.8 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:60px;
|
|
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 ';
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.charsheet .sheet-character,
|
|
.charsheet .sheet-crew ,
|
|
.charsheet .sheet-mods {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.charsheet .sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.charsheet .sheet-tabstoggle[value="crew"] ~ div.sheet-crew ,
|
|
.charsheet .sheet-tabstoggle[value="mods"] ~ div.sheet-mods {
|
|
display: block;
|
|
}
|
|
|
|
/* CREW AREA */
|
|
.sheet-crew textarea {
|
|
height:110px;
|
|
width:720px;
|
|
}
|
|
|
|
.sheet-crew-relationships h3 {
|
|
padding-right:14px;
|
|
}
|
|
|
|
.charsheet .repcontainer[data-groupname="repeating_assets"] > .repitem {
|
|
display: inline-block;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.charsheet .repcontainer[data-groupname="repeating_assets"] > .repitem input{
|
|
width:360px;
|
|
}
|
|
|
|
.charsheet .repcontainer[data-groupname="repeating_assets"] > .repitem textarea{
|
|
width:350px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-crew-relationships h3.sheet-factionname, .sheet-crew-relationships h3.sheet-factionmodifiers, .sheet-crew-relationships textarea {
|
|
display:inline-block;
|
|
width:40%;
|
|
}
|
|
.sheet-crew-relationships h3.sheet-factiontotal {
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-crew-relationships input {
|
|
display:inline-block;
|
|
vertical-align:top !important;
|
|
}
|
|
.sheet-crew-relationships textarea {
|
|
height:60px;
|
|
}
|