Шаблон:Заглавная/Шапка/styles.css

Материал из GeologyScience Wiki
Перейти к:навигация, поиск

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

Основано на: 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-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-left { /* padding: 2rem 0 2rem; */ }

.main-top-articleCount { /* padding-left: 8rem; */ }

.main-logo { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e1/Wikisource-logo-sfondo.png); background-repeat: no-repeat; background-position: -50px -10px; background-size: 180px; width: 9rem; }

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

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

/* Стационарные компьютеры

  • /

@media (min-width: 1000px) { .main-top { display: flex; margin: 0.5rem 0 12px; padding: 0 1.5rem 0 0; border: 1px solid #8898BF; }

.main-top-left { flex: 3; padding: 2rem 0 2rem; }

.main-top-right { flex: 2; margin-top: 0; text-align: right; padding-top: 2rem; }

.main-top-right > ul { align-items: center; flex-direction: row-reverse; margin-top: 0; text-align: left; /* justify-content: right; */ }

.main-logo { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e1/Wikisource-logo-sfondo.png); background-repeat: no-repeat; background-position: -50px -10px; background-size: 180px; width: 9rem; }

.main-top-createArticle + li .mw-ui-button.mw-ui-quiet { padding-right: 1em; } }

/* мобильные */ @media (max-width: 719px) { .main-plainlist { display: inline-block; }

.main-plainlist>ul { column-count: 3; } }