cyberpunk by mediacodinggroup

/* ==UserStyle==
@name       cyberpunk
@version    20250226.07.19
@namespace  https://userstyles.world/user/ligiz
@author     ligiz
==/UserStyle== */

@-moz-document url-prefix("https://habr.com/ru/feed/") {
/* Киберпанк-тема для ленты Хабра */

/* Темный градиентный фон и неоновый текст */
body, .tm-page {
    background: linear-gradient(to bottom, #0a0a0a, #1a1a1a);
    color: #00ffcc; /* Неоновый циан для текста */
}

/* Неоновые заголовки с эффектом свечения */
h1, h2, h3, h4, h5, h6 {
    color: #ff00ff; /* Неоновый маджента */
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff;
}

/* Моноширинный шрифт для техно-атмосферы */
body, html {
    font-family: 'Courier New', Courier, monospace;
}

/* Неоновые границы и тени для блоков контента */
.tm-articles-list__item {
    background-color: #000;
    border: 1px solid #00ffcc;
    box-shadow: 0 0 10px #00ffcc;
}

/* Эффект glitch при наведении на заголовки статей */
.tm-article-snippet__title a:hover {
    animation: glitch 0.3s infinite;
}

@keyframes glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(2px, -2px); }
    60% { transform: translate(-2px, 0); }
    80% { transform: translate(2px, 0); }
    100% { transform: translate(0); }
}

/* Стилизация панели навигации */
.tm-header__nav {
    background: #000;
    border-bottom: 2px solid #ff00ff;
}

.tm-header__nav a {
    color: #00ffcc;
    text-shadow: 0 0 5px #00ffcc;
}

/* Стилизация текста статей */
.tm-article-snippet__lead {
    color: #00ffcc;
}

.tm-article-snippet__meta {
    color: #ff00ff;
}

/* Неоновые эффекты для ссылок и кнопок */
a, button {
    color: #ff00ff;
    transition: color 0.3s, text-shadow 0.3s;
}

a:hover, button:hover {
    color: #00ffcc;
    text-shadow: 0 0 5px #00ffcc;
}

/* Стилизация футера */
.tm-footer, .tm-base-layout__header, .tm-layout__wrapper_white, .tm-layout, .tm-post-snippet {
    background: #000;
    color: #00ffcc;
}

/* Корректировка макета для полного погружения */
.tm-page {
    max-width: 100%;
    padding: 0;
}

.tm-page__wrapper {
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm-header, .tm-articles-list__after-article, .tm-page__sidebar, .tm-page__top, .publication-type-label {
    display: none;
}

.article-formatted-body, .tm-title__link {
    color: #fff;
}
}