KaiRo bug 371 - Make design somewhat more appealing
[authserver.git] / authsystem.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5body {
6 font-family: sans-serif;
7/* margin: 0; */
8 background-color: #FFFFEE;
9 padding-top: 5em; /* leave space for total height of h1: 4+1(r)em */
10}
11
12h1 {
13 position: absolute;
14 top: 0;
15 left: 0;
16 right: 0;
17 margin: 0;
18 padding: 10px 130px 0; /* IE8 and older do not support rem */
19 padding: 1rem 130px 0;
20 height: 60px; /* IE8 and older do not support rem */
21 height: 4rem;
22 min-height: calc(70px - 1rem);
23 background-color: #003366;
24 color: #FFFFEE;
25 background-image: url("KaiRoLogo-100x62.png");
26 background-repeat: no-repeat;
27 background-position: 10px 50%;
28}
29
30a:link { color: #669999; }
31a:visited { color: #003366; }
32a:hover, a:active { color: #88BBBB; }
33
34ul.flat {
35 list-style-type: none;
36 margin: 0em;
37 padding: 0px;
38}
39ul.flat li {
40 margin: 0 0 0.2em 0;
41 padding: 0px;
42}
43p.flat {
44 border: 0px;
45 margin: 0px;
46 padding: 0px;
47}
48form.flat {
49 border: 0px;
50 margin: 0px;
51 padding: 0px;
52}
53
54table.border {
55 border-spacing: 0px;
56 border-collapse: collapse;
57 empty-cells: show;
58 border-left: 1px solid #336699;
59 border-top: 1px solid #336699;
60}
61table.border th, table.border td {
62 border-bottom: 1px solid #336699;
63 border-right: 1px solid #336699;
64}
65table.border td {
66 padding-left: 3px;
67 padding-right: 3px;
68}
69
70.loginheader {
71 font-size: 1.2em;
72 font-weight: bold;
73 margin: 5px 10px 0; /* IE8 and older do not support rem */
74 margin: 0.5rem 1rem 0;
75}
76
77.loginlinks {
78 margin: 5px 10px 0; /* IE8 and older do not support rem */
79 margin: 0.5rem 1rem 0;
80}
81
82.loginarea {
83 margin: 5px 10px 0; /* IE8 and older do not support rem */
84 margin: 0.5rem 1rem 0;
85}
86
87.resetinfo,
88.verifyinfo,
89.newpwdinfo {
90 margin: 5px 10px 0; /* IE8 and older do not support rem */
91 margin: 0.5rem 1rem 0;
92}
93
94.resetinfo.done,
95.verifyinfo.done {
96 padding-left: 20px;
97 background-image: url("check.png");
98 background-repeat: no-repeat;
99 background-position: 0 50%;
100}
101
102.small {
103 font-size: 0.75em;
104}
105.hidden {
106 display: none;
107}
108.warn {
109 color: red;
110}
111.donotshow {
112 position: absolute;
113 right: -1000px;
114 opacity: 0;
115}
116
117input:invalid {
118 box-shadow: 0 0 2px 1px red;
119}