MediaWiki:Common.css: различия между версиями

Версия от 22:38, 4 ноября 2026

/* ==========================================================================
   MediaWiki:Common.css — Cryptography Wiki
   ========================================================================== */

/* === CSS Variables (легко менять цветовую схему) ======================== */

:root {
    --crypto-accent: #00b4d8;          /* Основной акцентный цвет */
    --crypto-accent-hover: #0096c7;
    --crypto-code-bg: #0f172a;         /* Фон кода (тёмный) */
    --crypto-code-border: #1e293b;
    --crypto-success: #10b981;         /* Зелёный (как "secure") */
    --crypto-warning: #f59e0b;
    --crypto-danger: #ef4444;
}

/* Тёмная тема */
html.skin-theme-clientpref-night,
html.skin-theme-clientpref-os {
    --crypto-code-bg: #0b1120;
    --crypto-code-border: #1e293b;
}

/* === Типографика ======================================================== */

.mw-body,
.mw-body-content {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.65;
}

/* Заголовки */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.firstHeading {
    font-weight: 650;
    letter-spacing: -0.01em;
    border-bottom-color: #e2e8f0;
}

html.skin-theme-clientpref-night .mw-body h1,
html.skin-theme-clientpref-night .mw-body h2,
html.skin-theme-clientpref-night .firstHeading,
html.skin-theme-clientpref-os .mw-body h1,
html.skin-theme-clientpref-os .mw-body h2,
html.skin-theme-clientpref-os .firstHeading {
    border-bottom-color: #334155;
}

/* === Ссылки ============================================================= */

.mw-body a {
    color: var(--crypto-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.mw-body a:hover {
    color: var(--crypto-accent-hover);
}

/* Внешние ссылки чуть приглушённее */
.mw-body a.external {
    color: #0ea5e9;
}

/* === Код и pre ========================================================== */

/* Inline code */
.mw-body code,
.mw-parser-output code {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 0.15em 0.4em;
    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.9em;
    color: #0f172a;
}

/* Тёмный режим для inline code */
html.skin-theme-clientpref-night .mw-body code,
html.skin-theme-clientpref-night .mw-parser-output code,
html.skin-theme-clientpref-os .mw-body code,
html.skin-theme-clientpref-os .mw-parser-output code {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

/* Блоки кода */
.mw-body pre,
.mw-parser-output pre {
    background-color: var(--crypto-code-bg) !important;
    border: 1px solid var(--crypto-code-border) !important;
    border-radius: 8px;
    padding: 1.1em 1.3em !important;
    overflow-x: auto;
    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.875em;
    line-height: 1.55;
    color: #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* SyntaxHighlight (если установлен) */
.mw-highlight {
    border-radius: 8px;
    overflow: hidden;
}

/* === Таблицы ============================================================ */

.wikitable {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.wikitable > * > tr > th {
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    font-weight: 600;
    color: #0f172a;
}

.wikitable > * > tr > td,
.wikitable > * > tr > th {
    border: 1px solid #e2e8f0;
    padding: 0.55em 0.9em;
}

html.skin-theme-clientpref-night .wikitable,
html.skin-theme-clientpref-os .wikitable {
    border-color: #334155;
    background: #0f172a;
}

html.skin-theme-clientpref-night .wikitable > * > tr > th,
html.skin-theme-clientpref-os .wikitable > * > tr > th {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

html.skin-theme-clientpref-night .wikitable > * > tr > td,
html.skin-theme-clientpref-os .wikitable > * > tr > td {
    border-color: #334155;
}

/* === Инфобоксы ========================================================== */

.infobox {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.06);
    font-size: 90%;
}

.infobox th {
    background: #f1f5f9;
}

html.skin-theme-clientpref-night .infobox,
html.skin-theme-clientpref-os .infobox {
    border-color: #334155;
    background: #1e293b;
}

html.skin-theme-clientpref-night .infobox th,
html.skin-theme-clientpref-os .infobox th {
    background: #0f172a;
}

/* === Цитаты и примечания ================================================ */

blockquote {
    border-left: 4px solid var(--crypto-accent);
    background: #f0f9ff;
    margin: 1.2em 0;
    padding: 0.8em 1.2em;
    border-radius: 0 6px 6px 0;
    color: #0c4a6e;
}

html.skin-theme-clientpref-night blockquote,
html.skin-theme-clientpref-os blockquote {
    background: #0c4a6e22;
    color: #bae6fd;
    border-left-color: var(--crypto-accent);
}

/* === Специальные классы для криптографии ================================ */

/* Ключи / ciphertext */
.crypto-key,
.ciphertext {
    font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
    background: #0f172a;
    color: #67e8f9;
    padding: 0.15em 0.45em;
    border-radius: 4px;
    font-size: 0.9em;
    letter-spacing: 0.03em;
}

/* Успешная проверка / secure */
.crypto-secure {
    color: var(--crypto-success);
    font-weight: 600;
}

/* Предупреждение */
.crypto-warning {
    color: var(--crypto-warning);
    font-weight: 600;
}

/* Опасность / broken */
.crypto-broken {
    color: var(--crypto-danger);
    font-weight: 600;
}

/* Блок "Важно" / "Note" */
.crypto-note {
    border-left: 4px solid var(--crypto-accent);
    background: #ecfeff;
    padding: 0.9em 1.2em;
    margin: 1.2em 0;
    border-radius: 0 6px 6px 0;
}

html.skin-theme-clientpref-night .crypto-note,
html.skin-theme-clientpref-os .crypto-note {
    background: #08334455;
}

/* === TOC ================================================================ */

#toc,
.toc {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

html.skin-theme-clientpref-night #toc,
html.skin-theme-clientpref-night .toc,
html.skin-theme-clientpref-os #toc,
html.skin-theme-clientpref-os .toc {
    border-color: #334155;
    background: #1e293b;
}

/* === Мелкие улучшения =================================================== */

/* Более аккуратные горизонтальные линии */
hr {
    border: none;
    border-top: 1px solid #e2e8f0;
    margin: 1.8em 0;
}

html.skin-theme-clientpref-night hr,
html.skin-theme-clientpref-os hr {
    border-top-color: #334155;
}

/* Подсветка при наведении на строки таблицы */
.wikitable tr:hover td {
    background-color: #f1f5f9;
}

html.skin-theme-clientpref-night .wikitable tr:hover td,
html.skin-theme-clientpref-os .wikitable tr:hover td {
    background-color: #1e293b;
}

/* Улучшение внешнего вида категорий */
#catlinks {
    border-radius: 6px;
    border-color: #e2e8f0;
    background: #f8fafc;
}

html.skin-theme-clientpref-night #catlinks,
html.skin-theme-clientpref-os #catlinks {
    border-color: #334155;
    background: #1e293b;
}
Wikiadmin (обсуждение | вклад)

Версия от 22:38, 4 ноября 2026
