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