Mercurial > libervia-templates

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
163:33f67228686a 164:e9f0a4215e46
1 body {
2 background: #111;
3 }
4
5 footer {
6 color: #999;
7 }
8
9 #login_container {
10 display: flex;
11 height: 100%;
12 align-items: center;
13 justify-content: center;
14 }
15
16 #login_box {
17 display: flex;
18 background: #111;
19 color: #aaa;
20 width: 600px;
21 margin: auto;
22 }
23
24 #login_left {
25 display: none;
26 }
27
28 #login_right {
29 width: 100%;
30 position: relative;
31 }
32
33 #login_form {
34 margin-top: 60px;
35 }
36
37 #login_form label {
38 font-weight: bold;
39 display: block;
40 text-align: center;
41 }
42
43 #login_form input:not(.form_submit) {
44 display: block;
45 margin: 0 auto;
46 height: 25px;
47 line-height: 25px;
48 width: 200px;
49 text-indent: 11px;
50 background: #000;
51 color: #ccc;
52 border: 1px solid #555;
53 border-radius: 15px 15px 15px 15px;
54 }
55
56 #login_form input:not(.form_submit):focus {
57 box-shadow: 0 0 2px 2px #43d2f6;
58 }
59
60 #login_form input:hover {
61 background-color: #222;
62 }
63
64 #login_form input:focus {
65 border: 1px solid #999;
66 outline: none;
67 }
68
69 #login_box .form_input {
70 display: block;
71 margin-bottom: 1em;
72 }
73
74 #login_form .form_submit,
75 #logged .form_submit {
76 /* FIXME: as above /media is not good.
77 * url should be replaced by real gradient */
78 color: #fff;
79 background: #222 url('/media/libervia/gradient.png') repeat-x;
80 font-weight: bold;
81 line-height: 1;
82 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
83 padding: 7px 10px 8px;
84 border: 0;
85 border-radius: 6px 6px 6px 6px;
86 cursor: pointer;
87 margin-top: 30px;
88 }
89
90 #login_error {
91 position: absolute;
92 margin: -90px 0 0;
93 width: 100%;
94 height: 150px;
95 overflow: auto;
96 font-size: 0.9em;
97 font-weight: bold;
98 color: lightcoral;
99 text-align: center;
100 }
101
102 #login_error p {
103 position: absolute;
104 bottom: 0;
105 margin-left: 46px;
106 margin-right: 46px;
107 }
108
109 #create_account_link {
110 width: 100%;
111 margin-top: 3em;
112 }
113
114 #login_link {
115 margin-top: 1em;
116 }
117
118 #create_account_link a,
119 #login_link a {
120 text-decoration: none;
121 text-align: center;
122 font-size: 0.8em;
123 cursor: pointer;
124 color: #fff;
125 display: block;
126 text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
127 }
128
129 .logged_box {
130 margin: 3em;
131 padding: 1em;
132 text-align: center;
133 font-style: italic;
134 }
135
136 .logged_profile {
137 font-style: normal;
138 font-weight: bold;
139 }
140
141 #login_form form.register input[type=submit] {
142 margin-top: 0.5em;
143 }
144
145 @media (min-width: 600px) {
146 body {
147 background: transparent;
148 }
149
150 footer {
151 color: black;
152 }
153
154 #login_left {
155 display: inline;
156 }
157
158 #login_right {
159 /* FIXME: there is not way to correctly select images from
160 * media path at the moment */
161 background: url('/media/libervia/register_right.png');
162 }
163
164 #login_error {
165 width: auto;
166 max-height: 50px;
167 margin: 10px 46px 0;
168 }
169
170 #login_error p {
171 position: static;
172 margin: 0;
173 }
174
175 #login_form label {
176 text-align: initial;
177 position: relative;
178 left: 50px;
179 }
180
181 #login_form label::after {
182 content: ':'
183 }
184
185 #login_form input:not(.form_submit) {
186 display: inline;
187 margin: 0;
188 position: relative;
189 left: 50px;
190 }
191
192 #create_account_link {
193 margin-top: 0;
194 bottom: 0;
195 position: absolute;
196 }
197 }