Upload style.css via GUI

Minecraft-Modern-Theme/style.css

@@ -4,7 +4,229 @@ 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.6
+Version: 1.7
+License: GNU General Public License v2 or later
+License URI:  http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: minecraft-modern-theme
+*/
+
+/* === FRONT-PAGE WIDGET CSS === */
+.homepage-sidebar .widget {
+    margin-bottom: 20px;
+}
+
+.homepage-sidebar .widget:last-child {
+    margin-bottom: 0;
+}
+
+.homepage-sidebar .widget-title {
+    font-size: 1.2rem;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid var(--primary-accent, #00d4ff);
+    color: var(--primary-accent, #00d4ff);
+}
+
+.homepage-sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.homepage-sidebar ul li {
+    padding: 8px 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.homepage-sidebar ul li:last-child {
+    border-bottom: none;
+}
+
+.homepage-sidebar a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.2s ease;
+}
+
+.homepage-sidebar a:hover {
+    color: var(--primary-accent, #00d4ff);
+}
+/* === FRONT-PAGE SIDEBAR LAYOUT === */
+.content-area .main-content {
+    width: 100%;
+}
+
+.content-area.with-sidebar {
+    display: grid;
+    gap: 30px;
+    align-items: start;
+}
+
+.content-area.with-sidebar.sidebar-right {
+    grid-template-columns: 1fr 300px;
+}
+
+.content-area.with-sidebar.sidebar-right .main-content {
+    order: 1;
+}
+
+.content-area.with-sidebar.sidebar-right .homepage-sidebar {
+    order: 2;
+}
+
+.content-area.with-sidebar.sidebar-left {
+    grid-template-columns: 300px 1fr;
+}
+
+.content-area.with-sidebar.sidebar-left .homepage-sidebar {
+    order: 1;
+}
+
+.content-area.with-sidebar.sidebar-left .main-content {
+    order: 2;
+}
+
+.homepage-sidebar {
+    background: var(--card-background, #1e2029);
+    border-radius: 8px;
+    padding: 20px;
+    position: sticky;
+    top: 100px;
+    max-height: calc(100vh - 120px);
+    overflow-y: auto;
+}
+
+.homepage-sidebar .sidebar-section {
+    margin-bottom: 30px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.homepage-sidebar .sidebar-section:last-child {
+    margin-bottom: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+}
+
+.homepage-sidebar .sidebar-top {
+    border-bottom: 2px solid var(--primary-accent, #00d4ff);
+}
+
+.homepage-sidebar .sidebar-bottom {
+    padding-top: 20px;
+    border-top: 2px solid var(--primary-accent, #00d4ff);
+    border-bottom: none;
+}
+
+.homepage-sidebar .widget {
+    margin-bottom: 20px;
+}
+
+.homepage-sidebar .widget:last-child {
+    margin-bottom: 0;
+}
+
+.homepage-sidebar .widget-title {
+    font-size: 1.2rem;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid var(--primary-accent, #00d4ff);
+    color: var(--primary-accent, #00d4ff);
+}
+
+.homepage-sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.homepage-sidebar ul li {
+    padding: 8px 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.homepage-sidebar ul li:last-child {
+    border-bottom: none;
+}
+
+.homepage-sidebar a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.2s ease;
+}
+
+.homepage-sidebar a:hover {
+    color: var(--primary-accent, #00d4ff);
+}
+
+@media (max-width: 768px) {
+    .content-area.with-sidebar.sidebar-right,
+    .content-area.with-sidebar.sidebar-left {
+        grid-template-columns: 1fr;
+    }
+
+    .content-area.with-sidebar .homepage-sidebar {
+        order: 3 !important;
+        position: relative;
+        top: 0;
+        max-height: none;
+    }
+
+    .content-area.with-sidebar .main-content {
+        order: 1 !important;
+    }
+}
+
+body.dark-mode .homepage-sidebar {
+    background: #1e1e1e;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+body.dark-mode .homepage-sidebar ul li {
+    border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+body.light-mode .homepage-sidebar {
+    background: #ffffff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+body.light-mode .homepage-sidebar .sidebar-section {
+    border-bottom-color: rgba(0, 0, 0, 0.1);
+}
+
+body.light-mode .homepage-sidebar ul li {
+    border-bottom-color: rgba(0, 0, 0, 0.1);
+}
+
+body.light-mode .homepage-sidebar .widget-title {
+    color: var(--primary-accent, #00d4ff);
+}
+
+.homepage-sidebar::-webkit-scrollbar {
+    width: 6px;
+}
+
+.homepage-sidebar::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 3px;
+}
+
+.homepage-sidebar::-webkit-scrollbar-thumb {
+    background: var(--primary-accent, #00d4ff);
+    border-radius: 3px;
+}
+
+.homepage-sidebar::-webkit-scrollbar-thumb:hover {
+    background: var(--primary-accent-hover, #00b8e6);
+}
+/*
+Theme Name: Minecraft Modern Theme
+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.7
 License: GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: minecraft-modern-theme
@@ -1284,3 +1506,4 @@ body.home-title-hidden .site-main .page-header {
         margin-top: -40px;
     }
 }
+