|
|
Строка 1: |
Строка 1: |
− | /** | + | /* CSS placed here will affect users of the mobile site */ |
− | You are editing the global CSS file for all mobile site users.
| + | .toc, #toc { display: none; } |
− | With Great Power Comes Great Responsibility.
| |
− | | |
− | Some words of caution:
| |
− | * Avoid any changes which impact layout on a mobile device.
| |
− | ** Please be careful not to introduce any margin/padding rules. These should be done inside the template itself via an inline style.
| |
− | ** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device)
| |
− | * Do not use display:none. Instead edit the template and markup the element you want to hide with the "nomobile" class.
| |
− | * Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead
| |
− | * Group common CSS rules together where possible.
| |
− | */
| |
− | | |
− | /**
| |
− | * [Содержание]
| |
− | *
| |
− | * 1. Интерфейс
| |
− | * 1.1 Теги
| |
− | * 1.2 Классы
| |
− | * 1.3 Расширения
| |
− | * 2. Служебные классы
| |
− | * 3. Общие классы
| |
− | * 3.1 Списки
| |
− | * 3.2 Примечания
| |
− | * 3.4 Таблицы
| |
− | * 4. Шаблоны
| |
− | * 5. Страницы
| |
− | */
| |
− | | |
− | /* ================================================
| |
− | ИНТЕРФЕЙС
| |
− | ================================================ */
| |
− | | |
− | /* ТЕГИ ------------------------------------------- */
| |
− | | |
− | blockquote {
| |
− | quotes: '\00AB' '\00BB';
| |
− | }
| |
− | | |
− | /* КЛАССЫ ----------------------------------------- */
| |
− | | |
− | /* Скрытие «показать/скрыть карту» на мобильных */
| |
− | .mw-customtoggle-maps1 {
| |
− | display: none;
| |
− | }
| |
− | | |
− | /* РАСШИРЕНИЯ ------------------------------------- */
| |
− | | |
− | /* Стили для расширения [[mw:Extension:Babel]] (13-07-17) */
| |
− | /* Скрытие буквы N у родных языков, по аналогии со старыми языковыми шаблонами */
| |
− | .mw-babel-box-level-N {
| |
− | display: none;
| |
− | }
| |
− | | |
− | /* ================================================
| |
− | СЛУЖЕБНЫЕ КЛАССЫ
| |
− | ================================================ */
| |
− |
| |
− | /* Служебные классы для показа сообщений отдельным группам пользователей */
| |
− | .group-checkuser-show,
| |
− | .group-bureaucrat-show,
| |
− | .group-sysop-show,
| |
− | .group-engineer-show,
| |
− | .group-closer-show,
| |
− | .group-filemover-show,
| |
− | .group-editor-show,
| |
− | .group-autoreview-show,
| |
− | .group-user-show {
| |
− | display: none;
| |
− | }
| |
− | | |
− | /* ================================================
| |
− | ОБЩИЕ КЛАССЫ
| |
− | ================================================ */
| |
− | | |
− | /* СПИСКИ ----------------------------------------- */
| |
− | | |
− | /* Style for horizontal lists (separator following item).
| |
− | Adapted for the mobile version.
| |
− | @source mediawiki.org/wiki/Snippets/Horizontal_lists
| |
− | @revision 6 (2014-05-09)
| |
− | @author [[User:Edokter]]
| |
− | */
| |
− | /* Display list items inline */
| |
− | .mw-parser-output .hlist dd, | |
− | .mw-parser-output .hlist dt,
| |
− | .mw-parser-output .hlist li {
| |
− | margin: 0;
| |
− | display: inline;
| |
− | }
| |
− | /* Display nested lists inline */
| |
− | .mw-parser-output .hlist.inline,
| |
− | .mw-parser-output .hlist.inline dl,
| |
− | .mw-parser-output .hlist.inline ol,
| |
− | .mw-parser-output .hlist.inline ul,
| |
− | .mw-parser-output .hlist dl dl, .hlist dl ol, .hlist dl ul,
| |
− | .mw-parser-output .hlist ol dl, .hlist ol ol, .hlist ol ul,
| |
− | .mw-parser-output .hlist ul dl, .hlist ul ol, .hlist ul ul {
| |
− | margin: 0;
| |
− | display: inline;
| |
− | }
| |
− | /* Generate interpuncts */
| |
− | .mw-parser-output .hlist dt:after {
| |
− | content: ": ";
| |
− | }
| |
− | .mw-parser-output .hlist dd:after,
| |
− | .mw-parser-output .hlist li:after {
| |
− | content: " · ";
| |
− | font-weight: bold;
| |
− | }
| |
− | .mw-parser-output .hlist dd:last-child:after,
| |
− | .mw-parser-output .hlist dt:last-child:after,
| |
− | .mw-parser-output .hlist li:last-child:after {
| |
− | content: none;
| |
− | }
| |
− | /* Add parentheses around nested lists */
| |
− | .mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
| |
− | .mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
| |
− | .mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
| |
− | content: " (";
| |
− | font-weight: normal;
| |
− | }
| |
− | .mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
| |
− | .mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
| |
− | .mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
| |
− | content: ") ";
| |
− | font-weight: normal;
| |
− | }
| |
− | /* Put ordinals in front of ordered list items */
| |
− | .mw-parser-output .hlist ol {
| |
− | counter-reset: listitem;
| |
− | }
| |
− | .mw-parser-output .hlist ol > li {
| |
− | counter-increment: listitem;
| |
− | }
| |
− | .mw-parser-output .hlist ol > li:before {
| |
− | content: " " counter(listitem) " ";
| |
− | white-space: nowrap;
| |
− | }
| |
− | .mw-parser-output .hlist dd ol > li:first-child:before,
| |
− | .mw-parser-output .hlist dt ol > li:first-child:before,
| |
− | .mw-parser-output .hlist li ol > li:first-child:before {
| |
− | content: " (" counter(listitem) " ";
| |
− | }
| |
− | | |
− | /* Списки без маркеров */
| |
− | .plainlist ol:not(.references),
| |
− | .plainlist dl,
| |
− | .plainlist ul {
| |
− | line-height: inherit;
| |
− | list-style: none none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− | .plainlist ol:not(.references) li,
| |
− | .plainlist dl dt,
| |
− | .plainlist dl dd,
| |
− | .plainlist ul li {
| |
− | margin: 0;
| |
− | }
| |
− | .plainlist dl dt:after {
| |
− | content: ": ";
| |
− | }
| |
− | | |
− | /* Неразрывные пробелы в горизонтальных списках */
| |
− | .nowrap,
| |
− | .nowraplinks a,
| |
− | .nowraplinks .selflink,
| |
− | .hlist-items-nowrap dd,
| |
− | .hlist-items-nowrap dt,
| |
− | .hlist-items-nowrap li {
| |
− | white-space: nowrap;
| |
− | }
| |
− | | |
− | /* Но где-то неразрывность надо сбросить (например, в навшаблонах в узких местах) */
| |
− | .wrap,
| |
− | .wraplinks a,
| |
− | .hlist-items-nowrap dl dl, .hlist-items-nowrap dl ol, .hlist-items-nowrap dl ul, /* Allow nested lists to wrap anyway */
| |
− | .hlist-items-nowrap ol dl, .hlist-items-nowrap ol ol, .hlist-items-nowrap ol ul,
| |
− | .hlist-items-nowrap ul dl, .hlist-items-nowrap ul ol, .hlist-items-nowrap ul ul {
| |
− | white-space: normal;
| |
− | }
| |
− | | |
− | /* ПРИМЕЧАНИЯ ------------------------------------- */
| |
− | | |
− | .reflist-narrow .mw-references-columns {
| |
− | -webkit-column-width: 20em;
| |
− | -moz-column-width: 20em;
| |
− | column-width: 20em;
| |
− | }
| |
− | .reflist-wide .mw-references-columns {
| |
− | -webkit-column-width: 40em;
| |
− | -moz-column-width: 40em;
| |
− | column-width: 40em;
| |
− | }
| |
− | | |
− | /* Enable custom list style types */
| |
− | .reflist ol.references {
| |
− | list-style-type: inherit;
| |
− | }
| |
− | | |
− | /* ТАБЛИЦЫ ---------------------------------------- */
| |
− | | |
− | /* [[Википедия:Оформление таблиц]] */
| |
− | .standard,
| |
− | .wide {
| |
− | border: 1px solid #a2a9b1;
| |
− | border-collapse: collapse;
| |
− | }
| |
− | | |
− | .standard > tr > th,
| |
− | .standard > tr > td,
| |
− | .standard > * > tr > th,
| |
− | .standard > * > tr > td,
| |
− | .wide > tr > th,
| |
− | .wide > tr > td,
| |
− | .wide > * > tr > th,
| |
− | .wide > * > tr > td {
| |
− | border: 1px solid #a2a9b1;
| |
− | padding: 0.2em 0.4em;
| |
− | }
| |
− | | |
− | .standard > tr > th,
| |
− | .standard > * > tr > th,
| |
− | .wide > tr > th,
| |
− | .wide > * > tr > th {
| |
− | background-color: #eaf3ff;
| |
− | }
| |
− | | |
− | /* ================================================
| |
− | ШАБЛОНЫ
| |
− | ================================================ */
| |
− |
| |
− | /* КАРТОЧКА --------------------------------------- */
| |
− | | |
− | /* Компоненты карточки */
| |
− | .infobox-above {
| |
− | font-size: 120%;
| |
− | text-align: center;
| |
− | background: #eaecf0;
| |
− | }
| |
− | .infobox-image {
| |
− | text-align: center;
| |
− | }
| |
− | .infobox-header {
| |
− | text-align: center;
| |
− | background: #eaecf0;
| |
− | }
| |
− | .infobox-below {
| |
− | text-align: center;
| |
− | }
| |
− | | |
− | .infobox-medals .NavFrame .NavHead {
| |
− | padding: 7px 10px;
| |
− | font-weight: bold;
| |
− | }
| |
− | | |
− | /* Встраиваемая карточка */
| |
− | .content table.infobox-child {
| |
− | width: 100% !important;
| |
− | margin: 0 !important;
| |
− | padding: 0;
| |
− | border: none;
| |
− | font-size: 100%;
| |
− | }
| |
− | | |
− | /* Таблицы в карточках */
| |
− | .content table.infobox table:not(.infobox) {
| |
− | margin: 0;
| |
− | }
| |
− | .content table.infobox table:not(.infobox):not(.infobox-inherit) td {
| |
− | width: initial;
| |
− | padding: initial;
| |
− | }
| |
− | .content table.infobox .infobox-table,
| |
− | .content table.infobox .infobox-tablebox,
| |
− | .content table.infobox .infobox-medals {
| |
− | padding: 0;
| |
− | }
| |
− | .content table.infobox .infobox-inner-table,
| |
− | .content table.infobox .infobox-table > table,
| |
− | .content table.infobox .infobox-tablebox > table,
| |
− | .content table.infobox .infobox-medals > table {
| |
− | width: 100%;
| |
− | display: table;
| |
− | margin: 0;
| |
− | background: transparent;
| |
− | }
| |
− | .content table.infobox .infobox-medals > table {
| |
− | border-collapse: separate;
| |
− | }
| |
− | .content table.infobox .infobox-tablebox > table {
| |
− | background: #ffffff;
| |
− | border-collapse: separate;
| |
− | }
| |
− | | |
− | /* Списки в карточках */
| |
− | .infobox th:not(.noplainlist) > ul,
| |
− | .infobox td:not(.noplainlist) > ul,
| |
− | .infobox [data-wikidata-property-id] > ul {
| |
− | list-style-type: none;
| |
− | list-style-image: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− | .infobox .noplainlist > ul:first-child {
| |
− | margin-top: 0;
| |
− | }
| |
− | .infobox th > ol,
| |
− | .infobox td > ol,
| |
− | .infobox [data-wikidata-property-id] > ol {
| |
− | margin: 0;
| |
− | }
| |
− | .infobox th > dl,
| |
− | .infobox td > dl,
| |
− | .infobox [data-wikidata-property-id] > dl {
| |
− | margin: 0;
| |
− | }
| |
− | .infobox.infobox li,
| |
− | .infobox.infobox dt,
| |
− | .infobox.infobox dd {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .infobox li,
| |
− | .infobox dt,
| |
− | .infobox dd {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .infobox th > ol.references,
| |
− | .infobox td > ol.references {
| |
− | line-height: 1.25em;
| |
− | }
| |
− | .infobox th > ol.references li,
| |
− | .infobox td > ol.references li {
| |
− | margin-bottom: 0.1em;
| |
− | }
| |
− | .infobox th > ol.references li:last-child,
| |
− | .infobox td > ol.references li:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | | |
− | /* Сбрасываем неразрывность где нужно */
| |
− | .infobox .nowrap,
| |
− | .infobox .nowraplinks a,
| |
− | .infobox .nowraplinks .selflink {
| |
− | white-space: normal;
| |
− | }
| |
− | | |
− | /* ToDo: Временные правки стилей элементов внутри карточек */
| |
− | table.infobox td p {
| |
− | margin: 0 !important;
| |
− | }
| |
− | table.infobox td .NavContent {
| |
− | margin-left: 0 !important;
| |
− | }
| |
− |
| |
− | /* [[Шаблон:Coord]] ------------------------------- */
| |
− | | |
− | /* Блок ссылок на альтернативные сервисы рядом с координатами («HGЯО») */
| |
− | .mw-body .geo-services {
| |
− | font-size: 82%;
| |
− | }
| |
− | .geo-services a > span {
| |
− | margin: 0.25em;
| |
− | }
| |
− | .geo-services > :first-child a > span {
| |
− | margin-left: 0.4em;
| |
− | }
| |
− | | |
− | /* [[Шаблон:Ref-info]] ---------------------------- */
| |
− | .ref-info {
| |
− | font-size: 85%;
| |
− | cursor: help;
| |
− | color: #72777d;
| |
− | }
| |
− | | |
− | /* [[Шаблон:Tl]] и аналоги ------------------------ */
| |
− | .wp-templatelink {
| |
− | color: #9098a0;
| |
− | }
| |
− | | |
− | /* ================================================
| |
− | СТРАНИЦЫ
| |
− | ================================================ */
| |
− | | |
− | /* [[Заглавная страница]] ------------------------- */
| |
− | | |
− | @media (max-width: 719px) {
| |
− | .page-Заглавная_страница #content {
| |
− | background-color:#eaecf0;
| |
− | }
| |
− | .page-Заглавная_страница .header-container.header-chrome {
| |
− | box-shadow:none;
| |
− | }
| |
− | }
| |
− | | |
− | /*
| |
− | * Костыли-префиксы для поддержки устаревших браузеров заглавной страницей
| |
− | * Будут переведены на TemplateStyles, см. [[phab:T162379]]
| |
− | */
| |
− | .main-top-right > ul {
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | -webkit-flex-wrap: wrap;
| |
− | }
| |
− | | |
− | .main-featuredLists > .main-featuredLists-item {
| |
− | -webkit-box-align: stretch;
| |
− | -webkit-align-items: stretch;
| |
− | -webkit-column-break-inside: avoid;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-featuredLists-item > img {
| |
− | -webkit-box-flex: 0;
| |
− | -webkit-flex: 0 auto;
| |
− | }
| |
− | | |
− | .main-footer {
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | -webkit-box-pack: end;
| |
− | -webkit-justify-content: flex-end;
| |
− | }
| |
− | | |
− | .main-footer-actions {
| |
− | -webkit-box-flex: 1;
| |
− | -webkit-flex: 1;
| |
− | }
| |
− | | |
− | .main-footer-actions > ul {
| |
− | -webkit-box-align: center;
| |
− | -webkit-align-items: center;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-footer-menu {
| |
− | -webkit-box-align: stretch;
| |
− | -webkit-align-items: stretch;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-footer-menuToggle {
| |
− | -webkit-box-align: center;
| |
− | -webkit-align-items: center;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-wikimedia-list {
| |
− | -webkit-column-count: 4;
| |
− | -webkit-column-width: 15em;
| |
− | }
| |
− | | |
− | .main-wikimedia-list > .main-wikimedia-listItem {
| |
− | -webkit-box-align: stretch;
| |
− | -webkit-align-items: stretch;
| |
− | -webkit-column-break-inside: avoid;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-wikimedia-listItem > img {
| |
− | -webkit-box-flex: 0;
| |
− | -webkit-flex: 0 auto;
| |
− | }
| |
− | | |
− | .main-wikimedia-listItem > a {
| |
− | -webkit-box-flex: 1;
| |
− | -webkit-flex: 1;
| |
− | }
| |
− | | |
− | @media (max-width: 719px) {
| |
− | .main-wikimedia-list {
| |
− | -webkit-column-width: 10em;
| |
− | }
| |
− | }
| |
− | | |
− | @media (min-width: 1000px) {
| |
− | .main-wrapper {
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-wrapper-column {
| |
− | -webkit-box-flex: 1;
| |
− | -webkit-flex: 1;
| |
− | }
| |
− | | |
− | .main-top {
| |
− | -webkit-box-align: center;
| |
− | -webkit-align-items: center;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | }
| |
− | | |
− | .main-top-left {
| |
− | background-image: -webkit-linear-gradient(left, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%);
| |
− | -webkit-box-flex: 3;
| |
− | -webkit-flex: 3;
| |
− | }
| |
− |
| |
− | .main-top-right {
| |
− | -webkit-box-flex: 2;
| |
− | -webkit-flex: 2;
| |
− | }
| |
− | | |
− | .main-top-right > ul {
| |
− | -webkit-box-align: center;
| |
− | -webkit-align-items: center;
| |
− | -webkit-box-orient: horizontal;
| |
− | -webkit-box-direction: reverse;
| |
− | -webkit-flex-direction: row-reverse;
| |
− | -webkit-box-pack: left;
| |
− | -webkit-justify-content: left;
| |
− | }
| |
− | } | |