/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab5/task2/style.css
122 строки
2 KB
Coderdev
1
30 мар 2026, 17:29
30 мар 2026, 17:29
04c9649
Код
Авторство
О чём код?
* { box-sizing: border-box; } body { margin: 0; font-family: Arial, sans-serif; background: #f4f6f8; color: #222; } .container { width: 90%; max-width: 900px; margin: 30px auto; } h1, h2 { text-align: center; } .input-block, .tasks-block { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); margin-bottom: 20px; } label { display: block; margin-bottom: 10px; font-weight: bold; } textarea { width: 100%; min-height: 100px; resize: vertical; padding: 12px; font-size: 16px; border: 1px solid #bbb; border-radius: 8px; outline: none; } textarea:focus { border-color: #4a90e2; } button { margin-top: 12px; padding: 10px 16px; border: none; border-radius: 8px; background: #2d89ef; color: white; font-size: 15px; cursor: pointer; } button:hover { opacity: 0.9; } .message { margin-top: 10px; min-height: 20px; color: #c62828; font-size: 14px; } .task-list { display: flex; flex-direction: column; gap: 12px; } .task-item { border: 1px solid #d0d7de; border-radius: 10px; padding: 14px; background: #fafafa; transition: 0.2s; } .task-item:hover { background: #eef6ff; border-color: #2d89ef; } .task-date { font-size: 13px; color: #666; margin-bottom: 8px; } .task-text { white-space: pre-wrap; word-break: break-word; margin-bottom: 12px; font-size: 16px; } .task-actions { display: none; gap: 10px; flex-wrap: wrap; } .task-item:hover .task-actions { display: flex; } .copy-btn { background: #43a047; } .delete-btn { background: #e53935; }