Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AD&D1e revised #13672

Merged
merged 20 commits into from
Jan 14, 2025
Merged

AD&D1e revised #13672

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
08e57bb
AD&D1e revised
vince-roll20 Jan 11, 2025
ef89e0e
- Added <code>{{bigname}}</code> to both templates. This key can be u…
vince-roll20 Jan 11, 2025
db90ec7
bump size
vince-roll20 Jan 11, 2025
d6ef3de
moved material icons import to the end of the imports
vince-roll20 Jan 12, 2025
683c086
- updated title text for THAC0
vince-roll20 Jan 13, 2025
87cc9f0
additional title text for thac0
vince-roll20 Jan 13, 2025
b52238e
other title text
vince-roll20 Jan 13, 2025
be652ca
updated portrait image url calc
vince-roll20 Jan 13, 2025
b3d3334
updated placeholder text
vince-roll20 Jan 13, 2025
2a8b843
commented out log
vince-roll20 Jan 13, 2025
8a5c30c
- updated url trim to check for png, jpg, and gif
vince-roll20 Jan 13, 2025
a00b8a4
testing spaces in file names
vince-roll20 Jan 13, 2025
edc85c1
removed test images
vince-roll20 Jan 13, 2025
569d08d
revised announcement
vince-roll20 Jan 13, 2025
cd61552
portrait image option "none" added
vince-roll20 Jan 14, 2025
a8b65be
tweak warning text if matrix has not been filled in
vince-roll20 Jan 14, 2025
a99cf69
crimson
vince-roll20 Jan 14, 2025
56dec26
spelling
vince-roll20 Jan 14, 2025
1bd9eff
Revert "spelling"
vince-roll20 Jan 14, 2025
d5c7939
spelling
vince-roll20 Jan 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
74 changes: 58 additions & 16 deletions ADnD_1E_Revised/1ESheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
@import url('https://fonts.googleapis.com/css2?family=Material+Icons&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Icons&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Rye:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rye:wght@400;600&display=swap');
*/

/* Misc variables Custom colors for Roll Template */
Expand Down Expand Up @@ -316,6 +318,7 @@
.charsheet input[value='0'].toggle-npc ~ .background .spells-box,
.charsheet input[value='0'].toggle-npc ~ .background .notes-box {
display: block;
position: relative;
}

/* Hide Monster page*/
Expand Down Expand Up @@ -548,6 +551,14 @@
position: absolute;
}

.charsheet .background .wrapper .weapons-box .sect .toggle-input-attention:checked ~ details summary .subheader.label-matrix,
.charsheet .background .wrapper .weapons-box .sect .toggle-input-attention:checked ~ details summary .material-icons,
.charsheet .background .wrapper .weapons-box .sect .toggle-input-attention:checked ~ details summary .material-icons::before,
.charsheet .background .wrapper .weapons-box .sect .toggle-input-attention:checked ~ details summary .material-icons::after {
color: crimson;
opacity: 1;
}

/* encumbrance warning */
.charsheet input[type='checkbox'].toggle-input-attention:checked + label .material-icons {
display: block;
Expand All @@ -557,7 +568,8 @@
/* matrix warning */
.charsheet input[type='checkbox'].toggle-input-attention:checked + .material-icons {
display: block;
margin: -21px 0 0 -5px;
margin: -21px 0 0 -7px;
opacity: 1;
}

.charsheet .wrapper .autoexpand,
Expand Down Expand Up @@ -641,6 +653,13 @@
justify-items: center;
}

.charsheet .three-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
width: 100%;
}

.charsheet .four-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
Expand Down Expand Up @@ -1489,26 +1508,34 @@ section.npc-box.statblock3 .image-avatar {
display: flex;
grid-column: 3/4;
grid-row-start: 1;
justify-content: center;
position: absolute;
width: 100%;
}

/* sheet is set to no image */
.charsheet .portrait-box:has(input[type='hidden'].toggle-avatar[value="2"]),
.charsheet .wrapper .npc-box.statblock3:has(.toggle-avatar[value="2"]) {
display: none;
}

/* sheet image avatar or url toggle */
.charsheet .image-avatar img {
display: none;
}

