Материал из Викитеки — свободной библиотеки
/*
Новое оформление шаблона [[Шаблон:Родственные проекты]]
Основано на:
https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less
https://design.wikimedia.org/style-guide/
Перенесено из [[w:Шаблон:Сообщество Википедии/styles.css]], автор [[u:Saint Johann]]
[[Категория:Шаблоны:Стили]]
*/
/* Заголовок */
.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;
text-align: center;
}
/* Элемент списка */
.main-wikimedia-list > .main-wikimedia-listItem {
align-items: stretch;
break-inside: avoid;
clear: both;
/* display: flex; */
display: inline-block;
page-break-inside: avoid;
margin-bottom: 0.5rem;
text-align: center;
}
.main-wikimedia-listItem > img {
flex: 0 auto;
}
.main-wikimedia-listItem > a {
flex: 1;
/* margin-left: -48px; */
/* padding-left: 56px; */
padding-left: 10px;
position: relative;
text-decoration: none;
font-size: 90%;
}
.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 {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
*/
.main-wikimedia-header {
margin-bottom: 1rem;
}
.main-wikimedia-listItem > a > small {
font-size: 1em;
}
}
/*
Стационарные компьютеры
*/
@media (min-width: 1000px) {
/*
.main-wikimedia {
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
*/
.main-wikimedia-header {
margin-left: auto;
margin-right: auto;
width: 80%;
}
}