MediaWiki:Mobile.css: различия между версиями
Перейти к навигации
Перейти к поиску
м
нет описания правки
(Новая страница: «→Размещённый здесь CSS будет применяться к векторной теме оформления: html, body { height: 100%;…») |
мНет описания правки |
||
Строка 1: | Строка 1: | ||
/* | /* Стили для заглавной страницы */ | ||
@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; | |||
} | } | ||
} | } | ||
/* Служебные классы для показа сообщений отдельным группам пользователей */ | |||
.group-checkuser-show, | |||
.group-bureaucrat-show, | |||
.group-sysop-show, | |||
.group-engineer-show, | |||
.group-closer-show, | |||
.group-filemover-show, | |||
.group-editor-show, | |||
.group-autoeditor-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; | 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; | |||
} | } | ||
blockquote { | |||
quotes: '\00AB' '\00BB'; | |||
} | } | ||
. | /* Блок ссылок на альтернативные сервисы рядом с координатами («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; | |||
} | } | ||
/* | /* Временные правки стилей элементов внутри карточек */ | ||
table.infobox td p { | |||
margin: 0 !important; | |||
} | } | ||
table.infobox td .NavContent { | |||
margin-left: 0 !important; | |||
margin- | |||
} | } | ||
/* Списки в карточках */ | |||
.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 th > ol.references, | |||
.infobox td > ol.references { | |||
. | line-height: 1.25em; | ||
} | } | ||
/* Таблицы наград в карточках */ | |||
.content table.infobox table { | |||
margin: 0; | |||
} | } | ||
.content table.infobox table td { | |||
width: initial; | |||
padding: initial; | |||
} | } | ||
/* Сбрасываем неразрывность где нужно (инфобоксы, карточки, blockright) */ | |||
.infobox .nowrap, | |||
. | .infobox .nowraplinks a, | ||
.infobox .nowraplinks .selflink, | |||
.blockright .nowrap { | |||
white-space: normal; | |||
} | } | ||
/* Скрытие «показать/скрыть карту» на мобильных */ | |||
.mw-customtoggle-maps1 { | |||
display: none; | display: none; | ||
} | } | ||
/* | |||
/* {{ref-info}} */ | |||
.ref-info { | |||
font-size: 85%; | |||
cursor: help; | |||
color: #72777d; | |||
} | } | ||
. | /* {{tl}} и аналоги */ | ||
.wp-templatelink { | |||
color: #9098a0; | |||
} | } | ||
. | /* [[Википедия:Оформление таблиц]] */ | ||
.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; | |||
} | } | ||
/* Класс для [[Ш:Работа для администратов]] и подобных | |||
для нормального отображения в мобильной версии */ | |||
.blockright { | |||
width: 100%; | |||
margin: 0.25em 0; | |||
} | } | ||
/* | /* Стили для расширения [[mw:Extension:Babel]] (13-07-17) */ | ||
/* Скрытие буквы N у родных языков, по аналогии со старыми языковыми шаблонами */ | |||
.mw-babel-box-level-N { | |||
display: none; | display: none; | ||
} | } |