From 33c22aa88aa48d79d7ea7a8e75da16da81132933 Mon Sep 17 00:00:00 2001 From: Nickolai Novik Date: Thu, 29 Sep 2016 21:01:14 +0300 Subject: [PATCH] add very basic login page --- aiohttp_admin/static/css/login.css | 100 +++++++++++++++++++++++++++++ aiohttp_admin/templates/login.html | 55 ++++++++++++++++ 2 files changed, 155 insertions(+) create mode 100644 aiohttp_admin/static/css/login.css create mode 100644 aiohttp_admin/templates/login.html diff --git a/aiohttp_admin/static/css/login.css b/aiohttp_admin/static/css/login.css new file mode 100644 index 00000000..456aaaeb --- /dev/null +++ b/aiohttp_admin/static/css/login.css @@ -0,0 +1,100 @@ +@import url(https://fonts.googleapis.com/css?family=Roboto:300); + +.login-page { + width: 360px; + padding: 8% 0 0; + margin: auto; +} +.form { + position: relative; + z-index: 1; + background: #FFFFFF; + max-width: 360px; + margin: 0 auto 100px; + padding: 45px; + text-align: center; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); +} +.form input { + font-family: "Roboto", sans-serif; + outline: 0; + background: #f2f2f2; + width: 100%; + border: 0; + margin: 0 0 15px; + padding: 15px; + box-sizing: border-box; + font-size: 14px; +} +.form button { + font-family: "Roboto", sans-serif; + text-transform: uppercase; + outline: 0; + background: #4CAF50; + width: 100%; + border: 0; + padding: 15px; + color: #FFFFFF; + font-size: 14px; + -webkit-transition: all 0.3 ease; + transition: all 0.3 ease; + cursor: pointer; +} +.form button:hover,.form button:active,.form button:focus { + background: #43A047; +} +.form .message { + margin: 15px 0 0; + color: #b3b3b3; + font-size: 12px; +} +.form .message a { + color: #4CAF50; + text-decoration: none; +} +.form .register-form { + display: none; +} +.container { + position: relative; + z-index: 1; + max-width: 300px; + margin: 0 auto; +} +.container:before, .container:after { + content: ""; + display: block; + clear: both; +} +.container .info { + margin: 50px auto; + text-align: center; +} +.container .info h1 { + margin: 0 0 15px; + padding: 0; + font-size: 36px; + font-weight: 300; + color: #1a1a1a; +} +.container .info span { + color: #4d4d4d; + font-size: 12px; +} +.container .info span a { + color: #000000; + text-decoration: none; +} +.container .info span .fa { + color: #EF3B3A; +} +body { + background: #76b852; /* fallback for old browsers */ + background: -webkit-linear-gradient(right, #76b852, #8DC26F); + background: -moz-linear-gradient(right, #76b852, #8DC26F); + background: -o-linear-gradient(right, #76b852, #8DC26F); + background: linear-gradient(to left, #76b852, #8DC26F); + font-family: "Roboto", sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} diff --git a/aiohttp_admin/templates/login.html b/aiohttp_admin/templates/login.html new file mode 100644 index 00000000..3696ea8b --- /dev/null +++ b/aiohttp_admin/templates/login.html @@ -0,0 +1,55 @@ + + + + aiohttp admin + + + + + + + + +
+
+

aiohttp_admin

+ +
+
+ + +