slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'paper' look established

Browse Source
This commit is contained in:
ChtiKenny
2020-12-08 17:28:44 +01:00
parent 3e9d46b4c5
commit 6d85e01d8a
1 changed files with 54 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ShadowbaneInquisition/Shadowbane.css
+54 -34
View File
@@ -77,7 +77,10 @@ h2, h3 {
h2 { text-decoration: underline; }
/* Only type-3 headers receive the following CSS properties. */
h3 { background: #52682d; }
h3 {
background: #52682d38;
box-shadow: 0px 2px 5px black;
}
/* All normal text receives the following CSS properties. */
p {
@@ -92,7 +95,7 @@ p {
/* All textarea elements (keep width for textarea to prevent stretching off of sheet) */
textarea {
background: #52682d;
background: #52682d38;
color: white;
font-family: inherit;
font-size: 14px;
@@ -163,8 +166,8 @@ ______________________________ start of multipurpose or special-use classes such
}
.sheet-table {
background: #6e8b3d;
color: white;
background: #6e8b3d38;
/* color: white; */
font-family: inherit;
}
@@ -488,13 +491,17 @@ ______________________________ start of minimisable infographic ________________
.sheet-select_text {
background: #52682d;
/* background: #52682d38; */
box-shadow: inset 0px 0px 10px 5px black;
border: 1px solid white;
border-radius: 4px;
color: white; font-family: inherit;
/* color: white; font-family: inherit; */
padding: 0px 4px 0px 4px;
}
.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); }
.sheet-select_button:checked ~ .sheet-select_text {
text-shadow: -1px -1px 5px white, 1px 1px 5px white;
/*background: rgb(200, 0, 0); */
}
.sheet-minimisable_infographic_main { margin-left: 5px; }
@@ -512,11 +519,11 @@ ______________________________ start of minimisable infographic ________________
.sheet-minimisable_infographic_g1 { grid-area: mi1; background: #52682d !important; border: 0px solid transparent; font-family: inherit !important; letter-spacing: 0px; justify-self: center; width: calc(100% - 6px); }
.sheet-minimisable_infographic_g2 { grid-area: mi2; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #52682d; }
.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #52682d38; }
.sheet-minimisable_infographic_g4 { grid-area: mi4; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #52682d; border-bottom: 1px solid #52682d; border-bottom-right-radius: 10px; }
.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #52682d38; border-bottom: 1px solid #52682d38; border-bottom-right-radius: 10px; }
.sheet-minimisable_infographic_field2x3 {
background: #6e8b3d;
background: #6e8b3d38;
margin-right: 10px;
display: grid;
grid-template-columns: 53px 40px;
@@ -531,7 +538,7 @@ ______________________________ start of minimisable infographic ________________
.sheet-minimisable_infographic_g7 { grid-area: mi7; }
.sheet-minimisable_infographic_field4x3a {
background: #6e8b3d;
background: #6e8b3d38;
margin-right: 10px;
display: grid;
grid-template-columns: 50px 40px 45px 40px;
@@ -543,9 +550,9 @@ ______________________________ start of minimisable infographic ________________
}
.sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d; }
.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d38; }
.sheet-minimisable_infographic_field4x3b {
background: #6e8b3d;
background: #6e8b3d38;
margin-right: 10px;
display: grid;
grid-template-columns: 60px 40px 65px 40px;
@@ -622,10 +629,16 @@ ______________________________ start of equipment tab __________________________
'e3 e3 e3';
}
.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; }
.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep {
background:#6E8B3D50;
/* border:1px solid white; */
box-shadow: 0px 2px 5px black;
border-radius: 10px;
padding: 2px;
}
.sheet-equipment_ranged_weapons_gs1 { grid-area: rw1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs2 { grid-area: rw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
@@ -774,8 +787,9 @@ ______________________________ start of equipment tab __________________________
}
.sheet-equipment_header {
background: #52682d;
border: 2px solid #6E8B3D;
background: #52682d38;
box-shadow: 0px 5px 9px black;
border: 2px solid #6e8b3d38;
border-bottom: none;
border-radius: 10px 10px 0px 0px;
font-family: inherit;
@@ -789,8 +803,8 @@ ______________________________ start of equipment tab __________________________
height: 20px;
}
.sheet-equipment_armor_gs1 { background: #6E8B3D; padding: 2px; }
.sheet-equipment_armor_gs2 { background: #6E8B3D; padding: 2px; }
.sheet-equipment_armor_gs1 { background: #6E8B3D38; padding: 2px; }
.sheet-equipment_armor_gs2 { background: #6E8B3D38; padding: 2px; }
.sheet-equipment_armor_grid {
display: grid;
grid-gap: 10px;
@@ -860,9 +874,9 @@ ______________________________ start of comrade tab ____________________________
'e1 e0 e2';
}
.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-comrade_ability { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-comrade_ability { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D38; border:1px solid white; border-radius: 10px; padding: 2px; }
.sheet-comrade_name_status_gs1 { grid-area: cn1; color: white; font-size: 13px; padding: 0px 2px; }
.sheet-comrade_name_status_gs2 { grid-area: cn2; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }
@@ -897,6 +911,7 @@ ______________________________ start of advancements tab _______________________
.sheet-aptitudes_grid_gs2 { grid-area: ap2; align-self: center; text-align: center; width: 100%; }
.sheet-aptitudes_grid_gs3 { grid-area: ap3; align-self: center; text-align: center; width: 100%; }
.sheet-aptitudes_grid {
box-shadow: 0px 5px 9px black;
justify-content: center;
display: grid;
grid-template-columns: auto auto auto;
@@ -920,10 +935,15 @@ ______________________________ start of advancements tab _______________________
'e1 e2 e3 e0 e4 e5 e6 e7';
}
.sheet-weapon_training { padding: 2px; background: #6E8B3D; }
.repcontainer {
box-shadow: 0px 5px 9px black;
}
.sheet-weapon_training { padding: 2px; background: #6E8B3D38; }
.sheet-weapon_training_grid {
padding: 2px 0px 2px 40px;
background: #6E8B3D;
background: #6E8B3D38;
box-shadow: 0px 5px 9px black;
font-size: 15px;
margin: 2px;
display: grid;
@@ -937,8 +957,8 @@ ______________________________ start of advancements tab _______________________
______________________________ start of Journal tab ___________________________________________________________ */
/* Journal sections didn't need their own CSS; this covers only the insanity/corruption portion of the page */
.sheet-insanity_side { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-corruption_side { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-insanity_side { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-corruption_side { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-insanity_corruption_divider {
display: grid;
grid-template-columns: 49.5% 1% 49.5%;
@@ -997,11 +1017,11 @@ ______________________________ start of Psykana tab ____________________________
'e2 . e3';
}
.sheet-psykana_info { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-bottom: 5px; }
.sheet-psykana_minor { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; }
.sheet-psykana_ability { grid-area: e3; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-psykana_info { grid-area: e1; background:#6E8B3D38; border-radius: 10px; padding: 2px; margin-bottom: 5px; }
.sheet-psykana_minor { grid-area: e2; background:#6E8B3D38; border-radius: 10px; padding: 2px; margin-top: 5px; }
.sheet-psykana_ability { grid-area: e3; background:#6E8B3D38; border-radius: 10px; padding: 2px; }
.sheet-minormanifestation_rep, .sheet-psykana_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
.sheet-minormanifestation_rep, .sheet-psykana_ability_rep { background:#6E8B3D38; border:1px solid white; border-radius: 10px; padding: 2px; }
.sheet-psykana_info_gs1 { grid-area: pi1; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs2 { grid-area: pi2; color: white; font-size: 14px; margin-top: 5px; }
@@ -1103,8 +1123,8 @@ ______________________________ start of vehicles page __________________________
.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d; border-top: 2px solid #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; }
.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; color: white; font-family: inherit; }
.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d38; border-top: 2px solid #6e8b3d38; border-left: 2px solid #6e8b3d38; border-right: 2px solid #6e8b3d38; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; }
.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d38; border-left: 2px solid #6e8b3d38; border-right: 2px solid #6e8b3d38; color: white; font-family: inherit; }
.sheet-vehicle_weapons { grid-area: vgw; }
.sheet-vehicles_divider {
display: grid;
@@ -1113,7 +1133,7 @@ ______________________________ start of vehicles page __________________________
'vg1 vgw'
'vg2 vgw';
}
.sheet-vehicles_Gn { grid-area: vn; background: #52682d; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; }
.sheet-vehicles_Gn { grid-area: vn; background: #52682d38; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; }
.sheet-vehicles_Gs { grid-area: vs; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
.sheet-vehicles_Gt { grid-area: vt; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
.sheet-vehicles_G1 { grid-area: v1 }