From 04424d7f59ea74ff03298eee08d88aedc6a54b93 Mon Sep 17 00:00:00 2001 From: M_Viper Date: Sun, 30 Nov 2025 13:26:45 +0000 Subject: [PATCH] Minecraft-Modern-Theme/style.css aktualisiert --- Minecraft-Modern-Theme/style.css | 52 +++++++++++++++++++++++++++++++- 1 file changed, 51 insertions(+), 1 deletion(-) diff --git a/Minecraft-Modern-Theme/style.css b/Minecraft-Modern-Theme/style.css index 46cdd4e..fdeafd1 100644 --- a/Minecraft-Modern-Theme/style.css +++ b/Minecraft-Modern-Theme/style.css @@ -4,7 +4,7 @@ Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme Author: M_Viper Description: Ein modernes Gaming-Theme mit konfigurierbarem Header-Slider. Author URI: https://M-Viper.de -Version: 1.1 +Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: minecraft-modern-theme @@ -658,4 +658,54 @@ main#primary.site-main { /* Zielt genau auf das

-Element mit der Klasse "post-title" ab */ body.home-title-hidden h2.post-title { display: none !important; +} + +/* ========================================================================= +=== SCROLL TO TOP BUTTON =============================================== +========================================================================= */ + +#scroll-to-top { + position: fixed; + bottom: 30px; + right: 30px; + width: 50px; + height: 50px; + background-color: var(--primary-accent, #00d4ff); + color: #fff; + border: none; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 18px; + line-height: 1; + z-index: 9999; + cursor: pointer; + opacity: 0; + visibility: hidden; + transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); +} + +#scroll-to-top.show { + opacity: 1; + visibility: visible; +} + +#scroll-to-top:hover { + background-color: #00a8cc; /* Etwas dunklerer Blauton beim Hover */ + transform: translateY(-5px); /* Kleiner "Bounce"-Effekt beim Hover */ + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); +} + +/* Anpassungen für kleinere Bildschirme */ +@media screen and (max-width: 768px) { + #scroll-to-top { + bottom: 20px; + right: 20px; + width: 45px; + height: 45px; + font-size: 16px; + } } \ No newline at end of file