diff sat_templates/templates/default/static/login.css @ 164:e9f0a4215e46

multi-sites handling (moved templates to "templates" sub-directory) + noscript styles handling.
author Goffi <goffi@goffi.org>
date Mon, 10 Sep 2018 08:53:33 +0200
parents sat_templates/default/static/login.css@33c7ce833d3f
children 178f55b825b7
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/default/static/login.css	Mon Sep 10 08:53:33 2018 +0200
@@ -0,0 +1,197 @@
+body {
+    background: #111;
+}
+
+footer {
+    color: #999;
+}
+
+#login_container {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+#login_box {
+    display: flex;
+    background: #111;
+    color: #aaa;
+    width: 600px;
+    margin: auto;
+}
+
+#login_left {
+    display: none;
+}
+
+#login_right {
+    width: 100%;
+    position: relative;
+}
+
+#login_form {
+    margin-top: 60px;
+}
+
+#login_form label {
+    font-weight: bold;
+    display: block;
+    text-align: center;
+}
+
+#login_form input:not(.form_submit) {
+    display: block;
+    margin: 0 auto;
+    height: 25px;
+    line-height: 25px;
+    width: 200px;
+    text-indent: 11px;
+    background: #000;
+    color: #ccc;
+    border: 1px solid #555;
+    border-radius: 15px 15px 15px 15px;
+}
+
+#login_form input:not(.form_submit):focus {
+	box-shadow: 0 0 2px 2px #43d2f6;
+}
+
+#login_form input:hover {
+    background-color: #222;
+}
+
+#login_form input:focus {
+	border: 1px solid #999;
+	outline: none;
+}
+
+#login_box .form_input {
+    display: block;
+    margin-bottom: 1em;
+}
+
+#login_form .form_submit,
+#logged .form_submit {
+    /* FIXME: as above /media is not good.
+     * url should be replaced by real gradient */
+    color: #fff;
+    background: #222 url('/media/libervia/gradient.png') repeat-x;
+    font-weight: bold;
+    line-height: 1;
+    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
+    padding: 7px 10px 8px;
+    border: 0;
+    border-radius: 6px 6px 6px 6px;
+    cursor: pointer;
+    margin-top: 30px;
+}
+
+#login_error {
+    position: absolute;
+    margin: -90px 0 0;
+    width: 100%;
+    height: 150px;
+    overflow: auto;
+    font-size: 0.9em;
+	font-weight: bold;
+	color: lightcoral;
+	text-align: center;
+}
+
+#login_error p {
+    position: absolute;
+    bottom: 0;
+    margin-left: 46px;
+    margin-right: 46px;
+}
+
+#create_account_link {
+    width: 100%;
+    margin-top: 3em;
+}
+
+#login_link {
+    margin-top: 1em;
+}
+
+#create_account_link a,
+#login_link a {
+    text-decoration: none;
+    text-align: center;
+    font-size: 0.8em;
+    cursor: pointer;
+    color: #fff;
+    display: block;
+    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
+}
+
+.logged_box {
+    margin: 3em;
+	padding: 1em;
+	text-align: center;
+	font-style: italic;
+}
+
+.logged_profile {
+    font-style: normal;
+    font-weight: bold;
+}
+
+#login_form form.register input[type=submit] {
+    margin-top: 0.5em;
+}
+
+@media (min-width: 600px) {
+    body {
+        background: transparent;
+    }
+
+    footer {
+        color: black;
+    }
+
+    #login_left {
+        display: inline;
+    }
+
+    #login_right {
+        /* FIXME: there is not way to correctly select images from
+         * media path at the moment */
+        background: url('/media/libervia/register_right.png');
+    }
+
+    #login_error {
+        width: auto;
+        max-height: 50px;
+        margin: 10px 46px 0;
+    }
+     
+    #login_error p {
+        position: static;
+        margin: 0;
+    }
+
+    #login_form label {
+        text-align: initial;
+        position: relative;
+        left: 50px;
+    }
+
+    #login_form label::after {
+        content: ':'
+    }
+
+    #login_form input:not(.form_submit) {
+        display: inline;
+        margin: 0;
+        position: relative;
+        left: 50px;
+    }
+
+    #create_account_link {
+        margin-top: 0;
+        bottom: 0;
+        position: absolute;
+    }
+}