From 36d3d3b6a7f548e4407f0ea2ef8735063d2df65e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=80=D0=B8=D0=BC=D0=BE=D0=B2=20=D0=90=D0=B4?= =?UTF-8?q?=D0=B5=D0=BB=D1=8C?= Date: Wed, 28 Aug 2024 22:02:44 +0000 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D1=82?= =?UTF-8?q?=D1=8C=20assets/css/login.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;