user login and registration works; no activation facility yet
[living-lab-site.git] / css / default.css
1 body
2 {
3         margin: 0;
4         font-family: Arial, Helvetica, sans-serif;
5         font-size: 75%;
6         background: white url('/img/bg.png') repeat-x left 88px;
7 }
8
9 a:link
10 {
11         color: rgb(0,90,192);
12         text-decoration: none;
13 }
14 a:visited
15 {
16         color: rgb(0,56,112);
17 }
18 a:hover, a:active
19 {
20         text-decoration: underline;
21 }
22
23 h1
24 {
25         margin-top: 8px;
26         margin-bottom: 8px;
27 }
28
29 table.form th
30 {
31         text-align: right;
32         width: 24em;
33 }
34 table.form td
35 {
36         vertical-align: top;
37 }
38
39 .error
40 {
41         color: red;
42         font-weight:bold;
43 }
44 .required
45 {
46         color: red;
47         font-weight:bold;
48 }
49
50 .inline
51 {
52         vertical-align: middle;
53 }
54
55 .container-install
56 {
57         width: 192px;
58         margin: 0 auto;
59         margin-top: 8px;
60         margin-bottom: 8px;
61 }
62 .container-install-in-widget
63 {
64         width: 320px;
65         margin: 0 auto;
66         margin-top: 8px;
67         margin-bottom: 8px;
68 }
69
70 #nav-menu
71 {/*
72         left: 0;
73         top: 0;
74         width: 100%;*/
75         height: 24px;
76         margin: 0;
77         /*border: 2px outset blue;*/
78         padding: 0;
79         background-color: rgb(0,90,192);
80         list-style-type: none;
81 }
82 .menu-left
83 {
84         float: left;
85 }
86 .menu-right
87 {
88         float: right;
89 }
90 #nav-menu a:link, #nav-menu a:visited
91 {
92         display: block;
93         height: 12px;
94         color: white;
95         text-align: center;
96         line-height: 100%;
97         font-size: 14px;
98         padding-top: 5px;
99         padding-bottom: 5px;
100         padding-left: 16px;
101         padding-right: 16px;
102         border: 1px solid transparent;
103         text-decoration: none;
104 }
105 #nav-menu a:hover
106 {
107         background-color: rgb(90,148,216);
108         border: 1px outset rgb(0,90,192);
109 }
110 #nav-menu a:active
111 {
112         background-color: rgb(90,148,216);
113         border: 1px inset rgb(60,128,208);
114 }
115 #nav-menu a.selected
116 {
117         background-color: rgb(60,128,208);
118         border: 1px inset rgb(60,128,208);
119         color: #FFE4B5;
120         font-weight: bold;
121 }
122 .menu-greeting
123 {
124         display: block;
125         height: 12px;
126         color: #FFE4B5;
127         text-align: center;
128         line-height: 100%;
129         font-size: 14px;
130         padding-top: 5px;
131         padding-bottom: 5px;
132         padding-left: 16px;
133         padding-right: 16px;
134         border: 1px solid transparent;
135         text-decoration: none;
136 }
137
138 #header
139 {
140         clear: both;
141         /*position: absolute;
142         top: 24px;
143         left: 0;
144         width: 100%;*/
145         height: 62px;
146         background: #e5ecf5;
147         border: 1px outset #e5ecf5;
148 }
149
150 #logo
151 {
152         float: left;
153         margin: 8px;
154         border: none;
155 }
156 #logo > img
157 {
158         border: none;
159 }
160
161 #quick-search
162 {
163         float: right;
164         position: relative;
165         height: 48px;
166         margin: 8px;
167 }
168 #quick-search-box
169 {
170         top: 500px;
171 }
172
173 #main
174 {
175         /*position: absolute;
176         top: 90px;
177         width: 100%;*/
178         /* padding: 12px; */
179         margin: 0 auto;
180         width: 1056px;
181         text-align: justify;
182 }
183
184 #main h1
185 {
186         font-size:18px;
187         font-weight: bold;
188         color: #000D60;
189         text-align: left;
190         padding: 0px 0px 0px 8px;
191         margin: 8px 0px 8px 0px;
192         background: url(/img/header.png) top repeat-x;
193         outline: 1px outset rgb(108,162,222);
194         clear: both;
195 }
196
197 #main table
198 {
199         width: 100%;
200         border-collapse: collapse;
201 }
202 #main th, #main td
203 {
204         /* border: 1px solid rgb(108,162,222); */
205         vertical-align: top;
206 }
207 #main table img
208 {
209         vertical-align: middle;
210 }
211
212 #main dt
213 {
214         font-weight: bold;
215         margin-top: 1em;
216         margin-bottom: 0.5em;
217 }
218 #main dd
219 {
220         margin-left: 64px;
221 }
222
223 #content
224 {
225         float: left;
226         width: 752px;
227         margin: 8px;
228         /* outline: 2px outset gray; */
229 }
230
231 #side
232 {
233         float: right;
234         width: 240px;
235         margin: 8px;
236         /* outline: 2px outset gray; */
237 }
238
239 #footer
240 {
241         clear: both;
242         border: 1px outset #e5ecf5;
243         padding-top: 0.5em;
244         padding-bottom: 0.4em;
245         background: #e5ecf5;
246         font-size: 0.9em;
247         text-align: center;
248 }
249
250 .pagination
251 {
252         clear: both;
253         word-spacing: 0.5em;
254         margin-bottom: 0.5em;
255 }