|
|
| Строка 1: |
Строка 1: |
| /* ==========================================================================
| |
| 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;
| |
| }
| |
