Шаблон:Кнопка 2/styles.css

Материал из Тептар
Версия от 18:13, 12 октября 2026; Buto (обсуждение | вклад) (Новая страница: «→Все стили ниже для зелёной кнопки. Т. е. |style=mw-ui-constructive: .mw-ui-button.mw-ui-constructive { background-color: #00af89; color: #fff; } →Наведение курсора делает фон темнее: .mw-ui-button.mw-ui-constructive:hover { background-color: #008b6d; text-decoration: none; } →Активное состояние: .mw-ui-button.mw-ui-constructive:active { background-color: #006b54...»)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигации Перейти к поиску
/* Все стили ниже для зелёной кнопки. Т. е. |style=mw-ui-constructive */
.mw-ui-button.mw-ui-constructive {
	background-color: #00af89;
	color: #fff;
}

/* Наведение курсора делает фон темнее */
.mw-ui-button.mw-ui-constructive:hover {
	background-color: #008b6d;
	text-decoration: none;
}

/* Активное состояние */
.mw-ui-button.mw-ui-constructive:active {
	background-color: #006b54;
}

/* Увеличение и округление кнопки параметром |big=1 */
.btn-big {
	padding: 30px 60px;
	line-height: 1.6em;
	font-size: 1.3em;
	border-radius: 50px;
	display: inline-block;
}

/* [[Категория:Шаблоны:Подстраницы CSS]] */