MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
| Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
| + | /* Заголовок */ | ||
| + | .main-wikimedia-header { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | /* Иконка */ | ||
| + | .main-wikimedia-icon { | ||
| + | margin: 0 0 0.5rem; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | /* Список */ | ||
| + | .main-wikimedia-list { | ||
| + | column-count: 4; | ||
| + | column-width: 15em; | ||
| + | margin-top: 0.5rem; | ||
| + | } | ||
| + | |||
| + | /* Элемент списка */ | ||
| + | .main-wikimedia-list > .main-wikimedia-listItem { | ||
| + | align-items: stretch; | ||
| + | break-inside: avoid; | ||
| + | clear: both; | ||
| + | display: flex; | ||
| + | page-break-inside: avoid; | ||
| + | margin-bottom: 0.5rem; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > img { | ||
| + | flex: 0 auto; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > a { | ||
| + | flex: 1; | ||
| + | margin-left: -48px; | ||
| + | padding-left: 56px; | ||
| + | position: relative; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > a > em { | ||
| + | font-style: normal; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > a:hover > em { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > a > small { | ||
| + | color: #72777d; | ||
| + | display: block; | ||
| + | font-size: 0.85em; | ||
| + | line-height: 1.25; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | Мобильные | ||
| + | */ | ||
| + | @media (max-width: 719px) { | ||
| + | .main-wikimedia-header { | ||
| + | font-family: inherit; | ||
| + | font-size: 1em; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-list { | ||
| + | font-size: 0.85em; | ||
| + | column-width: 10em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | Планшеты | ||
| + | */ | ||
| + | @media (min-width: 720px) { | ||
| + | .main-wikimedia-header { | ||
| + | margin-bottom: 1rem; | ||
| + | } | ||
| + | |||
| + | .main-wikimedia-listItem > a > small { | ||
| + | font-size: 1em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | Стационарные компьютеры | ||
| + | */ | ||
| + | @media (min-width: 1000px) { | ||
| + | .main-wikimedia-header { | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: 80%; | ||
| + | } | ||
| + | } | ||
Версия 22:04, 24 сентября 2019
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Заголовок */
.main-wikimedia-header {
text-align: center;
}
/* Иконка */
.main-wikimedia-icon {
margin: 0 0 0.5rem;
text-align: center;
}
/* Список */
.main-wikimedia-list {
column-count: 4;
column-width: 15em;
margin-top: 0.5rem;
}
/* Элемент списка */
.main-wikimedia-list > .main-wikimedia-listItem {
align-items: stretch;
break-inside: avoid;
clear: both;
display: flex;
page-break-inside: avoid;
margin-bottom: 0.5rem;
}
.main-wikimedia-listItem > img {
flex: 0 auto;
}
.main-wikimedia-listItem > a {
flex: 1;
margin-left: -48px;
padding-left: 56px;
position: relative;
text-decoration: none;
}
.main-wikimedia-listItem > a > em {
font-style: normal;
}
.main-wikimedia-listItem > a:hover > em {
text-decoration: underline;
}
.main-wikimedia-listItem > a > small {
color: #72777d;
display: block;
font-size: 0.85em;
line-height: 1.25;
}
/*
Мобильные
*/
@media (max-width: 719px) {
.main-wikimedia-header {
font-family: inherit;
font-size: 1em;
}
.main-wikimedia-list {
font-size: 0.85em;
column-width: 10em;
}
}
/*
Планшеты
*/
@media (min-width: 720px) {
.main-wikimedia-header {
margin-bottom: 1rem;
}
.main-wikimedia-listItem > a > small {
font-size: 1em;
}
}
/*
Стационарные компьютеры
*/
@media (min-width: 1000px) {
.main-wikimedia-header {
margin-left: auto;
margin-right: auto;
width: 80%;
}
}