/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab5/task5/styles.css
20 строк
1 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
body { font-family: sans-serif; display: flex; justify-content: center; padding-top: 50px; background: #f0f0f0; } .calc-wrapper { background: #333; padding: 20px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); width: 320px; } .settings { color: #fff; font-size: 12px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } #base { width: 80px; padding: 3px; border-radius: 3px; border: none; } .display-container { background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 20px; text-align: right; } #history { font-size: 12px; color: #888; height: 15px; } #display { width: 100%; border: none; font-size: 24px; text-align: right; outline: none; background: transparent; } .buttons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .btn { padding: 15px; font-size: 18px; border: none; border-radius: 5px; cursor: pointer; transition: 0.2s; } .btn:hover { opacity: 0.8; } .btn-num { background: #555; color: white; } .btn-op { background: #ff9500; color: white; } .btn-clear { background: #a5a5a5; color: black; } .btn-equal { background: #28a745; color: white; grid-column: span 1; } .zero { grid-column: span 2; }