/
r47717
/
TrickJS
Обзор
Документация
Войти
/
r47717
/
TrickJS
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
styles.css
104 строки
1 KB
Mikhail Chernorutsky
radio buttons example
15 июл 2021, 20:55
15 июл 2021, 20:55
3a2b299
Код
Авторство
О чём код?
.example { padding: 20px; margin: 20px; border: 1px solid #eeeeee; } .btn { padding: 5px 10px; color: #ffffff; cursor: pointer; margin: 5px; } .increment { background: #123456; } .decrement { background: #654321; } .latest { display: inline-block; padding: 5px 10px; border-radius: 50%; color: #ffffff; background: #bbbbbb; margin: 2px; } table, th, td { width: 100%; border-collapse: collapse; border: 1px solid #aaaaaa; } form { margin-top: 20px; } .table-row span { display: inline-block; width: 100px; } form button { margin-top: 10px; } .tabs-header { margin-bottom: 10px; } .tab-item { display: inline-block; padding: 5px 10px; cursor: pointer; } .tab-item.active-tab { border-bottom: 1px solid #aaaaaa; cursor: initial; } .tab-content { background: #eeeeee; display: none; padding: 10px; } .tab-content.active { display: inline-block; } .radio-item { display: flex; align-items: center; } .radio-item span { display: inline-block; margin-left: 10px; cursor: pointer; padding: 6px 12px; } .radio-item span:hover { background: #eeeeee; } .selected-lang { display: inline-block; transform: translate(200px, -150%); padding: 10px 20px; background: yellow; } .selected-lang span { color: red; text-transform: uppercase; font-weight: 700; }