mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
294 lines
4.8 KiB
CSS
294 lines
4.8 KiB
CSS
body {
|
|
min-width: 700px;
|
|
}
|
|
|
|
.charsheet {
|
|
background-image: url('https://i.imgur.com/ao18zoI.png');
|
|
background-repeat: no-repeat;
|
|
background-color: white;
|
|
width: 638px;
|
|
height: 850px;
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
width: 40px !important;
|
|
}
|
|
|
|
.playername1 {
|
|
position: absolute;
|
|
top: 178px;
|
|
left: 165px;
|
|
}
|
|
|
|
.playername1 input {
|
|
width: 180px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.charactername1 {
|
|
position: absolute;
|
|
top: 203px;
|
|
left: 190px;
|
|
}
|
|
.charactername1 input {
|
|
width: 180px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterclass1 {
|
|
position: absolute;
|
|
top: 225px;
|
|
left: 125px;
|
|
}
|
|
.characterclass1 input{
|
|
width: 180px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterlevel{
|
|
position: absolute;
|
|
top: 250px;
|
|
left: 125px;
|
|
}
|
|
|
|
.characterlevel input{
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterxp {
|
|
position: absolute;
|
|
top: 250px;
|
|
left: 175px;
|
|
}
|
|
.characterxp input{
|
|
width: 80px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
.characterdef{
|
|
position: absolute;
|
|
top: 335px;
|
|
left: 135px;
|
|
}
|
|
.characterdef input{
|
|
font-size: 150%;
|
|
min-width: 50px !important;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterhpmax{
|
|
position: absolute;
|
|
top: 335px;
|
|
left: 217px;
|
|
}
|
|
.characterhpmax input{
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterhpcurrent{
|
|
position: absolute;
|
|
top: 335px;
|
|
left: 247px;
|
|
}
|
|
.characterhpcurrent input{
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.characterstats {
|
|
position: absolute;
|
|
top: 435px;
|
|
left: 33px;
|
|
}
|
|
|
|
.attribute {
|
|
position: relative;
|
|
margin-top: 14px;
|
|
}
|
|
.attribute input{
|
|
font-size: 175%;
|
|
min-width: 50px !important;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align:center
|
|
}
|
|
|
|
.itemweapons {
|
|
position: absolute;
|
|
top: 328px;
|
|
left: 388px;
|
|
}
|
|
.itemweapons2 {
|
|
resize: none;
|
|
max-height: 60px;
|
|
max-width: 350px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
line-height: 165%;
|
|
}
|
|
|
|
.DBDice1 {
|
|
position: absolute;
|
|
top: 206px;
|
|
left: 373px;
|
|
}
|
|
.DBDice1 input{
|
|
margin-left: 6px;
|
|
border: none;
|
|
}
|
|
.DBDice1 input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.DBDice1 input[type=checkbox]:checked {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url('https://i.imgur.com/G340Rct.png');
|
|
background-size: cover;
|
|
}
|
|
|
|
.DBDice2 {
|
|
position: absolute;
|
|
top: 259px;
|
|
left: 373px;
|
|
}
|
|
.DBDice2 input{
|
|
margin-left: 6px;
|
|
border: none;
|
|
}
|
|
.DBDice2 input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.DBDice2 input[type=checkbox]:checked {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url('https://i.imgur.com/G340Rct.png');
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-10colrow{
|
|
position: absolute;
|
|
top: 720px;
|
|
left: 398px;
|
|
}
|
|
|
|
.sheet-10colrow input{
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.sheet-10colrow input[type=checkbox] {
|
|
width: 15px;
|
|
height: 15px;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.sheet-10colrow input[type=checkbox]:checked {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
box-sizing: borer-box;
|
|
width: 15px;
|
|
height: 15px;
|
|
background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png);
|
|
background-position: 0 -15px;
|
|
}
|
|
|
|
.itemarmor {
|
|
position: absolute;
|
|
top: 415px;
|
|
left: 388px;
|
|
}
|
|
.itemarmor2 {
|
|
resize: none;
|
|
max-height: 18px;
|
|
max-width: 350px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.itemequipment {
|
|
position: absolute;
|
|
top: 460px;
|
|
left: 393px;
|
|
}
|
|
.itemequipment2 {
|
|
resize: none;
|
|
min-height:220px;
|
|
max-height: 220px;
|
|
max-width: 350px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
line-height: 165%;
|
|
}
|
|
|
|
.SpecalAbilities {
|
|
position: absolute;
|
|
top: 798px;
|
|
left: 70px;
|
|
}
|
|
.SpecalAbilities2 {
|
|
resize: none;
|
|
min-height:100px;
|
|
min-width: 415px;
|
|
max-height: 100px;
|
|
max-width: 415px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
line-height: 165%;
|
|
}
|
|
|
|
.charactermoney {
|
|
position: absolute;
|
|
top: 777px;
|
|
left: 548px;
|
|
}
|
|
|
|
.charactermoney input{
|
|
margin-top: 12px;
|
|
min-width: 80px;
|
|
max-width: 80px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
} |