content added; look modifications; side box content
[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('/devel/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 .inline
30 {
31         vertical-align: middle;
32 }
33
34 .container-install
35 {
36         width: 192px;
37         margin: 0 auto;
38         margin-top: 8px;
39         margin-bottom: 8px;
40 }
41
42 #nav-menu
43 {/*
44         left: 0;
45         top: 0;
46         width: 100%;*/
47         height: 24px;
48         margin: 0;
49         /*border: 2px outset blue;*/
50         padding: 0;
51         background-color: rgb(0,90,192);
52         list-style-type: none;
53 }
54 .menu-left
55 {
56         float: left;
57 }
58 .menu-right
59 {
60         float: right;
61 }
62 #nav-menu a:link, #nav-menu a:visited
63 {
64         display: block;
65         height: 12px;
66         color: white;
67         text-align: center;
68         line-height: 100%;
69         font-size: 14px;
70         padding-top: 5px;
71         padding-bottom: 5px;
72         padding-left: 16px;
73         padding-right: 16px;
74         border: 1px solid transparent;
75         text-decoration: none;
76 }
77 #nav-menu a:hover
78 {
79         background-color: rgb(90,148,216);
80         border: 1px outset rgb(0,90,192);
81 }
82 #nav-menu a:active
83 {
84         background-color: rgb(90,148,216);
85         border: 1px inset rgb(60,128,208);
86 }
87 #nav-menu a.selected
88 {
89         background-color: rgb(60,128,208);
90         border: 1px inset rgb(60,128,208);
91         color: #FFE4B5;
92         font-weight: bold;
93 }
94
95 #header
96 {
97         clear: both;
98         /*position: absolute;
99         top: 24px;
100         left: 0;
101         width: 100%;*/
102         height: 62px;
103         background: #e5ecf5;
104         border: 1px outset #e5ecf5;
105 }
106
107 #logo
108 {
109         float: left;
110         margin: 8px;
111         border: none;
112 }
113 #logo > img
114 {
115         border: none;
116 }
117
118 #quick-search
119 {
120         float: right;
121         position: relative;
122         height: 48px;
123         margin: 8px;
124 }
125 #quick-search-box
126 {
127         top: 500px;
128 }
129
130 #main
131 {
132         /*position: absolute;
133         top: 90px;
134         width: 100%;*/
135         /* padding: 12px; */
136         margin: 0 auto;
137         width: 1024px;
138         text-align: justify;
139 }
140
141 #main h1
142 {
143         font-size:18px;
144         font-weight: bold;
145         color: #000D60;
146         text-align: left;
147         padding: 0px 0px 0px 8px;
148         margin: 8px 0px 8px 0px;
149         background: url(/devel/img/header.png) top repeat-x;
150         outline: 1px outset rgb(108,162,222);
151         clear: both;
152 }
153
154 #main table
155 {
156         width: 100%;
157         border-collapse: collapse;
158 }
159 #main th, #main td
160 {
161         /* border: 1px solid rgb(108,162,222); */
162         vertical-align: top;
163 }
164 #main table img
165 {
166         vertical-align: middle;
167 }
168
169 #main dt
170 {
171         font-weight: bold;
172 }
173
174 #content
175 {
176         float: left;
177         width: 752px;
178         margin: 8px;
179         /* outline: 2px outset gray; */
180 }
181
182 #side
183 {
184         float: right;
185         width: 240px;
186         margin: 8px;
187         /* outline: 2px outset gray; */
188 }
189
190 #footer
191 {
192         clear: both;
193         border: 1px outset #e5ecf5;
194         padding-top: 0.5em;
195         padding-bottom: 0.4em;
196         background: #e5ecf5;
197         font-size: 0.9em;
198         text-align: center;
199 }
200
201 .pagination
202 {
203         clear: both;
204 }