MediaWiki:Common.css
Страница интерфейса MediaWiki
Дополнительные действия
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* ==========================================================================
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;
}