comparison sat_templates/templates/default/static/login.css @ 166:178f55b825b7

small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation
author Goffi <goffi@goffi.org>
date Wed, 03 Oct 2018 21:00:24 +0200
parents e9f0a4215e46
children
comparison
equal deleted inserted replaced
165:9e8d9d754337 166:178f55b825b7
69 #login_box .form_input { 69 #login_box .form_input {
70 display: block; 70 display: block;
71 margin-bottom: 1em; 71 margin-bottom: 1em;
72 } 72 }
73 73
74 #login_form .form_submit, 74 #login_form .form_submit
75 #logged .form_submit { 75 {
76 /* FIXME: as above /media is not good. 76 /* FIXME: as above /media is not good.
77 * url should be replaced by real gradient */ 77 * url should be replaced by real gradient */
78 color: #fff; 78 color: #fff;
79 background: #222 url('/media/libervia/gradient.png') repeat-x; 79 background: #222 url('/media/libervia/gradient.png') repeat-x;
80 font-weight: bold; 80 font-weight: bold;
85 border-radius: 6px 6px 6px 6px; 85 border-radius: 6px 6px 6px 6px;
86 cursor: pointer; 86 cursor: pointer;
87 margin-top: 30px; 87 margin-top: 30px;
88 } 88 }
89 89
90 #login_form .form_submit:hover
91 {
92 background-color: #860000;
93 }
94
90 #login_error { 95 #login_error {
91 position: absolute; 96 position: absolute;
92 margin: -90px 0 0; 97 margin: -90px 0 0;
93 width: 100%; 98 width: 100%;
94 height: 150px; 99 height: 150px;
164 #login_error { 169 #login_error {
165 width: auto; 170 width: auto;
166 max-height: 50px; 171 max-height: 50px;
167 margin: 10px 46px 0; 172 margin: 10px 46px 0;
168 } 173 }
169 174
170 #login_error p { 175 #login_error p {
171 position: static; 176 position: static;
172 margin: 0; 177 margin: 0;
173 } 178 }
174 179