Хев:Зъгаломная/Клабук/styles.css

/* Новая сазвѣзьденїя шаблона Шаблон:Зъгаломная/Клабук

• /

.main-top { 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-right .mw-ui-button.mw-ui-quiet { padding-right: 0; }

.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: 3; 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 + li .mw-ui-button.mw-ui-quiet { padding-right: 1em; } }