MediaWiki:Timeless.css
Материал из Рулуса
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/* CSS placed here will affect users of the Timeless skin */ /* Fonts */ @import url('//fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap'); @font-face { font-family: "iA Writer Duospace"; font-weight: normal; font-style: normal; src: url("/fonts/iAWriterDuospace-Regular.eot") format("embedded-opentype"), url("/fonts/iAWriterDuospace-Regular.woff2") format("woff2"), url("/fonts/iAWriterDuospace-Regular.woff") format("woff"); } @font-face { font-family: "iA Writer Duospace"; font-weight: normal; font-style: italic; src: url("/fonts/iAWriterDuospace-Italic.eot") format("embedded-opentype"), url("/fonts/iAWriterDuospace-Italic.woff2") format("woff2"), url("/fonts/iAWriterDuospace-Italic.woff") format("woff"); } @font-face { font-family: "iA Writer Duospace"; font-weight: bold; font-style: normal; src: url("/fonts/iAWriterDuospace-Bold.eot") format("embedded-opentype"), url("/fonts/iAWriterDuospace-Bold.woff2") format("woff2"), url("/fonts/iAWriterDuospace-Bold.woff") format("woff"); } @font-face { font-family: "iA Writer Duospace"; font-weight: bold; font-style: italic; src: url("/fonts/iAWriterDuospace-BoldItalic.eot") format("embedded-opentype"), url("/fonts/iAWriterDuospace-BoldItalic.woff2") format("woff2"), url("/fonts/iAWriterDuospace-BoldItalic.woff") format("woff"); } /* General */ body { font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 1em; line-height: 1.66; background: #faf9f7; color: #000; } a { color: #000; text-decoration: none; box-shadow: 0 1px 0 #0bb; } a:hover, a:focus { color: #0bb; } a:visited { color: #7d7d7c; } a:visited:hover { color: #0bb; box-shadow: 0 1px 0 #0bb; } a.new, .new a, a.new:visited, .new a:visited { color: #adadac; box-shadow: 0 1px 0 #adadac; } a.new:hover, .new a:hover { color: #0bb; box-shadow: 0 1px 0 #0bb; } /* Top bar */ #mw-header-container { color: #545453; background: #faf9f7; } @media screen and (min-width: 851px) { #mw-header-container { min-height: 3.5em; } #mw-header-nav-hack, #mw-header-hack { top: 3.5em; } #simpleSearch { width: 40%; float: right; border: solid 1px #ddd; border-radius: 0.25em; } } #p-logo { display: none; } #p-logo-text a { padding: 0.1em 0.6em 0.3em; font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-variant: normal; font-weight: bold; font-size: 24px; letter-spacing: -0.05em; box-shadow: 0 4px 0 #0bb; color: #000; display: inline-block; } #p-logo-text a:hover { color: #0bb; } @media screen and (min-width: 851px) { #p-logo-text { width: 12.5em; } #personal .dropdown { font-size: 14px; top: 2.5em; border-width: 1px; } #personal h2 { font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 14px; } } .dropdown a, .dropdown a:hover { box-shadow: none; } .color-bar { display: none; } /* Navigation */ #mw-site-navigation h2, #mw-related-navigation h2 { font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 1em; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 14px; line-height: 1.3; border: none; box-shadow: none; background: #faf9f7; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { color: #545453; font-variant: all-small-caps; border-bottom: none; } #mw-site-navigation .sidebar-chunk a, #mw-related-navigation .sidebar-chunk a { color: #545453; box-shadow: none; } #mw-site-navigation .sidebar-chunk a:hover, #mw-related-navigation .sidebar-chunk a:hover { color: #0bb; box-shadow: 0 1px 0 #0bb; } #mw-header-nav-hack, #mw-header-hack { box-shadow: none; border-top: none; } /* Page header */ #mw-page-header-links { font-family: 'iA Writer Duospace','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 14px; } #mw-page-header-links li { border-bottom: solid 1px #0000; } #mw-page-header-links a { box-shadow: none; color: #545453; } #mw-page-header-links a:visited { color: #545453; } #mw-page-header-links a:hover, #mw-page-header-links a:visited:hover { color: #0bb; } #mw-page-header-links li.selected { border-bottom-color: #cccbca; } #mw-page-header-links li.selected a { color: #545453; } #mw-page-header-links li.selected a:hover { color: #0bb; } #mw-page-header-links li:hover { border-bottom-color: #0bb; } /* Content */ #mw-content-wrapper { max-width: 50em; margin: auto; } #mw-content { border: none; box-shadow: none; background: #faf9f7; padding: 1em 1em 3em; font-family: 'Roboto', Tahoma, sans-serif; font-size: 18px; } #mw-content-block { background: #faf9f7; } blockquote { padding: 0.5em 1em; } @media screen and (min-width: 851px) { #mw-content-container { margin-top: 3.5em; } blockquote { padding: 2em 3em; } } @media screen and (max-width: 1339px) and (min-width: 1100px) { #mw-content, #content-bottom-stuff { margin-left: 0; } } #mw-content-container { background: none; border-bottom: none; } ul#filetoc, .toc, .mw-warning { border-width: 1px; } .mw-body .toc h2 { font-family: 'Roboto', Tahoma, sans-serif; } .toc a { box-shadow: none; } .toc a:hover { box-shadow: 0 1px 0 #0bb; } .toctogglelabel { color: #0bb; } /* Content: code, pre-formatted */ pre, .mw-code { color: #000; background-color: #f0efed; border: none; padding: 1em; white-space: pre-wrap; } code, tt, kbd, pre, samp { font-family: 'iA Writer Duospace',monospace,monospace; font-size: 14px; line-height: 1.5; } /* Content: external links */ .mw-parser-output a.external, .link-https { background-image: none; padding-right: 0; } .mw-parser-output a.external::after, .link-https::after { content: '↗'; font-size: 14px; margin-left: 3px; margin-right: 1px; color: #0bb; position: relative; top: -4px; } /* Content: edit link at section headers */ .mw-editsection a { box-shadow: none; background-image: none; padding-left: 0; color: #545453; } .mw-editsection a:hover, .mw-editsection a:visited:hover { color: #0bb; box-shadow: 0 1px 0 #0bb; } .mw-editsection a::before { content: '✍'; font-size: 24px; margin-left: 1px; margin-right: 3px; color: #545453; position: relative; top: 3px; } .mw-editsection a:hover::before { color: #0bb; } /* Headings */ .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: 'Roboto', Tahoma, sans-serif; font-weight: bold; } .mw-body h1.firstHeading { border-bottom: none; font-size: 36px; letter-spacing: -0.02em; } .mw-body h2 { border-bottom: none; font-size: 24px; letter-spacing: -0.01em; } .mw-body h3 { font-size: 18px; } .mw-parser-output a.external { color: #000; } .mw-parser-output a.external:visited { color: #7d7d7c; } .mw-parser-output a.external:hover { color: #0bb; } /* Footer */ #mw-footer-container { border-top: solid 1px #cccbca; box-shadow: none; color: #545453; font-size: 14px; } #mw-footer-container a, #mw-footer-container a:visited { color: #545453; } #mw-footer-container a:hover { color: #0bb; } /* Editor */ .mw-editfont-monospace, .mw-editfont-sans-serif, .mw-editfont-serif { font-size: 14px; } .mw-editfont-monospace { font-family: 'iA Writer Duospace',monospace,monospace; } .mw-editform textarea { height: 80vh; line-height: 1.5; } /* Misc */ @media screen and (min-width: 851px) { .main-navigator { column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:2em; -moz-column-gap:2em; -webkit-column-gap:2em; column-break-inside:avoid; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid; } } .main-navigator-block { display: inline-block; width: 85%; margin: 0 0 1em 0; padding: 1.5em 2em; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; } div#content .main-navigator-block h2 { margin-top: 0; } .widget { margin: 1em 0; } #comments { font-family: Helvetica, Arial, sans-serif; margin: 2em 0 2em 0; } .social-buttons { margin: 3em 0 2em 0; } .adslot-h-bottom { margin: 3em 0; }