Difference between revisions of "Хев:Зъгаломная/Клабук/styles.css"
| Line 1: | Line 1: | ||
/* | /* | ||
| − | Новая сазвѣзьденїя [[Зъгаломная | + | Новая сазвѣзьденїя шаблона [[Шаблон:Зъгаломная/Клабук]] |
| − | |||
*/ | */ | ||
| + | .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 { | |
| − | .main-header { | + | border-bottom: 0; |
| − | border-bottom | + | margin-bottom: 0; |
| − | margin-bottom: 0 | ||
margin-top: 0; | margin-top: 0; | ||
| − | |||
| − | |||
} | } | ||
| − | + | .main-top-articleCount { | |
| − | .main- | + | margin-bottom: 0; |
| − | + | } | |
| − | + | ||
| − | + | body.skin-minerva .main-top-articleCount { | |
| + | display: none; | ||
} | } | ||
| − | .main- | + | .main-top-mobileSearch { |
| − | margin- | + | display: none; |
| + | margin-top: 1rem; | ||
} | } | ||
| − | + | body.skin-minerva .main-top-mobileSearch { | |
| − | . | + | display: block; |
| − | .main-top- | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .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%; | ||
} | } | ||
| Line 43: | Line 66: | ||
*/ | */ | ||
@media (min-width: 720px) { | @media (min-width: 720px) { | ||
| − | .main- | + | .main-top { |
| − | + | background-color: #f8f9fa; | |
| − | + | border: 1px solid #c8ccd1; | |
| − | padding-right: | + | 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; | ||
} | } | ||
} | } | ||
| Line 54: | Line 97: | ||
*/ | */ | ||
@media (min-width: 1000px) { | @media (min-width: 1000px) { | ||
| − | .main- | + | .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; | display: flex; | ||
| − | margin: 0 -0. | + | 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- | + | .main-top-right { |
| − | flex: | + | flex: 2; |
| − | margin: 0 | + | margin-top: 0; |
| + | text-align: right; | ||
} | } | ||
| − | .main- | + | .main-top-right > ul { |
| − | + | align-items: center; | |
| − | + | flex-direction: row-reverse; | |
| − | padding-right: | + | justify-content: right; |
| + | margin-top: 0; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .main-top-createArticle + li .mw-ui-button.mw-ui-quiet { | ||
| + | padding-right: 1em; | ||
} | } | ||
} | } | ||
Revision as of 17:42, 18 Светня 2021
/* Новая сазвѣзьденїя шаблона Шаблон:Зъгаломная/Клабук
- /
.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; } }