User:مقفلة حديثا/Up/styles.css

/* Новое оформление шаблона Шаблон:Заглавная/Шапка

Основано на: https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less https://design.wikimedia.org/style-guide/ .main-top { clear: both; font-size: 1rem; margin-top: 1rem; padding-bottom: 1.5rem; }

.main-top-left > p { font-size: 0.875em; margin: 0; }

.main-top-right { font-size: 0.875em; margin-top: 0.5em; }

.main-top-right > ul { display: none; margin-top: 0.5rem; }

.main-top-header { border-bottom: 0; margin-bottom: 0; margin-top: 0; }

.main-top-articleCount { margin-bottom: 0; }

body.skin-minerva .main-top-articleCount { display: none; }

.main-top-mobileSearch { display: none; margin-top: 1rem; }

body.skin-minerva .main-top-mobileSearch { display: block; }

.main-top-mobileSearchButton { background: #fff; border: none; box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); color: #72777d; font-weight: normal; max-width: none; text-align: left; width: 100%; }

/* Планшеты @media (min-width: 720px) { .main-top { background-color: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .15); margin-bottom: 1rem; padding: 1rem; }	.main-top-right > ul { display: flex; flex-wrap: wrap; }	.main-top-articleCount { margin-bottom: 0.5rem; }	body.skin-minerva .main-top-articleCount { display: block; }	body.skin-minerva .main-top-mobileSearch { display: none; } }

/* Стационарные компьютеры @media (min-width: 1000px) { .main-top { align-items: center; background-image: url(https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg); background-position: right; background-repeat: no-repeat; display: flex; margin-bottom: 1.5rem; margin-top: 0.5rem; padding-bottom: 0; padding-left: 0; padding-right: 1.5rem; padding-top: 0; }	.main-top-left { background-image: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%); flex: 2.5; padding: 2rem 0 2rem 1.5rem; }	.main-top-right { flex: 2; margin-top: 0; text-align: right; }	.main-top-right > ul { align-items: center; flex-direction: row-reverse; justify-content: right; margin-top: 0; text-align: left; }	.main-top-createArticle { margin-left: 12px; } }

@media (max-width: 999px) { .main-top-createArticle { margin-right: 12px; } }