mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
378 lines
7.8 KiB
CSS
378 lines
7.8 KiB
CSS
body {
|
|
min-width: 700px;
|
|
}
|
|
|
|
.charsheet {
|
|
background-image: url('http://i.imgur.com/7nOvYrH.png');
|
|
background-repeat: no-repeat;
|
|
background-color: white;
|
|
width: 638px;
|
|
height: 825px;
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
width: 40px !important;
|
|
}
|
|
|
|
.sheet-description {
|
|
left: 200px;
|
|
top: 20px;
|
|
margin-top: 296px;
|
|
margin-left: 26px;
|
|
}
|
|
|
|
.sheet-description input {
|
|
width: 180px;
|
|
margin-bottom: 8px;
|
|
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-attributes {
|
|
margin-top: 46px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-base {
|
|
margin-left: -2px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-attributes input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-attribute button {
|
|
border: none;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.sheet-attribute button:before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-str {
|
|
background-image: url('http://i.imgur.com/1YioCTJ.png');
|
|
width: 50px;
|
|
height: 19px;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-dex {
|
|
background-image: url('http://i.imgur.com/vBYpqWm.png');
|
|
width: 44px;
|
|
height: 19px;
|
|
margin-left: 4px !important;
|
|
margin-right: 8px !important;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-con {
|
|
background-image: url('http://i.imgur.com/tLkEotv.png');
|
|
width: 51px;
|
|
height: 19px;
|
|
margin-left: 3px !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-int {
|
|
background-image: url('http://i.imgur.com/7x56IBM.png');
|
|
width: 43px;
|
|
height: 19px;
|
|
margin-left: 8px !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-wis {
|
|
background-image: url('http://i.imgur.com/xwsOMvk.png');
|
|
width: 49px;
|
|
height: 19px;
|
|
margin-left: 4px !important;
|
|
margin-right: 3px !important;
|
|
}
|
|
|
|
.sheet-attribute button.sheet-cha {
|
|
background-image: url('http://i.imgur.com/8eH1BQe.png');
|
|
width: 50px;
|
|
height: 19px;
|
|
margin-left: 4px !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
.sheet-attributes .sheet-modifier {
|
|
margin-left: 28px;
|
|
font-size: 150%;
|
|
width: 60px !important;
|
|
}
|
|
|
|
.sheet-attributes .sheet-loot {
|
|
margin-left: 68px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-attribute {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-armor {
|
|
margin-top: 30px;
|
|
margin-left: -42px;
|
|
width: 200px;
|
|
}
|
|
|
|
.sheet-armor input.sheet-modifier {
|
|
font-size: 200%;
|
|
width: 60px !important;
|
|
margin-left: 28px;
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.sheet-armor input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-armor button {
|
|
margin-left: 96px !important;
|
|
margin-top: 8px !important;
|
|
margin-bottom: 4px !important;
|
|
width: 91px;
|
|
height: 20px;
|
|
border: none;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
background-image: url('http://i.imgur.com/kKrHP2O.png');
|
|
}
|
|
|
|
.sheet-armor button:before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-armor .sheet-base {
|
|
margin-left: 20px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-armor .sheet-loot {
|
|
margin-left: 102px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-effort {
|
|
margin-top: 10px;
|
|
margin-left: -24px;
|
|
width: 200px;
|
|
}
|
|
|
|
.sheet-effort div {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-effort input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-effort button {
|
|
width: 60px;
|
|
height: 60px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-effort button:before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-effort .sheet-basic button {
|
|
margin-left: 0px !important;
|
|
margin-top: 0px !important;
|
|
margin-bottom: 4px !important;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
background-image: url('http://i.imgur.com/73W4TX2.png');
|
|
}
|
|
.sheet-effort .sheet-basic .sheet-modifier {
|
|
margin-left: 0px;
|
|
margin-top: -4px;
|
|
}
|
|
.sheet-effort .sheet-basic .sheet-base {
|
|
margin-left: 28px;
|
|
margin-top: -38px;
|
|
}
|
|
.sheet-effort .sheet-basic .sheet-loot {
|
|
margin-left: 127px;
|
|
margin-top: -60px;
|
|
}
|
|
|
|
.sheet-effort .sheet-weapons button {
|
|
margin-left: 0px !important;
|
|
margin-top: -10px !important;
|
|
margin-bottom: 4px !important;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
background-image: url('http://i.imgur.com/k6pKSMD.png');
|
|
}
|
|
.sheet-effort .sheet-weapons .sheet-modifier {
|
|
margin-left: 0px;
|
|
margin-top: -24px;
|
|
}
|
|
.sheet-effort .sheet-weapons .sheet-base {
|
|
margin-left: 32px;
|
|
margin-top: -56px;
|
|
}
|
|
.sheet-effort .sheet-weapons .sheet-loot {
|
|
margin-left: 132px;
|
|
margin-top: -66px;
|
|
}
|
|
|
|
.sheet-effort .sheet-magic button {
|
|
margin-left: 8px !important;
|
|
margin-top: -14px !important;
|
|
margin-bottom: 4px !important;
|
|
margin-right: -4px !important;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
background-image: url('http://i.imgur.com/HbEm4uy.png');
|
|
}
|
|
.sheet-effort .sheet-magic .sheet-modifier {
|
|
margin-left: 0px;
|
|
margin-top: -24px;
|
|
}
|
|
.sheet-effort .sheet-magic .sheet-base {
|
|
margin-left: 30px;
|
|
margin-top: -56px;
|
|
}
|
|
.sheet-effort .sheet-magic .sheet-loot {
|
|
margin-left: 130px;
|
|
margin-top: -64px;
|
|
}
|
|
|
|
.sheet-effort .sheet-ultimate button {
|
|
margin-left: 8px !important;
|
|
margin-top: -12px !important;
|
|
margin-bottom: 4px !important;
|
|
margin-right: -4px !important;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
background-image: url('http://i.imgur.com/1RH0NBp.png');
|
|
}
|
|
.sheet-effort .sheet-ultimate .sheet-modifier {
|
|
margin-left: 0px;
|
|
margin-top: -26px;
|
|
}
|
|
.sheet-effort .sheet-ultimate .sheet-base {
|
|
margin-left: 34px;
|
|
margin-top: -62px;
|
|
}
|
|
.sheet-effort .sheet-ultimate .sheet-loot {
|
|
margin-left: 134px;
|
|
margin-top: -72px;
|
|
}
|
|
.sheet-effort input.sheet-modifier {
|
|
font-size: 150%;
|
|
width: 40px;
|
|
}
|
|
|
|
.sheet-hearts {
|
|
margin-top: -18px;
|
|
margin-left: 24px;
|
|
}
|
|
.sheet-hearts input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 28px;
|
|
height: 22px;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
border: 0;
|
|
margin-right: -4px;
|
|
box-shadow: none;
|
|
background: url('http://i.imgur.com/F0ExPH1.png');
|
|
}
|
|
.sheet-hearts input[type=checkbox]:checked {
|
|
background: url('http://i.imgur.com/UYMNhAl.png');
|
|
}
|
|
|
|
.sheet-health-tracker {
|
|
display: inline-block;
|
|
margin-left: 234px;
|
|
}
|
|
.sheet-health-tracker input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-death-save {
|
|
width: 80px;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-death-save input[type=number] {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 40px !important;
|
|
margin-left: 530px;
|
|
margin-top: -104px;
|
|
font-size: 150%;
|
|
}
|
|
.sheet-death-save input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 48px;
|
|
height: 55px;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
border: 0;
|
|
margin-left: 516px;
|
|
margin-top: -48px;
|
|
box-shadow: none;
|
|
background: url('http://i.imgur.com/DmEZc4Q.png');
|
|
}
|
|
.sheet-death-save input[type=checkbox]:checked {
|
|
background: url('http://i.imgur.com/DmEZc4Q.png');
|
|
}
|
|
|
|
.sheet-loot {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.sheet-loot input[type=text] {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 280px !important;
|
|
margin-top: -24px;
|
|
}
|
|
.sheet-loot input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 285px;
|
|
height: 21px;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
border: 0;
|
|
margin-left: -281px;
|
|
margin-top: 6px;
|
|
box-shadow: none;
|
|
background: url('http://i.imgur.com/NQZaWIG.png');
|
|
}
|
|
.sheet-loot input[type=checkbox]:checked {
|
|
background: url('http://i.imgur.com/b1RjqgX.png');
|
|
}
|
|
.sheet-loot .sheet-loot-item {
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-loot-col2 {
|
|
margin-left: -36px;
|
|
}
|
|
|