Mercurial > libervia-templates
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 |