mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
287 lines
5.6 KiB
CSS
287 lines
5.6 KiB
CSS
h1.sheet-SheetTitle {
|
|
color: black;
|
|
border: 2px solid rgb(186, 223, 21);
|
|
background-color: rgb(125, 182, 196);
|
|
}
|
|
|
|
div {
|
|
padding:5px;
|
|
}
|
|
|
|
.sheet-tr {
|
|
display:table-row;
|
|
}
|
|
|
|
.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
}
|
|
|
|
html
|
|
{
|
|
background:linear-gradient(white,linen);
|
|
}
|
|
div.sheet-cilabel
|
|
{
|
|
width: 160px;
|
|
height: 20px;
|
|
opacity: 1;
|
|
text-align: center;
|
|
background: linear-gradient(rgb(223, 222, 222),rgb(155, 153, 153));
|
|
border: 1px solid rgb(186, 223, 21);
|
|
}
|
|
div.sheet-invlabel
|
|
{
|
|
width: 160px;
|
|
height: 20px;
|
|
opacity: 1;
|
|
text-align: center;
|
|
background: linear-gradient(rgb(223, 222, 222),rgb(155, 153, 153));
|
|
border: 1px solid rgb(186, 223, 21);
|
|
margin-left: 25px;
|
|
margin-top: -3px;
|
|
}
|
|
div.sheet-cclabel
|
|
{
|
|
margin-top: 3px;
|
|
width: 297px;
|
|
height: 20px;
|
|
opacity: 1;
|
|
text-align: center;
|
|
background: linear-gradient(rgb(223, 222, 222),rgb(155, 153, 153));
|
|
border: 1px solid rgb(186, 223, 21);
|
|
}
|
|
div.sheet-cipinput
|
|
{
|
|
width: 160px;
|
|
height: 20px;
|
|
opacity: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-Section1{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
float: left;
|
|
}
|
|
|
|
div.sheet-Section2{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
float: left;
|
|
}
|
|
|
|
div.sheet-Section3{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 30;
|
|
right: 1200;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-Section4{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 600;
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-Section5{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 499;
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-Section6{
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 398.5;
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-Section7{
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 238;
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
div.sheet-Section8{
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 30;
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
div.sheet-Section9{
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
margin-right: 1px;
|
|
bottom: 45;
|
|
right: 489;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-Section10
|
|
{
|
|
position: absolute;
|
|
bottom: 439;
|
|
right: 1158;
|
|
margin-top: 1px;
|
|
margin-left: 0px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-left: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-Bumper
|
|
{
|
|
float: left;
|
|
margin-top: 1px;
|
|
margin-left: 0px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-left: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-BumperSkill
|
|
{
|
|
display: inline-block;
|
|
margin-top: -20px;
|
|
margin-bottom: -15px;
|
|
margin-left: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-BumperSpell
|
|
{
|
|
display: inline-block;
|
|
margin-top: -22px;
|
|
margin-bottom: -15px;
|
|
margin-left: -4px;
|
|
text-align: center;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
/*border-left: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);*/
|
|
}
|
|
div.sheet-BumperSpellL
|
|
{
|
|
display: inline-block;
|
|
margin-top: -20px;
|
|
margin-bottom: -15px;
|
|
margin-left: -4px;
|
|
text-align: center;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-left: solid rgb(186, 223, 21);
|
|
}
|
|
div.sheet-BumperSpellR
|
|
{
|
|
display: inline-block;
|
|
margin-top: -20px;
|
|
margin-bottom: -15px;
|
|
margin-left: -4px;
|
|
text-align: center;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);
|
|
}
|
|
|
|
div.sheet-BumperLT
|
|
{
|
|
float: left;
|
|
margin-top: 5px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-left: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
}
|
|
div.sheet-BumperRT
|
|
{
|
|
float: left;
|
|
margin-top: 5px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);
|
|
width: 20%;
|
|
}
|
|
div.sheet-BumperL
|
|
{
|
|
float: left;
|
|
margin-top: 5px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-left: solid rgb(186, 223, 21);
|
|
}
|
|
div.sheet-BumperR
|
|
{
|
|
float: left;
|
|
margin-top: 5px;
|
|
background-color: rgb(125, 182, 196);
|
|
border-top: solid rgb(186, 223, 21);
|
|
border-bottom: solid rgb(186, 223, 21);
|
|
border-right: solid rgb(186, 223, 21);
|
|
}
|
|
|
|
div.sheet-hph
|
|
{
|
|
bottom: 300;
|
|
right: 1200;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-hplabel
|
|
{
|
|
margin-top:-7px;
|
|
margin-bottom:-3px;
|
|
}
|
|
|
|
div.sheet-hpt
|
|
{
|
|
float:right
|
|
}
|
|
|
|
.roll {
|
|
background: linear-gradient(rgb(223, 222, 222),rgb(155, 153, 153));
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
.edmd {
|
|
padding: 0px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
div.sheet-slabel {
|
|
text-align: left;
|
|
padding: 0px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
div.sheet-spelllabel {
|
|
margin-top:-2px;
|
|
margin-bottom:-3px;
|
|
background: linear-gradient(rgb(223, 222, 222),rgb(155, 153, 153));
|
|
border: 1px solid rgb(186, 223, 21);
|
|
}
|
|
|
|
.E label{
|
|
font-size: 2px;
|
|
} |