15.06.2026, 10:05
<style type="text/css">/*Between the Lines by Jin_der_spambot.@ betweenthelines.mind-the-gap.org */.btl-storyline {position: relative; width: 500px; height: 650px; margin: 0 auto; overflow: hidden; scrollbar-width: none; border-radius: 12px; box-shadow: 0 12px 35px rgba(0,0,0,0.65); font-family: 'Trebuchet MS', Arial, sans-serif; background: #0a101c;} .btl-storyline img {display: block; width: 500px; height: 650px; object-fit: cover; transition: all 0.7s ease;} .btl-storyline .overlay {position: absolute; top: 0; left: 0; width: 500px; height: 650px; padding: 30px 35px; box-sizing: border-box; background: linear-gradient(90deg, rgba(9,13,24,0.98) 0%, rgba(14,20,36,0.97) 100%); color: #d8dbe3; opacity: 0; overflow-y: auto; scrollbar-width: none; transition: opacity 0.6s ease; line-height: 1.9; font-size: 13px; text-align: justify;} .btl-storyline:hover img {transform: scale(1.05); filter: blur(5px) brightness(0.1);} .btl-storyline:hover .overlay {opacity: 1;} .btl-storyline h2 {padding-bottom: 12px; text-align: center; font-size: 30px; font-weight: normal; letter-spacing: 6px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.08);} .btl-storyline h2 a {color: #ffffff; text-decoration: none; transition: all 0.3s ease;} .btl-storyline h2 a:hover {color: #d6deec; text-shadow: 0 0 10px rgba(255,255,255,0.25);} .btl-storyline p {margin: 0 0 18px 0; color: #d4d8e1;} .btl-storyline p:first-of-type {margin-top: 0; font-style: italic; text-align: center; color: #b8c3d6;} .btl-storyline p:last-child {margin-bottom: 0;} .btl-storyline strong {color: #ffffff; font-weight: normal;} .btl-storyline .button-wrap {text-align: center; margin-top: 28px;} .btl-storyline .button-wrap a {display: inline-block; margin: 5px 6px 0; padding: 12px 28px; background: rgba(210,198,181,0.85); color: #1d2230; text-decoration: none; text-transform: uppercase; letter-spacing: 3px; font-size: 10px; font-weight: bold; border-radius: 2px; transition: all 0.3s ease;} .btl-storyline .button-wrap a:hover {background: #ffffff; color: #000000; box-shadow: 0 0 12px rgba(255,255,255,0.25);} .btl-storyline .facts {float: left; width: 145px; margin: 0 22px 20px 0; padding-right: 18px; border-right: 1px solid rgba(255,255,255,0.08); font-size: 10px; line-height: 2; letter-spacing: 1px; text-transform: uppercase; color: #aab2c0;} .btl-storyline .facts span {display: block; position: relative; padding-left: 12px;} .btl-storyline .facts span:before {content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #cfc6b8;} .btl-storyline .overlay::-webkit-scrollbar {width: 5px;} .btl-storyline .overlay::-webkit-scrollbar-track {background: rgba(255,255,255,0.03);} .btl-storyline .overlay::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.18);}</style>