/* hides the ghosted outline when no avatar has been selected yet */
.charsheet input[type='checkbox'].toggle-avatar:checked ~ .image-avatar img {
.charsheet input[type='hidden'].toggle-avatar[value="1"] ~ .image-avatar img,
.charsheet input[type='hidden'].toggle-avatar[value="2"] ~ .image-avatar img {
display: none;
}

.charsheet input[type='checkbox'].toggle-avatar:checked ~ .image-avatar img[src] {
.charsheet input[type='hidden'].toggle-avatar[value="1"] ~ .image-avatar img[src] {
display: inherit;
}

/* needs important to overide inline style added by roll20 */
.charsheet input[type='checkbox'].toggle-avatar:checked ~ .image-avatar {
.charsheet input[type='hidden'].toggle-avatar[value="1"] ~ .image-avatar,
.charsheet input[type='hidden'].toggle-avatar[value="2"] ~ .image-avatar {
background-image: none !important;
min-width: auto;
}
Expand Down Expand Up @@ -1538,13 +1565,15 @@ section.npc-box.statblock3 .image-avatar {
/* img url is a background image which is not detected by the grid
this prevents collapsing the 3rd column when using an image */
.charsheet .header-box:has(.image-avatar:checked[style*='http']),
.charsheet .header-box:has(.toggle-avatar:checked + .image-avatar img) {
.charsheet .header-box:has(.toggle-avatar[value="1"] + .image-avatar img),
.charsheet .header-box:has(.toggle-avatar[value="2"] + .image-avatar img) {
grid-template-columns: 1fr 1.5fr auto;
}

.charsheet .header-box:has(.image-avatar[style*='http']),
.charsheet .header-box:has(.toggle-avatar:checked + .image-avatar img[src]) {
.charsheet .header-box:has(.toggle-avatar[value="1"] + .image-avatar img[src]) {
grid-template-columns: 1fr 1.5fr 1fr;
position: relative;
}

.charsheet .background,
Expand All @@ -1558,20 +1587,20 @@ section.npc-box.statblock3 .image-avatar {
@container (max-width: 281px) {

.charsheet .background .wrapper .header-box:has(.image-avatar[style*='http']) .logo-box .ac-columns,
.charsheet .background .wrapper .header-box:has(.toggle-avatar:checked + .image-avatar img[src]) .logo-box .ac-columns {
.charsheet .background .wrapper .header-box:has(.toggle-avatar[value="1"] + .image-avatar img[src]) .logo-box .ac-columns {
align-self: baseline;
flex-direction: row;
margin: 4.1em -4.5em 0 0;
width: 100%;
}

.charsheet .background .wrapper .header-box:has(.image-avatar[style*='http']) .logo-box .ac-columns label:nth-child(2),
.charsheet .background .wrapper .header-box:has(.toggle-avatar:checked + .image-avatar img[src]) .logo-box .ac-columns label:nth-child(2) {
.charsheet .background .wrapper .header-box:has(.toggle-avatar[value="1"] + .image-avatar img[src]) .logo-box .ac-columns label:nth-child(2) {
margin-left: 5px;
}

.charsheet .background .wrapper .header-box:has(.image-avatar[style*='http']) .logo-box .ac-columns label:last-child,
.charsheet .background .wrapper .header-box:has(.toggle-avatar:checked + .image-avatar img[src]) .logo-box .ac-columns label:last-child {
.charsheet .background .wrapper .header-box:has(.toggle-avatar[value="1"] + .image-avatar img[src]) .logo-box .ac-columns label:last-child {
margin-left: 8px;
}
}
Expand All @@ -1581,9 +1610,9 @@ section.npc-box.statblock3 .image-avatar {
display: block;
max-height: var(--portrait-min-xy);
min-height: var(--portrait-min-xy);
position: relative;
/* position: relative; */
right: 3.95vw;
top: -1.97em;
top: 0;
}
}

Expand Down Expand Up @@ -2822,6 +2851,7 @@ details[open].thac0-box {

.charsheet .options-box .settings > span {
padding-block: 5px;
width: -webkit-fill-available;
}

.charsheet .options-box .settings > span:nth-child(odd) {
Expand Down Expand Up @@ -4207,6 +4237,7 @@ details[open].thac0-box {
border-radius: 0;
box-shadow: none;
display: inline-grid;
font-family: var(--font-monster);
grid-column: span 2;
grid-template-columns: 1fr minmax(2em, auto);
margin: 0;
Expand Down Expand Up @@ -4310,6 +4341,17 @@ details[open].thac0-box {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sheet-rolltemplate-attacks .sheet-bigger-text,
.sheet-rolltemplate-general .sheet-row .sheet-bigger-text {
font-size: calc(var(--text-xxl) * 1.5);
line-height: normal;
margin-bottom: -5px;
min-height: 1em;
padding-bottom: 5px;
z-index: 1;
}

.sheet-rolltemplate-attacks .sheet-big-text,
.sheet-rolltemplate-general .sheet-big-text {
font-family: var(--font-headers);
font-size: var(--text-xxl);
Expand All @@ -4323,8 +4365,8 @@ details[open].thac0-box {
}

/* border below header/subheader */
.sheet-rolltemplate-attacks div > .sheet-row:first-child,
.sheet-rolltemplate-general div > .sheet-row:first-child {
.sheet-rolltemplate-attacks .sheet-row:has(.sheet-template-header),
.sheet-rolltemplate-general .sheet-row:has(.sheet-template-header) {
border-bottom: 2px solid #000;
}

Expand Down
Loading