Sətir 1: |
Sətir 1: |
| /* | | /* |
− | [[Şablon:Ana səhifə bölməsi]] şablonunun yeni rəsmiləşdirilməsi | + | Новое оформление шаблона [[Шаблон:Раздел заглавной страницы]] |
| | | |
| + | Основано на: |
| https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less | | https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less |
− | https://design.wikimedia.org/style-guide/ əsasında yaradılıb | + | https://design.wikimedia.org/style-guide/ |
| */ | | */ |
| .main-box { | | .main-box { |
Sətir 18: |
Sətir 19: |
| } | | } |
| | | |
− | /* Günün şəkli */ | + | /* Изображение дня */ |
| .main-box-image-only > .main-box-content { | | .main-box-image-only > .main-box-content { |
| margin: 0.5rem -1rem 0; | | margin: 0.5rem -1rem 0; |
Sətir 30: |
Sətir 31: |
| | | |
| .main-box-imageCaption { | | .main-box-imageCaption { |
− | text-align: center; | + | display: flex; |
| + | justify-content: center; |
| } | | } |
| | | |
| .main-box-imageCaption > p { | | .main-box-imageCaption > p { |
− | display: inline-block;
| |
| margin-bottom: 0; | | margin-bottom: 0; |
− | text-align: left;
| |
| } | | } |
| | | |
− | /* Başlıqüstü */ | + | /* Надзаголовок */ |
| .main-box-subtitle { | | .main-box-subtitle { |
| color: #72777d; | | color: #72777d; |
| line-height: 1.25; | | line-height: 1.25; |
− | margin-top: -.125em; /* line-height üçün başlıqüstünün yuxarı hüdudunun balanslaşdırılması: 1.25; */ | + | margin-top: -.125em; /* Балансирование верхней границы надзаголовка из-за line-height: 1.25; */ |
| } | | } |
| | | |
− | /* Başlıq */ | + | /* Заголовок */ |
| .main-box-header { | | .main-box-header { |
− | margin-top: -.15em; /* line-height üçün başlıqüstünün yuxarı hüdudunun balanslaşdırılması: 1.3; */ | + | margin-top: -.15em; /* Балансирование верхней границы заголовка из-за line-height: 1.3; */ |
| } | | } |
| | | |
Sətir 55: |
Sətir 55: |
| } | | } |
| | | |
− | .main-box-subtitle + .main-box-header { /* Başlıqüstünün üzə çıxması üçün margin-i standart ölçülərə qaytarırıq */ | + | .main-box-subtitle + .main-box-header { /* При появлении надзаголовка сбрасываем margin на стандартное значение */ |
| margin-top: 0; | | margin-top: 0; |
| } | | } |
Sətir 61: |
Sətir 61: |
| .main-box-header a:focus, | | .main-box-header a:focus, |
| .main-box:hover .main-box-header a, | | .main-box:hover .main-box-header a, |
− | .main-box:hover .main-featuredLists-item > a { | + | .main-box:hover .main-featuredLists-link a { |
| color: #0645ad; | | color: #0645ad; |
| } | | } |
| | | |
− | /* Zirzəmi */ | + | /* Подвал */ |
| .main-footer { | | .main-footer { |
| + | display: block; |
| + | margin-top: 1rem; |
| + | position: relative; |
| + | } |
| + | |
| + | html.client-js .main-footer { |
| display: flex; | | display: flex; |
| justify-content: flex-end; | | justify-content: flex-end; |
− | margin-top: 1rem;
| |
− | position: relative;
| |
| } | | } |
| | | |
Sətir 86: |
Sətir 90: |
| } | | } |
| | | |
− | /* Menyu */ | + | .main-footer-actions .mw-ui-button { |
| + | min-height: inherit; |
| + | } |
| + | |
| + | /* Меню */ |
| .main-footer-menu { | | .main-footer-menu { |
| align-items: stretch; | | align-items: stretch; |
Sətir 93: |
Sətir 101: |
| | | |
| .main-footer-menuToggle { | | .main-footer-menuToggle { |
| + | display: none; |
| + | } |
| + | |
| + | html.client-js .main-footer-menuToggle { |
| align-items: center; | | align-items: center; |
| display: flex; | | display: flex; |
Sətir 104: |
Sətir 116: |
| } | | } |
| | | |
− | /* Bayıra çıxart */ | + | /* Выпадайка */ |
| .main-footer-menuDropdown { | | .main-footer-menuDropdown { |
− | background: #d8e0bc; | + | font-size: 0.85em; |
| + | margin: 0.5em 0 -0.5rem; |
| + | } |
| + | |
| + | html.client-js .main-footer-menuDropdown { |
| + | background: #fff; |
| border: 1px solid #a2a9b1; | | border: 1px solid #a2a9b1; |
| border-radius: 2px; | | border-radius: 2px; |
| box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); | | box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); |
| + | font-size: 1em; |
| max-width: 15em; | | max-width: 15em; |
| + | margin: 0; |
| position: absolute; | | position: absolute; |
| right: 0; | | right: 0; |
Sətir 117: |
Sətir 136: |
| } | | } |
| | | |
− | .main-footer-menuDropdown .mw-ui-button { | + | html.client-nojs .main-footer-menuDropdown > ul { |
| + | display: flex; |
| + | } |
| + | |
| + | html.client-nojs .main-footer-menuDropdown .mw-ui-button { |
| + | min-width: 0; |
| + | max-width: none; |
| + | padding-left: 0; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | html.client-js .main-footer-menuDropdown .mw-ui-button { |
| text-align: left; | | text-align: left; |
| width: 100%; | | width: 100%; |
Sətir 123: |
Sətir 153: |
| | | |
| /* | | /* |
− | Mobil
| + | Мобильные |
| */ | | */ |
| @media (max-width: 719px) { | | @media (max-width: 719px) { |
Sətir 141: |
Sətir 171: |
| | | |
| /* | | /* |
− | Planşeytlər
| + | Планшеты |
| */ | | */ |
| @media (min-width: 720px) { | | @media (min-width: 720px) { |
Sətir 154: |
Sətir 184: |
| | | |
| /* | | /* |
− | Stasionar kompüterlər
| + | Стационарные компьютеры |
| */ | | */ |
| @media (min-width: 1000px) { | | @media (min-width: 1000px) { |
Sətir 167: |
Sətir 197: |
| } | | } |
| } | | } |
| + | /* [[Категория:Шаблоны:Подстраницы CSS]] */ |