Login
{% if messages %} @@ -26,4 +27,5 @@Don't have an account? Register here
diff --git a/static/css/form.css b/static/css/form.css deleted file mode 100644 index e9ee48a..0000000 --- a/static/css/form.css +++ /dev/null @@ -1,177 +0,0 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - line-height: 1.6; - color: #333; - max-width: 80%; - margin: 0 auto; - padding: 20px; - background-color: #f4f6f9; -} - -.form-container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background: #ffffff; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0,0,0,0.1); -} - -h1 { - color: #2c3e50; - text-align: center; - border-bottom: 3px solid #3498db; - padding-bottom: 10px; - margin-bottom: 20px; - font-size: 24px; - font-weight: bold; -} - -h3 { - color: #2980b9; - margin-top: 25px; - border-left: 4px solid #3498db; - padding-left: 10px; -} - -p { - text-align: justify; - margin-bottom: 15px; -} - -list { - display: block; - margin-left: 30px; -} - -list li { - margin-bottom: 10px; - position: relative; - padding-left: 20px; -} - -list li::before { - content: '•'; - color: #3498db; - font-weight: bold; - position: absolute; - left: -20px; -} - -.form-title { - color: #2c3e50; - text-align: center; - margin-bottom: 30px; - font-size: 24px; - font-weight: bold; -} - -.form-table { - width: 100%; - border-collapse: separate; - border-spacing: 0 15px; -} - -.form-table th { - text-align: left; - padding: 8px; - color: #34495e; - font-weight: 600; - width: 30%; - vertical-align: middle; -} - -.form-table input[type="text"], -.form-table input[type="date"] { - width: 90%; - padding: 8px 12px; - border: 1px solid #ddd; - border-radius: 4px; - font-size: 14px; - transition: border-color 0.3s; -} - -.form-table input[type="text"]:focus, -.form-table input[type="date"]:focus { - border-color: #3498db; - outline: none; - box-shadow: 0 0 5px rgba(52,152,219,0.3); -} - -.form-table input[type="file"] { - padding: 8px 0; -} - -.submit-btn { - background-color: #3498db; - color: white; - padding: 10px 20px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - transition: background-color 0.3s; -} - -.submit-btn:hover { - background-color: #2980b9; -} - -.file-input-wrapper { - position: relative; -} - -.file-input-label { - display: inline-block; - background-color: #f8f9fa; - padding: 8px 12px; - border: 1px solid #ddd; - border-radius: 4px; - cursor: pointer; -} - -.alert { - background-color: #d4edda; - color: #155724; - padding: 15px; - margin: 10px 0; - border-radius: 4px; - border: 1px solid #c3e6cb; - animation: fadeOut 5s forwards; -} - -@keyframes fadeOut { - 0% { opacity: 1; } - 90% { opacity: 1; } - 100% { opacity: 0; } -} - -/* Responsive design */ -@media (max-width: 768px) { - .form-container { - margin: 10px; - padding: 15px; - } - - .form-table th { - width: 100%; - display: block; - } - - .form-table td { - width: 100%; - display: block; - } - - body { - padding: 10px; - } - - h1 { - font-size: 24px; - } - - h3 { - font-size: 20px; - } -} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index f4e59c8..4247ea7 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -9,7 +9,7 @@ body { background-color: #2c3e50; display: flex; align-items: center; - padding: 0 20px; + padding: 10px 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } @@ -20,8 +20,8 @@ body { } .logo { - width: 50px; - height: 50px; + width: 80px; + height: 80px; background-color: white; border-radius: 50%; display: flex; @@ -31,8 +31,8 @@ body { } .logo img { - max-width: 40px; - max-height: 40px; + max-width: 80px; + max-height: 80px; } .company-name { @@ -82,8 +82,201 @@ body { color: #2c3e50; padding: 12px 16px; display: block; + transition: background-color 0.3s; } .dropdown-content a:hover { background-color: #f1f1f1; -} \ No newline at end of file +} + +.content { + padding: 0 40px; +} + +.form-container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0,0,0,0.1); + font-family: Arial, sans-serif; +} + +.form-group { + margin-bottom: 15px; +} + +.form-group label { + display: block; + margin-bottom: 3px; + color: #333; + font-weight: bold; +} + +.form-group input, .form-table input[type="text"], .form-table input[type="date"], .form-table td input { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + transition: border-color 0.3s ease; +} + +.form-group input:focus, .form-table input[type="text"]:focus, .form-table input[type="date"]:focus, .form-table td input:focus { + outline: none; + border-color: #666; + box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); +} + +button[type="submit"], .submit-btn, .form-table td strong center input[type="Submit"] { + width: 100%; + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + transition: background-color 0.3s ease; +} + +button[type="submit"]:hover, .submit-btn:hover, .form-table td strong center input[type="Submit"]:hover { + background-color: #45a049; +} + +.error-message { + color: #dc3545; + margin-top: 5px; +} + +.form-title { + color: #2c3e50; + text-align: center; + margin-bottom: 30px; + font-size: 24px; + font-weight: bold; +} + +.alert { + background-color: #d4edda; + color: #155724; + padding: 15px; + margin: 10px 0; + border-radius: 4px; + border: 1px solid #c3e6cb; + animation: fadeOut 5s forwards; +} + +@keyframes fadeOut { + 0% { opacity: 1; } + 90% { opacity: 1; } + 100% { opacity: 0; } +} + +/* Responsive design */ +@media (max-width: 768px) { + .form-container { + margin: 10px; + padding: 15px; + } + + .form-table th, .form-table td { + width: 100%; + display: block; + } + + body { + padding: 10px; + } + + h1 { + font-size: 24px; + } + + h3 { + font-size: 20px; + } + + .table-container { + padding: 10px; + } + + .records-table { + width: 100%; + overflow-x: auto; + display: block; + } + + .search-box { + width: 100%; + margin-bottom: 10px; + } +} + +.table-container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.table-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} + +.table-header h2 { + color: #333; + font-size: 1.5em; + margin: 0; +} + +.search-box { + padding: 8px 16px; + border-radius: 4px; + border: 1px solid #ccc; + width: 300px; + transition: border-color 0.3s ease; +} + +.search-box:focus { + outline: none; + border-color: #666; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); +} + +.records-table { + width: 100%; + border-collapse: collapse; + margin-top: 20px; + background-color: white; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} + +.records-table th, .records-table td { + padding: 12px; + text-align: left; + border-bottom: 1px solid #eee; +} + +.records-table th { + background-color: #f8f9fa; + color: #333; + font-weight: bold; +} + +.records-table tr:hover { + background-color: #f5f6fa; +} + +.records-table td a { + color: #4CAF50; + text-decoration: none; + transition: color 0.3s ease; +} + +.records-table td a:hover { + color: #45a049; +} diff --git a/static/css/table.css b/static/css/table.css deleted file mode 100644 index cc183ef..0000000 --- a/static/css/table.css +++ /dev/null @@ -1,67 +0,0 @@ -.table-container { - max-width: 100%; - margin: 20px auto; - padding: 20px; - background: #ffffff; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0,0,0,0.1); - overflow-x: auto; -} - -.records-table { - width: 80%%; - border-collapse: collapse; - margin-top: 20px; -} - -.records-table th, -.records-table td { - padding: 12px; - text-align: left; - border-bottom: 1px solid #ddd; -} - -.records-table th { - background-color: #f8f9fa; - font-weight: 600; - color: #2c3e50; -} - -.records-table tr:hover { - background-color: #f5f5f5; -} - -.download-link { - display: inline-block; - padding: 6px 12px; - background-color: #3498db; - color: white; - text-decoration: none; - border-radius: 4px; - font-size: 14px; - transition: background-color 0.3s; -} - -.download-link:hover { - background-color: #2980b9; -} - -.table-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; -} - -.search-box { - padding: 8px; - border: 1px solid #ddd; - border-radius: 4px; - width: 200px; -} - -.no-records { - text-align: center; - padding: 20px; - color: #666; -} \ No newline at end of file diff --git a/static/images/icon.png b/static/images/icon.png index b1108f9..491a055 100644 Binary files a/static/images/icon.png and b/static/images/icon.png differ diff --git a/templates/base.html b/templates/base.html index de3a98a..4ca6101 100644 --- a/templates/base.html +++ b/templates/base.html @@ -5,8 +5,7 @@
Don't have an account? Register here