##// END OF EJS Templates
blockquote style added in css...
Jean-Philippe Lang -
r67:d6d1502200fa
parent child
Show More
@@ -1,484 +1,489
1 1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
2 2 /* Edited by Jean-Philippe Lang *>
3 3 /**************** Body and tag styles ****************/
4 4
5 5
6 6 #header * {margin:0; padding:0;}
7 7 p, ul, ol, li {margin:0; padding:0;}
8 8
9 9
10 10 body{
11 11 font:76% Verdana,Tahoma,Arial,sans-serif;
12 12 line-height:1.4em;
13 13 text-align:center;
14 14 color:#303030;
15 15 background:#e8eaec;
16 16 margin:0;
17 17 }
18 18
19 19
20 20 a{
21 21 color:#467aa7;
22 22 font-weight:bold;
23 23 text-decoration:none;
24 24 background-color:inherit;
25 25 }
26 26
27 27 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
28 28 a img{border:none;}
29 29
30 30 p{padding:0 0 1em 0;}
31 31 p form{margin-top:0; margin-bottom:20px;}
32 32
33 33 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
34 34 img.left{float:left; margin:0 12px 5px 0;}
35 35 img.center{display:block; margin:0 auto 5px auto;}
36 36 img.right{float:right; margin:0 0 5px 12px;}
37 37
38 38 /**************** Header and navigation styles ****************/
39 39
40 40 #container{
41 41 width:100%;
42 42 min-width: 800px;
43 43 margin:0;
44 44 padding:0;
45 45 text-align:left;
46 46 background:#ffffff;
47 47 color:#303030;
48 48 }
49 49
50 50 #header{
51 51 height:4.5em;
52 52 /*width:758px;*/
53 53 margin:0;
54 54 background:#467aa7;
55 55 color:#ffffff;
56 56 margin-bottom:1px;
57 57 }
58 58
59 59 #header h1{
60 60 padding:10px 0 0 20px;
61 61 font-size:2em;
62 62 background-color:inherit;
63 63 color:#fff; /*rgb(152, 26, 33);*/
64 64 letter-spacing:-1px;
65 65 font-weight:bold;
66 66 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
67 67 }
68 68
69 69 #header h2{
70 70 margin:3px 0 0 40px;
71 71 font-size:1.5em;
72 72 background-color:inherit;
73 73 color:#f0f2f4;
74 74 letter-spacing:-1px;
75 75 font-weight:normal;
76 76 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
77 77 }
78 78
79 79 #navigation{
80 80 height:2.2em;
81 81 line-height:2.2em;
82 82 /*width:758px;*/
83 83 margin:0;
84 84 background:#578bb8;
85 85 color:#ffffff;
86 86 }
87 87
88 88 #navigation li{
89 89 float:left;
90 90 list-style-type:none;
91 91 border-right:1px solid #ffffff;
92 92 white-space:nowrap;
93 93 }
94 94
95 95 #navigation li.right {
96 96 float:right;
97 97 list-style-type:none;
98 98 border-right:0;
99 99 border-left:1px solid #ffffff;
100 100 white-space:nowrap;
101 101 }
102 102
103 103 #navigation li a{
104 104 display:block;
105 105 padding:0px 10px 0px 22px;
106 106 font-size:0.8em;
107 107 font-weight:normal;
108 108 /*text-transform:uppercase;*/
109 109 text-decoration:none;
110 110 background-color:inherit;
111 111 color: #ffffff;
112 112 }
113 113
114 114 * html #navigation a {width:1%;}
115 115
116 116 #navigation .selected,#navigation a:hover{
117 117 color:#ffffff;
118 118 text-decoration:none;
119 119 background-color: #80b0da;
120 120 }
121 121
122 122 /**************** Icons links *******************/
123 123 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
124 124 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
125 125 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
126 126 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
127 127 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
128 128 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
129 129 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
130 130
131 131 /**************** Content styles ****************/
132 132
133 133 html>body #content {
134 134 height: auto;
135 135 min-height: 500px;
136 136 }
137 137
138 138 #content{
139 139 /*float:right;*/
140 140 /*width:530px;*/
141 141 width: auto;
142 142 height:500px;
143 143 font-size:0.9em;
144 144 padding:20px 10px 10px 20px;
145 145 /*position: absolute;*/
146 146 margin-left: 120px;
147 147 border-left: 1px dashed #c0c0c0;
148 148
149 149 }
150 150
151 151 #content h2{
152 152 display:block;
153 153 margin:0 0 16px 0;
154 154 font-size:1.7em;
155 155 font-weight:normal;
156 156 letter-spacing:-1px;
157 157 color:#606060;
158 158 background-color:inherit;
159 159 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
160 160 }
161 161
162 162 #content h2 a{font-weight:normal;}
163 163 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
164 164 #content a:hover,#subcontent a:hover{text-decoration:underline;}
165 165 #content ul,#content ol{margin:0 5px 16px 35px;}
166 166 #content dl{margin:0 5px 10px 25px;}
167 167 #content dt{font-weight:bold; margin-bottom:5px;}
168 168 #content dd{margin:0 0 10px 15px;}
169 169
170 170
171 171 /***********************************************/
172 172
173 173 /*
174 174 form{
175 175 padding:15px;
176 176 margin:0 0 20px 0;
177 177 border:1px solid #c0c0c0;
178 178 background-color:#CEE1ED;
179 179 width:600px;
180 180 }
181 181 */
182 182
183 183 form {
184 184 display: inline;
185 185 }
186 186
187 187 .noborder {
188 188 border:0px;
189 189 background-color:#fff;
190 190 width:100%;
191 191 }
192 192
193 193 textarea {
194 194 padding:0;
195 195 margin:0;
196 196 }
197 197
198 blockquote {
199 padding-left: 6px;
200 border-left: 2px solid #ccc;
201 }
202
198 203 input {
199 204 vertical-align: middle;
200 205 }
201 206
202 207 input.button-small
203 208 {
204 209 font-size: 0.8em;
205 210 }
206 211
207 212 select {
208 213 vertical-align: middle;
209 214 }
210 215
211 216 select.select-small
212 217 {
213 218 border: 1px solid #7F9DB9;
214 219 padding: 1px;
215 220 font-size: 0.8em;
216 221 }
217 222
218 223 .active-filter
219 224 {
220 225 background-color: #F9FA9E;
221 226
222 227 }
223 228
224 229 label {
225 230 font-weight: bold;
226 231 font-size: 1em;
227 232 }
228 233
229 234 fieldset {
230 235 border:1px solid #7F9DB9;
231 236 padding: 6px;
232 237 }
233 238
234 239 legend {
235 240 color: #505050;
236 241
237 242 }
238 243
239 244 .required {
240 245 color: #bb0000;
241 246 }
242 247
243 248 table.listTableContent {
244 249 border:1px solid #578bb8;
245 250 width:99%;
246 251 border-collapse: collapse;
247 252 }
248 253
249 254 table.listTableContent td {
250 255 padding:2px;
251 256 }
252 257
253 258 tr.ListHead {
254 259 background-color:#467aa7;
255 260 color:#FFFFFF;
256 261 text-align:center;
257 262 }
258 263
259 264 tr.ListHead a {
260 265 color:#FFFFFF;
261 266 text-decoration:underline;
262 267 }
263 268
264 269 .odd {
265 270 background-color:#f0f1f2;
266 271 }
267 272 .even {
268 273 background-color: #fff;
269 274 }
270 275
271 276 table.reportTableContent {
272 277 border:1px solid #c0c0c0;
273 278 width:99%;
274 279 border-collapse: collapse;
275 280 }
276 281
277 282 table.reportTableContent td {
278 283 padding:2px;
279 284 }
280 285
281 286 table.calenderTable {
282 287 border:1px solid #578bb8;
283 288 width:99%;
284 289 border-collapse: collapse;
285 290 }
286 291
287 292 table.calenderTable td {
288 293 border:1px solid #578bb8;
289 294 }
290 295
291 296 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
292 297
293 298
294 299 /**************** Sidebar styles ****************/
295 300
296 301 #subcontent{
297 302 position: absolute;
298 303 left: 0px;
299 304 width:110px;
300 305 padding:20px 20px 10px 5px;
301 306 }
302 307
303 308 #subcontent h2{
304 309 display:block;
305 310 margin:0 0 5px 0;
306 311 font-size:1.0em;
307 312 font-weight:bold;
308 313 text-align:left;
309 314 color:#606060;
310 315 background-color:inherit;
311 316 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
312 317 }
313 318
314 319 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
315 320
316 321 /**************** Menublock styles ****************/
317 322
318 323 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
319 324 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
320 325 .menublock li a{font-weight:bold; text-decoration:none;}
321 326 .menublock li a:hover{text-decoration:none;}
322 327 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
323 328 .menublock li ul li{margin-bottom:0;}
324 329 .menublock li ul a{font-weight:normal;}
325 330
326 331 /**************** Searchbar styles ****************/
327 332
328 333 #searchbar{margin:0 0 20px 0;}
329 334 #searchbar form fieldset{margin-left:10px; border:0 solid;}
330 335
331 336 #searchbar #s{
332 337 height:1.2em;
333 338 width:110px;
334 339 margin:0 5px 0 0;
335 340 border:1px solid #a0a0a0;
336 341 }
337 342
338 343 #searchbar #searchbutton{
339 344 width:auto;
340 345 padding:0 1px;
341 346 border:1px solid #808080;
342 347 font-size:0.9em;
343 348 text-align:center;
344 349 }
345 350
346 351 /**************** Footer styles ****************/
347 352
348 353 #footer{
349 354 clear:both;
350 355 /*width:758px;*/
351 356 padding:5px 0;
352 357 margin:0;
353 358 font-size:0.9em;
354 359 color:#f0f0f0;
355 360 background:#467aa7;
356 361 }
357 362
358 363 #footer p{padding:0; margin:0; text-align:center;}
359 364 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
360 365 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
361 366
362 367 /**************** Misc classes and styles ****************/
363 368
364 369 .splitcontentleft{float:left; width:49%;}
365 370 .splitcontentright{float:right; width:49%;}
366 371 .clear{clear:both;}
367 372 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
368 373 .hide{display:none;}
369 374 .textcenter{text-align:center;}
370 375 .textright{text-align:right;}
371 376 .important{color:#f02025; background-color:inherit; font-weight:bold;}
372 377
373 378 .box{
374 379 margin:0 0 20px 0;
375 380 padding:10px;
376 381 border:1px solid #c0c0c0;
377 382 background-color:#fafbfc;
378 383 color:#505050;
379 384 line-height:1.5em;
380 385 }
381 386
382 387 a.close-icon {
383 388 display:block;
384 389 margin-top:3px;
385 390 overflow:hidden;
386 391 width:12px;
387 392 height:12px;
388 393 background-repeat: no-repeat;
389 394 cursor:hand;
390 395 cursor:pointer;
391 396 background-image:url('../images/close.png');
392 397 }
393 398
394 399 a.close-icon:hover {
395 400 background-image:url('../images/close_hl.png');
396 401 }
397 402
398 403 .rightbox{
399 404 background: #fafbfc;
400 405 border: 1px solid #c0c0c0;
401 406 float: right;
402 407 padding: 8px;
403 408 position: relative;
404 409 margin: 0 5px 5px;
405 410 }
406 411
407 412 .layout-active {
408 413 background: #ECF3E1;
409 414 }
410 415
411 416 .block-receiver {
412 417 border:1px dashed #c0c0c0;
413 418 margin-bottom: 20px;
414 419 padding: 15px 0 15px 0;
415 420 }
416 421
417 422 .mypage-box {
418 423 margin:0 0 20px 0;
419 424 color:#505050;
420 425 line-height:1.5em;
421 426 }
422 427
423 428 .blocks {
424 429 cursor: move;
425 430 }
426 431
427 432 .topright{
428 433 position: absolute;
429 434 right: 25px;
430 435 top: 100px;
431 436 }
432 437
433 438 .login {
434 439 width: 50%;
435 440 text-align: left;
436 441 }
437 442
438 443 img.calendar-trigger {
439 444 cursor: pointer;
440 445 vertical-align: middle;
441 446 margin-left: 4px;
442 447 }
443 448
444 449 #history h4 {
445 450 font-size: 1em;
446 451 margin-bottom: 12px;
447 452 margin-top: 20px;
448 453 font-weight: normal;
449 454 border-bottom: dotted 1px #c0c0c0;
450 455 }
451 456
452 457 #history p {
453 458 margin-left: 34px;
454 459 }
455 460
456 461 /***** CSS FORM ******/
457 462 .tabular p{
458 463 margin: 0;
459 464 padding: 5px 0 8px 0;
460 465 padding-left: 180px; /*width of left column containing the label elements*/
461 466 height: 1%;
462 467 }
463 468
464 469 .tabular label{
465 470 font-weight: bold;
466 471 float: left;
467 472 margin-left: -180px; /*width of left column*/
468 473 width: 175px; /*width of labels. Should be smaller than left column to create some right
469 474 margin*/
470 475 }
471 476
472 477 .error {
473 478 color: #cc0000;
474 479 }
475 480
476 481
477 482 /*.threepxfix class below:
478 483 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
479 484 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
480 485 */
481 486
482 487 * html .threepxfix{
483 488 margin-left: 3px;
484 489 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now