/* Importing handwritten-style fonts */ @import url('https://fonts.googleapis.com/css2?family=Kalam&family=Amatic+SC&display=swap'); /*Extra Font*/ @font-face { font-family: 'GenEiLate'; src: url('/static/fonts/GenEi.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ChihayaJun'; src: url('/static/fonts/chihaya.ttf') format('truetype'); font-weight: bold; font-style: normal; } @keyframes candlelight { 0% { opacity: 0.6; } 5% { opacity: 0.8; } 10% { opacity: 0.4; } 15% { opacity: 0.9; } 20% { opacity: 0.5; } 25% { opacity: 0.7; } 30% { opacity: 0.6; } 35% { opacity: 0.85; } 40% { opacity: 0.5; } 45% { opacity: 0.8; } 50% { opacity: 0.4; } 55% { opacity: 0.9; } 60% { opacity: 0.6; } 65% { opacity: 0.7; } 70% { opacity: 0.5; } 75% { opacity: 0.85; } 80% { opacity: 0.4; } 85% { opacity: 0.9; } 90% { opacity: 0.6; } 95% { opacity: 0.8; } 100% { opacity: 0.6; } } @keyframes softGlow { 0%, 100% { box-shadow: 0 0 15px 5px rgba(255, 230, 180, 0.8); } 50% { box-shadow: 0 0 20px 10px rgba(255, 230, 180, 0.6); } } body { background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.8) 100%), url('https://megidochan.de/test/src/1729539871053-1.png') no-repeat center center fixed; background-size: cover; background-color: #1a1a1a; color: #cccccc; font-family: 'Kalam', sans-serif; font-size: 13pt; margin: 0; padding: 0; position: relative; overflow-x: hidden; } body:before { content: ""; width: 1018px; height: 741px; position: fixed; bottom: 0px; right: 20px; background-size: cover; background-image: background-repeat: no-repeat; background-image: url('https://megidochan.de/test/src/1729539871053-0.png'); z-index: -1; opacity: 0.9; pointer-events: none; } body::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20, 10, 10, 0.6); pointer-events: none; z-index: 10; animation: candlelight 45s infinite; } /* thread stuff */ .thread { color: #716a74; background: url('/static/themes/flamlie/familythread.png') repeat-y left; background-color: rgba(30, 30, 30, 0.45); border: 1px outset #444444; border-radius: 5px 25px 25px 5px; max-width: 72%; background-size: 100% auto; margin: 12px; opacity: 0.85; } div.post.op { margin-bottom: 10px; min-height: 15px; padding-bottom: 28px; overflow-x: hidden; background-image: url('/static/themes/flamlie/hr3.png'); background-repeat: repeat-x; background-position: bottom; background-size: calc(100% / 3) auto; } div.post.reply { background: transparent; min-height: 150px; color: black; padding-left: 32px; padding-right: 20px; padding-bottom: 28px; text-align: left; border: 1px transparent; background-image: url('/static/themes/flamlie/hr2.png'); background-repeat: no-repeat; background-position: bottom; width: 100%; background-size: auto; overflow: visible; } div.post:hover { background: url('/static/themes/flamlie/hr2.png') no-repeat bottom, url('/static/themes/flamlie/piyo.png') no-repeat bottom 20px right 45px; opacity: 0.95; } div.post.reply.highlighted { background: url('/static/themes/flamlie/hr2.png') no-repeat bottom, url('/static/themes/flamlie/oz.png') no-repeat bottom 0px right 45px; opacity: 0.95; overflow: visible; } hr { border: none; height: 47px; background-image: url('/static/themes/flamlie/hr1.png'); background-position: center; background-repeat: repeat-x; width: calc(100% / 1.46); } .intro span.name { color: #716a74; } a, a:visited { color: #E03C3C; /* Strawberry red */ text-shadow: 0 0 10px rgba(255, 200, 120, 0.9), /* Soft orange glow */ 0 0 15px rgba(255, 180, 60, 0.7), /* Warm yellow glow */ 0 0 20px rgba(255, 255, 255, 0.8); /* White bright candlelit edge */ transition: color 0.3s ease, text-shadow 0.3s ease; /* Smooth transition */ } a:hover, a:active { color: #FF6A6A; /* Slightly brighter red on hover */ text-shadow: 0 0 15px rgba(255, 220, 150, 1), /* Brighter orange glow */ 0 0 25px rgba(255, 200, 100, 0.9), /* Stronger yellow glow */ 0 0 30px rgba(255, 255, 255, 1); /* Strong white bright glow */ } /* Nostalgia */ html { filter: brightness(95%) sepia(0.4); }