Brower compatibility for ::before alt text

This commit is contained in:
Alex Cabal 2025-01-19 13:28:45 -06:00
parent 8a15519b0e
commit 37aaa97b66
5 changed files with 41 additions and 5 deletions

View file

@ -1,6 +1,6 @@
[se] [se]
enabled = true enabled = false
filter = se filter = se
port = http,https port = http,https
bantime = 24h bantime = 24h

View file

@ -274,6 +274,7 @@ main section.narrow h1 ~ picture{
.artworks figure.wrong::before{ .artworks figure.wrong::before{
background: #762729; background: #762729;
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f00d";
content: "\f00d" / ""; content: "\f00d" / "";
font-size: 1.5rem; font-size: 1.5rem;
width: 1.5rem; width: 1.5rem;
@ -288,6 +289,7 @@ main section.narrow h1 ~ picture{
.artworks figure.corrected::before{ .artworks figure.corrected::before{
background: #406451; background: #406451;
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f00c";
content: "\f00c" / ""; content: "\f00c" / "";
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1; line-height: 1;

View file

@ -399,6 +399,7 @@ header nav li{
} }
header nav li + li:before{ header nav li + li:before{
content: "•";
content: "•" / ""; content: "•" / "";
font-size: 16px; font-size: 16px;
margin-left: 10px; margin-left: 10px;
@ -881,6 +882,7 @@ form button:active{
a.button.next::after, a.button.next::after,
main nav.pagination > a:last-child::after{ main nav.pagination > a:last-child::after{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f061";
content: "\f061" / ""; content: "\f061" / "";
transition: all 200ms ease; transition: all 200ms ease;
position: relative; position: relative;
@ -897,6 +899,7 @@ main nav.pagination > a:last-child[href]:hover::after{
main nav.pagination > a:first-child:before{ main nav.pagination > a:first-child:before{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f060";
content: "\f060" / ""; content: "\f060" / "";
transition: all 200ms ease; transition: all 200ms ease;
position: relative; position: relative;
@ -1363,6 +1366,7 @@ footer ul.nav-links li::after{
} }
footer ul.nav-links li:not(:last-child)::after{ footer ul.nav-links li:not(:last-child)::after{
content: "\b7";
content: "\b7" / ""; content: "\b7" / "";
margin: 0 10px; margin: 0 10px;
} }
@ -1387,6 +1391,7 @@ footer > a{
footer p.newsletter::before{ footer p.newsletter::before{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f0e0";
content: "\f0e0" / ""; content: "\f0e0" / "";
display: inline; display: inline;
margin-right: .25rem; margin-right: .25rem;
@ -1926,6 +1931,7 @@ label:has(select) > span + span:last-child::after{
position: absolute; position: absolute;
top: calc((2rem + 1.4rem + 2px) / 2 - 10px); top: calc((2rem + 1.4rem + 2px) / 2 - 10px);
right: calc(1rem - 12px / 2); right: calc(1rem - 12px / 2);
content: "\f107";
content: "\f107" / ""; content: "\f107" / "";
font-family: "Fork Awesome"; font-family: "Fork Awesome";
font-size: 1rem; font-size: 1rem;
@ -1976,66 +1982,82 @@ label:has(input[type="password"])::before{
} }
label:has(input[type="url"])::before{ label:has(input[type="url"])::before{
content: "\f0c1";
content: "\f0c1" / ""; content: "\f0c1" / "";
} }
label:has(input[type="search"])::before{ label:has(input[type="search"])::before{
content: "\f002";
content: "\f002" / ""; content: "\f002" / "";
} }
label:has(input[type="email"])::before{ label:has(input[type="email"])::before{
content: "\f0e0";
content: "\f0e0" / ""; content: "\f0e0" / "";
} }
label:has(input[type="password"])::before{ label:has(input[type="password"])::before{
content: "\f084";
content: "\f084" / ""; content: "\f084" / "";
} }
label.captcha::before{ label.captcha::before{
content: "\f256";
content: "\f256" / ""; content: "\f256" / "";
} }
label.year::before{ label.year::before{
content: "\f073";
content: "\f073" / ""; content: "\f073" / "";
} }
label.meter::before{ label.meter::before{
content: "\f0e4";
content: "\f0e4" / ""; content: "\f0e4" / "";
} }
label.collection::before{ label.collection::before{
content: "\f0e8";
content: "\f0e8" / ""; content: "\f0e8" / "";
} }
label.book::before{ label.book::before{
content: "\f02d";
content: "\f02d" / ""; content: "\f02d" / "";
} }
label.ordered-list::before{ label.ordered-list::before{
content: "\f0cb";
content: "\f0cb" / ""; content: "\f0cb" / "";
} }
label.hourglass::before{ label.hourglass::before{
content: "\f254";
content: "\f254" / ""; content: "\f254" / "";
} }
label.tags:not(:has(select))::before{ label.tags:not(:has(select))::before{
content: "\f02c";
content: "\f02c" / ""; content: "\f02c" / "";
} }
label.picture::before{ label.picture::before{
content: "\f03e";
content: "\f03e" / ""; content: "\f03e" / "";
} }
label.user::before{ label.user::before{
content: "\f007";
content: "\f007" / ""; content: "\f007" / "";
} }
label.indent::before{ label.indent::before{
content: "\f03c";
content: "\f03c" / ""; content: "\f03c" / "";
} }
label.language::before{ label.language::before{
content: "\f1ab";
content: "\f1ab" / ""; content: "\f1ab" / "";
} }
@ -2180,12 +2202,14 @@ main nav.pagination ol li:not(:first-child):not(:last-child):not(.highlighted){
article nav ol li.highlighted::before, article nav ol li.highlighted::before,
main nav.pagination ol li.highlighted::before{ main nav.pagination ol li.highlighted::before{
content: "⋯";
content: "⋯" / ""; content: "⋯" / "";
padding-right: 1rem; padding-right: 1rem;
} }
article nav ol li.highlighted::after, article nav ol li.highlighted::after,
main nav.pagination ol li.highlighted::after{ main nav.pagination ol li.highlighted::after{
content: "⋯";
content: "⋯" / ""; content: "⋯" / "";
padding-left: 1rem; padding-left: 1rem;
} }
@ -2701,10 +2725,12 @@ h1.is-collection{
} }
.ebooks-toolbar a.button[href*="/downloads"]::before{ .ebooks-toolbar a.button[href*="/downloads"]::before{
content: "\f019";
content: "\f019" / ""; content: "\f019" / "";
} }
.ebooks-toolbar a.button[href*="/feeds"]::before{ .ebooks-toolbar a.button[href*="/feeds"]::before{
content: "\f143";
content: "\f143" / ""; content: "\f143" / "";
} }
@ -3098,6 +3124,7 @@ article.ebook section#read-online ul li p.has-size span{
} }
article.ebook section#read-online ul li p.has-size span::before{ article.ebook section#read-online ul li p.has-size span::before{
content: "\f071";
content: "\f071" / ""; content: "\f071" / "";
font-family: "Fork Awesome"; font-family: "Fork Awesome";
margin-right: .25rem; margin-right: .25rem;
@ -3587,7 +3614,7 @@ a.patron-selection:any-link:hover{
} }
footer ul.nav-links li:nth-child(4)::after{ footer ul.nav-links li:nth-child(4)::after{
content: "\A" / ""; /* This is a line break */ content: "\A"; /* This is a line break */
white-space: pre; white-space: pre;
margin: 0; margin: 0;
} }
@ -3740,12 +3767,13 @@ a.patron-selection:any-link:hover{
footer ul.nav-links li:nth-child(2)::after, footer ul.nav-links li:nth-child(2)::after,
footer ul.nav-links li:nth-child(5)::after{ footer ul.nav-links li:nth-child(5)::after{
content: "\A" / ""; /* This is a line break */ content: "\A"; /* This is a line break */
white-space: pre; white-space: pre;
margin: 0; margin: 0;
} }
footer ul.nav-links li:nth-child(4)::after{ footer ul.nav-links li:nth-child(4)::after{
content: "\b7";
content: "\b7" / ""; content: "\b7" / "";
white-space: normal; white-space: normal;
margin: 0 10px; margin: 0 10px;
@ -3991,7 +4019,7 @@ a.patron-selection:any-link:hover{
footer ul.nav-links li:nth-child(2)::after, footer ul.nav-links li:nth-child(2)::after,
footer ul.nav-links li:nth-child(4)::after, footer ul.nav-links li:nth-child(4)::after,
footer ul.nav-links li:nth-child(6)::after{ footer ul.nav-links li:nth-child(6)::after{
content: "\A" / ""; /* This is a line break */ content: "\A"; /* This is a line break */
white-space: pre; white-space: pre;
margin: 0; margin: 0;
} }
@ -3999,6 +4027,7 @@ a.patron-selection:any-link:hover{
footer ul.nav-links li:nth-child(1)::after, footer ul.nav-links li:nth-child(1)::after,
footer ul.nav-links li:nth-child(3)::after, footer ul.nav-links li:nth-child(3)::after,
footer ul.nav-links li:nth-child(5)::after{ footer ul.nav-links li:nth-child(5)::after{
content: "\b7";
content: "\b7" / ""; content: "\b7" / "";
white-space: normal; white-space: normal;
margin: 0 10px; margin: 0 10px;
@ -4127,7 +4156,7 @@ a.patron-selection:any-link:hover{
} }
footer ul.nav-links li:nth-child(7)::after{ footer ul.nav-links li:nth-child(7)::after{
content: "\A" / ""; /* This is a line break */ content: "\A"; /* This is a line break */
white-space: pre; white-space: pre;
margin: 0; margin: 0;
} }

View file

@ -37,6 +37,7 @@ header nav li{
} }
header nav li + li:before{ header nav li + li:before{
content: "•";
content: "•" / ""; content: "•" / "";
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;

View file

@ -368,6 +368,7 @@ code.full .utf{
.alert p.warning::before, .alert p.warning::before,
.alert p.warning::after{ .alert p.warning::after{
content: "\f071";
content: "\f071" / ""; content: "\f071" / "";
font-family: "Fork Awesome"; font-family: "Fork Awesome";
} }
@ -389,6 +390,7 @@ figure p.wrong{
figure p.wrong::before, figure p.wrong::before,
figure.wrong::before{ figure.wrong::before{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f00d";
content: "\f00d" / ""; content: "\f00d" / "";
font-size: 1.5rem; font-size: 1.5rem;
width: 1.5rem; width: 1.5rem;
@ -403,6 +405,7 @@ figure.wrong::before{
figure p.corrected::before, figure p.corrected::before,
figure.corrected::before{ figure.corrected::before{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f00c";
content: "\f00c" / ""; content: "\f00c" / "";
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1; line-height: 1;
@ -624,6 +627,7 @@ figure.corrected code{
.manual aside.tip::before{ .manual aside.tip::before{
font-family: "Fork Awesome"; font-family: "Fork Awesome";
content: "\f0eb";
content: "\f0eb" / ""; content: "\f0eb" / "";
font-size: 1rem; font-size: 1rem;
position: absolute; position: absolute;