add dropdown year as AY yyyy formate and seprate css files commit

2025-12-06 23:17:22 +05:30
parent 7ee2376455
commit bd24fa5f4e
22 changed files with 643 additions and 807 deletions
--- a/static/css/add_ao.css
+++ b/static/css/add_ao.css
@@ -0,0 +1,130 @@
+ /* Reset and base styles */
+ * {
+     margin: 0;
+     padding: 0;
+     box-sizing: border-box;
+ }
+
+ body {
+     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+     background-color: #f5f7fa;
+     color: #333;
+     padding: 30px 0;
+ }
+
+ .container {
+     width: 90%;
+     max-width: 700px;
+     margin: auto;
+     background-color: #fff;
+     padding: 40px;
+     border-radius: 12px;
+     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+ }
+
+ h2 {
+     text-align: center;
+     margin-bottom: 30px;
+     font-size: 28px;
+     color: #2c3e50;
+ }
+
+ form {
+     display: flex;
+     flex-direction: column;
+ }
+
+ label {
+     margin-top: 15px;
+     margin-bottom: 6px;
+     font-weight: bold;
+     color: #333;
+ }
+
+ input[type="number"] {
+     padding: 10px 12px;
+     border: 1px solid #ccc;
+     border-radius: 6px;
+     font-size: 16px;
+     transition: border-color 0.3s ease;
+ }
+
+ input[type="number"]:focus {
+     border-color: #007BFF;
+     outline: none;
+ }
+
+ button[type="submit"] {
+     margin-top: 30px;
+     padding: 12px;
+     background-color: #007BFF;
+     border: none;
+     border-radius: 6px;
+     color: white;
+     font-size: 18px;
+     cursor: pointer;
+     transition: background-color 0.3s ease;
+ }
+
+ button[type="submit"]:hover {
+     background-color: #0056b3;
+ }
+
+ /* Back button styling */
+ .back-btn {
+     display: inline-block;
+     margin-bottom: 20px;
+     padding: 10px 18px;
+     background: #6c757d;
+     color: white;
+     font-size: 15px;
+     font-weight: 600;
+     border-radius: 6px;
+     text-decoration: none;
+     transition: background 0.3s ease;
+ }
+
+ .back-btn:hover {
+     background: #5a6268;
+ }
+
+ .form-group select {
+     width: 100%;
+     padding: 10px 12px;
+     border: 1px solid #cbd3da;
+     border-radius: 8px;
+     font-size: 16px;
+     background-color: #fdfdfd;
+     height: 40px;
+     cursor: pointer;
+     transition: all 0.25s ease-in-out;
+ }
+
+ .form-group select:focus {
+     border-color: #007BFF;
+     background: #ffffff;
+     box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+     outline: none;
+ }
+
+
+
+
+
+ @media (max-width: 600px) {
+     .container {
+         padding: 20px;
+     }
+
+     h2 {
+         font-size: 22px;
+     }
+
+     input[type="number"] {
+         font-size: 15px;
+     }
+
+     button[type="submit"] {
+         font-size: 16px;
+     }
+ }