##// END OF EJS Templates
updated the appearance of table headers...
Jean-Philippe Lang -
r110:2ac30707d2e3
parent child
Show More
1 NO CONTENT: modified file, binary diff hidden
1 NO CONTENT: modified file, binary diff hidden
@@ -1,512 +1,513
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 margin:0;
53 53 background:#467aa7;
54 54 color:#ffffff;
55 55 margin-bottom:1px;
56 56 }
57 57
58 58 #header h1{
59 59 padding:10px 0 0 20px;
60 60 font-size:2em;
61 61 background-color:inherit;
62 62 color:#fff;
63 63 letter-spacing:-1px;
64 64 font-weight:bold;
65 65 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
66 66 }
67 67
68 68 #header h2{
69 69 margin:3px 0 0 40px;
70 70 font-size:1.5em;
71 71 background-color:inherit;
72 72 color:#f0f2f4;
73 73 letter-spacing:-1px;
74 74 font-weight:normal;
75 75 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
76 76 }
77 77
78 78 #navigation{
79 79 height:2.2em;
80 80 line-height:2.2em;
81 81 margin:0;
82 82 background:#578bb8;
83 83 color:#ffffff;
84 84 }
85 85
86 86 #navigation li{
87 87 float:left;
88 88 list-style-type:none;
89 89 border-right:1px solid #ffffff;
90 90 white-space:nowrap;
91 91 }
92 92
93 93 #navigation li.right {
94 94 float:right;
95 95 list-style-type:none;
96 96 border-right:0;
97 97 border-left:1px solid #ffffff;
98 98 white-space:nowrap;
99 99 }
100 100
101 101 #navigation li a{
102 102 display:block;
103 103 padding:0px 10px 0px 22px;
104 104 font-size:0.8em;
105 105 font-weight:normal;
106 106 text-decoration:none;
107 107 background-color:inherit;
108 108 color: #ffffff;
109 109 }
110 110
111 111 * html #navigation a {width:1%;}
112 112
113 113 #navigation .selected,#navigation a:hover{
114 114 color:#ffffff;
115 115 text-decoration:none;
116 116 background-color: #80b0da;
117 117 }
118 118
119 119 /**************** Icons links *******************/
120 120 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
121 121 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
122 122 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
123 123 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
124 124 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
125 125 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
126 126 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
127 127
128 128 .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; }
129 129 .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; }
130 130 .picAdd { background: url(../images/add.png) no-repeat 4px 50%; }
131 131 .picMove { background: url(../images/move.png) no-repeat 4px 50%; }
132 132 .picCheck { background: url(../images/check.png) no-repeat 4px 70%; }
133 133 .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;}
134 134 .picCsv { background: url(../images/csv.png) no-repeat 4px 50%;}
135 135
136 136 .pic { padding-left: 18px; margin-left: 3px; }
137 137
138 138 .icon {
139 139 background-position: 0% 40%;
140 140 background-repeat: no-repeat;
141 141 padding-left: 20px;
142 142 }
143 143
144 144 .folder { background-image: url(../images/folder.png); }
145 145 .file { background-image: url(../images/file.png); }
146 146 .attachment { background-image: url(../images/attachment.png); }
147 147
148 148 /**************** Content styles ****************/
149 149
150 150 html>body #content {
151 151 height: auto;
152 152 min-height: 500px;
153 153 }
154 154
155 155 #content{
156 156 width: auto;
157 157 height:500px;
158 158 font-size:0.9em;
159 159 padding:20px 10px 10px 20px;
160 160 margin-left: 120px;
161 161 border-left: 1px dashed #c0c0c0;
162 162
163 163 }
164 164
165 165 #content h2{
166 166 display:block;
167 167 margin:0 0 16px 0;
168 168 font-size:1.7em;
169 169 font-weight:normal;
170 170 letter-spacing:-1px;
171 171 color:#606060;
172 172 background-color:inherit;
173 173 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
174 174 }
175 175
176 176 #content h2 a{font-weight:normal;}
177 177 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
178 178 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
179 179 #content a:hover,#subcontent a:hover{text-decoration:underline;}
180 180 #content ul,#content ol{margin:0 5px 16px 35px;}
181 181 #content dl{margin:0 5px 10px 25px;}
182 182 #content dt{font-weight:bold; margin-bottom:5px;}
183 183 #content dd{margin:0 0 10px 15px;}
184 184
185 185
186 186 /***********************************************/
187 187
188 188 form {
189 189 display: inline;
190 190 }
191 191
192 192 blockquote {
193 193 padding-left: 6px;
194 194 border-left: 2px solid #ccc;
195 195 }
196 196
197 197 input, select {
198 198 vertical-align: middle;
199 199 }
200 200
201 201 input.button-small
202 202 {
203 203 font-size: 0.8em;
204 204 }
205 205
206 206 .select-small
207 207 {
208 208 font-size: 0.8em;
209 209 }
210 210
211 211 label {
212 212 font-weight: bold;
213 213 font-size: 1em;
214 214 }
215 215
216 216 fieldset {
217 217 border:1px solid #c0c0c0;
218 218 padding: 6px;
219 219 }
220 220
221 221 legend {
222 222 color: #505050;
223 223
224 224 }
225 225
226 226 .required {
227 227 color: #bb0000;
228 228 }
229 229
230 230 .odd {
231 231 background-color:#f6f7f8;
232 232 }
233 233 .even {
234 234 background-color: #fff;
235 235 }
236 236
237 237 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
238 238
239 239 div.square {
240 240 border: 1px solid #999;
241 241 float: left;
242 242 margin: .4em .5em 0 0;
243 243 overflow: hidden;
244 244 width: .6em; height: .6em;
245 245 }
246 246
247 247 table p {
248 248 margin:0;
249 249 padding:0;
250 250 }
251 251
252 252 /********** Table used to display lists of things ***********/
253 253
254 254 table.list {
255 255 width:100%;
256 256 border-collapse: collapse;
257 257 border: 1px dotted #d0d0d0;
258 258 margin-bottom: 6px;
259 259 }
260 260
261 261 table.with-cells td {
262 262 border: 1px solid #d7d7d7;
263 263 }
264 264
265 265 table.list thead th {
266 266 text-align: center;
267 267 background: #eee;
268 268 border: 1px solid #d7d7d7;
269 color: #777;
269 270 }
270 271
271 272 table.list tbody th {
272 273 font-weight: normal;
273 274 background: #eed;
274 275 border: 1px solid #d7d7d7;
275 276 }
276 277
277 278 /********** Validation error messages *************/
278 279 #errorExplanation {
279 280 width: 400px;
280 281 border: 0;
281 282 padding: 7px;
282 283 padding-bottom: 3px;
283 284 margin-bottom: 0px;
284 285 }
285 286
286 287 #errorExplanation h2 {
287 288 text-align: left;
288 289 font-weight: bold;
289 290 padding: 5px 5px 10px 26px;
290 291 font-size: 1em;
291 292 margin: -7px;
292 293 background: url(../images/alert.png) no-repeat 6px 6px;
293 294 }
294 295
295 296 #errorExplanation p {
296 297 color: #333;
297 298 margin-bottom: 0;
298 299 padding: 5px;
299 300 }
300 301
301 302 #errorExplanation ul li {
302 303 font-size: 1em;
303 304 list-style: none;
304 305 margin-left: -16px;
305 306 }
306 307
307 308 /*========== Drop down menu ==============*/
308 309 div.menu {
309 310 background-color: #FFFFFF;
310 311 border-style: solid;
311 312 border-width: 1px;
312 313 border-color: #7F9DB9;
313 314 position: absolute;
314 315 top: 0px;
315 316 left: 0px;
316 317 padding: 0;
317 318 visibility: hidden;
318 319 z-index: 101;
319 320 }
320 321
321 322 div.menu a.menuItem {
322 323 font-size: 10px;
323 324 font-weight: normal;
324 325 line-height: 2em;
325 326 color: #000000;
326 327 background-color: #FFFFFF;
327 328 cursor: default;
328 329 display: block;
329 330 padding: 0 1em;
330 331 margin: 0;
331 332 border: 0;
332 333 text-decoration: none;
333 334 white-space: nowrap;
334 335 }
335 336
336 337 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
337 338 background-color: #80b0da;
338 339 color: #ffffff;
339 340 }
340 341
341 342 div.menu a.menuItem span.menuItemText {}
342 343
343 344 div.menu a.menuItem span.menuItemArrow {
344 345 margin-right: -.75em;
345 346 }
346 347
347 348 /**************** Sidebar styles ****************/
348 349
349 350 #subcontent{
350 351 position: absolute;
351 352 left: 0px;
352 353 width:110px;
353 354 padding:20px 20px 10px 5px;
354 355 }
355 356
356 357 #subcontent h2{
357 358 display:block;
358 359 margin:0 0 5px 0;
359 360 font-size:1.0em;
360 361 font-weight:bold;
361 362 text-align:left;
362 363 color:#606060;
363 364 background-color:inherit;
364 365 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
365 366 }
366 367
367 368 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
368 369
369 370 /**************** Menublock styles ****************/
370 371
371 372 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
372 373 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
373 374 .menublock li a{font-weight:bold; text-decoration:none;}
374 375 .menublock li a:hover{text-decoration:none;}
375 376 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
376 377 .menublock li ul li{margin-bottom:0;}
377 378 .menublock li ul a{font-weight:normal;}
378 379
379 380 /**************** Footer styles ****************/
380 381
381 382 #footer{
382 383 clear:both;
383 384 padding:5px 0;
384 385 margin:0;
385 386 font-size:0.9em;
386 387 color:#f0f0f0;
387 388 background:#467aa7;
388 389 }
389 390
390 391 #footer p{padding:0; margin:0; text-align:center;}
391 392 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
392 393 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
393 394
394 395 /**************** Misc classes and styles ****************/
395 396
396 397 .splitcontentleft{float:left; width:49%;}
397 398 .splitcontentright{float:right; width:49%;}
398 399 .clear{clear:both;}
399 400 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
400 401 .hide{display:none;}
401 402 .textcenter{text-align:center;}
402 403 .textright{text-align:right;}
403 404 .important{color:#f02025; background-color:inherit; font-weight:bold;}
404 405
405 406 .box{
406 407 margin:0 0 20px 0;
407 408 padding:10px;
408 409 border:1px solid #c0c0c0;
409 410 background-color:#fafbfc;
410 411 color:#505050;
411 412 line-height:1.5em;
412 413 }
413 414
414 415 a.close-icon {
415 416 display:block;
416 417 margin-top:3px;
417 418 overflow:hidden;
418 419 width:12px;
419 420 height:12px;
420 421 background-repeat: no-repeat;
421 422 cursor:pointer;
422 423 background-image:url('../images/close.png');
423 424 }
424 425
425 426 a.close-icon:hover {
426 427 background-image:url('../images/close_hl.png');
427 428 }
428 429
429 430 .rightbox{
430 431 background: #fafbfc;
431 432 border: 1px solid #c0c0c0;
432 433 float: right;
433 434 padding: 8px;
434 435 position: relative;
435 436 margin: 0 5px 5px;
436 437 }
437 438
438 439 .layout-active {
439 440 background: #ECF3E1;
440 441 }
441 442
442 443 .block-receiver {
443 444 border:1px dashed #c0c0c0;
444 445 margin-bottom: 20px;
445 446 padding: 15px 0 15px 0;
446 447 }
447 448
448 449 .mypage-box {
449 450 margin:0 0 20px 0;
450 451 color:#505050;
451 452 line-height:1.5em;
452 453 }
453 454
454 455 .handle {
455 456 cursor: move;
456 457 }
457 458
458 459 .login {
459 460 width: 50%;
460 461 text-align: left;
461 462 }
462 463
463 464 img.calendar-trigger {
464 465 cursor: pointer;
465 466 vertical-align: middle;
466 467 margin-left: 4px;
467 468 }
468 469
469 470 #history p {
470 471 margin-left: 34px;
471 472 }
472 473
473 474 /***** Contextual links div *****/
474 475 .contextual {
475 476 float: right;
476 477 font-size: 0.8em;
477 478 }
478 479
479 480 .contextual select, .contextual input {
480 481 font-size: 1em;
481 482 }
482 483
483 484
484 485 /***** CSS FORM ******/
485 486 .tabular p{
486 487 margin: 0;
487 488 padding: 5px 0 8px 0;
488 489 padding-left: 180px; /*width of left column containing the label elements*/
489 490 height: 1%;
490 491 }
491 492
492 493 .tabular label{
493 494 font-weight: bold;
494 495 float: left;
495 496 margin-left: -180px; /*width of left column*/
496 497 width: 175px; /*width of labels. Should be smaller than left column to create some right
497 498 margin*/
498 499 }
499 500
500 501 .error {
501 502 color: #cc0000;
502 503 }
503 504
504 505
505 506 /*.threepxfix class below:
506 507 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
507 508 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
508 509 */
509 510
510 511 * html .threepxfix{
511 512 margin-left: 3px;
512 513 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now