From bb43d2e2ce440ef6e9ef8f0896c533bd28c81a00 Mon Sep 17 00:00:00 2001 From: mandorinn <91846001+mandorinn@users.noreply.github.com> Date: Fri, 31 Mar 2023 03:38:22 -0500 Subject: [PATCH] Multiple fixes Fixed - Header logo not appearing Fixed - Re621 options menu not being styled Tweaked - New logo in the site's footer now uses the same SVG as the header's logo --- release/eSixCafe.user.css | 51 +++++++++++++++++++++------------------ 1 file changed, 27 insertions(+), 24 deletions(-) diff --git a/release/eSixCafe.user.css b/release/eSixCafe.user.css index 06bec47..f8a7436 100644 --- a/release/eSixCafe.user.css +++ b/release/eSixCafe.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name eSix Café @namespace mandorinn -@version 1.6.6 +@version 1.6.7 @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)] @updateURL https://github.com/mandorinn/eSix-Cafe/raw/main/release/eSixCafe.user.css @@ -962,6 +962,21 @@ if themep == classic { border-radius:0; background-color: var(--bg)!important; } + span.logo-container { + a img { + opacity: 0; + } + a { + &::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"); + position:absolute; + margin-inline: auto; + width: 5em; + z-index: 2; + + } + } + } a { color: var(--base-link)!important; background: none!important; @@ -989,13 +1004,13 @@ if themep == classic { outline: none!important; } } - header#top nav#nav.grid { + header#top nav#nav { border-bottom: none!important; } header#top menu.main { background-color: rgba(0,0,0,0)!important; } - header#top nav#nav.grid menu.extra:not(.main) { + header#top nav#nav menu.extra:not(.main) { background: unset; margin: 0 0.5rem 0 0; padding: 0.25rem 0; @@ -1003,10 +1018,10 @@ if themep == classic { margin-left: auto; right: 0; } - header#top nav#nav.grid a{ + header#top nav#nav a{ margin: 0 auto; } - header#top nav#nav.grid menu.main { + header#top nav#nav menu.main { border-bottom: 1px solid var(--header-link)!important; padding: 0 0 0rem 0; border-radius:0; @@ -1018,7 +1033,7 @@ if themep == classic { color: var(--header-link-hover); } } - header#top nav#nav.grid menu.extra:not(.main) { + header#top nav#nav menu.extra:not(.main) { background-color: var(--bg-400)!important; margin-right:.5rem; border-radius: 0 0 8px 8px; @@ -1124,35 +1139,23 @@ if themep == classic { display:none; } nav .logo { - width: 100px; position: relative; - height: 1rem; - top: 1.25rem; + height: 100%; + left:.5rem; display:flex; align-items: center; - } - nav .logo * { + justify-content:center; font-size: 1px; - position:absolute; - top: 5em; - left: 1rem; - width: 0em; - height: 0rem; color:var(--logo); - display:flex; - align-items: center; - justify-content: center; } - nav .logo a { + nav .logo { color: rgb(0,0,0,0); font-size:0; } - nav .logo a::before { + nav .logo::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.4in' height='0.4in' viewBox='0 0 36 36'%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:relative; margin-inline: auto; - top: .25rem; - left: .5rem; z-index: 2; background-color: var(--bg-300); outline: solid 2px var(--bg-400); @@ -1160,7 +1163,7 @@ if themep == classic { border-radius: 50%; transition:200ms; } - nav .logo a:hover::before { + nav .logo:hover::before { outline: solid 2px var(--base-text); } /* Re621 menus */