Files
roll20-character-sheets/Liminal/liminal.css
T

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