Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9df80d7237 | |||
| 27f6a15aae | |||
| 638808d9dd | |||
| ca9815ea65 | |||
| 568acd83d1 | |||
| 985ba164a1 | |||
| 77536986ab | |||
| 39e9b298d9 | |||
| 37b31a6109 | |||
| b7276ff373 | |||
| 02b94594b9 | |||
| d76950645e | |||
| dbea7c74f3 |
@@ -4,223 +4,12 @@ Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme
|
|||||||
Author: M_Viper
|
Author: M_Viper
|
||||||
Description: Ein modernes Gaming-Theme mit konfigurierbarem Header-Slider.
|
Description: Ein modernes Gaming-Theme mit konfigurierbarem Header-Slider.
|
||||||
Author URI: https://M-Viper.de
|
Author URI: https://M-Viper.de
|
||||||
Version: 1.8
|
Version: 1.9
|
||||||
License: GNU General Public License v2 or later
|
License: GNU General Public License v2 or later
|
||||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
Text Domain: minecraft-modern-theme
|
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');
|
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
|
||||||
|
|
||||||
/* === DARK / LIGHT MODE VARIABLEN === */
|
/* === DARK / LIGHT MODE VARIABLEN === */
|
||||||
@@ -302,6 +91,11 @@ a:hover { color: #fff; }
|
|||||||
gap: 40px; /* Flexiblerer Abstand */
|
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 {
|
.site-branding {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -1490,4 +1284,3 @@ body.home-title-hidden .site-main .page-header {
|
|||||||
margin-top: -40px;
|
margin-top: -40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user