MediaWiki:Mobile.css: различия между версиями

нет описания правки
Нет описания правки
Нет описания правки
 
Строка 17: Строка 17:
  *  1. Интерфейс
  *  1. Интерфейс
  *  1.1 Теги
  *  1.1 Теги
  *  1.2 Классы
  *  1.2 Расширения
*  1.3 Расширения
  *  2. Служебные классы
  *  2. Служебные классы
  *  3. Общие классы
  *  3. Общие классы
Строка 36: Строка 35:
blockquote {
blockquote {
quotes: '\00AB' '\00BB';
quotes: '\00AB' '\00BB';
}
/* КЛАССЫ ----------------------------------------- */
/* Скрытие «показать/скрыть карту» на мобильных */
.mw-customtoggle-maps1 {
display: none;
}
}


Строка 65: Строка 57:
.group-filemover-show,
.group-filemover-show,
.group-editor-show,
.group-editor-show,
.group-autoeditor-show,
.group-autoreview-show,
.group-user-show {
.group-user-show {
display: none;
display: none;
Строка 238: Строка 230:
font-size: 120%;
font-size: 120%;
text-align: center;
text-align: center;
background: #eaecf0;
}
}
.infobox-image {
.infobox-image {
Строка 244: Строка 237:
.infobox-header {
.infobox-header {
text-align: center;
text-align: center;
background: #eaecf0;
}
}
.infobox-below {
.infobox-below {
Строка 276: Строка 270:
padding: 0;
padding: 0;
}
}
.content table.infobox .infobox-inner-table,
.content table.infobox .infobox-table > table,
.content table.infobox .infobox-table > table,
.content table.infobox .infobox-tablebox > table,
.content table.infobox .infobox-tablebox > table,
Строка 370: Строка 365:
cursor: help;
cursor: help;
color: #72777d;
color: #72777d;
}
/* [[Шаблон:Tl]] и аналоги ------------------------ */
.wp-templatelink {
color: #9098a0;
}
}


Строка 382: Строка 372:


/* [[Заглавная страница]] ------------------------- */
/* [[Заглавная страница]] ------------------------- */
@media (max-width: 719px) {
@media (max-width: 719px) {
.page-Заглавная_страница #content {
.page-Заглавная_страница #content {
background-color:#eaecf0;
background-color: #eaecf0;
}
}
.page-Заглавная_страница .header-container.header-chrome {
.page-Заглавная_страница .header-container.header-chrome {
box-shadow:none;
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;
}
}
}
}