Compare commits

...

7 Commits
rework ... main

Author SHA1 Message Date
mandorinn
49c5ac1324
Fix for news popup clickability
Fixed - News section being unable to be closed out of
Tweaked - Made the call to action regarding contacting Arizona's senators more obvious
2025-02-26 17:06:39 -06:00
mandorinn
fc34828cfa
home page fixessss
Fixed - home page not being very usable on smaller but not quite mobile screen sizesssss
Fixed - home page nav bar not being very usable at- see the last fix^^
Fixed - home page avatar being slightly cut off at the top at normal screen sizes

Tweaked - position of the little search bar area to be slightly lower like I'm pretty sure it was originallyyyyy :mewothink:
2025-02-15 00:56:32 -06:00
mandorinn
8d9aeefd6b
Search controls fix
Fixed - search controls having incorrect background
Tweaked - made search controls buttons have a 1:1 aspect ratio
2025-02-13 17:42:28 -06:00
mandorinn
2362c707f6
Quick fixes and tweaks
Fixed - Extras not spanning the tops and bottoms of the page as intended
Fixed - New fancy nav bar profile picture not being styled
Fixed - search bar being borked again

Tweaked - made new fancy nav bar profile picture change based on --avatar-border-radius so users can choose which they prefer

(Also if you're reading this edshot, I only just now saw your pr so I'll have to check that out when i have the timeeeee :firrip:)
2025-02-12 16:11:24 -06:00
mandorinn
29cbbb5a4d
Fixes for search
Fix - search not being styled fully
Fix - enable/disable blacklist link not being positioned correctly
Fix - enable/disable blacklist link not being colored correctly
2025-02-06 16:45:26 -06:00
mandorinn
faa7ab273f
Small footer and paginator fixes
Fixed - footer logo not being styled and being smaller than expected
Fixed - Paginator using wrong colors
2025-02-05 14:14:14 -06:00
mandorinn
316b55557a
Fix - Home page edition
Fixed - home page layout being borked, everything is centered again now
Fixed - misc sign in/up elements not using the correct background colors
2025-01-31 23:28:44 -06:00

View File

