CrimeState News & Updates
💡
🔔
⚙️
Liebe CrimeState-Community,
hier findet ihr wie gewohnt alle wichtigen Neuigkeiten und Ankündigungen im Thread, werden die in den Posts veröffentlicht alle News und so weiter..
Bleibt auf dem Laufenden – hier im Forum und auf unserem Telegram-Kanal:
Euer CrimeState-Team 🚀
.crime-news-container {
font-family: 'Arial', sans-serif;
max-width: 700px;
margin: 0 auto;
background: linear-gradient(135deg, #111320 0%, #0d1017 100%);
color: #e0e0ff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(40, 90, 150, 0.3);
position: relative;
overflow: hidden;
animation: pulseGlow 4s ease-in-out infinite alternate;
font-size: 14px;
}
.news-header {
margin-bottom: 15px;
position: relative;
text-align: center;
padding-bottom: 12px;
border-bottom: 1px solid rgba(100, 150, 255, 0.15);
}
.news-header h2 {
margin: 0;
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
text-shadow: 0 0 10px rgba(50, 150, 255, 0.5);
animation: glow 2s ease-in-out infinite alternate;
position: relative;
display: inline-block;
}
.news-header h2::before,
.news-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 25px;
height: 2px;
background: linear-gradient(90deg, transparent, rgba(30, 140, 255, 0.5));
}
.news-header h2::before {
right: 105%;
transform: translateX(10px);
}
.news-header h2::after {
left: 105%;
transform: translateX(-10px);
background: linear-gradient(90deg, rgba(30, 140, 255, 0.5), transparent);
}
.logo-glow {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 150px;
height: 30px;
background: radial-gradient(ellipse at center, rgba(30, 120, 255, 0.15), transparent 70%);
opacity: 0.8;
z-index: 0;
}
.message-content {
line-height: 1.5;
position: relative;
z-index: 1;
}
.message-content p {
margin-bottom: 12px;
}
.highlight {
color: #70a8ff;
font-weight: bold;
margin-top: 15px;
font-size: 15px;
}
.telegram-link {
display: inline-block;
color: #fff;
background: linear-gradient(90deg, rgba(30, 90, 180, 0.2), rgba(30, 90, 180, 0.4));
text-decoration: none;
padding: 8px 16px;
border-radius: 6px;
margin: 5px 0;
border: 1px solid rgba(50, 120, 240, 0.3);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
box-shadow: 0 0 15px rgba(30, 140, 255, 0.2);
font-size: 14px;
}
.telegram-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transition: all 0.8s ease;
}
.telegram-link:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 100, 255, 0.15);
background: linear-gradient(90deg, rgba(30, 90, 180, 0.3), rgba(30, 90, 180, 0.5));
}
.telegram-link:hover::before {
left: 100%;
}
.icon {
display: inline-block;
margin-right: 5px;
animation: point 1.5s ease-in-out infinite;
}
.info-box {
background: rgba(20, 30, 60, 0.3);
border-radius: 6px;
padding: 12px;
margin: 10px 0 15px;
border-left: 2px solid rgba(30, 140, 255, 0.5);
font-size: 13.5px;
}
.info-box p {
margin: 8px 0;
}
.signature {
margin-top: 15px;
text-align: right;
font-style: italic;
color: #a0a8c0;
}
.rocket {
display: inline-block;
animation: rocket 2s ease-in-out infinite;
position: relative;
}
.crime-news-container::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg,
transparent 48%,
rgba(40, 90, 180, 0.05) 49%,
rgba(40, 90, 180, 0.05) 51%,
transparent 52%);
background-size: 15px 15px;
opacity: 0.3;
pointer-events: none;
}
/* Dekorative Feature-Buttons */
.interactive-features {
display: flex;
justify-content: center;
gap: 12px;
margin: 10px 0;
}
.feature-button {
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(20, 40, 80, 0.5);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
border: 1px solid rgba(50, 120, 240, 0.3);
transition: all 0.3s ease;
box-shadow: 0 0 10px rgba(30, 100, 255, 0.2);
font-size: 13px;
}
.feature-button:hover {
transform: scale(1.1);
box-shadow: 0 0 15px rgba(30, 140, 255, 0.4);
background: rgba(30, 60, 100, 0.7);
}
/* Corner Decorations */
.corner-decor {
position: absolute;
width: 20px;
height: 20px;
border-color: rgba(30, 140, 255, 0.5);
z-index: 5;
}
.top-left {
top: 8px;
left: 8px;
border-top: 2px solid;
border-left: 2px solid;
}
.top-right {
top: 8px;
right: 8px;
border-top: 2px solid;
border-right: 2px solid;
}
.bottom-left {
bottom: 8px;
left: 8px;
border-bottom: 2px solid;
border-left: 2px solid;
}
.bottom-right {
bottom: 8px;
right: 8px;
border-bottom: 2px solid;
border-right: 2px solid;
}
/* Animations */
@keyframes glow {
0% { text-shadow: 0 0 10px rgba(50, 150, 255, 0.5); }
100% { text-shadow: 0 0 20px rgba(50, 150, 255, 0.8), 0 0 30px rgba(50, 150, 255, 0.6); }
}
@keyframes point {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(3px); }
}
@keyframes rocket {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-3px); }
}
@keyframes pulseGlow {
0% {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 0 0px rgba(30, 140, 255, 0.1);
}
100% {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(30, 140, 255, 0.3);
}
}
/* Responsive Styles */
@media (max-width: 600px) {
.crime-news-container {
padding: 15px 12px;
font-size: 13px;
}
.news-header h2 {
font-size: 18px;
}
.info-box {
font-size: 12.5px;
padding: 10px;
}
.feature-button {
width: 28px;
height: 28px;
}
}
