diff --git a/app/static/css/navbar.css b/app/static/css/navbar.css index 4e8009e..d2dd033 100644 --- a/app/static/css/navbar.css +++ b/app/static/css/navbar.css @@ -180,31 +180,37 @@ nav a:focus { margin-right: 10px; } -#menu form input { - display: block; width: 80%; - margin: 0 5%; padding: 5px 2%; +#menu form p { + padding: 0 5%; +} +#menu form input[type="text"] { + display: block; width: 96%; + margin: 0; padding: 5px 2%; font-size: 14px; color: inherit; background: #e8e8e8; transition: background .15s ease; border: none; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } -#menu form input:focus { +#menu form input[type="password"]{ + display: block; width: 96%; + margin: 0; padding: 5px 2%; + font-size: 14px; color: inherit; + background: #e8e8e8; transition: background .15s ease; + border: none; border-top: 1px solid #dddddd; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +#menu form input[type="text"]:focus, +#menu form input[type="password"]:focus { background: #ffffff; } -#menu form.login input:first-child { - margin-bottom: 0; border-bottom: none; - border-top-left-radius: 5px; - -webkit-border-top-left-radius: 5px; - -moz-border-top-left-radius: 5px; - border-top-right-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-top-right-radius: 5px; +#menu form label { + font-size: 13px; color: #FFFFFF; opacity: .7; } -#menu form.login input:nth-child(2) { - margin-top: 0; border-top: 1px solid #dddddd; - border-bottom-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - -moz-border-bottom-right-radius: 5px; +#menu form input[type="checkbox"] { + vertical-align: middle; +} +#menu form input[type="submit"] { + width: 100%; padding: 5px; } diff --git a/app/templates/base/alerts.html b/app/templates/base/alerts.html new file mode 100644 index 0000000..aa24464 --- /dev/null +++ b/app/templates/base/alerts.html @@ -0,0 +1,9 @@ +