mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
248 lines
9.5 KiB
CSS
248 lines
9.5 KiB
CSS
.sheet-solidblack {font-size: 10px; color: #708090;}
|
|
.sheet-whiteout {font-size: large; color: white;background-color:black;}
|
|
|
|
.sheet-paged { background-color: white;
|
|
padding: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.sheet-charsheet { display: grid;
|
|
grid-template-columns: 24% 24% 24% 24%;
|
|
grid-template-rows: 100px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px;
|
|
grid-column-gap: 1.33%;
|
|
grid-row-gap: 1%;
|
|
}
|
|
|
|
::placeholder {text-align: center;}
|
|
:-ms-input-placeholder {text-align: center;}
|
|
|
|
.sheet-picturebox { grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 15; place-self: center; margin:10px;}
|
|
|
|
.sheet-attributenamebox { grid-column: 1; grid-row: 2;}
|
|
.sheet-strbox { grid-column: 1; grid-row: 3;}
|
|
.sheet-strgrid{ display: grid; grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
|
|
.sheet-strgridlabel {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-strscore {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-strtemp {grid-column: 3; grid-row: 1; text-align: center;}
|
|
.sheet-dexbox { grid-column: 1; grid-row: 4;}
|
|
.sheet-dexgrid{ display: grid; grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
|
|
.sheet-dexgridlabel {grid-column: 1; grid-row: 2; text-align: center;}
|
|
.sheet-dexscore {grid-column: 2; grid-row: 2; text-align: center;}
|
|
.sheet-dextemp {grid-column: 3; grid-row: 2; text-align: center;}
|
|
.sheet-chabox { grid-column: 1; grid-row: 5;}
|
|
.sheet-chagrid{ display: grid; grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
|
|
.sheet-chagridlabel {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-chascore {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-chatemp {grid-column: 3; grid-row: 1; text-align: center;}
|
|
.sheet-magicbox { grid-column: 1; grid-row: 6;}
|
|
.sheet-magicgrid{ display: grid; grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
|
|
.sheet-magicgridlabel {grid-column: 1; grid-row: 2; text-align: center;}
|
|
.sheet-magicscore {grid-column: 2; grid-row: 2; text-align: center;}
|
|
.sheet-magictemp {grid-column: 3; grid-row: 2; text-align: center;}
|
|
.sheet-vitbox { grid-column: 1; grid-row: 7;}
|
|
.sheet-vitgrid{ display: grid; grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
|
|
.sheet-vitgridlabel {grid-column: 1; grid-row: 2; text-align: center;}
|
|
.sheet-vitscore {grid-column: 2; grid-row: 2; text-align: center;}
|
|
.sheet-vittemp {grid-column: 3; grid-row: 2; text-align: center;}
|
|
|
|
.sheet-expertisenamebox { grid-column: 1; grid-row: 8;}
|
|
.sheet-exp1box { grid-column: 1; grid-row: 9;}
|
|
.sheet-exp1grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp1 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp1a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp2box { grid-column: 1; grid-row: 10;}
|
|
.sheet-exp2grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp2 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp2a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp3box { grid-column: 1; grid-row: 11;}
|
|
.sheet-exp3grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp3 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp3a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp4box { grid-column: 1; grid-row: 12;}
|
|
.sheet-exp4grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp4 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp4a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp5box { grid-column: 1; grid-row: 13;}
|
|
.sheet-exp5grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp5 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp5a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp6box { grid-column: 1; grid-row: 14;}
|
|
.sheet-exp6grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp6 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp6a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp7box { grid-column: 1; grid-row: 15;}
|
|
.sheet-exp7grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp7 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp7a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-exp8box { grid-column: 1; grid-row: 16;}
|
|
.sheet-exp8grid{ display: grid; grid-template-columns: 80% 18%; grid-column-gap: 2%;}
|
|
.sheet-exp8 {grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-exp8a {grid-column: 2; grid-row: 1; text-align: center;}
|
|
|
|
.sheet-itemslotnamebox { grid-column: 4; grid-row: 2;}
|
|
.sheet-itemslot1 { grid-column: 4; grid-row: 3;}
|
|
.sheet-itemslot2 { grid-column: 4; grid-row: 4;}
|
|
.sheet-itemslot3 { grid-column: 4; grid-row: 5;}
|
|
.sheet-itemslot4 { grid-column: 4; grid-row: 6;}
|
|
.sheet-itemslot5 { grid-column: 4; grid-row: 7;}
|
|
.sheet-sa1 { grid-column: 4; grid-row: 8;}
|
|
.sheet-sa2 { grid-column: 4; grid-row: 9;}
|
|
.sheet-sa3 { grid-column: 4; grid-row: 10;}
|
|
.sheet-sa4 { grid-column: 4; grid-row: 11;}
|
|
.sheet-sa5 { grid-column: 4; grid-row: 12;}
|
|
.sheet-sa6 { grid-column: 4; grid-row: 13;}
|
|
.sheet-sa7 { grid-column: 4; grid-row: 14;}
|
|
.sheet-specialabilitynamebox { grid-column: 4; grid-row: 15;}
|
|
.sheet-sa8 { grid-column: 4; grid-row: 16;}
|
|
|
|
.sheet-weaponbox1 { grid-column-start: 1; grid-column-end: 3; grid-row: 17;}
|
|
.sheet-weaponbox2 { grid-column-start: 3; grid-column-end: 5; grid-row: 17;}
|
|
.sheet-weaponbox3 { grid-column-start: 1; grid-column-end: 3; grid-row: 18;}
|
|
.sheet-weaponbox4 { grid-column-start: 3; grid-column-end: 5; grid-row: 18;}
|
|
.sheet-weaponbox5 { grid-column-start: 1; grid-column-end: 3; grid-row: 19;}
|
|
.sheet-weaponbox6 { grid-column-start: 3; grid-column-end: 5; grid-row: 19;}
|
|
.sheet-weaponbox7 { grid-column-start: 1; grid-column-end: 3; grid-row: 20;}
|
|
.sheet-weaponbox8 { grid-column-start: 3; grid-column-end: 5; grid-row: 20;}
|
|
.sheet-weapongrid1 { display: grid; grid-template-columns: 39% 60%; grid-column-gap: 1%;}
|
|
.sheet-weapongrid2 { display: grid; grid-template-columns: 24% 24% 24% 24%; grid-column-gap: 1.33%;}
|
|
.sheet-weapon_namebox { grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-weapon_name { grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-weapon_dmgbox { grid-column: 1; grid-row: 1; text-align: center;}
|
|
.sheet-weapon_dmg { grid-column: 2; grid-row: 1; text-align: center;}
|
|
.sheet-weapon_rngbox { grid-column: 3; grid-row: 1; text-align: center;}
|
|
.sheet-weapon_rng { grid-column: 4; grid-row: 1; text-align: center;}
|
|
|
|
.sheet-inventorynamebox { grid-column-start: 1; grid-column-end: 3; grid-row: 21;}
|
|
.sheet-inventory1 { grid-column-start: 1; grid-column-end: 3; grid-row: 22;}
|
|
.sheet-inventory2 { grid-column-start: 1; grid-column-end: 3; grid-row: 23;}
|
|
.sheet-inventory3 { grid-column-start: 1; grid-column-end: 3; grid-row: 24;}
|
|
.sheet-inventory4 { grid-column-start: 1; grid-column-end: 3; grid-row: 25;}
|
|
.sheet-inventory5 { grid-column-start: 1; grid-column-end: 3; grid-row: 26;}
|
|
.sheet-inventory6 { grid-column-start: 1; grid-column-end: 3; grid-row: 27;}
|
|
.sheet-inventory7 { grid-column-start: 1; grid-column-end: 3; grid-row: 28;}
|
|
.sheet-inventory8 { grid-column-start: 1; grid-column-end: 3; grid-row: 29;}
|
|
|
|
.sheet-spellsnamebox { grid-column-start: 3; grid-column-end: 5; grid-row: 21;}
|
|
.sheet-spell1 { grid-column-start: 3; grid-column-end: 5; grid-row: 22;}
|
|
.sheet-spell2 { grid-column-start: 3; grid-column-end: 5; grid-row: 23;}
|
|
.sheet-spell3 { grid-column-start: 3; grid-column-end: 5; grid-row: 24;}
|
|
.sheet-spell4 { grid-column-start: 3; grid-column-end: 5; grid-row: 25;}
|
|
.sheet-spell5 { grid-column-start: 3; grid-column-end: 5; grid-row: 26;}
|
|
.sheet-spell6 { grid-column-start: 3; grid-column-end: 5; grid-row: 27;}
|
|
.sheet-spell7 { grid-column-start: 3; grid-column-end: 5; grid-row: 28;}
|
|
.sheet-spell8 { grid-column-start: 3; grid-column-end: 5; grid-row: 29;}
|
|
|
|
.sheet-identitybox {
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 1;
|
|
}
|
|
|
|
.sheet-identitygrid { display: grid;
|
|
grid-template-columns: 33% 33% 15% 16%;
|
|
grid-template-rows: 49% 49%;
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 2%;
|
|
}
|
|
|
|
.sheet-namebox {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-playerbox {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-racebox {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-classbox {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-hpgrid{ display: grid;
|
|
grid-template-columns: 28% 34% 34%;
|
|
grid-template-rows: 100%;
|
|
grid-column-gap: 2%;
|
|
grid-row-gap: 2%;
|
|
}
|
|
|
|
.sheet-hpbox{
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-label{
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
background: black;
|
|
}
|
|
|
|
.sheet-currenthpbox{
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-maxhpbox{
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armorgrid{ display: grid;
|
|
grid-template-columns: 32% 32% 32%;
|
|
grid-template-rows: 100%;
|
|
grid-column-gap: 2%;
|
|
grid-row-gap: 2%;
|
|
}
|
|
|
|
.sheet-armorbox{
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armorvaluebox{
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-speedbox{
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.sheet-affinitybox{
|
|
grid-column: 3;
|
|
grid-row: 2;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-effectrangebox{
|
|
grid-column: 4;
|
|
grid-row: 2;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-logobox { place-self: center;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 1;
|
|
}
|
|
|
|
.sheet-logo { place-self: center} |