From 5c48a6e8080f0159709f7223dc02da0b7a0fa12e Mon Sep 17 00:00:00 2001 From: Krystian Rzepa Date: Sun, 30 Dec 2018 19:49:44 +0000 Subject: [PATCH] Zaktualizuj 'style.css' --- style.css | 34 ++++++++++++++++++++++------------ 1 file changed, 22 insertions(+), 12 deletions(-) diff --git a/style.css b/style.css index 12f75a1..f437bfa 100644 --- a/style.css +++ b/style.css @@ -9,7 +9,21 @@ body{ .loginbox{ width: 320px; - height: 420px; + height: 390px; + background: #000; + color: #fff; + top: 50%; + left: 50%; + position: absolute; + transform: translate(-50%,-50%); + box-sizing: border-box; + padding: 70px 30px; + border-radius: 24px; +} + +.registerbox{ + width: 320px; + height: 450px; background: #000; color: #fff; top: 50%; @@ -37,19 +51,18 @@ h1{ font-size: 22px; } -.loginbox p{ +.loginbox p, .registerbox p{ margin: 0; padding: 0; font-weight: bold; } -.loginbox input{ +.loginbox input, .registerbox input{ width: 100%; margin-bottom: 20px; } -.loginbox input[type="text"], input[type="password"] -{ +.loginbox input[type="text"], input[type="password"], .registerbox input[type="text"], input[type="password"]{ border: none; border-bottom: 1px solid #fff; background: transparent; @@ -58,8 +71,7 @@ h1{ color: #fff; font-size: 16px; } -.loginbox input[type="submit"] -{ +.loginbox input[type="submit"], .registerbox input[type="submit"]{ border: none; outline: none; height: 40px; @@ -68,20 +80,18 @@ h1{ font-size: 18px; border-radius: 20px; } -.loginbox input[type="submit"]:hover -{ +.loginbox input[type="submit"]:hover, .registerbox input[type="submit"]:hover { cursor: pointer; background: #ffc107; color: #000; } -.loginbox a{ +.loginbox a, .registerbox a { text-decoration: none; font-size: 12px; line-height: 20px; color: darkgrey; } -.loginbox a:hover -{ +.loginbox a:hover, .registerbox a:hover { color: #ffc107; } \ No newline at end of file