From a04a791ff23adddd8a9b58c9681d721795ba2879 Mon Sep 17 00:00:00 2001 From: Fedor_Kitanin Date: Thu, 29 Aug 2024 00:54:56 +0300 Subject: [PATCH] =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=20lo?= =?UTF-8?q?gin.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/login.css | 49 ++++++++++++++++++++++++-------------------- 1 file changed, 27 insertions(+), 22 deletions(-) diff --git a/assets/css/login.css b/assets/css/login.css index b42c992..c7677b0 100644 --- a/assets/css/login.css +++ b/assets/css/login.css @@ -1,62 +1,67 @@ -dy { +body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; - background-color: #e5e5e5; + background-color: #ffffff; } .form-container { width: 100%; - max-width: 400px; - background-color: white; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + max-width: 450px; + background-color: #0c39ce; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; - border-radius: 8px; - padding: 40px; + border-radius: 12px; + padding: 50px; text-align: center; + color: white; + transform: translateY(-40px); } h1 { margin-bottom: 20px; - color: #2F4F4F; + color: white; } input { - width: 100%; - background: #f7f7f7; + width: calc(100% - 50px); + background: #f0f0f0; font-size: 16px; - padding: 10px; - border: 1px solid #ddd; + padding: 12px; + border: 1px solid #ccc; border-radius: 20px; - margin-bottom: 15px; + margin-bottom: 20px; outline: none; + color: black; + margin-left: 25px; } button { - width: 100%; + width: calc(100% - 50px); padding: 15px; border: none; - background-color: #0088cc; + background-color: #024a7e; color: white; border-radius: 20px; cursor: pointer; outline: none; - font-size: 16px; + font-size: 18px; font-weight: bold; transition: background-color 0.3s; + margin-left: 25px; } button:hover, button:focus-visible { - background-color: #007bb5; + background-color: #28a745; } .hide-cursor::placeholder { - color: #000; + color: #777; } .hide-cursor { @@ -64,13 +69,13 @@ button:focus-visible { } .no-select { - -webkit-user-select: none; /* Для Safari */ - -moz-user-select: none; /* Для Firefox */ - user-select: none; /* Для всех остальных браузеров */ + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } div { - color: red; + color: rgba(255, 0, 0, 0.911); font-size: 15px; margin-top: 10px; display: none;