MediaWiki:Tweeki.css: различия между версиями
Askell (обсуждение | вклад) Нет описания правки |
Askell (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* CSS placed here will affect users of the Tweeki skin */ | /* CSS placed here will affect users of the Tweeki skin */ | ||
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger'); | @import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger'); | ||
/* Стили для кнопки выпадающего списка */ | |||
.tweeki-dropbtn { | |||
background-color: #4CAF50; | |||
color: white; | |||
padding: 10px; | |||
font-size: 16px; | |||
border: none; | |||
cursor: pointer; | |||
} | |||
/* Контейнер для выпадающего списка */ | |||
.tweeki-dropdown { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
/* Содержимое выпадающего списка (скрыто по умолчанию) */ | |||
.tweeki-dropdown-content { | |||
display: none; | |||
position: absolute; | |||
background-color: #f9f9f9; | |||
min-width: 160px; | |||
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); | |||
z-index: 1; | |||
} | |||
/* Стили для ссылок в выпадающем списке */ | |||
.tweeki-dropdown-content a { | |||
color: black; | |||
padding: 12px 16px; | |||
text-decoration: none; | |||
display: block; | |||
} | |||
/* Изменение цвета ссылок при наведении */ | |||
.tweeki-dropdown-content a:hover { | |||
background-color: #f1f1f1; | |||
} | |||
/* Показывать выпадающий список при наведении */ | |||
.tweeki-dropdown:hover .tweeki-dropdown-content { | |||
display: block; | |||
} | |||
/* Изменение цвета кнопки при наведении */ | |||
.tweeki-dropdown:hover .tweeki-dropbtn { | |||
background-color: #3e8e41; | |||
} | |||
.page-header-actions .action-edit { | .page-header-actions .action-edit { | ||