Interested Article - Mobile.css
![](/images/009/171/9171169/1.jpg?rand=633725)
![](https://cdn.wafarin.com/avatars/eb62af7492157c676fb8fc9692e83447.gif)
- 2020-12-31
- 1
![](/images/009/171/9171169/1.jpg?rand=581568)
После сохранения или недавних изменений очистите кэш браузера .
/**
You are editing the global CSS file for all mobile site users.
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 Расширения
* 2. Служебные классы
* 3. Общие классы
* 3.1 Списки
* 3.2 Примечания
* 3.4 Таблицы
* 4. Шаблоны
* 5. Страницы
*/
/* ================================================
ИНТЕРФЕЙС
================================================ */
/* ТЕГИ ------------------------------------------- */
blockquote {
quotes: '\00AB' '\00BB';
}
/* РАСШИРЕНИЯ ------------------------------------- */
/* Стили для расширения [[mw:Extension:Babel]] (13-07-17) */
/* Скрытие буквы N у родных языков, по аналогии со старыми языковыми шаблонами */
.mw-babel-box-level-N {
display: none;
}
/* Remove popup from Content translation tool, if not opted in */
.cx-callout:not(.cx-campaign-contributionsmenu):not(.cx-entrypoint-dialog) {
display: none !important;
}
/* ================================================
СЛУЖЕБНЫЕ КЛАССЫ
================================================ */
/* Служебные классы для показа сообщений отдельным группам пользователей */
.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]]
*/
.content .hlist ol,
.content .hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.content .hlist dd,
.content .hlist dt,
.content .hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.content .hlist.inline,
.content .hlist.inline dl,
.content .hlist.inline ol,
.content .hlist.inline ul,
.content .hlist dl dl, .hlist dl ol, .hlist dl ul,
.content .hlist ol dl, .hlist ol ol, .hlist ol ul,
.content .hlist ul dl, .hlist ul ol, .hlist ul ul {
margin: 0;
display: inline;
}
/* Generate interpuncts */
.content .hlist dt:after {
content: ": ";
}
.content .hlist dd:after,
.content .hlist li:after {
content: " · ";
font-weight: bold;
}
.content .hlist dd:last-child:after,
.content .hlist dt:last-child:after,
.content .hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.content .hlist dd dd:first-child:before, .content .hlist dd dt:first-child:before, .content .hlist dd li:first-child:before,
.content .hlist dt dd:first-child:before, .content .hlist dt dt:first-child:before, .content .hlist dt li:first-child:before,
.content .hlist li dd:first-child:before, .content .hlist li dt:first-child:before, .content .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.content .hlist dd dd:last-child:after, .content .hlist dd dt:last-child:after, .content .hlist dd li:last-child:after,
.content .hlist dt dd:last-child:after, .content .hlist dt dt:last-child:after, .content .hlist dt li:last-child:after,
.content .hlist li dd:last-child:after, .content .hlist li dt:last-child:after, .content .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.content .hlist ol {
counter-reset: listitem;
}
.content .hlist ol > li {
counter-increment: listitem;
}
.content .hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.content .hlist dd ol > li:first-child:before,
.content .hlist dt ol > li:first-child:before,
.content .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 {
column-width: 20em;
}
.reflist-wide .mw-references-columns {
column-width: 40em;
}
/* Enable custom list style types */
.reflist ol.references {
list-style-type: inherit;
}
/* ТАБЛИЦЫ ---------------------------------------- */
/* [[Википедия:Оформление таблиц]] */
.standard,
.wide {
background: none;
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;
}
/* Навигационный шаблон */
.navbox-image {
display: none;
}
/* [[Шаблон: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;
}
/* ================================================
СТРАНИЦЫ
================================================ */
/* [[Заглавная страница]] ------------------------- */
@media (max-width: 719px) {
.page-Заглавная_страница #content {
background-color: #eaecf0;
}
.page-Заглавная_страница .header-container.header-chrome {
box-shadow: none;
}
}
![](https://cdn.wafarin.com/avatars/eb62af7492157c676fb8fc9692e83447.gif)
- 2020-12-31
- 1