Upload style.css via GUI
This commit is contained in:
@@ -4,223 +4,12 @@ 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.8
|
||||
Version: 1.9
|
||||
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 {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
background: var(--card-background, #1e2029);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
overflow-y: auto;
|
||||
max-height: calc(200vh - 10vh);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
|
||||
|
||||
/* === DARK / LIGHT MODE VARIABLEN === */
|
||||
@@ -302,6 +91,11 @@ a:hover { color: #fff; }
|
||||
gap: 40px; /* Flexiblerer Abstand */
|
||||
}
|
||||
|
||||
/* WICHTIG: Typo im Header.html korrigieren!
|
||||
HTML: <div class="site-branding">
|
||||
CSS: .site-branding
|
||||
Sie müssen die 'g' im HTML oder CSS angleichen, sonst ist das Layout kaputt.
|
||||
*/
|
||||
.site-branding {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1490,4 +1284,3 @@ body.home-title-hidden .site-main .page-header {
|
||||
margin-top: -40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user