@ -1,7 +1,7 @@
/* ==UserStyle==
@name eSix Café
@namespace mandorinn
@version 2.2.1
@version 2.2.8
@description A muted and easy on the eyes style for e621. Big credits to Faucet for the bug reports so far, thank you!
@author mandorinn [(www.mandorinn.dev)], faucet [(https://e621.net/users/601225)]
@preprocessor stylus
@ -1389,30 +1389,127 @@ if themep == classic {
margin:0;
max-width: 100vw;
}
body[data-th-extra] div#page div[id*="c-"] {
isolation: isolate;
}
body[data-th-extra] div#page div[id*="c-"]::before {
content:'';
position:absolute;
top: 0;
left: 0;
right: 0;
background-repeat: repeat-x;
height: 10%;
background-position: top;
z-index: -1;
}
body[data-th-extra="spring"] div#page div[id*="c-"]::before {
background-image: url('packs/static/spring_top-264aa75af9d983fe396a.png'),
url("packs/static/spring_top_sky-5f08767e7576e85cd4d8.png");
background-repeat: no-repeat, repeat-x;
background-position: top right, top;
}
body[data-th-extra="winter"] div#page div[id*="c-"]::before {
background-image: url("packs/static/snow_top-993aff352a5f50cd1673.png");
}
body[data-th-extra="aurora"] div#page div[id*="c-"]::before {
background-image: url("packs/static/aurora-351b89e14fb8c01956d2.png");
}
body[data-th-extra="hexagons"] div#page div[id*="c-"]::before {
background-image: url("packs/static/hex-b4fc28b5d7c3eb96e7b0.png");
}
body[data-th-extra="space"] div#page div[id*="c-"]::before {
background-image: url("packs/static/space-6250f9c96a58586bf97c.png");
}
body[data-th-extra="stars"] div#page div[id*="c-"]::before {
background-image: url("packs/static/stars-d60a76a33afd5f7a498a.png");
}
body[data-th-extra] div#page div[id*="c-"]::after {
content:'';
position:absolute;
bottom: 0;
left: 0;
right: 0;
background-repeat: repeat-x;
height: 10%;
background-position: bottom;
z-index: -1;
}
body[data-th-extra="spring"] div#page div[id*="c-"]::after {
background-image: url("packs/static/spring_bottom-35c3afb217009911e2a9.png"),
url('packs/static/spring_bottom_fox-b885e26f5a2f59d4372f.png');
background-repeat: repeat-x,no-repeat;
background-position: bottom, right;
}
body[data-th-extra="autumn"] div#page div[id*="c-"]::after {
background-image: url("packs/static/leaves_bottom-937df1c91ac26693dab2.png");
}
body[data-th-extra="winter"] div#page div[id*="c-"]::after {
background-image: url("packs/static/snow_bottom-816f2a5c6b7d50f9e8f5.png");
}
div#page {
background-color: var(--bg-300)!important;
margin:0!important;
border-radius:0!important;
padding-top: 1.5rem;
padding-bottom: 4rem;
position:relative;
}
div#page div#news {
z-index: 999 !important;
border-radius: 8px;
border: 3px solid var(--bg-300);
&.open #news-header {
background: var(--bg-400);
margin-bottom: .5rem;
}
& #news-body p {
font-size: 1rem !important;
}
& #news-body p:has(a[href="https://www.defendonlineprivacy.com/az/action.php"]) {
font-size: 1.25rem !important;
font-style: italic;
font-weight: bold;
}
& a[href="https://www.defendonlineprivacy.com/az/action.php"] {
font-weight: bold;
font-style: italic;
color: var(--remove-favorite) !important;
font-size: 1.5rem !important;
&:hover {
color: var(--remove-favorite-hover) !important;
}
}
}
.post-index .content {
border-radius: 0 !important;
background: none !important;
}
#ad-leaderboard {
width:fit-content;
margin-inline:auto;
}
footer#page-footer {
footer.footer-wrapper {
margin: 0rem 0 0 0;
border-radius:0;
background-color: var(--bg)!important;
}
span.logo-container {
footer.footer-wrapper .footer-left {
border-right-color: var(--base-text)
}
span.footer-logo {
a img {
opacity: 0;
}
a {
display:grid;
place-items:center;
position:relative;
&::before {
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5em' height='5em' viewBox='1 0 41 41'%3E%3Cpath id='Ear Tops' fill='%2300000055' d='M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 32.06,16.97 33.02,16.18 34.09,15.28 35.85,13.73 35.10,12.43 33.62,9.88 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,5.92 20.23,4.68 20.16,3.29 19.98,0.94 18.50,0.76 15.57,0.41 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z' /%3E%3Cpath id='Ear Bottoms' fill='%23ffffff33' d='M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,7.43 20.27,6.17 19.54,4.37 16.52,3.18 15.03,3.00 14.27,3.83 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 31.41,17.50 32.36,16.70 31.56,16.69 32.70,13.48 30.75,11.02 29.57,10.99 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z' /%3E%3Cpath id='Head' fill='%2300000055' d='M 8.17,9.97 C 10.27,9.96 19.20,10.03 22.22,10.03 22.88,11.15 28.57,20.96 29.24,22.17 28.50,23.45 22.29,34.12 22.22,34.21 21.22,34.25 8.25,34.29 8.25,34.29 8.15,34.13 1.88,23.32 1.17,22.10 1.80,21.20 7.24,11.57 8.17,9.97 Z' /%3E%3Cpath id='e' fill='%23ffffff33' d='M 14.90,14.62 C 21.12,14.31 22.95,19.43 22.81,23.04 22.69,23.05 11.69,23.93 11.53,23.93 14.80,28.95 18.63,25.34 18.81,25.20 18.95,25.34 19.39,25.75 20.85,27.10 17.10,31.38 8.78,30.54 8.02,21.83 8.53,15.14 14.90,14.62 14.90,14.62 Z M 11.21,20.81 C 11.21,20.81 17.95,20.38 19.47,20.28 17.02,15.62 12.25,17.69 11.21,20.81 Z' /%3E%3C/svg%3E%0A");
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6em' height='6em' viewBox='1 0 41 41'%3E%3Cpath id='Ear Tops' fill='%2300000055' d='M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 32.06,16.97 33.02,16.18 34.09,15.28 35.85,13.73 35.10,12.43 33.62,9.88 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,5.92 20.23,4.68 20.16,3.29 19.98,0.94 18.50,0.76 15.57,0.41 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z' /%3E%3Cpath id='Ear Bottoms' fill='%23ffffff33' d='M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,7.43 20.27,6.17 19.54,4.37 16.52,3.18 15.03,3.00 14.27,3.83 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 31.41,17.50 32.36,16.70 31.56,16.69 32.70,13.48 30.75,11.02 29.57,10.99 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z' /%3E%3Cpath id='Head' fill='%2300000055' d='M 8.17,9.97 C 10.27,9.96 19.20,10.03 22.22,10.03 22.88,11.15 28.57,20.96 29.24,22.17 28.50,23.45 22.29,34.12 22.22,34.21 21.22,34.25 8.25,34.29 8.25,34.29 8.15,34.13 1.88,23.32 1.17,22.10 1.80,21.20 7.24,11.57 8.17,9.97 Z' /%3E%3Cpath id='e' fill='%23ffffff33' d='M 14.90,14.62 C 21.12,14.31 22.95,19.43 22.81,23.04 22.69,23.05 11.69,23.93 11.53,23.93 14.80,28.95 18.63,25.34 18.81,25.20 18.95,25.34 19.39,25.75 20.85,27.10 17.10,31.38 8.78,30.54 8.02,21.83 8.53,15.14 14.90,14.62 14.90,14.62 Z M 11.21,20.81 C 11.21,20.81 17.95,20.38 19.47,20.28 17.02,15.62 12.25,17.69 11.21,20.81 Z' /%3E%3C/svg%3E%0A");
position:absolute;
top:.025rem;
margin-inline: auto;
width: 5em;
z-index: 2;
@ -1645,17 +1742,35 @@ if themep == classic {
nav.navigation .nav-secondary {
background-color: var(--bg);
}
nav.navigation i, nav.navigation a:is([id*="nav"], [id*="blacklist"]) {
nav.navigation i, nav.navigation a svg, nav.navigation a:is([id*="nav"], [id*="blacklist"]) {
color: var(--header-link) !important;
}
nav.navigation i:hover, nav.navigation a:is([id*="nav"], [id*="blacklist"]):hover {
nav.navigation i:hover, nav.navigation a:hover svg nav.navigation a:is([id*="nav"], [id*="blacklist"]):hover {
color: var(--header-link-hover) !important;
}
nav.navigation menu.nav-tools {
background-color: var(--bg-400) !important;
border-radius: 0 0 4px 4px;
border-radius: 4px;
border: 2px solid var(--bg-300);
border-top: 0px solid transparent;
}
nav.navigation .nav-controls {
background: none !important;
}
nav.navigation .nav-controls a.simple-avatar .simple-avatar-button .simple-avatar-image {
background-color: transparent !important;
display:grid;
place-items: center;
border: 2px solid var(--bg-300);
border-radius: var(--avatar-border-radius);
transition: 200ms;
&:hover {
border-color: var(--base-text);
}
& img {
width: 100%;
height: 100%;
border-radius: var(--avatar-border-radius);
}
}
/* Re621 menus */
.ui-widget-content.ui-widget-content {
@ -1720,6 +1835,10 @@ if themep == classic {
}
/* Sidebar */
.post-index .sidebar.sidebar {
background-color: transparent !important;
box-shadow: none !important;
}
div#c-posts div#a-index aside#sidebar, div#c-posts div#a-show aside#sidebar, div#c-favorites div#a-index aside#sidebar {
width: 14.5rem;
}
@ -1761,7 +1880,8 @@ if themep == classic {
margin-top: .2rem;
margin-left: .05rem;
}
#sidebar > div[style="color:darkorange;margin-bottom:0.5rem;"] {
#sidebar > div[style="color:darkorange;margin-bottom:0.5rem;"],
.search > .post-search ~ div[style="color: darkorange;"] {
display:none;
}
.color-muted {
@ -1830,61 +1950,64 @@ if themep == classic {
color: var(--user-banned) !important;
}
/* Sidebar searchbox */
div#page aside#sidebar section#search-box form, div#page aside#sidebar section#re621-insearch form, div#page aside#sidebar section#mode-box form {
.post-index .search {
background: none !important;
box-shadow: none !important;
}
div#page aside#sidebar section.post-search form, div#page aside#sidebar section#re621-insearch form, div#page aside#sidebar section#mode-box form {
display:flex;
flex-direction:column;
height: fit-content;
width: 100%;
}
#search-box {
.post-search {
display: flex;
align-items: center;
justify-content: center;
position:relative;
border-radius:4px;
}
#search-box h1 {
.post-search h3 {
position: absolute;
font-size: 0rem!important;
width: 90%;
pointer-events: none;
z-index:9999;
}
#search-box h1 span {
position:relative;
.post-search span {
position:absolute;
font-size: .75rem;
pointer-events: auto;
right: 1.5rem;
top: .25rem;
right: 2rem;
top:.5rem;
display:flex;
}
.search-help a {
.post-search-help a {
width: 0rem;
height: 100%;
overflow:hidden;
margin-top: 1rem;
margin-top: .75rem;
margin-right: -1rem;
}
.search-help {
.post-search-help {
display: flex;
align-items: center;
width: 0;
}
.search-help a::before {
.post-search-help a::before {
content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10 -4.48 10 -10S17.52 2 12 2zM13 19h-2v-2h2v2zM15.07 11.25l-0.9 0.92C13.45 12.9 13 13.5 13 15h-2v-0.5c0 -1.1 0.45 -2.1 1.17 -2.83l1.24 -1.26c0.37 -0.36 0.59 -0.86 0.59 -1.41 0 -1.1 -0.9 -2 -2 -2s-2 0.9 -2 2L8 9c0 -2.21 1.79 -4 4 -4s4 1.79 4 4c0 0.88 -0.36 1.68 -0.93 2.25z' fill='%23ffffff'/%3E%3C/svg%3E");
height: 1rem;
width: 1rem;
position: absolute;
opacity: .3;
}
.search-help a:hover::before {
.post-search-help a:hover::before {
opacity: .5;
transition: 100ms;
}
.search-help::before:hover .search-help {
.post-search-help::before:hover .search-help {
font-size: .75rem;
}
div#page aside#sidebar section#search-box form input[type="text"], div#page aside#sidebar section#re621-insearch form input[type="text"], div#page aside#sidebar section#mode-box form input[type="text"] {
height: 2rem;
div#page section.post-search form textarea, div#page section#re621-insearch form textarea, div#page section#mode-box form textarea {
width: 100%;
border-radius: 7.5px;
padding: .5rem 2rem .5rem .5rem;
@ -1893,9 +2016,23 @@ if themep == classic {
border: 2px solid var(--bg-300);
margin-top: 1rem;
margin-inline: auto;
scrollbar-width:none !important;
}
#search-box button {
display:none;
.post-search form.post-search-form textarea::placeholder {
color: transparent !important;
}
.post-search button {
display:none !important;
}
.search-controls {
background: transparent !important;
& button {
height: fit-content !important;
display:grid;
place-items: center;
border: 2px solid var(--bg-300);
margin-top: .25rem;
}
}
/* Fixes select box arrows being black */
select, select:active, select:focus, select:hover, select.button.btn-neutral, select.button.btn-neutral:active, select.button.btn-neutral:focus, select.button.btn-neutral:hover {
@ -2171,6 +2308,14 @@ if themep == classic {
}
/* Posts page stuff */
/* Commenting this suboptimal fix out because the issue that required this seems to not be happening anymore, might have been an e6 thing rather than a userstyle issueeee?
Anyway, will try again later and reenable it if the issue pops back up*/
/*New search results fix */
/*body:not([re621="true"]).post-index .content {
width:85vw;
}*/
search-content > post post-info{
background-color: var(--bg-400);
}
@ -2360,15 +2505,10 @@ if themep == classic {
top: auto;
left: auto;
}
#disable-all-blacklists, #re-enable-all-blacklists {
position: absolute;
top: .2rem;
left: 17ch;
}
#disable-all-blacklists *, #sidebar #blacklist-box #disable-all-blacklists {
#disable-all-blacklists *, #blacklist-box #disable-all-blacklists {
color: var(--remove-favorite)!important;
}
#re-enable-all-blacklists *, #sidebar #blacklist-box #re-enable-all-blacklists {
#re-enable-all-blacklists *, #blacklist-box #re-enable-all-blacklists {
color: var(--favorite-button)!important;
}
.styled-dtext div.blacklisted {
@ -3765,6 +3905,7 @@ if themep == classic {
div.paginator {
max-width: 100vw;
overflow:hidden;
background-color: var(--bg-400);
}
div.paginator li a {
transition: 100ms;
@ -3773,6 +3914,9 @@ if themep == classic {
background-color: var(--bg-400)!important;
border-radius: 4px;
}
div.paginator > span.current:hover {
background-color: var(--bg-300) !important;
}
table.striped thead tr, table.table thead tr {
background-color: transparent!important;
border-bottom-color: var(--bg-300)!important;
@ -4020,6 +4164,14 @@ if themep == classic {
border-radius: 8px;
border: 4px solid var(--bg-400);
}
div#c-sessions .session_info,
div#c-maintenance-user-login-reminders .session_info,
div#c-maintenance-user-password-resets .session_info,
div#c-users .session_info {
background-color: var(--bg) !important;
border-radius: 8px;
border: 4px solid var(--bg-400);
}
a#delete-account {
color: var(--remove-favorite)!important;
}
@ -4245,6 +4397,7 @@ if themep == classic {
.dialog-header {
border-bottom: 1px solid var(--bg);
background-color: var(--bg-400) !important;
}
}
/* Cloudflare error page */
@ -5069,25 +5222,78 @@ if themep == classic {
@-moz-document url("https://e621.net/"), url("https://e926.net/"), url("https://e926.net"), url("https://e621.net") {
/* Home page */
html {
overflow: hidden;
/*overflow: hidden;*/
}
body {
body.c-static {
max-height: 100vh;
max-width: 100vw;
overflow: hidden;
background-image: var(--main-page-background)!important;
background-position:center;
background-size: cover;
background-size: cover !important;
background-color: var(--bg)!important;
position:relative;
}
body.c-static.a-home nav.navigation {
background: var(--bg);
border: 4px solid var(--bg-400);
border-top: 0px solid transparent;
border-radius: 0 0 8px 8px;
min-height: 4.5rem !important;
width: fit-content;
margin-inline:auto;
padding-left: 1rem;
padding-right: 1rem;
& .simple-avatar-image {
margin-top: 1.75rem;
}
}
div#page {
background: none!important;
max-width: none !important;
display:grid;
place-items: center;
width: 100vw;
margin-top: auto !important;
margin-inline: auto !important;
margin-bottom: auto !important;
padding-top: 4rem !important;
& div#c-static {
max-width: 480px;
margin-top: clamp(10px, 40vh, 40vh);
margin-bottom: auto;
}
}
#change-mascot {
div#c-static::before, div#c-static::after {
content: none !important;
}
body.c-static.a-home .home-section,
body.c-static.a-home section[class^="home-footer"] {
border-radius: 0;
background-color: var(--bg);
}
.home-section, .home-footer-top {
border-bottom:2px solid var(--bg-400);
}
body.c-static.a-home :first-of-type(section.home-section) {
border-radius: 8px 8px 0 0 !important;
}
body.c-static.a-home .home-footer-bottom {
border-radius: 0 0 8px 8px !important;
}
body.c-static.a-home i {
color: var(--base-link) !important;
}
body.c-static.a-home a:hover i {
color: var(--base-link-hover) !important;
}
body.c-static.a-home .home-footer-counter img {
filter: grayscale(100) brightness(.5);
opacity:.7
}
#mascot-swap {
display:none;
}
#mascot_artist {
#mascot-artist {
display:flex;
align-items: center;
justify-content: center;
@ -5096,13 +5302,13 @@ if themep == classic {
margin-inline: auto;
font-size: 0;
}
#news-excerpt-box {
border-radius: 0;
#home-section {
border-radius: 0 !important;
border-top: var(--bg-400) 2px solid;
border-bottom: var(--bg-400) 2px solid;
background-color: var(--bg-400) !important;
}
#searchbox3 {
.home-footer-top {
display:flex;
flex-direction: column;
align-items: center;
@ -5113,7 +5319,7 @@ if themep == classic {
margin-top: 2rem;
}
}
#searchbox3::after {
.home-footer-top::after {
content: var(--artist-credit);
padding: .2rem;
border-radius: .25rem;
@ -5121,7 +5327,7 @@ if themep == classic {
display:flex;
align-items: center;
justify-content: center;
font-size: .75rem;
font-size: 1rem;
width: fit-content;
position: absolute;
}
@ -5130,7 +5336,6 @@ if themep == classic {
}
body, div#page {
max-height:100vh;
overflow:hidden;
}
#a-home {
width: fit-content;
@ -5139,12 +5344,14 @@ if themep == classic {
margin-inline: auto;
border: 2px solid var(--bg-400);
box-shadow: 0px 0px 40px #232323;
margin: auto;
}
#a-home * {
margin: 0;
margin-inline: auto;
box-shadow: none;
background-image: none!important;
backdrop-filter:none !important;
}
#searchbox {
border-radius: 0 0!important;
@ -5158,9 +5365,6 @@ if themep == classic {
form[action="/posts"]:first-child {
margin-bottom: .5rem!important;
}
form[action="/posts"]:first-child input#tags {
margin: .5rem;
}
input:focus, select:focus, textarea:focus {
background-color: var(--bg-400);
color: var(--base-text);