From 8c7fed9c9df561fc01cbb1992091e9172c122114 Mon Sep 17 00:00:00 2001 From: Krystian Rzepa Date: Mon, 31 Dec 2018 00:17:11 +0000 Subject: [PATCH] Dodaj 'style/login.css' --- style/login.css | 82 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 style/login.css diff --git a/style/login.css b/style/login.css new file mode 100644 index 0000000..eeaca8e --- /dev/null +++ b/style/login.css @@ -0,0 +1,82 @@ +.loginbox{ + width: 320px; + 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%; + left: 50%; + position: absolute; + transform: translate(-50%,-50%); + box-sizing: border-box; + padding: 70px 30px; + border-radius: 24px; +} + +.avatar{ + width: 100px; + height: 100px; + border-radius: 50%; + position: absolute; + top: -50px; + left: calc(50% - 50px); +} + +.loginbox p, .registerbox p{ + margin: 0; + padding: 0; + font-weight: bold; +} + +.loginbox input, .registerbox input{ + width: 100%; + margin-bottom: 20px; +} + +.loginbox input[type="text"], input[type="password"], .registerbox input[type="text"], input[type="password"]{ + border: none; + border-bottom: 1px solid #fff; + background: transparent; + outline: none; + height: 40px; + color: #fff; + font-size: 16px; +} + +.loginbox input[type="submit"], .registerbox input[type="submit"]{ + border: none; + outline: none; + height: 40px; + background: #fb2525; + color: #fff; + font-size: 18px; + border-radius: 20px; +} +.loginbox input[type="submit"]:hover, .registerbox input[type="submit"]:hover { + cursor: pointer; + background: #ffc107; + color: #000; +} +.loginbox a, .registerbox a { + text-decoration: none; + font-size: 12px; + line-height: 20px; + color: darkgrey; +} + +.loginbox a:hover, .registerbox a:hover { + color: #ffc107; +} \ No newline at end of file