Метки: ручная отмена отменено |
Метки: ручная отмена отменено |
| Строка 1: |
Строка 1: |
| /** | | /* |
| * Файл для стилей десктопной версии. | | * This is the CSS common to all desktop skins on en.Wikipedia. |
| * Приоритетные стили для мобильной и десктопной версий следует размещать в [[MediaWiki:Gadget-common-site.css]]
| | * Styling inside .mw-parser-output should generally use TemplateStyles. |
| * Здесь содержатся только стили, которые по тем или иным причинам не нужны в мобильной версии. | |
| * Иные стили следует размещать соответственно инструкции в [[MediaWiki:Gadget-common-site.css]].
| |
| *
| |
| * [Содержание]
| |
| *
| |
| * 0. CSS-переменные
| |
| * 1. Интерфейс
| |
| * 1.1 Теги
| |
| * 1.2 Классы
| |
| * 1.3 Расширения
| |
| * 1.4 Редакторы
| |
| * 2. Служебные классы
| |
| * 3. Общие классы
| |
| * 3.1 Списки
| |
| * 3.2 Примечания
| |
| * 3.3 Колонки
| |
| * 3.4 Таблицы
| |
| * 4. Шаблоны
| |
| * 5. Страницы
| |
| */ | | */ |
|
| | /* Reset italic styling set by user agent */ |
| /* ================================================ | | cite, |
| ИНТЕРФЕЙС
| | dfn { |
| ================================================ */
| |
| | |
| /* ТЕГИ ------------------------------------------- */
| |
| | |
| /* Избавляемся от дважды жирного шрифта (2019-09-08) */
| |
| b {
| |
| font-weight: 700;
| |
| }
| |
| | |
| /* Сбрасываем курсивное оформление, применяемое браузером */
| |
| cite, dfn {
| |
| font-style: inherit; | | font-style: inherit; |
| } | | } |
|
| |
|
| /* fix for line-breaking references */ | | /* Straight quote marks for <q> */ |
| sub,
| | q { |
| sup {
| | quotes: '"' '"' "'" "'"; |
| line-height: 1em; | |
| } | | } |
|
| |
|
| .mw-body blockquote {
| | /* Avoid collision of blockquote with floating elements by swapping margin and padding */ |
| background: var(--background-color-interactive-subtle, #f8f9fa);
| | blockquote { |
| overflow: hidden; | | overflow: hidden; |
| | margin: 1em 0; |
| | padding: 0 40px; |
| } | | } |
|
| |
|
| /* КЛАССЫ ----------------------------------------- */ | | /* Consistent size for <small>, <sub> and <sup> */ |
| | | small { |
| /* Уточнение ширины логотипа на экранах с большей плотностью пикселей (сами
| | font-size: 85%; |
| изображения задаются в файле стилей, не изменяемом локально; помогает
| |
| избежать сглаживания? 136 = 204 / 1,5; 204px — ширина картинки) */
| |
| @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
| |
| #p-logo a { | |
| background-size: 136px auto;
| |
| }
| |
| } | | } |
|
| |
|
| @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
| | .mw-body-content sub, |
| #p-logo a { | | .mw-body-content sup { |
| background-size: 135px auto;
| | font-size: 80%; |
| }
| |
| } | | } |
|
| |
|
| #file img {
| | /* Same spacing for indented and unindented paragraphs on talk pages */ |
| background: url(/w/resources/src/mediawiki.action/images/checker.svg) repeat; | | .ns-talk .mw-body-content dd { |
| | margin-top: 0.4em; |
| | margin-bottom: 0.4em; |
| } | | } |
|
| |
|
| /* Remove "external" icon from links to WP */ | | /* Reduce page jumps by hiding collapsed/dismissed content */ |
| body.ns-talk a.external[href*="//ru.wikipedia.org/"],
| | .client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child), |
| body.ns-4 a.external[href*="//ru.wikipedia.org/"],
| |
| body.ns-104 a.external[href*="//ru.wikipedia.org/"],
| |
| body.ns-106 a.external[href*="//ru.wikipedia.org/"] {
| |
| background: none !important;
| |
| padding-right: 0 !important;
| |
| }
| |
|
| |
|
| /* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */ | | /* Avoid FOUC/reflows on collapsed elements. */ |
| a[href$=".pdf"].external,
| | /* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */ |
| a[href*=".pdf?"].external,
| | /* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */ |
| a[href*=".pdf#"].external,
| | /* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */ |
| a[href$=".PDF"].external,
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p, |
| a[href*=".PDF?"].external,
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table, |
| a[href*=".PDF#"].external,
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody, |
| span.PDFlink a {
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ), |
| background: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/Icons-mini-file_pdf.svg) center right no-repeat !important;
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content, |
| padding-right: 18px !important;
| |
| }
| |
|
| |
|
| .hatnote {
| | /* Hide charinsert base for those not using the gadget */ |
| font-style: italic;
| | #editpage-specialchars { |
| padding-left: 1.6em; | | display: none; |
| } | | } |
|
| |
|
| .clickable-image a:hover { | | /* Make the list of references smaller |
| text-decoration: none; | | * Keep in sync with Template:Refbegin/styles.css |
| | * And Template:Reflist/styles.css |
| | */ |
| | ol.references { |
| | font-size: 90%; |
| | margin-bottom: 0.5em; |
| } | | } |
|
| |
|
| #mw-subcategories {
| | /* Cite customizations for Parsoid |
| clear: left; | | * Once everything uses the one true parser these are just customizations |
| | */ |
| | span[ rel="mw:referencedBy" ] { |
| | counter-reset: mw-ref-linkback 0; |
| } | | } |
|
| |
|
| #mw-pages {
| | span[ rel='mw:referencedBy' ] > a::before { |
| clear: both; | | content: counter( mw-ref-linkback, lower-alpha ); |
| | font-size: 80%; |
| | font-weight: bold; |
| | font-style: italic; |
| } | | } |
|
| |
|
| /* Div based "warning" style fmbox messages. */
| | a[ rel="mw:referencedBy" ]::before { |
| *:not(.mw-contributions-blocked-notice-partial) > .mw-warning-with-logexcerpt,
| | font-weight: bold; |
| div.mw-lag-warn-high,
| | content: "^"; |
| div.mw-cascadeprotectedwarning,
| |
| div#mw-protect-cascadeon {
| |
| background-color: var(--background-color-error-subtle, #fee7e6); | |
| border: 1px solid var(--border-color-error, #b32424); | |
| } | | } |
|
| |
|
| @supports ((-webkit-mask-image: none) or (mask-image: none)) {
| | span[ rel="mw:referencedBy" ]::before { |
| *:not(.mw-contributions-blocked-notice-partial) > .mw-warning-with-logexcerpt .cdx-message__icon, | | content: "^ "; |
| div.mw-lag-warn-high .cdx-message__icon,
| |
| div.mw-cascadeprotectedwarning .cdx-message__icon,
| |
| div#mw-protect-cascadeon .cdx-message__icon {
| |
| background-color: var(--color-error, #d73333);
| |
| }
| |
| } | | } |
|
| |
|
| /* Не отображать множественные уведомления о запрете редактирования списком */
| | .mw-ref > a[data-mw-group=lower-alpha]::after { |
| .permissions-errors { | | content: '[' counter( mw-Ref, lower-alpha ) ']'; |
| list-style: none;
| |
| margin: 0; | |
| } | | } |
|
| |
|
| .sitedir-ltr .mw-dismissable-notice-body { | | .mw-ref > a[data-mw-group=upper-alpha]::after { |
| margin-right: 5em !important; /* was 20% */ | | content: '[' counter( mw-Ref, upper-alpha ) ']'; |
| } | | } |
|
| |
|
| .mw-tag-markers { | | .mw-ref > a[data-mw-group=decimal]::after { |
| font-size: 90%; | | content: '[' counter( mw-Ref, decimal ) ']'; |
| font-style: italic;
| |
| } | | } |
|
| |
|
| .printonly { | | .mw-ref > a[data-mw-group=lower-roman]::after { |
| display: none; | | content: '[' counter( mw-Ref, lower-roman ) ']'; |
| } | | } |
|
| |
|
| /* Фикс выравнивания галереи при заданном параметре perrow (2019-10-03) */
| | .mw-ref > a[data-mw-group=upper-roman]::after { |
| .mw-gallery-traditional.center, | | content: '[' counter( mw-Ref, upper-roman ) ']'; |
| .mw-gallery-nolines.center {
| |
| margin-left: auto; | |
| margin-right: auto;
| |
| } | | } |
|
| |
|
| /* Блок «Это старая/текущая версия этой страницы». Надо предложить это в движок */
| | .mw-ref > a[data-mw-group=lower-greek]::after { |
| .mw-revision, | | content: '[' counter( mw-Ref, lower-greek ) ']'; |
| #mw-revision-nav {
| |
| margin-top: 0.5em; | |
| } | | } |
|
| |
|
| /* Кнопки [показать]/[скрыть], создаваемые mw-collapsible */ | | /* Styling for jQuery makeCollapsible, matching that of collapseButton */ |
| .mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) { | | .mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) { |
| font-weight: normal; | | font-weight: normal; |
| | padding-right: 0.2em; |
| | padding-left: 0.2em; |
| } | | } |
|
| |
|
| /* Reduce page jumps by hiding collapsed/dismissed content */
| | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
| .client-js .collapsible:not(.mw-made-collapsible).collapsed > tbody > tr:not(:first-child) { | | /* @noflip */ |
| display: none; | | float: left; |
| } | | } |
|
| |
|
| /* РАСШИРЕНИЯ ------------------------------------- */ | | /* Lists in wikitable data cells are always left-aligned */ |
| | | .wikitable td ul, |
| /* Исправление багов с запятыми и точками рядом с тэгами <math>, см. [[phab:T325625]] */ | | .wikitable td ol, |
| .mwe-math-element {
| | .wikitable td dl { |
| white-space: nowrap; | | /* @noflip */ |
| | text-align: left; |
| } | | } |
|
| |
|
| /* Стили для расширения [[mw:Extension:Babel]] (03-09-17) */ | | /* Change the external link icon to a PDF icon for all PDF files */ |
| /* Скрытие буквы N у родных языков, по аналогии со стандарными шаблонами */
| | .mw-parser-output a[href$=".pdf"].external, |
| .mw-babel-box-level-N { | | .mw-parser-output a[href*=".pdf?"].external, |
| display: none; | | .mw-parser-output a[href*=".pdf#"].external, |
| | .mw-parser-output a[href$=".PDF"].external, |
| | .mw-parser-output a[href*=".PDF?"].external, |
| | .mw-parser-output a[href*=".PDF#"].external { |
| | background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right; |
| | /* @noflip */ |
| | padding: 8px 18px 8px 0; |
| } | | } |
|
| |
|
| /* FlaggedRevs */ | | /* System messages styled similarly to fmbox */ |
| .mw-fr-reviewlink, | | /* for .mw-warning-with-logexcerpt, behavior of this line differs between |
| .fr-hist-basic-user, | | * the edit-protected notice and the special:Contribs for blocked users |
| .fr-hist-basic-auto { | | * The latter has specificity of 3 classes so we have to triple up here. |
| font-weight: normal; | | */ |
| font-size: 85%; | | .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt, |
| }
| | div.mw-lag-warn-high, |
| .flaggedrevs-pending { | | div.mw-cascadeprotectedwarning, |
| background: #ffc; | | div#mw-protect-cascadeon { |
| | clear: both; |
| | margin: 0.2em 0; |
| | border: 1px solid #bb7070; |
| | background-color: var(--background-color-error-subtle, #ffdbdb); |
| | padding: 0.25em 0.9em; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| /* Remove popup from Content translation tool, if not opted in */ | | /* default colors for partial block message */ |
| .cx-uls-relevant-languages-banner { | | /* gotta get over the hump introduced by the triple class above */ |
| display: none; | | .mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt { |
| | border-color: #fc3; |
| | background-color: var(--background-color-warning-subtle, #fef6e7); |
| } | | } |
|
| |
|
| /* Покрасить "неприоритетные" ссылки в библиографических ссылках в черный цвет (касается только ссылок, генерируемых Lua) */ | | /* Minimum thumb width */ |
| .wef_low_priority_links a,
| | figure[typeof~='mw:File/Thumb'], |
| .wef_low_priority_links a.extiw,
| | figure[typeof~='mw:File/Frame'], |
| .wef_low_priority_links a.external,
| | .thumbinner { |
| .wef_low_priority_links a:visited,
| | min-width: 100px; |
| .wef_low_priority_links a.extiw:visited,
| |
| .wef_low_priority_links a.external:visited { | |
| color: var(--color-base, #202122); | |
| } | | } |
|
| |
|
| /* РЕДАКТОРЫ -------------------------------------- */ | | /* Prevent floating boxes from overlapping any category listings, |
| | | file histories, edit previews, and edit [Show changes] views. */ |
| /* Visual editor related */
| | #mw-subcategories, |
| .mw-ve-editNotice .mbox-image,
| | #mw-pages, |
| .ve-active .ve-hide,
| | #mw-category-media, |
| .ve-show {
| | #filehistory, |
| display: none; | | #wikiPreview, |
| | #wikiDiff { |
| | clear: both; |
| } | | } |
|
| |
|
| .ve-active div.ve-show, | | /* Styling for tags in changes pages */ |
| .ve-active p.ve-show {
| | .mw-tag-markers { |
| display: block; | | font-style: italic; |
| | font-size: 90%; |
| } | | } |
|
| |
|
| .ve-active span.ve-show, | | /* Hide stuff meant for accounts with special permissions. Made visible again in |
| .ve-active small.ve-show { | | [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]], |
| display: inline; | | [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]], |
| | [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]], |
| | [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */ |
| | .checkuser-show, |
| | .sysop-show, |
| | .abusefilter-show, |
| | .abusefilter-helper-show, |
| | .patroller-show, |
| | .templateeditor-show, |
| | .extendedmover-show, |
| | .extendedconfirmed-show, |
| | .autoconfirmed-show, |
| | .user-show { |
| | display: none; |
| } | | } |
|
| |
|
| .ve-active li.ve-show { | | /* Hide the redlink generated by {{Editnotice}}, |
| display: list-item;
| | this overrides the ".sysop-show { display: none; }" above that applies |
| }
| | to the same link as well. See [[phab:T45013]] |
|
| |
|
| /* Костыль, исправляющий дублирование иконки в сообщениях об ошибках (Editnotice)
| | Hide the images in editnotices to keep them readable in VE view. |
| при сохранении правки в визуальном редакторе */
| | Long term, editnotices should become a core feature so that they can be designed responsive. */ |
| .ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement table.fmbox { | | .ve-ui-mwNoticesPopupTool-item .editnotice-redlink, |
| margin-top: 0;
| | .ve-ui-mwNoticesPopupTool-item .mbox-image, |
| }
| | .ve-ui-mwNoticesPopupTool-item .mbox-imageright { |
| .ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement .mbox-image { | | display: none !important; |
| display: none; | |
| } | | } |
|
| |
|
| /* ================================================ | | /* Remove bullets when there are multiple edit page warnings */ |
| ОБЩИЕ КЛАССЫ
| | ul.permissions-errors { |
| ================================================ */
| |
| | |
| /* СПИСКИ ----------------------------------------- */
| |
| | |
| /* Style for horizontal lists (separator following item).
| |
| @source mediawiki.org/wiki/Snippets/Horizontal_lists
| |
| @revision 9 (2016-08-10)
| |
| @author [[User:Edokter]]
| |
| */
| |
| .hlist dl,
| |
| .hlist.hlist ol,
| |
| .hlist.hlist ul {
| |
| margin: 0; | | margin: 0; |
| padding: 0;
| |
| }
| |
| /* Display list items inline */
| |
| .hlist dd,
| |
| .hlist dt,
| |
| .hlist li {
| |
| margin: 0;
| |
| display: inline;
| |
| }
| |
| /* Display nested lists inline */
| |
| .hlist.inline,
| |
| .hlist.inline dl,
| |
| .hlist.inline ol,
| |
| .hlist.inline ul,
| |
| .hlist dl dl, .hlist dl ol, .hlist dl ul,
| |
| .hlist ol dl, .hlist ol ol, .hlist ol ul,
| |
| .hlist ul dl, .hlist ul ol, .hlist ul ul {
| |
| display: inline;
| |
| }
| |
| /* Hide empty list items */
| |
| .hlist .mw-empty-li,
| |
| .hlist .mw-empty-elt {
| |
| display: none;
| |
| }
| |
| /* Generate bullets */
| |
| .hlist dt:after {
| |
| content: ": ";
| |
| }
| |
| .hlist dd:after,
| |
| .hlist li:after {
| |
| content: "\00a0· ";
| |
| font-weight: bold;
| |
| }
| |
| .hlist dd:last-child:after,
| |
| .hlist dt:last-child:after,
| |
| .hlist li:last-child:after {
| |
| content: none;
| |
| }
| |
| /* Add parentheses around nested lists */
| |
| .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
| |
| .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| |
| .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| |
| content: " (";
| |
| font-weight: normal;
| |
| }
| |
| .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
| |
| .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
| |
| .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
| |
| content: ")";
| |
| font-weight: normal;
| |
| }
| |
| /* Put ordinals in front of ordered list items */
| |
| .hlist ol {
| |
| counter-reset: listitem;
| |
| }
| |
| .hlist ol > li {
| |
| counter-increment: listitem;
| |
| }
| |
| .hlist ol > li:before {
| |
| content: " " counter(listitem) "\a0";
| |
| }
| |
| .hlist dd ol > li:first-child:before,
| |
| .hlist dt ol > li:first-child:before,
| |
| .hlist li ol > li:first-child:before {
| |
| content: " (" counter(listitem) "\a0";
| |
| } | | } |
|
| |
|
| /* ПРИМЕЧАНИЯ ------------------------------------- */
| | ul.permissions-errors > li { |
| | | list-style: none; |
| ol.references {
| |
| font-size: 100%;
| |
| }
| |
| .reflist,
| |
| .references-small {
| |
| font-size: 90%; | |
| margin-bottom: 0.5em;
| |
| } | | } |
|
| |
|
| .references-small ol.references { | | /* larger inline math */ |
| list-style-type: inherit; /* Enable custom list style types */ | | span.mwe-math-mathml-inline { |
| | font-size: 118%; |
| } | | } |
|
| |
|
| /* highlight focused footnotes and references */ | | /* Make <math display="block"> be left aligned with one space indent for |
| sup.reference:target,
| | * compatibility with style conventions |
| ol.references li:target,
| | */ |
| .highlight-target:target,
| | .mwe-math-fallback-image-display, |
| cite:target,
| | .mwe-math-mathml-display { |
| span.citation:target {
| | margin-left: 1.6em !important; |
| background: var(--background-color-progressive-subtle, #eaf3ff); | | margin-top: 0.6em; |
| }
| | margin-bottom: 0.6em; |
| sup.reference:target {
| |
| font-weight: bold; | |
| } | | } |
|
| |
|
| /* T156351: Support for Parsoid's Cite implementation */
| | .mwe-math-mathml-display math { |
| span[rel="mw:referencedBy"] {
| | display: inline; |
| counter-reset: mw-ref-linkback 0;
| |
| }
| |
| span[rel="mw:referencedBy"] > a::before {
| |
| font-weight: bold;
| |
| font-style: italic;
| |
| font-size: 80%; /* To mimic the sub,sup font-size:80% rule at top of file */
| |
| content: counter( mw-ref-linkback, decimal );
| |
| }
| |
| .mw-ref > a[data-mw-group=lower-roman]::after { | |
| content: '[' counter( mw-Ref, lower-roman ) ']';
| |
| }
| |
| .mw-ref > a[data-mw-group=lower-greek]::after {
| |
| content: '[' counter( mw-Ref, lower-greek ) ']';
| |
| }
| |
| .mw-ref > a[data-mw-group=upper-roman]::after {
| |
| content: '[' counter( mw-Ref, upper-roman ) ']';
| |
| }
| |
| .mw-ref > a[data-mw-group=lower-alpha]::after {
| |
| content: '[' counter( mw-Ref, lower-alpha ) ']';
| |
| }
| |
| .mw-ref > a[data-mw-group=upper-alpha]::after {
| |
| content: '[' counter( mw-Ref, upper-alpha ) ']';
| |
| } | | } |
|
| |
|
| /* КОЛОНКИ ---------------------------------------- */ | | @media screen { |
| | /* Put a chequered background behind images, only visible if they have transparency, |
| | * except on main, user, and portal namespaces |
| | */ |
| | body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img { |
| | background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; |
| | } |
|
| |
|
| /* Reset top margin for lists embedded in columns */ | | /* Display "From Wikipedia, the free encyclopedia" in skins that support it, |
| div.columns {
| | do not apply to print mode */ |
| margin-top: 0.3em;
| | #siteSub { |
| } | | display: block; |
| div.columns dl,
| | } |
| div.columns ol,
| |
| div.columns ul {
| |
| margin-top: 0;
| |
| } | | } |
|
| |
|
| /* Avoid elements from breaking between columns */ | | /* Hide FlaggedRevs notice UI when there are no pending changes */ |
| .nocolbreak, | | .flaggedrevs_draft_synced, |
| div.columns li,
| | .flaggedrevs_stable_synced, |
| div.columns dd dd {
| | /* "Temporary" to remove links in sidebar T255381 */ |
| -webkit-column-break-inside: avoid;
| | #t-upload, |
| page-break-inside: avoid;
| | /* Hide broken download box on Special:Book pending T285400 */ |
| break-inside: avoid-column; | | .mw-special-Book #coll-downloadbox { |
| | display: none; |
| } | | } |
|
| |
|
| /* ТАБЛИЦЫ ---------------------------------------- */ | | /* |
| | * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS; |
| | * SEE [[MediaWiki talk:Common.css/to do]] |
| | */ |
|
| |
|
| /* [[Википедия:Оформление таблиц]] */ | | /* Infobox template style */ |
| .standard, | | .infobox { |
| .wide { | | border: 1px solid #a2a9b1; |
| /* For align=center tables dont use shorthand margin */ | | border-spacing: 3px; |
| background:none; | | background-color: #f8f9fa; |
| margin-top:1em; | | color: black; |
| margin-bottom:1em; | | /* @noflip */ |
| border: 1px solid var(--border-color-base, #a2a9b1); | | margin: 0.5em 0 0.5em 1em; |
| border-collapse: collapse; | | padding: 0.2em; |
| | /* @noflip */ |
| | float: right; |
| | /* @noflip */ |
| | clear: right; |
| | font-size: 88%; |
| | line-height: 1.5em; |
| | width: 22em; |
| } | | } |
|
| |
|
| .standard > tr > th, | | .infobox-header, |
| .standard > tr > td, | | .infobox-label, |
| .standard > * > tr > th, | | .infobox-above, |
| .standard > * > tr > td, | | .infobox-full-data, |
| .wide > tr > th, | | .infobox-data, |
| .wide > tr > td, | | .infobox-below, |
| .wide > * > tr > th, | | .infobox-subheader, |
| .wide > * > tr > td { | | .infobox-image, |
| border: 1px solid var(--border-color-base, #a2a9b1); | | .infobox-navbar, |
| padding: 0.2em 0.4em;
| | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| | .infobox th, |
| | .infobox td { |
| | vertical-align: top; |
| } | | } |
|
| |
|
| .standard > tr > th, | | .infobox-label, |
| .standard > * > tr > th, | | .infobox-data, |
| .wide > tr > th, | | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| .wide > * > tr > th { | | .infobox th, |
| background-color: var(--background-color-progressive-subtle, #eaf3ff); | | .infobox td { |
| | /* @noflip */ |
| | text-align: left; |
| } | | } |
|
| |
|
| .standard > caption, | | /* Remove .infobox when element selectors above are removed */ |
| .wide > caption { | | .infobox .infobox-above, |
| | .infobox .infobox-title, |
| | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| | .infobox caption { |
| | font-size: 125%; |
| font-weight: bold; | | font-weight: bold; |
| | text-align: center; |
| } | | } |
|
| |
|
| .wide { | | .infobox-title, |
| width: 100%; | | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| | |
| | /* Remove .infobox when element selectors above are removed */ |
| | .infobox .infobox-header, |
| | .infobox .infobox-subheader, |
| | .infobox .infobox-image, |
| | .infobox .infobox-full-data, |
| | .infobox .infobox-below { |
| | text-align: center; |
| } | | } |
|
| |
|
| table.graytable {
| | /* Remove .infobox when element selectors above are removed */ |
| background: var(--background-color-disabled-subtle, #eaecf0);
| | .infobox .infobox-navbar { |
| padding: 1em;
| | /* @noflip */ |
| width: 100%;
| | text-align: right; |
| }
| |
| table.graytable caption {
| |
| padding-top: 0.5em;
| |
| background: var(--background-color-disabled-subtle, #eaecf0);
| |
| font-weight: bold;
| |
| }
| |
| table.graytable caption span.subcaption {
| |
| font-size: 88.5%; | |
| font-weight: normal;
| |
| }
| |
| table.graytable th,
| |
| table.graytable td {
| |
| font-size: 88.5%; | |
| } | | } |
|
| |
|
| /* Оформление ячеек */ | | /* Normal font styling for wikitable row headers with scope="row" tag */ |
| tr.highlight th,
| | .wikitable.plainrowheaders th[scope=row], |
| table tr th.highlight {
| | .wikitable.plainrowheaders th[scope=rowgroup] { |
| background: var(--ruwiki-background-color-blue150, #dcebff);
| |
| }
| |
| tr.highlight td,
| |
| table tr td.highlight {
| |
| background: var(--background-color-warning-subtle, #fef6e7);
| |
| font-weight: normal; | | font-weight: normal; |
| }
| | /* @noflip */ |
| tr.bright th,
| |
| table tr th.bright {
| |
| background: var(--ruwiki-background-color-blue200, #cfe3ff); | |
| }
| |
| tr.bright td,
| |
| table tr td.bright {
| |
| background: var(--background-color-warning-subtle, #fef6e7);
| |
| }
| |
| tr.shadow th,
| |
| tr.shadow td,
| |
| table tr th.shadow,
| |
| table tr td.shadow {
| |
| background: var(--background-color-disabled-subtle, #eaecf0);
| |
| }
| |
| tr.dark th,
| |
| tr.dark td,
| |
| table tr th.dark,
| |
| table tr td.dark {
| |
| background: var(--background-color-disabled, #c8ccd1);
| |
| }
| |
| | |
| /* ================================================ | |
| ШАБЛОНЫ
| |
| ================================================ */
| |
| | |
| .IPA,
| |
| .Unicode {
| |
| font-family: "Arial Unicode MS", "Lucida Sans Unicode", sans-serif;
| |
| }
| |
| | |
| /* КАРТОЧКА --------------------------------------- */
| |
| .infobox {
| |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| background: var(--background-color-neutral-subtle, #f8f9fa);
| |
| margin-bottom: .5em;
| |
| margin-left: 1em;
| |
| padding: .4em;
| |
| float: right;
| |
| clear: right;
| |
| font-size: 90%;
| |
| width: 23em;
| |
| vertical-align: middle;
| |
| text-align: left; | | text-align: left; |
| line-height: 1.5em;
| |
| border-collapse: separate;
| |
| border-spacing: 2px;
| |
| }
| |
| .infobox > caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| padding: .2em;
| |
| }
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| } | | } |
|
| |
|
| /* Компоненты карточки */ | | /* Remove underlines from certain links */ |
| .infobox-above { | | .nounderlines a, |
| background: var(--ruwiki-background-color-blue200, #cfe3ff);
| | .IPA a:link, |
| font-size: 120%;
| | .IPA a:visited { |
| text-align: center;
| | text-decoration: none !important; |
| }
| |
| .infobox-image { | |
| padding-left: 0;
| |
| padding-right: 0;
| |
| text-align: center;
| |
| }
| |
| .infobox-header { | |
| background: var(--ruwiki-background-color-blue150, #dcebff);
| |
| text-align: center;
| |
| }
| |
| .infobox-below {
| |
| background: var(--ruwiki-background-color-blue150, #dcebff);
| |
| text-align: center; | |
| } | | } |
|
| |
|
| /* Увеличение мелкого шрифта в блоках с уменьшенным текстом */ | | /* Prevent line breaks in silly places where desired (nowrap) |
| .infobox small, | | and links when we don't want them to (nowraplinks a) */ |
| .navbox small,
| | .nowrap, |
| .references small { | | .nowraplinks a { |
| font-size: 90%; | | white-space: nowrap; |
| } | | } |
|
| |
|
| /* НАВИГАЦИОННЫЙ ШАБЛОН --------------------------- */ | | /* But allow wrapping where desired: */ |
| | | .wrap, |
| /* Default style for navigation boxes */
| | .wraplinks a { |
| .navbox { /* Navbox container style */
| | white-space: normal; |
| box-sizing: border-box;
| |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| width: 100%;
| |
| margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
| |
| clear: both;
| |
| font-size: 90%;
| |
| text-align: center;
| |
| padding: 3px;
| |
| }
| |
| .navbox-inner, | |
| .navbox-subgroup { | |
| width: 100%; | |
| }
| |
| .navbox-group,
| |
| .navbox-title,
| |
| .navbox-abovebelow {
| |
| padding: 0.25em 1em; /* Title, group and above/below styles */
| |
| text-align: center;
| |
| }
| |
| .navbox-title {
| |
| line-height: 1.6em; /* Standard 1.6em for title */
| |
| } | | } |
|
| |
|
| /* cell spacing for navbox cells */ | | /* texhtml class for inline math (based on generic times-serif class) */ |
| tr + tr > .navbox-abovebelow,
| | span.texhtml { |
| tr + tr > .navbox-group,
| | font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; |
| tr + tr > .navbox-image,
| | font-size: 118%; |
| tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
| | line-height: 1; |
| border-top: 2px solid #fdfdfd; /* Must match background color */ | | white-space: nowrap; |
| | /* Force tabular and lining display for texhtml */ |
| | font-variant-numeric: lining-nums tabular-nums; |
| | font-kerning: none; |
| } | | } |
|
| |
|
| th.navbox-group { /* Group style */
| | span.texhtml span.texhtml { |
| white-space: nowrap;
| | font-size: 100%; |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
| .navbox,
| |
| .navbox-subgroup { | |
| background: #fdfdfd; /* Background color */ | |
| }
| |
| .navbox-list {
| |
| border-color: #fdfdfd; /* Must match background color */
| |
| }
| |
| .navbox th,
| |
| .navbox-title {
| |
| background: var(--ruwiki-background-color-blue200, #cfe3ff); /* Level 1 color */
| |
| }
| |
| .navbox-abovebelow,
| |
| th.navbox-group,
| |
| .navbox-subgroup .navbox-title {
| |
| background: var(--ruwiki-background-color-blue150, #dcebff); /* Level 2 color */
| |
| }
| |
| .navbox-subgroup .navbox-group,
| |
| .navbox-subgroup .navbox-abovebelow {
| |
| background: var(--background-color-progressive-subtle, #eaf3ff); /* Level 3 color */
| |
| }
| |
| .navbox-even {
| |
| background: #f3f5f7; /* Even row striping */
| |
| }
| |
| .navbox-odd {
| |
| background: transparent; /* Odd row striping */
| |
| } | | } |
|
| |
|
| @media screen { | | @media screen { |
| html.skin-theme-clientpref-night .navbox, | | .nochecker .gallerybox .thumb img { |
| html.skin-theme-clientpref-night .navbox-subgroup {
| | background-image: none; |
| background: #171819;
| |
| }
| |
| html.skin-theme-clientpref-night .navbox-list {
| |
| border-color: #171819; /* Must match background color */ | |
| }
| |
| html.skin-theme-clientpref-night tr + tr > .navbox-abovebelow,
| |
| html.skin-theme-clientpref-night tr + tr > .navbox-group,
| |
| html.skin-theme-clientpref-night tr + tr > .navbox-image,
| |
| html.skin-theme-clientpref-night tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
| |
| border-top-color: #171819; /* Must match background color */
| |
| }
| |
| html.skin-theme-clientpref-night .navbox-even {
| |
| background: #202122; /* Even row striping */
| |
| } | | } |
| } | | } |
|
| |
|
| @media screen and (prefers-color-scheme: dark) {
| | /* Put anything you mean to be a sitewide addition above the TemplateStyles |
| html.skin-theme-clientpref-os .navbox,
| | * comment above. |
| html.skin-theme-clientpref-os .navbox-subgroup {
| | */ |
| background: #171819;
| |
| }
| |
| html.skin-theme-clientpref-os .navbox-list {
| |
| border-color: #171819; /* Must match background color */
| |
| }
| |
| html.skin-theme-clientpref-os tr + tr > .navbox-abovebelow,
| |
| html.skin-theme-clientpref-os tr + tr > .navbox-group,
| |
| html.skin-theme-clientpref-os tr + tr > .navbox-image,
| |
| html.skin-theme-clientpref-os tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
| |
| border-top-color: #171819; /* Must match background color */
| |
| }
| |
| html.skin-theme-clientpref-os .navbox-even {
| |
| background: #202122; /* Even row striping */
| |
| }
| |
| }
| |
| | |
| .navbox .hlist td dl,
| |
| .navbox .hlist td ol,
| |
| .navbox .hlist td ul,
| |
| .navbox td.hlist dl,
| |
| .navbox td.hlist ol,
| |
| .navbox td.hlist ul {
| |
| padding: 1px 0 0; /* Adjust hlist padding in navboxes */
| |
| }
| |
| .navbox .navbox {
| |
| margin-top: 0; /* No top margin for nested navboxes */
| |
| }
| |
| .navbox + .navbox { | |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| |
| }
| |
| | |
| /* [[Шаблон:Coord]] ------------------------------- */
| |
| #mw-indicator-0-coord + .mw-indicator {
| |
| border-left: 1px solid #A7D7F9;
| |
| margin-left: 0.25em;
| |
| padding-left: 0.5em;
| |
| }
| |