]> code.citadel.org Git - citadel.git/blob - webcit/static/styles/login.css
Improved logic and look of the login.html (and partly the modal)
[citadel.git] / webcit / static / styles / login.css
1 #login_screen, #logout_screen {
2         position: fixed;
3         left: 0;
4         right: 0;
5         margin: 5em auto;
6         width: 42em;
7         overflow: auto;
8 }
9
10 #login_screen .login_message, .login_hello, #login_screen #login_form {
11         display: block;
12         margin: 5px auto 5px auto;
13 }
14
15 #login_screen .login_message, .login_hello { width: 80% }
16
17 #login_screen .login_image { 
18         width: 135px;
19         margin: 0 auto;
20 }
21
22 /*#login_screen .login_image img { width: 135px }*/
23
24 #login_screen #login_form {
25         padding: 10px;
26         width: 330px;
27 }
28
29 #login_form input, #login_form label, #login_form select {
30         display: block;
31         float: left;
32         margin: 6pt;
33 }
34  
35 #login_form label, #pname, #uname {
36         width: 130px;
37         text-align: left;
38 }
39  
40 #login_form br { clear: left }
41
42 .login_infos {
43         bottom: 0;
44         display: block;
45         margin: 20px auto 0 auto;
46         width: 80%;
47         text-align: left;
48 }
49
50
51 #convlogin { text-align: center }
52
53 #login_form{ background-color: #CCC}
54
55 .login_message {
56         color: #AD1C00;
57         font-weight: 700;
58         text-transform: uppercase;
59 }
60
61 #login_form #uname, #login_form #pname {
62         background-color: #fbf4ca !important; /* needed for li.activeuser */
63         border: 1px solid #999;
64         color: #333;
65 }
66
67 .logbuttons input {
68         cursor: pointer;
69         text-align: center;
70         font-weight: bold;
71 }
72
73 .logbuttons, .registernow {
74         width: 50%;
75         margin: 1em auto;
76         text-align: center;
77         display: block;
78         height: 2em;
79         line-height: 2em;
80         background-color: #4d555c;
81         font-weight: bold;
82         -khtml-border-radius: 5px;
83         -moz-border-radius: 5px;
84         border-radius: 5px;
85         behavior: url(static/styles/PIE.htc);
86 }
87
88 .logbuttons a:link, .registernow a:link { color: #f0feff; }