MediaWiki:Common.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

/* Respiral portal theme: dark space-station wiki layout. */
:root {
  --respiral-bg: #080b12;
  --respiral-panel: #141a24;
  --respiral-panel-2: #1b2431;
  --respiral-border: #2e3c50;
  --respiral-text: #d9dee7;
  --respiral-muted: #aab4c3;
  --respiral-link: #68c4ed;
  --respiral-blue: #294ca4;
  --respiral-accent: #7d2e80;
}
html, body { background-color: var(--respiral-bg) !important; color: var(--respiral-text) !important; background-image: radial-gradient(circle at 4% 13%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 18% 31%, rgba(133,177,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle at 36% 9%, rgba(255,255,255,.7) 0 1px, transparent 1.5px), radial-gradient(circle at 62% 20%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 83% 44%, rgba(133,177,255,.65) 0 1px, transparent 1.5px), radial-gradient(circle at 91% 13%, rgba(255,255,255,.75) 0 1px, transparent 1.4px), radial-gradient(circle at 72% 79%, rgba(255,255,255,.7) 0 1px, transparent 1.4px), radial-gradient(circle at 27% 86%, rgba(133,177,255,.7) 0 1px, transparent 1.4px); background-size: 173px 137px, 241px 191px, 317px 227px, 389px 271px, 463px 313px, 521px 347px, 607px 401px, 719px 467px; }
body, #content, #mw-content-text, .mw-body-content { font-family: Arial, Helvetica, sans-serif !important; }
#mw-wrapper { min-height: 100vh; background: transparent; }
#mw-header-container, #mw-content-container, #mw-footer-container { background: transparent !important; }
#mw-header, #mw-content-block, #mw-footer { max-width: 1740px; }
#mw-header { background: rgba(9, 13, 20, .95); }
#mw-header-container { border-bottom: 0 !important; }
#mw-header-hack, #mw-header-nav-hack { display: none !important; }
#p-logo-text { min-width: 210px; }
#p-banner { color: #f1f3f6 !important; font-family: Georgia, serif; font-variant: small-caps; font-size: 27px !important; letter-spacing: 1px; }
#p-search { margin-left: 20px; }
#searchInput { background: #f5f5f5 !important; color: #555 !important; border: 1px solid #aeb7c4 !important; height: 38px !important; }
#user-tools, #personal { color: #e2e6eb !important; }
#mw-content-container { padding-top: 16px; }
#mw-content-block, #mw-content-wrapper, #mw-content-container .ts-inner { background: var(--respiral-bg) !important; border-color: #263245; }
#mw-related-navigation { display: none !important; }
#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }
#firstHeading { color: #dce1e9 !important; font-family: "Trebuchet MS", sans-serif !important; font-size: 26px !important; border-bottom: 3px solid var(--respiral-blue); padding-bottom: 5px; }
#bodyContentOuter, #bodyContent { background: transparent !important; }
#siteSub { display: none !important; }
#mw-page-header-links a, #mw-page-header-links li a { color: var(--respiral-link) !important; }
#mw-page-header-links .selected a { border-bottom-color: var(--respiral-link) !important; }
a { color: var(--respiral-link); }
a.new { color: #ff5e67 !important; }
#mw-site-navigation { background: transparent !important; }
.sidebar-inner, #site-navigation, #site-tools, #page-tools { background: transparent !important; }
.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }
.sidebar-chunk .mw-portlet-body { padding: 4px 7px 7px; }
.sidebar-chunk li { margin: 0 !important; }
.sidebar-chunk li a { display: block; padding: 3px 0; color: var(--respiral-link) !important; }
.respiral-portal { max-width: 100%; margin: 0 auto; color: var(--respiral-text); }
.respiral-hero { text-align: center; margin: 3px 0 12px; }
.respiral-logo { display: inline-block; font-family: Impact, "Arial Black", sans-serif; font-size: 72px; line-height: .8; letter-spacing: -8px; color: #f3f3f3; text-shadow: 5px 0 #1e56bd, -4px 22px #e63237; transform: skew(-8deg); }
.respiral-hero h2 { color: #e2e4e8; font-size: 23px; margin: 15px 0 6px; }
.respiral-hero p { color: #bcc6d2; margin: 0; }
.respiral-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 10px; }
.respiral-panel { border: 1px solid var(--respiral-border); background: rgba(22, 29, 40, .98); margin-bottom: 10px; }
.respiral-panel-title { background: #202b39; color: #dfe5eb; font-size: 17px; font-weight: bold; padding: 8px 11px; }
.respiral-panel-body { padding: 9px 10px; }
.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }
.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }
.respiral-card b { display: block; color: #e2e5ea; font-size: 21px; }
.respiral-card span { display: block; color: #b8c1cd; font-size: 13px; font-style: italic; }
.respiral-card strong::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; }
.respiral-card b::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; vertical-align: middle; }
.respiral-card a { color: inherit; text-decoration: none; }
.respiral-card:hover { border-color: #5b81bd; }
.respiral-strip { background: #7c2d80; border-color: #9a459d; text-align: center; padding: 9px; font-weight: bold; margin-top: 2px; }
.respiral-strip-body { background: rgba(65, 33, 73, .95); display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; padding: 12px; }
.respiral-strip-body .respiral-card { text-align: center; background: #5b2a61; margin: 0; }
#mw-footer-container { color: #8f9aaa; }
@media (max-width: 900px) { .respiral-grid { grid-template-columns: 1fr; } .respiral-strip-body { grid-template-columns: repeat(3, 1fr); } }