1 |
khruskowski |
2 |
/* Styles for the Kolab Konsotium Site */ |
2 |
|
|
/* $Id: kolabkonsortium.css,v 1.9 2005/08/08 06:40:38 jan Exp $ |
3 |
|
|
|
4 |
|
|
|
5 |
|
|
/* TEXT STYLES */ |
6 |
|
|
|
7 |
|
|
BODY { |
8 |
|
|
margin: 0px; |
9 |
|
|
background-color: #eeeee0; |
10 |
|
|
font-family: Helvetica, Arial, sans-serif; |
11 |
|
|
font-size: 12px; |
12 |
|
|
} |
13 |
|
|
|
14 |
|
|
H1 { |
15 |
|
|
margin-top: 0px; |
16 |
|
|
font-size: 160%; |
17 |
|
|
font-weight: bold; |
18 |
|
|
color: black; |
19 |
|
|
} |
20 |
|
|
|
21 |
|
|
H2 { |
22 |
|
|
background-color: #83a7dc; |
23 |
|
|
border-top: 2px solid #7494c3; |
24 |
|
|
border-bottom: 2px solid #7494c3; |
25 |
|
|
margin-top: 15px; |
26 |
|
|
margin-bottom: 3px; |
27 |
jan |
8 |
font-size: 140%; |
28 |
khruskowski |
2 |
font-weight: bold; |
29 |
|
|
color: #FFFFFF; |
30 |
|
|
} |
31 |
|
|
|
32 |
|
|
H3 { |
33 |
jan |
8 |
background-color: #b9ccdc; |
34 |
khruskowski |
2 |
border-bottom: 2px solid #7494c3; |
35 |
jan |
8 |
margin-top: 15px; |
36 |
|
|
font-size: 100%; |
37 |
khruskowski |
2 |
font-weight: bold; |
38 |
|
|
color: #FFFFFF; |
39 |
|
|
} |
40 |
|
|
|
41 |
|
|
STRONG { |
42 |
|
|
color: #5f8dd3; |
43 |
|
|
font-weight: bold; |
44 |
|
|
text-decoration: none; |
45 |
|
|
} |
46 |
|
|
|
47 |
|
|
A { |
48 |
|
|
color: #5680bf; |
49 |
|
|
font-weight: bold; |
50 |
|
|
text-decoration: none; |
51 |
|
|
} |
52 |
|
|
|
53 |
|
|
A:hover { |
54 |
|
|
color: #6494dd; |
55 |
|
|
text-decoration: none; |
56 |
|
|
} |
57 |
|
|
|
58 |
|
|
IMG { |
59 |
|
|
border: none; |
60 |
|
|
} |
61 |
|
|
|
62 |
|
|
.version { |
63 |
|
|
font-size: 75%; |
64 |
|
|
font-weight: normal; |
65 |
|
|
color: black; |
66 |
|
|
} |
67 |
|
|
|
68 |
|
|
.swlist { |
69 |
|
|
font-weight: normal; |
70 |
|
|
color: black; |
71 |
|
|
white-space:pre; |
72 |
|
|
margin:0; |
73 |
|
|
font-family: Helvetica, Arial, sans-serif; |
74 |
|
|
font-size: 12px; |
75 |
|
|
} |
76 |
|
|
|
77 |
|
|
.center { |
78 |
|
|
vertical-align: middle; |
79 |
|
|
} |
80 |
|
|
|
81 |
|
|
TD { |
82 |
|
|
padding: 10px; |
83 |
|
|
text-align: left; |
84 |
|
|
vertical-align: top; |
85 |
|
|
} |
86 |
|
|
|
87 |
|
|
/* Buttons */ |
88 |
|
|
|
89 |
|
|
.dlbutton { |
90 |
|
|
padding: 10px; |
91 |
|
|
margin-bottom: 5px; |
92 |
|
|
font-size: 150%; |
93 |
|
|
font-weight: bold; |
94 |
|
|
display: block; |
95 |
|
|
width: 33%; |
96 |
|
|
height: 80px; |
97 |
|
|
border: 3px solid white; |
98 |
|
|
background-color: #ffffff; |
99 |
|
|
background-image: url(pix/disk.png); |
100 |
|
|
background-repeat: no-repeat; |
101 |
|
|
background-position: right bottom; |
102 |
|
|
} |
103 |
|
|
|
104 |
|
|
.dlbutton:hover { |
105 |
|
|
background-color: #98c1ff; |
106 |
|
|
cursor: pointer; |
107 |
|
|
} |
108 |
|
|
|
109 |
|
|
.dlbutton2 { |
110 |
|
|
padding: 10px; |
111 |
|
|
margin: 20px; |
112 |
|
|
margin-top: 10px; |
113 |
|
|
font-size: 150%; |
114 |
|
|
font-weight: bold; |
115 |
|
|
text-align: center; |
116 |
|
|
display: block; |
117 |
|
|
border: 3px solid white; |
118 |
|
|
background-color: #ffffff; |
119 |
|
|
} |
120 |
|
|
|
121 |
|
|
.dlbutton2:hover { |
122 |
|
|
background-color: #ffffff; |
123 |
|
|
cursor: crosshair; |
124 |
|
|
} |
125 |
|
|
|
126 |
|
|
/* STRUCTURE ELEMENTS */ |
127 |
|
|
|
128 |
|
|
/* Head */ |
129 |
|
|
|
130 |
|
|
#header { |
131 |
|
|
clear: both; |
132 |
|
|
} |
133 |
|
|
|
134 |
|
|
#navbar { |
135 |
|
|
background-color: white; |
136 |
|
|
color: black; |
137 |
|
|
font-weight: bold; |
138 |
|
|
font-size: 80%; |
139 |
|
|
width: 100%; |
140 |
|
|
} |
141 |
|
|
|
142 |
|
|
#navbar TD { |
143 |
|
|
text-align: right; |
144 |
|
|
vertical-align: bottom; |
145 |
|
|
} |
146 |
|
|
|
147 |
|
|
#navbar H1 { |
148 |
|
|
font-size: 200%; |
149 |
|
|
margin: 0px; |
150 |
|
|
padding: 0px; |
151 |
|
|
} |
152 |
|
|
|
153 |
|
|
/*#bigbar { |
154 |
|
|
text-align: left; |
155 |
|
|
background-color: #000000; |
156 |
|
|
background-image:url(pix/lock.png); |
157 |
|
|
background-repeat: no-repeat; |
158 |
|
|
background-position: right; |
159 |
|
|
border-top: 2px solid #fa050c; |
160 |
|
|
border-bottom: 2px solid #fa050c; |
161 |
|
|
color: black; |
162 |
|
|
font-weight: bold; |
163 |
|
|
height: 190px; |
164 |
|
|
width: 100%; |
165 |
|
|
min-width: 600px; |
166 |
|
|
}*/ |
167 |
|
|
|
168 |
|
|
#vertable { |
169 |
|
|
width: 33% |
170 |
|
|
} |
171 |
|
|
|
172 |
|
|
/* colors */ |
173 |
|
|
.yellow { |
174 |
|
|
color: #4f75af; |
175 |
|
|
} |
176 |
|
|
|
177 |
|
|
.red { |
178 |
|
|
color: #4f75af; |
179 |
|
|
} |
180 |
|
|
|
181 |
|
|
/* Content */ |
182 |
|
|
|
183 |
|
|
#main { |
184 |
|
|
min-width: 250px; |
185 |
|
|
padding: 40px; |
186 |
|
|
padding-top: 20px; |
187 |
|
|
padding-right: 0px; |
188 |
|
|
line-height: 150%; |
189 |
|
|
margin-right: 250px; |
190 |
|
|
} |
191 |
|
|
|
192 |
|
|
#main TABLE { |
193 |
|
|
width:100%; |
194 |
|
|
border-spacing:0px; |
195 |
|
|
border-collapse: collapse; |
196 |
|
|
margin-top: 5px; |
197 |
|
|
margin-bottom: 5px; |
198 |
|
|
} |
199 |
|
|
|
200 |
|
|
#main TD { |
201 |
|
|
padding: 0px; |
202 |
|
|
padding-top: 3px; |
203 |
|
|
padding-bottom: 3px; |
204 |
|
|
text-align: left; |
205 |
|
|
vertical-align: top; |
206 |
|
|
border-top: 1px solid #83a7dc; |
207 |
|
|
border-bottom: 1px solid #83a7dc; |
208 |
|
|
} |
209 |
|
|
|
210 |
|
|
#boxes { |
211 |
|
|
float: right; |
212 |
|
|
width: 200px; |
213 |
|
|
padding: 10px; |
214 |
|
|
} |
215 |
|
|
|
216 |
|
|
.box { |
217 |
|
|
background-color: #b9ccdc; |
218 |
|
|
border-left: 4px solid #7494c3; |
219 |
|
|
padding: 10px; |
220 |
|
|
margin-bottom: 10px; |
221 |
|
|
} |
222 |
|
|
|
223 |
|
|
.box A { |
224 |
khruskowski |
10 |
color: #000000; |
225 |
|
|
text-decoration: underline; |
226 |
khruskowski |
2 |
} |
227 |
|
|
.box A:hover { |
228 |
khruskowski |
10 |
text-decoration: none; |
229 |
khruskowski |
2 |
} |
230 |
|
|
.box H1 { |
231 |
khruskowski |
10 |
color: #000000; |
232 |
khruskowski |
2 |
padding-bottom: 5px; |
233 |
|
|
border-bottom: 2px solid #7494c3; |
234 |
|
|
margin-bottom: 5px; |
235 |
|
|
font-size: 120%; |
236 |
|
|
} |
237 |
|
|
|
238 |
|
|
.box P { |
239 |
|
|
margin: 0px; |
240 |
|
|
padding: 0px; |
241 |
|
|
margin-top: 5px; |
242 |
|
|
} |