]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Page: Lock Screen | |
3 | * ----------------- | |
4 | */ | |
5 | /* ADD THIS CLASS TO THE <BODY> TAG */ | |
6 | .lockscreen { | |
7 | background: @gray; | |
8 | } | |
9 | ||
10 | .lockscreen-logo { | |
11 | font-size: 35px; | |
12 | text-align: center; | |
13 | margin-bottom: 25px; | |
14 | font-weight: 300; | |
15 | a { | |
16 | color: #444; | |
17 | } | |
18 | } | |
19 | ||
20 | .lockscreen-wrapper { | |
21 | max-width: 400px; | |
22 | margin: 0 auto; | |
23 | margin-top: 10%; | |
24 | } | |
25 | ||
26 | /* User name [optional] */ | |
27 | .lockscreen .lockscreen-name { | |
28 | text-align: center; | |
29 | font-weight: 600; | |
30 | } | |
31 | ||
32 | /* Will contain the image and the sign in form */ | |
33 | .lockscreen-item { | |
34 | .border-radius(4px); | |
35 | padding: 0; | |
36 | background: #fff; | |
37 | position: relative; | |
38 | margin: 10px auto 30px auto; | |
39 | width: 290px; | |
40 | } | |
41 | ||
42 | /* User image */ | |
43 | .lockscreen-image { | |
44 | .border-radius(50%); | |
45 | position: absolute; | |
46 | left: -10px; | |
47 | top: -25px; | |
48 | background: #fff; | |
49 | padding: 5px; | |
50 | z-index: 10; | |
51 | > img { | |
52 | .border-radius(50%); | |
53 | width: 70px; | |
54 | height: 70px; | |
55 | } | |
56 | } | |
57 | ||
58 | /* Contains the password input and the login button */ | |
59 | .lockscreen-credentials { | |
60 | margin-left: 70px; | |
61 | .form-control { | |
62 | border: 0; | |
63 | } | |
64 | .btn { | |
65 | background-color: #fff; | |
66 | border: 0; | |
67 | padding: 0 10px; | |
68 | } | |
69 | } | |
70 | ||
71 | .lockscreen-footer { | |
72 | margin-top: 10px; | |
73 | } |