Untitled
unknown
plain_text
a year ago
1.7 kB
6
Indexable
/* LoginStyles.css */ /* Container styles */ .login-container { display: flex; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(to right, #3498db, #6c5ce7); /* Blue to Purple Gradient */ } /* Form container */ .login-form-container { background-color: #ffffff; /* White */ padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); max-width: 400px; width: 100%; } /* Title styles */ .login-title { font-size: 2.5em; color: #2c3e50; /* Dark Blue-Gray */ margin-bottom: 20px; text-align: center; } /* Form styles */ .login-form { display: flex; flex-direction: column; } /* Label styles */ .login-label { font-size: 1.2em; margin-bottom: 8px; } /* Input styles */ .login-input { width: 100%; padding: 12px; font-size: 1em; border: 1px solid #bdc3c7; /* Light Gray */ border-radius: 5px; margin-bottom: 15px; transition: border-color 0.3s ease-in-out; } .login-input:focus { border-color: #3498db; /* Blue on focus */ } /* Error message styles */ .login-error { color: #e74c3c; /* Red */ margin-bottom: 15px; text-align: center; } /* Button styles */ .login-button { background-color: #2ecc71; /* Green */ color: #ffffff; /* White */ padding: 12px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease-in-out; } .login-button:hover { background-color: #27ae60; /* Darker green on hover */ } /* Additional styles */ .login-link { color: #3498db; /* Blue */ text-decoration: none; margin-top: 15px; text-align: center; font-size: 1em; transition: color 0.3s ease-in-out; } .login-link:hover { color: #2980b9; /* Darker blue on hover */ }
Editor is loading...
Leave a Comment