comparison pylons_app/public/css/monoblue_custom.css @ 298:15e96b5a2685

autocomplete for repository managment of users
author Marcin Kuzminski <marcin@python-works.com>
date Sat, 26 Jun 2010 18:42:13 +0200
parents c60eeeb8ac4d
children 46b7d108ea7a
comparison
equal deleted inserted replaced
297:a074dec6ee40 298:15e96b5a2685
1 /*** Initial Settings ***/ 1 /*** Initial Settings ***/
2 #mainhtml{ 2 #mainhtml {
3 margin: 15px 50px; 3 margin: 15px 50px;
4 background: #DBD4C6; 4 background: #DBD4C6;
5 font-family: sans-serif; 5 font-family: sans-serif;
6 } 6 }
7 #mainhtml .breadcrumbs a:HOVER{ 7
8 text-decoration: underline; 8 #mainhtml .breadcrumbs a:HOVER {
9 } 9 text-decoration: underline;
10 }
11
10 a { 12 a {
11 color: #556CB5; 13 color: #556CB5;
12 text-decoration: none; 14 text-decoration: none;
13 } 15 }
14 a:HOVER{ 16
17 a:HOVER {
15 text-decoration: underline; 18 text-decoration: underline;
16 } 19 }
17 20
18 /*** end of Initial Settings ***/ 21 /*** end of Initial Settings ***/
19 22
20 /*** ***/ 23 /*** ***/
21 .table_disp { 24 .table_disp {
22 border-left: 0px solid #666666; 25 border-left: 0px solid #666666;
23 border-bottom: 1px solid #666666; 26 border-bottom: 1px solid #666666;
24 border-right: 1px solid #666666; 27 border-right: 1px solid #666666;
25 padding: 0px; 28 padding: 0px;
26 margin: 0px; 29 margin: 0px;
27 border-spacing: 0px; 30 border-spacing: 0px;
28 } 31 }
29 32
30 .table_disp .header { 33 .table_disp .header {
31 border-top: 1px solid #666666; 34 border-top: 1px solid #666666;
32 background-color: #556CB5; 35 background-color: #556CB5;
33 font-weight: bold; 36 font-weight: bold;
34 color: white; 37 color: white;
35 vertical-align: middle; 38 vertical-align: middle;
36 padding: 3px 5px; 39 padding: 3px 5px;
37 text-align: left; 40 text-align: left;
38 font-size: 0.9em; 41 font-size: 0.9em;
39 } 42 }
40 43
41 .table_disp .header td { 44 .table_disp .header td {
42 padding: 4px; 45 padding: 4px;
43 vertical-align: middle; 46 vertical-align: middle;
44 border-top: 1px solid #AAAAAA; 47 border-top: 1px solid #AAAAAA;
45 border-bottom: 2px solid #666666; 48 border-bottom: 2px solid #666666;
46 } 49 }
50
47 .table_disp td { 51 .table_disp td {
48 border-left: 1px solid #AAAAAA; 52 border-left: 1px solid #AAAAAA;
49 padding-left: 4px; 53 padding-left: 4px;
50 padding-right: 4px; 54 padding-right: 4px;
51 } 55 }
52 56
53 table tr.parity0:hover,table tr.parity1:hover { 57 table tr.parity0:hover,table tr.parity1:hover {
54 background: #D5E1E6; 58 background: #D5E1E6;
55 } 59 }
56 60
57 table tr.parity0 { 61 table tr.parity0 {
58 background: #EAEAE9; 62 background: #EAEAE9;
59 } 63 }
60 64
61 table tr.parity1 { 65 table tr.parity1 {
62 background: #FFFFFF; 66 background: #FFFFFF;
63 } 67 }
64 68
65 69 /*** ***/
66 /*** ***/ 70
67 71 /** COMMON SETTINGS **/
68 /** common settings **/ 72 .add_icon {
69 .add_icon{ 73 background: url("/images/icons/add.png") no-repeat scroll 3px;
70 background: url("/images/icons/add.png") no-repeat scroll 3px; 74 height: 16px;
71 height: 16px; 75 padding-left: 20px;
72 padding-left: 20px; 76 padding-top: 0px;
73 padding-top: 0px; 77 text-align: left;
74 text-align: left; 78 }
75 79
76 } 80 .edit_icon {
77 .edit_icon{ 81 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
78 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px; 82 height: 16px;
79 height: 16px; 83 padding-left: 20px;
80 padding-left: 20px; 84 padding-top: 0px;
81 padding-top: 0px; 85 text-align: left;
82 text-align: left; 86 }
83 } 87
84 88 .delete_icon {
85 .delete_icon{ 89 background: url("/images/icons/delete.png") no-repeat scroll 3px;
86 background: url("/images/icons/delete.png") no-repeat scroll 3px; 90 height: 16px;
87 height: 16px; 91 padding-left: 20px;
88 padding-left: 20px; 92 padding-top: 0px;
89 padding-top: 0px; 93 text-align: left;
90 text-align: left; 94 }
91 95
92 } 96 .action_button {
93 97 border: 0px;
94 .action_button{ 98 display: block;
95 border:0px; 99 }
96 display: block; 100
97 } 101 .action_button:hover {
98 .action_button:hover{ 102 border: 0px;
99 border:0px; 103 font-style: italic;
100 font-style:italic; 104 cursor: pointer;
101 cursor: pointer; 105 }
102 } 106
103 107 .flash_msg ul {
104 .flash_msg ul{ 108 margin: 0;
105 margin:0; 109 padding: 25px 0px 0px 0px;
106 padding:25px 0px 0px 0px; 110 }
107 111
108 }
109 .error_msg { 112 .error_msg {
110 background-color:#FFCFCF; 113 background-color: #FFCFCF;
111 background-image: url("/images/icons/error_msg.png"); 114 background-image: url("/images/icons/error_msg.png");
112 border:1px solid #FF9595; 115 border: 1px solid #FF9595;
113 color:#CC3300; 116 color: #CC3300;
114 } 117 }
118
115 .warning_msg { 119 .warning_msg {
116 background-color:#FFFBCC; 120 background-color: #FFFBCC;
117 background-image: url("/images/icons/warning_msg.png"); 121 background-image: url("/images/icons/warning_msg.png");
118 border:1px solid #FFF35E; 122 border: 1px solid #FFF35E;
119 color:#C69E00; 123 color: #C69E00;
120 } 124 }
125
121 .success_msg { 126 .success_msg {
122 background-color:#D5FFCF; 127 background-color: #D5FFCF;
123 background-image: url("/images/icons/success_msg.png"); 128 background-image: url("/images/icons/success_msg.png");
124 border:1px solid #97FF88; 129 border: 1px solid #97FF88;
125 color:#009900; 130 color: #009900;
126 } 131 }
132
127 .notice_msg { 133 .notice_msg {
128 background-color:#DCE3FF; 134 background-color: #DCE3FF;
129 background-image: url("/images/icons/notice_msg.png"); 135 background-image: url("/images/icons/notice_msg.png");
130 border:1px solid #93A8FF; 136 border: 1px solid #93A8FF;
131 color:#556CB5; 137 color: #556CB5;
132 } 138 }
133 139
134 .success_msg, .error_msg, .notice_msg, .warning_msg{ 140 .success_msg,.error_msg,.notice_msg,.warning_msg {
135 background-position:10px center; 141 background-position: 10px center;
136 background-repeat:no-repeat; 142 background-repeat: no-repeat;
137 font-size:12px; 143 font-size: 12px;
138 font-weight:bold; 144 font-weight: bold;
139 min-height:14px; 145 min-height: 14px;
140 line-height:14px; 146 line-height: 14px;
141 margin-bottom:0px; 147 margin-bottom: 0px;
142 margin-top:0px; 148 margin-top: 0px;
143 padding:3px 10px 3px 40px; 149 padding: 3px 10px 3px 40px;
144 display:block; 150 display: block;
145 overflow: auto; 151 overflow: auto;
146 } 152 }
147 153
148 #msg_close { 154 #msg_close {
149 background:transparent url("icons/cross_grey_small.png") no-repeat scroll 0 0; 155 background: transparent url("icons/cross_grey_small.png") no-repeat
150 cursor:pointer; 156 scroll 0 0;
151 height:16px; 157 cursor: pointer;
152 position:absolute; 158 height: 16px;
153 right:5px; 159 position: absolute;
154 top:5px; 160 right: 5px;
155 width:16px; 161 top: 5px;
156 } 162 width: 16px;
157 163 }
158 .error-message{ 164
159 color:#CC3300; 165 .error-message {
160 } 166 color: #CC3300;
161 /**** Tooltip ****/ 167 }
162 .yui-overlay, 168
163 .yui-panel-container { 169 /**** TOOLTIP ****/
164 visibility:hidden; 170 .yui-overlay,.yui-panel-container {
165 position:absolute; 171 visibility: hidden;
166 z-index: 2; 172 position: absolute;
173 z-index: 2;
167 } 174 }
168 175
169 .yui-tt { 176 .yui-tt {
170 visibility:hidden; 177 visibility: hidden;
171 position:absolute; 178 position: absolute;
172 color:#666666; 179 color: #666666;
173 background-color:#FFFFFF; 180 background-color: #FFFFFF;
174 font-family:arial,helvetica,verdana,sans-serif; 181 font-family: arial, helvetica, verdana, sans-serif;
175 padding:8px; 182 padding: 8px;
176 border:2px solid #556CB5; 183 border: 2px solid #556CB5;
177 font:100% sans-serif; 184 font: 100% sans-serif;
178 width:auto; 185 width: auto;
179 opacity:1.0; 186 opacity: 1.0;
180 } 187 }
181 188
182 .yui-tt-shadow { 189 .yui-tt-shadow {
183 display: none; 190 display: none;
184 } 191 }
185 /** end of Tooltip **/ 192
186 193 /** END TOOLTIP **/
187 194
195 /** AUTOCOMPLETE **/
196
197 .ac{
198 vertical-align: top;
199
200 }
201 .ac .match {
202 font-weight:bold;
203 }
204
205 .ac .yui-ac {
206 position: relative;
207 font-family: arial;
208 font-size: 100%;
209 }
210
211 .ac #perm_ac{
212 width:15em;
213 }
214 /* styles for input field */
215 .ac .yui-ac-input {
216 position: absolute;
217 width: 100%;
218 }
219
220 /* styles for results container */
221 .ac .yui-ac-container {
222 position: absolute;
223 top: 1.6em;
224 width: 100%;
225 }
226
227 /* styles for header/body/footer wrapper within container */
228 .ac .yui-ac-content {
229 position: absolute;
230 width: 100%;
231 border: 1px solid #808080;
232 background: #fff;
233 overflow: hidden;
234 z-index: 9050;
235 }
236
237 /* styles for container shadow */
238 .ac .yui-ac-shadow {
239 position: absolute;
240 margin: .3em;
241 width: 100%;
242 background: #000;
243 -moz-opacity: 0.10;
244 opacity: .10;
245 filter: alpha(opacity = 10);
246 z-index: 9049;
247 }
248
249 /* styles for results list */
250 .ac .yui-ac-content ul {
251 margin: 0;
252 padding: 0;
253 width: 100%;
254 }
255
256 /* styles for result item */
257 .ac .yui-ac-content li {
258 margin: 0;
259 padding: 2px 5px;
260 cursor: default;
261 white-space: nowrap;
262 }
263
264 /* styles for prehighlighted result item */
265 .ac .yui-ac-content li.yui-ac-prehighlight {
266 background: #B3D4FF;
267 }
268
269 /* styles for highlighted result item */
270 .ac .yui-ac-content li.yui-ac-highlight {
271 background: #556CB5;
272 color: #FFF;
273 }
274
275 /** END AUTOCOMPLETE **/
188 div#main { 276 div#main {
189 padding: 5px; 277 padding: 5px;
190 } 278 }
191 279
192 div#container { 280 div#container {
271 ul.page-nav li.current { 359 ul.page-nav li.current {
272 background: #FFF; 360 background: #FFF;
273 padding-right: 5px; 361 padding-right: 5px;
274 padding-left: 5px; 362 padding-left: 5px;
275 } 363 }
364
276 ul.page-nav li.current a { 365 ul.page-nav li.current a {
277 color: #556CB5; 366 color: #556CB5;
278 } 367 }
368
279 ul.page-nav li a { 369 ul.page-nav li a {
280 height: 24px; 370 height: 24px;
281 color: #FFF; 371 color: #FFF;
282 padding-right: 5px; 372 padding-right: 5px;
283 padding-left: 5px; 373 padding-left: 5px;
284 display: block; 374 display: block;
285 text-decoration: none; 375 text-decoration: none;
286 font-weight: bold; 376 font-weight: bold;
287 } 377 }
378
288 ul.page-nav li.logout a { 379 ul.page-nav li.logout a {
289 color: #FDAC9D; 380 color: #FDAC9D;
290 } 381 }
382
291 ul.page-nav li a:hover { 383 ul.page-nav li a:hover {
292 background: #FFF; 384 background: #FFF;
293 color: #556CB5; 385 color: #556CB5;
294 } 386 }
295 387
299 } 391 }
300 392
301 ul.submenu li { 393 ul.submenu li {
302 margin: 0 10px 0 0; 394 margin: 0 10px 0 0;
303 font-size: 0.9em; 395 font-size: 0.9em;
304 font-weight:bold; 396 font-weight: bold;
305 display: inline; 397 display: inline;
306 } 398 }
399
307 ul.submenu .repos { 400 ul.submenu .repos {
308 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px; 401 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
309 height: 16px; 402 height: 16px;
310 padding-left: 20px; 403 padding-left: 20px;
311 padding-top: 0px; 404 padding-top: 0px;
312 text-align: left; 405 text-align: left;
313 406 }
314 } 407
315 ul.submenu .users { 408 ul.submenu .users {
316 background: url("/images/icons/user_edit.png") no-repeat scroll 3px; 409 background: url("/images/icons/user_edit.png") no-repeat scroll 3px;
317 height: 16px; 410 height: 16px;
318 padding-left: 20px; 411 padding-left: 20px;
319 padding-top: 0px; 412 padding-top: 0px;
320 text-align: left; 413 text-align: left;
321 } 414 }
415
322 ul.submenu .permissions { 416 ul.submenu .permissions {
323 background: url("/images/icons/folder_key.png") no-repeat scroll 3px; 417 background: url("/images/icons/folder_key.png") no-repeat scroll 3px;
324 height: 16px; 418 height: 16px;
325 padding-left: 20px; 419 padding-left: 20px;
326 padding-top: 0px; 420 padding-top: 0px;
327 text-align: left; 421 text-align: left;
328 } 422 }
329 423
330 ul.submenu .current_submenu { 424 ul.submenu .current_submenu {
331 border-bottom: 2px solid #556CB5; 425 border-bottom: 2px solid #556CB5;
332 } 426 }
333 427
334 h2 { 428 h2 {
335 margin: 20px 0 10px; 429 margin: 20px 0 10px;
336 height: 30px; 430 height: 30px;
338 text-indent: 20px; 432 text-indent: 20px;
339 background: #FFF; 433 background: #FFF;
340 font-size: 1.2em; 434 font-size: 1.2em;
341 border-top: dotted 1px #D5E1E6; 435 border-top: dotted 1px #D5E1E6;
342 font-weight: bold; 436 font-weight: bold;
343 color:#556CB5; 437 color: #556CB5;
344 } 438 }
345 439
346 h2.no-link { 440 h2.no-link {
347 color: #006699; 441 color: #006699;
348 } 442 }
523 clear: left; 617 clear: left;
524 font-weight: bold; 618 font-weight: bold;
525 width: 150px; 619 width: 150px;
526 } 620 }
527 621
528 #clone_url{ 622 #clone_url {
529 border: 0px; 623 border: 0px;
530 } 624 }
531 /** end of summary **/ 625
532 626 /** end of summary **/ /** chagelog **/
533 /** chagelog **/
534 h3.changelog { 627 h3.changelog {
535 margin: 20px 0 5px 30px; 628 margin: 20px 0 5px 30px;
536 padding: 0 0 2px; 629 padding: 0 0 2px;
537 font-size: 1.4em; 630 font-size: 1.4em;
538 border-bottom: dotted 1px #D5E1E6; 631 border-bottom: dotted 1px #D5E1E6;
566 ul.changelog-entry li.description { 659 ul.changelog-entry li.description {
567 margin: 10px 0 0; 660 margin: 10px 0 0;
568 font-size: 1.1em; 661 font-size: 1.1em;
569 } 662 }
570 663
571 /** end of changelog **/ 664 /** end of changelog **/ /** file **/
572
573 /** file **/
574 p.files { 665 p.files {
575 margin: 0 0 0 20px; 666 margin: 0 0 0 20px;
576 font-size: 2.0em; 667 font-size: 2.0em;
577 font-weight: bold; 668 font-weight: bold;
578 } 669 }
579 670
580 /** end of file **/ 671 /** end of file **/ /** changeset **/
581 672 #changeset_content {
582 /** changeset **/ 673 width: 60%;
583 #changeset_content{ 674 float: left;
584 width:60%; 675 }
585 float:left; 676
586 } 677 #changeset_content .container .wrapper {
587
588 #changeset_content .container .wrapper{
589 width: 600px; 678 width: 600px;
590 } 679 }
591 #changeset_content .container{ 680
592 border:1px solid #CCCCCC; 681 #changeset_content .container {
593 height:120px; 682 border: 1px solid #CCCCCC;
594 } 683 height: 120px;
595 684 }
596 #changeset_content .container .left{ 685
597 float:left; 686 #changeset_content .container .left {
687 float: left;
598 width: 70%; 688 width: 70%;
599 padding-left: 5px; 689 padding-left: 5px;
600 } 690 }
601 691
602 #changeset_content .container .right{ 692 #changeset_content .container .right {
603 float:right; 693 float: right;
604 width: 25%; 694 width: 25%;
605 text-align: right; 695 text-align: right;
606 } 696 }
607 697
608 #changeset_content .container .left .date{ 698 #changeset_content .container .left .date {
609 font-weight:bold; 699 font-weight: bold;
610 } 700 }
611 #changeset_content .container .left .author{ 701
702 #changeset_content .container .left .author {
612 703
613 } 704 }
614 #changeset_content .container .left .message{ 705
706 #changeset_content .container .left .message {
615 font-style: italic; 707 font-style: italic;
616 color: #556CB5; 708 color: #556CB5;
617 } 709 }
618 710
619 .cs_files{ 711 .cs_files {
620 width: 60%; 712 width: 60%;
621 } 713 }
622 714
623 .cs_files .cs_added{ 715 .cs_files .cs_added {
624 background: url("/images/icons/page_white_add.png") no-repeat scroll 3px; 716 background: url("/images/icons/page_white_add.png") no-repeat scroll 3px;
625 /*background-color:#BBFFBB;*/ 717 /*background-color:#BBFFBB;*/
626 height: 16px; 718 height: 16px;
627 padding-left: 20px; 719 padding-left: 20px;
628 margin-top: 7px; 720 margin-top: 7px;
629 text-align: left; 721 text-align: left;
630 } 722 }
631 .cs_files .cs_changed{ 723
632 background: url("/images/icons/page_white_edit.png") no-repeat scroll 3px; 724 .cs_files .cs_changed {
725 background: url("/images/icons/page_white_edit.png") no-repeat scroll
726 3px;
633 /*background-color: #FFDD88;*/ 727 /*background-color: #FFDD88;*/
634 height: 16px; 728 height: 16px;
635 padding-left: 20px; 729 padding-left: 20px;
636 margin-top: 7px; 730 margin-top: 7px;
637 text-align: left; 731 text-align: left;
638 } 732 }
639 .cs_files .cs_removed{ 733
640 background: url("/images/icons/page_white_delete.png") no-repeat scroll 3px; 734 .cs_files .cs_removed {
735 background: url("/images/icons/page_white_delete.png") no-repeat scroll
736 3px;
641 /*background-color: #FF8888;*/ 737 /*background-color: #FF8888;*/
642 height: 16px; 738 height: 16px;
643 padding-left: 20px; 739 padding-left: 20px;
644 margin-top: 7px; 740 margin-top: 7px;
645 text-align: left; 741 text-align: left;
646 } 742 }
647 743
648 /** end of changeset **/ 744 /** end of changeset **/ /** canvas **/
649 745 #graph_nodes {
650 /** canvas **/ 746 margin-top: 8px;
651 #graph_nodes{ 747 }
652 margin-top:8px; 748
653 } 749 #graph {
654 #graph{
655 overflow: hidden; 750 overflow: hidden;
656 751 }
657 } 752
658 #graph_nodes{ 753 #graph_nodes {
659 width:160px; 754 width: 160px;
660 float:left; 755 float: left;
661 } 756 }
662 757
663 #graph_content{ 758 #graph_content {
664 width:800px; 759 width: 800px;
665 float:left; 760 float: left;
666 } 761 }
667 #graph_content .container_header{ 762
668 border:1px solid #CCCCCC; 763 #graph_content .container_header {
669 height:30px; 764 border: 1px solid #CCCCCC;
765 height: 30px;
670 background: #EEEEEE; 766 background: #EEEEEE;
671 } 767 }
672 768
673 769 #graph_content .container .wrapper {
674 #graph_content .container .wrapper{
675 width: 600px; 770 width: 600px;
676 } 771 }
677 #graph_content .container{ 772
773 #graph_content .container {
678 border-bottom: 1px solid #CCCCCC; 774 border-bottom: 1px solid #CCCCCC;
679 border-left: 1px solid #CCCCCC; 775 border-left: 1px solid #CCCCCC;
680 border-right: 1px solid #CCCCCC; 776 border-right: 1px solid #CCCCCC;
681 height:120px; 777 height: 120px;
682 } 778 }
683 779
684 #graph_content .container .left{ 780 #graph_content .container .left {
685 float:left; 781 float: left;
686 width: 70%; 782 width: 70%;
687 padding-left: 5px; 783 padding-left: 5px;
688 } 784 }
689 785
690 #graph_content .container .right{ 786 #graph_content .container .right {
691 float:right; 787 float: right;
692 width: 25%; 788 width: 25%;
693 text-align: right; 789 text-align: right;
694 } 790 }
695 #graph_content .container .left .date{ 791
696 font-weight:bold; 792 #graph_content .container .left .date {
697 } 793 font-weight: bold;
698 #graph_content .container .left .author{ 794 }
795
796 #graph_content .container .left .author {
699 797
700 } 798 }
701 #graph_content .container .left .message{ 799
800 #graph_content .container .left .message {
702 font-size: 80%; 801 font-size: 80%;
703 } 802 }
704 803
705 .right div{ 804 .right div {
706 clear: both; 805 clear: both;
707 } 806 }
708 .right .changes .added,.changed,.removed{ 807
709 border:1px solid #DDDDDD; 808 .right .changes .added,.changed,.removed {
710 display:block; 809 border: 1px solid #DDDDDD;
711 float:right; 810 display: block;
712 font-size:0.75em; 811 float: right;
713 text-align:center; 812 font-size: 0.75em;
714 min-width:15px; 813 text-align: center;
715 } 814 min-width: 15px;
716 .right .changes .added{ 815 }
717 background:#BBFFBB; 816
718 } 817 .right .changes .added {
719 .right .changes .changed{ 818 background: #BBFFBB;
819 }
820
821 .right .changes .changed {
720 background: #FFDD88; 822 background: #FFDD88;
721 } 823 }
722 .right .changes .removed{ 824
825 .right .changes .removed {
723 background: #FF8888; 826 background: #FF8888;
724 } 827 }
725 828
726 .right .merge{ 829 .right .merge {
727 vertical-align: top; 830 vertical-align: top;
728 font-size: 60%; 831 font-size: 60%;
729 font-weight: bold; 832 font-weight: bold;
730 } 833 }
731 .right .merge img{ 834
732 vertical-align: bottom; 835 .right .merge img {
733 } 836 vertical-align: bottom;
734 837 }
735 .right .parent{ 838
839 .right .parent {
736 font-size: 90%; 840 font-size: 90%;
737 font-family: monospace; 841 font-family: monospace;
738 } 842 }
739 /** end of canvas **/ 843
740 844 /** end of canvas **/ /* FILE BROWSER */
741 /* FILE BROWSER */
742 div.browserblock { 845 div.browserblock {
743 overflow: hidden; 846 overflow: hidden;
744 padding: 0px; 847 padding: 0px;
745 border: 1px solid #ccc; 848 border: 1px solid #ccc;
746 background: #f8f8f8; 849 background: #f8f8f8;
747 font-size: 100%; 850 font-size: 100%;
748 line-height: 100%; 851 line-height: 100%;
749 /* new */ 852 /* new */
750 line-height: 125%; 853 line-height: 125%;
751 } 854 }
752 div.browserblock .browser-header{ 855
856 div.browserblock .browser-header {
753 border-bottom: 1px solid #CCCCCC; 857 border-bottom: 1px solid #CCCCCC;
754 background: #EEEEEE; 858 background: #EEEEEE;
755 color:blue; 859 color: blue;
756 padding:10px 0 10px 0; 860 padding: 10px 0 10px 0;
757 } 861 }
758 div.browserblock .browser-header span{ 862
759 margin-left:25px; 863 div.browserblock .browser-header span {
760 font-weight: bold; 864 margin-left: 25px;
761 } 865 font-weight: bold;
762 div.browserblock .browser-body{ 866 }
867
868 div.browserblock .browser-body {
763 background: #EEEEEE; 869 background: #EEEEEE;
764 } 870 }
765 871
766 table.code-browser { 872 table.code-browser {
767 border-collapse:collapse; 873 border-collapse: collapse;
768 width: 100%; 874 width: 100%;
769 } 875 }
770 table.code-browser tr{ 876
771 margin:3px; 877 table.code-browser tr {
878 margin: 3px;
772 } 879 }
773 880
774 table.code-browser thead th { 881 table.code-browser thead th {
775 background-color: #EEEEEE; 882 background-color: #EEEEEE;
776 height: 20px; 883 height: 20px;
778 font-weight: bold; 885 font-weight: bold;
779 text-align: center; 886 text-align: center;
780 text-align: left; 887 text-align: left;
781 padding-left: 10px; 888 padding-left: 10px;
782 } 889 }
890
783 table.code-browser tbody tr { 891 table.code-browser tbody tr {
784 892
785 } 893 }
786 894
787 table.code-browser tbody td { 895 table.code-browser tbody td {
788 896 padding-left: 10px;
789 padding-left:10px;
790 height: 20px; 897 height: 20px;
791 } 898 }
792 899
793 .info-table { 900 .info-table {
794 background: none repeat scroll 0 0 #FAFAFA; 901 background: none repeat scroll 0 0 #FAFAFA;
809 height: 16px; 916 height: 16px;
810 padding-left: 20px; 917 padding-left: 20px;
811 padding-top: 0px; 918 padding-top: 0px;
812 text-align: left; 919 text-align: left;
813 } 920 }
814 .archive_logo{ 921
922 .archive_logo {
815 background: url("/images/icons/compress.png") no-repeat scroll 3px; 923 background: url("/images/icons/compress.png") no-repeat scroll 3px;
816 height: 16px; 924 height: 16px;
817 padding-left: 20px; 925 padding-left: 20px;
818 text-align: left; 926 text-align: left;
819 } 927 }