##// END OF EJS Templates
jro_apps » redmine
RSS
Right overflow of the left menu now hidden....
Jean-Philippe Lang -
r458:05b08ae38fd8
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,636 +1,637
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 #header * {margin:0; padding:0;}
6 6 p, ul, ol, li {margin:0; padding:0;}
7 7
8 8 body{
9 9 font:76% Verdana,Tahoma,Arial,sans-serif;
10 10 line-height:1.4em;
11 11 text-align:center;
12 12 color:#303030;
13 13 background:#e8eaec;
14 14 margin:0;
15 15 }
16 16
17 17 a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
18 18 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
19 19 a img{border:none;}
20 20
21 21 p{margin:0 0 1em 0;}
22 22 p form{margin-top:0; margin-bottom:20px;}
23 23
24 24 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
25 25 img.left{float:left; margin:0 12px 5px 0;}
26 26 img.center{display:block; margin:0 auto 5px auto;}
27 27 img.right{float:right; margin:0 0 5px 12px;}
28 28
29 29 /**************** Header and navigation styles ****************/
30 30
31 31 #container{
32 32 width:100%;
33 33 min-width: 800px;
34 34 margin:0;
35 35 padding:0;
36 36 text-align:left;
37 37 background:#ffffff;
38 38 color:#303030;
39 39 }
40 40
41 41 #header{
42 42 height:4.5em;
43 43 margin:0;
44 44 background:#467aa7;
45 45 color:#ffffff;
46 46 margin-bottom:1px;
47 47 }
48 48
49 49 #header h1{
50 50 padding:10px 0 0 20px;
51 51 font-size:2em;
52 52 background-color:inherit;
53 53 color:#fff;
54 54 letter-spacing:-1px;
55 55 font-weight:bold;
56 56 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
57 57 }
58 58
59 59 #header h2{
60 60 margin:3px 0 0 40px;
61 61 font-size:1.5em;
62 62 background-color:inherit;
63 63 color:#f0f2f4;
64 64 letter-spacing:-1px;
65 65 font-weight:normal;
66 66 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
67 67 }
68 68
69 69 #navigation{
70 70 height:2.2em;
71 71 line-height:2.2em;
72 72 margin:0;
73 73 background:#578bb8;
74 74 color:#ffffff;
75 75 }
76 76
77 77 #navigation li{
78 78 float:left;
79 79 list-style-type:none;
80 80 border-right:1px solid #ffffff;
81 81 white-space:nowrap;
82 82 }
83 83
84 84 #navigation li.right {
85 85 float:right;
86 86 list-style-type:none;
87 87 border-right:0;
88 88 border-left:1px solid #ffffff;
89 89 white-space:nowrap;
90 90 }
91 91
92 92 #navigation li a{
93 93 display:block;
94 94 padding:0px 10px 0px 22px;
95 95 font-size:0.8em;
96 96 font-weight:normal;
97 97 text-decoration:none;
98 98 background-color:inherit;
99 99 color: #ffffff;
100 100 }
101 101
102 102 #navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
103 103 #navigation li.submenu a {padding:0px 16px 0px 22px;}
104 104 * html #navigation a {width:1%;}
105 105
106 106 #navigation .selected,#navigation a:hover{
107 107 color:#ffffff;
108 108 text-decoration:none;
109 109 background-color: #80b0da;
110 110 }
111 111
112 112 /**************** Icons *******************/
113 113 .icon {
114 114 background-position: 0% 40%;
115 115 background-repeat: no-repeat;
116 116 padding-left: 20px;
117 117 padding-top: 2px;
118 118 padding-bottom: 3px;
119 119 vertical-align: middle;
120 120 }
121 121
122 122 #navigation .icon {
123 123 background-position: 4px 50%;
124 124 }
125 125
126 126 .icon22 {
127 127 background-position: 0% 40%;
128 128 background-repeat: no-repeat;
129 129 padding-left: 26px;
130 130 line-height: 22px;
131 131 vertical-align: middle;
132 132 }
133 133
134 134 .icon-add { background-image: url(../images/add.png); }
135 135 .icon-edit { background-image: url(../images/edit.png); }
136 136 .icon-del { background-image: url(../images/delete.png); }
137 137 .icon-move { background-image: url(../images/move.png); }
138 138 .icon-save { background-image: url(../images/save.png); }
139 139 .icon-cancel { background-image: url(../images/cancel.png); }
140 140 .icon-pdf { background-image: url(../images/pdf.png); }
141 141 .icon-csv { background-image: url(../images/csv.png); }
142 142 .icon-html { background-image: url(../images/html.png); }
143 143 .icon-txt { background-image: url(../images/txt.png); }
144 144 .icon-file { background-image: url(../images/file.png); }
145 145 .icon-folder { background-image: url(../images/folder.png); }
146 146 .icon-package { background-image: url(../images/package.png); }
147 147 .icon-home { background-image: url(../images/home.png); }
148 148 .icon-user { background-image: url(../images/user.png); }
149 149 .icon-mypage { background-image: url(../images/user_page.png); }
150 150 .icon-admin { background-image: url(../images/admin.png); }
151 151 .icon-projects { background-image: url(../images/projects.png); }
152 152 .icon-logout { background-image: url(../images/logout.png); }
153 153 .icon-help { background-image: url(../images/help.png); }
154 154 .icon-attachment { background-image: url(../images/attachment.png); }
155 155 .icon-index { background-image: url(../images/index.png); }
156 156 .icon-history { background-image: url(../images/history.png); }
157 157 .icon-feed { background-image: url(../images/feed.png); }
158 158 .icon-time { background-image: url(../images/time.png); }
159 159 .icon-stats { background-image: url(../images/stats.png); }
160 160 .icon-warning { background-image: url(../images/warning.png); }
161 161 .icon-fav { background-image: url(../images/fav.png); }
162 162
163 163 .icon22-projects { background-image: url(../images/22x22/projects.png); }
164 164 .icon22-users { background-image: url(../images/22x22/users.png); }
165 165 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
166 166 .icon22-role { background-image: url(../images/22x22/role.png); }
167 167 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
168 168 .icon22-options { background-image: url(../images/22x22/options.png); }
169 169 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
170 170 .icon22-authent { background-image: url(../images/22x22/authent.png); }
171 171 .icon22-info { background-image: url(../images/22x22/info.png); }
172 172 .icon22-comment { background-image: url(../images/22x22/comment.png); }
173 173 .icon22-package { background-image: url(../images/22x22/package.png); }
174 174 .icon22-settings { background-image: url(../images/22x22/settings.png); }
175 175
176 176 /**************** Content styles ****************/
177 177
178 178 html>body #content {
179 179 height: auto;
180 180 min-height: 500px;
181 181 }
182 182
183 183 #content{
184 184 width: auto;
185 185 height:500px;
186 186 font-size:0.9em;
187 187 padding:20px 10px 10px 20px;
188 188 margin-left: 120px;
189 189 border-left: 1px dashed #c0c0c0;
190 190
191 191 }
192 192
193 193 #content h2, #content div.wiki h1 {
194 194 display:block;
195 195 margin:0 0 16px 0;
196 196 font-size:1.7em;
197 197 font-weight:normal;
198 198 letter-spacing:-1px;
199 199 color:#606060;
200 200 background-color:inherit;
201 201 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
202 202 }
203 203
204 204 #content h2 a{font-weight:normal;}
205 205 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
206 206 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
207 207 #content a:hover,#subcontent a:hover{text-decoration:underline;}
208 208 #content ul,#content ol{margin:0 5px 16px 35px;}
209 209 #content dl{margin:0 5px 10px 25px;}
210 210 #content dt{font-weight:bold; margin-bottom:5px;}
211 211 #content dd{margin:0 0 10px 15px;}
212 212
213 213 #content .tabs{height: 2.6em;}
214 214 #content .tabs ul{margin:0;}
215 215 #content .tabs ul li{
216 216 float:left;
217 217 list-style-type:none;
218 218 white-space:nowrap;
219 219 margin-right:8px;
220 220 background:#fff;
221 221 }
222 222 #content .tabs ul li a{
223 223 display:block;
224 224 font-size: 0.9em;
225 225 text-decoration:none;
226 226 line-height:1em;
227 227 padding:4px;
228 228 border: 1px solid #c0c0c0;
229 229 }
230 230
231 231 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
232 232 background-color: #80b0da;
233 233 border: 1px solid #80b0da;
234 234 color: #fff;
235 235 text-decoration:none;
236 236 }
237 237
238 238 /***********************************************/
239 239
240 240 form {display: inline;}
241 241 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
242 242 input, select {vertical-align: middle; margin-bottom: 4px;}
243 243
244 244 input.button-small {font-size: 0.8em;}
245 245 textarea.wiki-edit { width: 99.5%; }
246 246 .select-small {font-size: 0.8em;}
247 247 label {font-weight: bold; font-size: 1em; color: #505050;}
248 248 fieldset {border:1px solid #c0c0c0; padding: 6px;}
249 249 legend {color: #505050;}
250 250 .required {color: #bb0000;}
251 251 .odd {background-color:#f6f7f8;}
252 252 .even {background-color: #fff;}
253 253 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
254 254 table p {margin:0; padding:0;}
255 255
256 256 .highlight { background-color: #FCFD8D;}
257 257
258 258 div.square {
259 259 border: 1px solid #999;
260 260 float: left;
261 261 margin: .4em .5em 0 0;
262 262 overflow: hidden;
263 263 width: .6em; height: .6em;
264 264 }
265 265
266 266 ul.documents {
267 267 list-style-type: none;
268 268 padding: 0;
269 269 margin: 0;
270 270 }
271 271
272 272 ul.documents li {
273 273 background-image: url(../images/32x32/file.png);
274 274 background-repeat: no-repeat;
275 275 background-position: 0 1px;
276 276 padding-left: 36px;
277 277 margin-bottom: 10px;
278 278 margin-left: -37px;
279 279 }
280 280
281 281 /********** Table used to display lists of things ***********/
282 282
283 283 table.list {
284 284 width:100%;
285 285 border-collapse: collapse;
286 286 border: 1px dotted #d0d0d0;
287 287 margin-bottom: 6px;
288 288 }
289 289
290 290 table.with-cells td {
291 291 border: 1px solid #d7d7d7;
292 292 }
293 293
294 294 table.list td {
295 295 padding:2px;
296 296 }
297 297
298 298 table.list thead th {
299 299 text-align: center;
300 300 background: #eee;
301 301 border: 1px solid #d7d7d7;
302 302 color: #777;
303 303 }
304 304
305 305 table.list tbody th {
306 306 font-weight: bold;
307 307 background: #eed;
308 308 border: 1px solid #d7d7d7;
309 309 color: #777;
310 310 }
311 311
312 312 /********** Validation error messages *************/
313 313 #errorExplanation {
314 314 width: 400px;
315 315 border: 0;
316 316 padding: 7px;
317 317 padding-bottom: 3px;
318 318 margin-bottom: 0px;
319 319 }
320 320
321 321 #errorExplanation h2 {
322 322 text-align: left;
323 323 font-weight: bold;
324 324 padding: 5px 5px 10px 26px;
325 325 font-size: 1em;
326 326 margin: -7px;
327 327 background: url(../images/alert.png) no-repeat 6px 6px;
328 328 }
329 329
330 330 #errorExplanation p {
331 331 color: #333;
332 332 margin-bottom: 0;
333 333 padding: 5px;
334 334 }
335 335
336 336 #errorExplanation ul li {
337 337 font-size: 1em;
338 338 list-style: none;
339 339 margin-left: -16px;
340 340 }
341 341
342 342 /*========== Drop down menu ==============*/
343 343 div.menu {
344 344 background-color: #FFFFFF;
345 345 border-style: solid;
346 346 border-width: 1px;
347 347 border-color: #7F9DB9;
348 348 position: absolute;
349 349 top: 0px;
350 350 left: 0px;
351 351 padding: 0;
352 352 visibility: hidden;
353 353 z-index: 101;
354 354 }
355 355
356 356 div.menu a.menuItem {
357 357 font-size: 10px;
358 358 font-weight: normal;
359 359 line-height: 2em;
360 360 color: #000000;
361 361 background-color: #FFFFFF;
362 362 cursor: default;
363 363 display: block;
364 364 padding: 0 1em;
365 365 margin: 0;
366 366 border: 0;
367 367 text-decoration: none;
368 368 white-space: nowrap;
369 369 }
370 370
371 371 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
372 372 background-color: #80b0da;
373 373 color: #ffffff;
374 374 }
375 375
376 376 div.menu a.menuItem span.menuItemText {}
377 377
378 378 div.menu a.menuItem span.menuItemArrow {
379 379 margin-right: -.75em;
380 380 }
381 381
382 382 /**************** Sidebar styles ****************/
383 383
384 384 #subcontent{
385 385 position: absolute;
386 386 left: 0px;
387 width:110px;
387 width:95px;
388 388 padding:20px 20px 10px 5px;
389 overflow: hidden;
389 390 }
390 391
391 392 #subcontent h2{
392 393 display:block;
393 394 margin:0 0 5px 0;
394 395 font-size:1.0em;
395 396 font-weight:bold;
396 397 text-align:left;
397 398 color:#606060;
398 399 background-color:inherit;
399 400 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
400 401 }
401 402
402 403 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
403 404
404 405 /**************** Menublock styles ****************/
405 406
406 407 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
407 408 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
408 409 .menublock li a{font-weight:bold; text-decoration:none;}
409 410 .menublock li a:hover{text-decoration:none;}
410 411 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
411 412 .menublock li ul li{margin-bottom:0;}
412 413 .menublock li ul a{font-weight:normal;}
413 414
414 415 /**************** Footer styles ****************/
415 416
416 417 #footer{
417 418 clear:both;
418 419 padding:5px 0;
419 420 margin:0;
420 421 font-size:0.9em;
421 422 color:#f0f0f0;
422 423 background:#467aa7;
423 424 }
424 425
425 426 #footer p{padding:0; margin:0; text-align:center;}
426 427 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
427 428 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
428 429
429 430 /**************** Misc classes and styles ****************/
430 431
431 432 .splitcontentleft{float:left; width:49%;}
432 433 .splitcontentright{float:right; width:49%;}
433 434 .clear{clear:both;}
434 435 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
435 436 .hide{display:none;}
436 437 .textcenter{text-align:center;}
437 438 .textright{text-align:right;}
438 439 .important{color:#f02025; background-color:inherit; font-weight:bold;}
439 440
440 441 .box{
441 442 margin:0 0 20px 0;
442 443 padding:10px;
443 444 border:1px solid #c0c0c0;
444 445 background-color:#fafbfc;
445 446 color:#505050;
446 447 line-height:1.5em;
447 448 }
448 449
449 450 a.close-icon {
450 451 display:block;
451 452 margin-top:3px;
452 453 overflow:hidden;
453 454 width:12px;
454 455 height:12px;
455 456 background-repeat: no-repeat;
456 457 cursor:pointer;
457 458 background-image:url('../images/close.png');
458 459 }
459 460
460 461 a.close-icon:hover {
461 462 background-image:url('../images/close_hl.png');
462 463 }
463 464
464 465 .rightbox{
465 466 background: #fafbfc;
466 467 border: 1px solid #c0c0c0;
467 468 float: right;
468 469 padding: 8px;
469 470 position: relative;
470 471 margin: 0 5px 5px;
471 472 }
472 473
473 474 .overlay{
474 475 position: absolute;
475 476 margin-left:0;
476 477 z-index: 50;
477 478 }
478 479
479 480 .layout-active {
480 481 background: #ECF3E1;
481 482 }
482 483
483 484 .block-receiver {
484 485 border:1px dashed #c0c0c0;
485 486 margin-bottom: 20px;
486 487 padding: 15px 0 15px 0;
487 488 }
488 489
489 490 .mypage-box {
490 491 margin:0 0 20px 0;
491 492 color:#505050;
492 493 line-height:1.5em;
493 494 }
494 495
495 496 .handle {
496 497 cursor: move;
497 498 }
498 499
499 500 .login {
500 501 width: 50%;
501 502 text-align: left;
502 503 }
503 504
504 505 img.calendar-trigger {
505 506 cursor: pointer;
506 507 vertical-align: middle;
507 508 margin-left: 4px;
508 509 }
509 510
510 511 #history p {
511 512 margin-left: 34px;
512 513 }
513 514
514 515 .progress {
515 516 border: 1px solid #D7D7D7;
516 517 border-collapse: collapse;
517 518 border-spacing: 0pt;
518 519 empty-cells: show;
519 520 padding: 3px;
520 521 width: 40em;
521 522 text-align: center;
522 523 }
523 524
524 525 .progress td { height: 1em; }
525 526 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
526 527 .progress .open { background: #FFF none repeat scroll 0%; }
527 528
528 529 /***** Contextual links div *****/
529 530 .contextual {
530 531 float: right;
531 532 font-size: 0.8em;
532 533 line-height: 16px;
533 534 padding: 2px;
534 535 }
535 536
536 537 .contextual select, .contextual input {
537 538 font-size: 1em;
538 539 }
539 540
540 541 /***** Gantt chart *****/
541 542 .gantt_hdr {
542 543 position:absolute;
543 544 top:0;
544 545 height:16px;
545 546 border-top: 1px solid #c0c0c0;
546 547 border-bottom: 1px solid #c0c0c0;
547 548 border-right: 1px solid #c0c0c0;
548 549 text-align: center;
549 550 overflow: hidden;
550 551 }
551 552
552 553 .task {
553 554 position: absolute;
554 555 height:8px;
555 556 font-size:0.8em;
556 557 color:#888;
557 558 padding:0;
558 559 margin:0;
559 560 line-height:0.8em;
560 561 }
561 562
562 563 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
563 564 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
564 565 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
565 566 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
566 567
567 568 /***** Tooltips ******/
568 569 .tooltip{position:relative;z-index:24;}
569 570 .tooltip:hover{z-index:25;color:#000;}
570 571 .tooltip span.tip{display: none; text-align:left;}
571 572
572 573 div.tooltip:hover span.tip{
573 574 display:block;
574 575 position:absolute;
575 576 top:12px; left:24px; width:270px;
576 577 border:1px solid #555;
577 578 background-color:#fff;
578 579 padding: 4px;
579 580 font-size: 0.8em;
580 581 color:#505050;
581 582 }
582 583
583 584 /***** CSS FORM ******/
584 585 .tabular p{
585 586 margin: 0;
586 587 padding: 5px 0 8px 0;
587 588 padding-left: 180px; /*width of left column containing the label elements*/
588 589 height: 1%;
589 590 }
590 591
591 592 .tabular label{
592 593 font-weight: bold;
593 594 float: left;
594 595 margin-left: -180px; /*width of left column*/
595 596 width: 175px; /*width of labels. Should be smaller than left column to create some right
596 597 margin*/
597 598 }
598 599
599 600 .error {
600 601 color: #cc0000;
601 602 }
602 603
603 604 #settings .tabular p{ padding-left: 250px; }
604 605 #settings .tabular label{ margin-left: -250px; width: 245px; }
605 606
606 607 /*.threepxfix class below:
607 608 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
608 609 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
609 610 */
610 611
611 612 * html .threepxfix{
612 613 margin-left: 3px;
613 614 }
614 615
615 616 /***** Wiki sections ****/
616 617 #content div.wiki { font-size: 110%}
617 618
618 619 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
619 620 #content div.wiki h2 { font-size: 1.4em;}
620 621 #content div.wiki h3 { font-size: 1.2em;}
621 622
622 623 div.wiki table {
623 624 border: 1px solid #505050;
624 625 border-collapse: collapse;
625 626 }
626 627
627 628 div.wiki table, div.wiki td {
628 629 border: 1px solid #bbb;
629 630 padding: 4px;
630 631 }
631 632
632 633 div.wiki code {
633 634 font-size: 1.2em;
634 635 }
635 636
636 637 #preview .preview { background: #fafbfc url(../images/draft.png); }
General Comments 0
You need to be logged in to leave comments. Login now