mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
176 lines
2.9 KiB
CSS
176 lines
2.9 KiB
CSS
.charsheet {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadows%20Over%20Sol/sos-background.jpg");
|
|
background-size: contain;
|
|
background-repeat: repeat-y;
|
|
background-color: black;
|
|
}
|
|
|
|
.charsheet label {
|
|
display: inline-block;
|
|
width: 95px;
|
|
|
|
color: white;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
}
|
|
|
|
.charsheet h2 {
|
|
color: white;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
border-bottom: 1px black solid;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
width: 100%;
|
|
max-width: 97%;
|
|
}
|
|
|
|
.charsheet select {
|
|
width: 110px;
|
|
}
|
|
|
|
.charsheet input[type="number"].sheet-stat-number {
|
|
width: 50px;
|
|
}
|
|
|
|
.sheet-xp {
|
|
color: white;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
}
|
|
|
|
.sheet-top-text {
|
|
width: 500px;
|
|
}
|
|
|
|
.sheet-headings {
|
|
display: inline-block;
|
|
width: 80%;
|
|
float: left;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
div.sheet-logo {
|
|
display: inline-block;
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
|
|
img.sheet-logo {
|
|
float: right;
|
|
max-width: 150px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-experience {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-stat-roll {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-skill-roll {
|
|
float: right;
|
|
}
|
|
|
|
.sheet-spacer {
|
|
width: 100%;
|
|
height: 10px;
|
|
}
|
|
|
|
.sheet-custom-skill {
|
|
color: white;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
border: none;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-right-align {
|
|
text-align: right;
|
|
margin-right: 32px;
|
|
}
|
|
|
|
.sheet-stat-label {
|
|
width: 130px;
|
|
float: left;
|
|
}
|
|
|
|
[name=attr_Consequences] {
|
|
height: 100px;
|
|
}
|
|
|
|
.sheet-damage-severity {
|
|
width: 50px;
|
|
}
|
|
|
|
.sheet-max-cur-pair {
|
|
display: inline-block;
|
|
color: white;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
}
|
|
|
|
.sheet-block {
|
|
clear: both;
|
|
}
|
|
|
|
.sheet-block-label {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-block-label > span {
|
|
display: inline-block;
|
|
width: 19%;
|
|
}
|
|
|
|
.sheet-block-label > input {
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-attack-block {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.sheet-attack-name {
|
|
color: white;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-size: 1.3em;
|
|
border: none;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-attack-properties {
|
|
color: white;
|
|
background: transparent;
|
|
font-size: 1.1em;
|
|
border: none;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-attack-damage {
|
|
color: white;
|
|
font-size: 1.5em;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
}
|
|
|
|
.sheet-attack-mod {
|
|
display: inline-block;
|
|
} |