Mobile.css
Jump to navigation
Jump to search
/*
* All CSS here will be loaded asynchronously for users of the mobile site
* The more important styles for every page view go to [[MediaWiki:Gadget-common-site.css]]
* Here are the styles that aren’t too important to be loaded on the first page load
*/
/**
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.
*/
/* СПИСКИ ----------------------------------------- */
/* 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) " ";
}
/* ТАБЛИЦЫ ---------------------------------------- */
/* [[Википедия:Оформление таблиц]] */
.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 .nowrap,
.infobox .nowraplinks a,
.infobox .nowraplinks .selflink {
white-space: normal;
}
/* Навигационный шаблон */
.navbox-image {
display: none;
}