/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab6/task3/style.css
91 строка
2 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f9; display: flex; justify-content: center; padding: 20px; } .container { width: 100%; max-width: 500px; } .input-section { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-bottom: 30px; } textarea { width: 100%; height: 100px; margin: 10px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; /* Чтобы padding не раздувал ширину */ resize: none; } .add-btn { width: 100%; padding: 12px; background-color: #4A90E2; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .add-btn:hover { background-color: #357ABD; } /* Стили элементов списка */ .task-item { background: white; margin-bottom: 15px; padding: 15px; border-radius: 8px; border: 2px solid transparent; transition: all 0.3s ease; } /* Эффект по условию задачи: подсветка и рамка */ .task-item:hover { background-color: #f0f8ff; border-color: #4A90E2; } .task-date { font-size: 12px; color: #888; margin-bottom: 8px; } .task-text { font-size: 15px; color: #333; margin-bottom: 15px; word-wrap: break-word; } .btn-group { display: flex; gap: 10px; } .btn-group button { padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 13px; } .copy-btn { background-color: #2ecc71; color: white; } .delete-btn { background-color: #e74c3c; color: white; }