commit 9ec2c9199b0932770c0a6d3e80b8ed1e98ca3b70 Author: s490133 Date: Sun Jun 23 17:39:35 2024 +0200 Upload files to "static" diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 0000000..15ee911 --- /dev/null +++ b/static/styles.css @@ -0,0 +1,86 @@ +/* static/css/styles.css */ + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + background-color: #f7f7f7; + padding: 20px; +} + +h1, h2 { + color: #333; + margin-bottom: 20px; +} + +form { + margin-bottom: 20px; +} + +ul { + padding: 0; +} + +li { + background-color: #fff; + border: 1px solid #ddd; + margin-bottom: 10px; + padding: 15px; + display: flex; + justify-content: space-between; + align-items: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + transition: box-shadow 0.3s ease; +} + +li:hover { + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +li span { + flex: 1; +} + +li .actions { + display: flex; + gap: 10px; +} + +button { + padding: 8px 15px; + cursor: pointer; + background-color: #007bff; + color: #fff; + border: none; + border-radius: 3px; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #0056b3; +} + +input[type="text"], input[type="date"], input[type="datetime-local"] { + padding: 8px; + margin-right: 10px; + border: 1px solid #ddd; + border-radius: 3px; +} + +input[type="submit"] { + background-color: #28a745; + color: #fff; + border: none; + border-radius: 3px; + padding: 8px 15px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +input[type="submit"]:hover { + background-color: #218838; +} + +.completed { + text-decoration: line-through; + color: #777; +}