From 8fb326cf87245e82176b1f7f323702a5ce8ec0ca Mon Sep 17 00:00:00 2001 From: DST81 Date: Mon, 9 Mar 2026 22:51:01 +0100 Subject: [PATCH] =?UTF-8?q?Grundger=C3=BCst=20Navigation=20optimiert?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/custom.css | 20 +++++++++++++++----- image/icon_loremIpsum.png | Bin 0 -> 2296 bytes index.html | 30 +++++++++++------------------- 3 files changed, 26 insertions(+), 24 deletions(-) create mode 100644 image/icon_loremIpsum.png diff --git a/assets/css/custom.css b/assets/css/custom.css index 4b38be5..352d024 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -2,7 +2,7 @@ body { background: #f0f4f8; color: #1b1b2f; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif; line-height: 1.6; margin-bottom: 1rem; padding: 0; @@ -10,7 +10,7 @@ body { /* Navigation Styles */ .navbar { - background: linear-gradient(90deg, #1b1b2f, #4a6fa5) + background: linear-gradient(90deg, #1b1b2f, #4a6fa5) } .navbar .nav-link { color: #fff; @@ -77,22 +77,29 @@ button:hover, .btn:hover { #sidebar { width: 240px; height: auto; - background: linear-gradient(180deg, #1b1b2f, #4a6fa5); + background: linear-gradient(180deg, #1b1b2f, #4a6fa5); color: white; padding: 25px; } + .logo { font-size: 24px; margin-bottom: 30px; } #logo-img { - max-width: 500px; - width: 100%; + max-width: 400px; + width: 90%; height: auto; } #sidebar .nav-link { margin: 0.5rem 0; transition: all 0.3s; + color: white; +} +#sidebar .nav-link:hover { + color: #ffd166; + background-color: rgba(255,255,255,0.1); + border-radius: 6px; } #main-area { flex: 1; @@ -128,6 +135,9 @@ button:hover, .btn:hover { /* Responsive Styles */ @media (max-width: 768px) { + body { + font-size: 0.9rem; + } .container > div { flex: 1 1 calc(50% - 40px); } diff --git a/image/icon_loremIpsum.png b/image/icon_loremIpsum.png new file mode 100644 index 0000000000000000000000000000000000000000..012b05d7aa688399ff620ab0facb3201bfde0236 GIT binary patch literal 2296 zcmVPx#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D2#rZZK~z{r#h1x% zUDX}OKj+-(&7+6s=OHmT4sHs8hB36XNeU}O3SCrf7nRy=g~X=o{s)z+s)H)AZmUY& zRgq{56^MWmG7#*5GuiR8{p>f7_uc87E=)!cNL|2Jx;oO8?(cl=Prp$Bny*pv{uf`h z#Q);~LrP3TAcRB;_RI*-S|fx;De%Jxt@M`~|3ZNBSeD=JLZs1#4$_@ zgn>qY5C{YajnE3E6j9*gdp;koR{7^!XL$XMbN8FRtuFz{@$cWgN~Vw}mCIpR4oCxp zyz}V2&xHW36*>$FJr~~{a`EySX|K&|fBqNmt=zcZJbYOU7>1-cUL;kVBvvS47pAcD zCG30&r!a+c>nu)T7pHNGGsMPcNKDL-nJhCsU1mEuh?B9Bbu5wR>HmO;d`$XFKXq!CUU5zAtv#xS!JEF4CI*J?8Cwej5n)$J-HcX%r(&{~s9Cdp?%-wOutYkiP}-^!ndO2+gIH z>vZ}qhZpClHQPA0i5G--0A|PYeCOeLs`VDRbPCh5aa|9`wwakMP~B~^TW@0^Xf`|4 zYAx!mF4dhnYd5R>U~aa|PJ6&sYe1znq(2H6xg&xIHg|U6Rvj=5$&X)niuG!T zZC5ikK0!R0WbxT2Nn4UrfA}L-Z@_HaWIk!(MT)a+mmmJ%X|lN(zj^(?JeLqWl(y+g zi?gi}6-b$4O6)(WzBA z^Pe|Kc|PTQn)OzflgA#zGEEw8$idkXp6{_y>kzjMn%yC9pIu?PkY#CCYLanGngf@q@;K#*9NVn{ z$GW$uRPKN*R;+u>|jYbd%>E*-zV73`503hYk=}Nt84R{Si6}dF04p)<0gx zb-jB%0FW<^VM>W%nn)?JY@2u@K~nnE>usJrI7v30;O$El_LnD^pGc92*)+QYme=b% zzA(mSz0HRkU1G^3k&_|}1EL_nA9<)KLMw%`465rlKMPQpoFo^I;d$O(r?V^!)50`O zmge%*w|B_ef&)`&EGI^57$Sr~sDOQADc-%jO??=#xG=-=)_|cOVn!Y+@ag*s-w$wN z4vp$2!%^^A0D$=ei*y?e>{tvTBw9rXDRFF@`Kdew2O@v(Z`%D4*`$L)Qz%WMr9l`e zu5Wc11&U68h!BD~GeQL+ANM`-W4teFN2iR$J_{E7O+PwiM9xhYL+7#k&a4N&jZj%?kHOIBe4zHd( z!phYRjz2tu+w1Yd;aN-~(wP{^xXt0&EIXk?yU`#De7N5Oxv6Pp%4M!zx=1eJu&2ZnCv;S0%g!uK&JtjxO=Z#x4;iy-`3io28tMv9YyR3GV@T z;_*k(gARZB)d{X`HCf$kl1)0)20l(4JTF98;D?%8yGuG@v(fC4N;<4o>P!?;tXAq2 zQ#Q5E5TzB>cAq1Qll<&^4|4kB8cHh;Eljh#x(0W*<4iU~+E6U7-r$$NeUmrN-K5V5G7xBiK8=Sq? z!4G`uwHk3JPA;8n zBw=b2yS!u5P!KK2AM9Prn-F5U5fC?BAh zjWLl+5{4n^xWjPd(;a$T-X3tV(qnaJz~!wz?_X_jX1T`skLs*mxWV}wU9Q&#>~==% zc3rxj!c!7YS||{MxV`e>~% zrGXZEW19d3nwTNT*bp-$gFrJ1!3`op6(J21Ap{foG}%lF+cJrXfU%T~7LwJ?UEX?c z`L1p_GmB{$NF<=pS`$SPQtYLikb7gelm@10U|9xI2(;EH4VEFW4TB(3_>smBBZL$f z(m - Lorem Ipsum - Das Spiel + Lorem Ipsum - Das Spiel + @@ -17,19 +18,9 @@ + - +