Akamaru/Yagyuu.moe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixes für Spoiler

Browse Source
This commit is contained in:
Akamaru
2025-03-15 21:51:54 +01:00
parent 20cd9764ce
commit cdc7067527
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@@ -8,7 +8,7 @@
<!-- Open Graph Tags --> <!-- Open Graph Tags -->
<meta property="og:title" content="Yagyuu.moe"> <meta property="og:title" content="Yagyuu.moe">
<meta property="og:description" content="Zufällige Bilder von Yagyuu Suminoe"> <meta property="og:description" content="Zufällige Bilder von Yagyuu">
<meta property="og:image" content="https://yagyuu.moe/images/yagyuu.jpg"> <meta property="og:image" content="https://yagyuu.moe/images/yagyuu.jpg">
<meta property="og:url" content="https://yagyuu.moe"> <meta property="og:url" content="https://yagyuu.moe">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
@@ -18,14 +18,20 @@
<style> <style>
/* Basis-Styling aus style.css */ /* Basis-Styling aus style.css */
body { html, body {
font: 14px/1.3 verdana, arial, helvetica, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%;
overflow-x: hidden; /* Verhindert horizontales Scrollen */
}
body {
font: 14px/1.3 verdana, arial, helvetica, sans-serif;
background-color: #f5f5f5; background-color: #f5f5f5;
color: #333; color: #333;
display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
position: relative;
} }
h1 { font-size: 1.5em; margin-top: 20px; } h1 { font-size: 1.5em; margin-top: 20px; }
h2 { font-size: 1.2em; } h2 { font-size: 1.2em; }
@@ -39,9 +45,12 @@
/* Container für den Hauptinhalt */ /* Container für den Hauptinhalt */
.container { .container {
flex: 1;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
width: 100%;
box-sizing: border-box;
} }
/* Button-Styling */ /* Button-Styling */
@@ -106,6 +115,7 @@
transition: 0.4s; transition: 0.4s;
border-radius: 4px; border-radius: 4px;
margin-bottom: 10px; margin-bottom: 10px;
box-sizing: border-box;
} }
.active, .spoiler:hover { .active, .spoiler:hover {
background-color: #ccc; background-color: #ccc;
@@ -117,6 +127,9 @@
overflow: hidden; overflow: hidden;
transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
margin-bottom: 20px;
box-sizing: border-box;
width: 100%;
} }
.panel ol { .panel ol {
padding: 20px 40px; padding: 20px 40px;
@@ -129,10 +142,9 @@
text-align: center; text-align: center;
padding: 15px; padding: 15px;
border-top: 5px solid #4CAF50; border-top: 5px solid #4CAF50;
position: absolute;
bottom: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-top: auto;
} }
footer a { footer a {
color: #b8ffbe; /* Hellere Farbe für bessere Lesbarkeit */ color: #b8ffbe; /* Hellere Farbe für bessere Lesbarkeit */
@@ -152,9 +164,6 @@
.modal-content { .modal-content {
max-width: 100%; max-width: 100%;
} }
body {
padding-bottom: 120px; /* Angepasster Platz für den Footer auf mobilen Geräten */
}
} }
/* Bild-Thumbnail */ /* Bild-Thumbnail */