Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: 'Montserrat';
- background: radial-gradient(circle, rgba(37, 245, 114, 1) 0%, rgba(27, 218, 210, 1) 93%);
- }
- .page-erreur {
- width: 100%;
- padding: 30px;
- border: 1px solid #f1f1f1;
- background: #fff;
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
- }
- form {
- width: 100%;
- padding: 30px;
- border: 1px solid #f1f1f1;
- background: #fff;
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
- }
- #container {
- width: 400px;
- margin: 0 auto;
- margin-top: 10%;
- }
- .page-erreur-sub {
- font-size: 16px;
- margin-bottom: 30px;
- }
- .connect-title-btn {
- line-height: 50px;
- height: 50px;
- text-align: center;
- width: 200px;
- margin-left: 100px;
- cursor: pointer;
- color: rgba(167, 201, 87, 1);
- transition: all 0.5s;
- position: relative;
- font-size: 15px;
- }
- .connect-title-btn::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- background-color: rgba(167, 201, 87, 0.2);
- border-radius: 5px;
- transition: all 0.3s;
- }
- .connect-title-btn:hover::before {
- opacity: 0;
- transform: scale(0.5, 0.5);
- }
- .connect-title-btn::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- opacity: 0;
- transition: all 0.3s;
- border: 1px solid rgba(167, 201, 87, 0.4);
- border-radius: 5px;
- transform: scale(1.2, 1.2);
- }
- .connect-title-btn:hover::after {
- opacity: 1;
- transform: scale(1, 1);
- }
- /* Bordered form */
- #container h1 {
- text-align: center;
- margin: 0 auto;
- padding-bottom: 30px;
- }
- /* Full-width inputs */
- input[type=text],
- input[type=password] {
- width: 100%;
- padding: 12px 20px;
- margin: 8px 0;
- display: inline-block;
- border: 1px solid #ccc;
- box-sizing: border-box;
- margin-bottom: 20px;
- }
- /* Set a style for all buttons */
- input[type=submit] {
- background-color: #a7c957;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- transition: all 0.5s;
- font-size: 15px;
- font-weight: bold;
- border: 1px solid #a7c957;
- border-radius: 20px;
- }
- input[type=submit]:hover {
- background-color: white;
- color: #a7c957;
- border: 1px solid #a7c957;
- transition: all 0.5s;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement