|
1 /* see font size http://developer.yahoo.com/yui/fonts/ */ |
|
2 body { |
|
3 margin: 0; |
|
4 padding: 0; |
|
5 font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Verdana,Arial,sans-serif; |
|
6 } |
|
7 |
|
8 h1, h2, h3 { |
|
9 font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif; |
|
10 } |
|
11 |
|
12 h1 { |
|
13 line-height: 1.2em; |
|
14 font-size: 262%; |
|
15 font-style: normal; |
|
16 font-weight: normal; |
|
17 } |
|
18 |
|
19 h2 { |
|
20 line-height: 1em; |
|
21 font-size: 189%; |
|
22 font-style: normal; |
|
23 font-weight: normal; |
|
24 } |
|
25 |
|
26 h3 { |
|
27 margin-bottom:0.5em; |
|
28 } |
|
29 |
|
30 h2 { |
|
31 margin:1em 0em 0.2em 0em; |
|
32 } |
|
33 |
|
34 .wrapper { |
|
35 margin: 0 auto; |
|
36 width: 960px; |
|
37 } |
|
38 |
|
39 #header { |
|
40 background: #F3F3F3 url(../img/header_bg2.png) repeat-x scroll |
|
41 left bottom; |
|
42 /*background: #FFFFFF url(../img/header_bg2.png) repeat-x scroll |
|
43 top bottom;*/ |
|
44 |
|
45 height: 45px; |
|
46 margin: 0 auto 5px; |
|
47 position: relative; |
|
48 /*border-color: -moz-use-text-color -moz-use-text-color #BBB; |
|
49 border-width: 0 0 1px 0; |
|
50 border-style: none none solid; |
|
51 border-width: 0 0 1px 0; |
|
52 |
|
53 */ |
|
54 border: none; |
|
55 } |
|
56 |
|
57 #header_controls { |
|
58 margin-top: 10px; |
|
59 float: right; |
|
60 } |
|
61 |
|
62 #content { |
|
63 |
|
64 } |
|
65 |
|
66 #menu { |
|
67 float: left; |
|
68 width: 20%; |
|
69 } |
|
70 |
|
71 #main { |
|
72 float: right; |
|
73 width: 79%; |
|
74 } |
|
75 |
|
76 /****************/ |
|
77 .text-buttons { |
|
78 float: right; |
|
79 } |
|
80 |
|
81 .float-right { |
|
82 float: left; |
|
83 } |
|
84 |
|
85 .text-buttons ul { |
|
86 margin-top: 0px; |
|
87 margin-bottom: 0px; |
|
88 } |
|
89 |
|
90 .text-buttons ul li { |
|
91 display: inline; |
|
92 } |
|
93 |
|
94 ul.text-tabs li { |
|
95 display: inline; |
|
96 } |
|
97 |
|
98 .text-form td, .wizard-form td { |
|
99 vertical-align: center; |
|
100 } |
|
101 |
|
102 .text-form td.label, .wizard-form td.label { |
|
103 font-weight: bold; |
|
104 /*font-size: 108%;*/ |
|
105 float: right; |
|
106 margin-right: 0.5em; |
|
107 padding-top: 0.8em; |
|
108 text-align:right; |
|
109 } |
|
110 |
|
111 .version_item-selected a,.version_item a,.diff_item a,.version_item-diff_selected a,.diff_item-selected a,.version_item-diff_selected_2 a,.version_item-diff_selected_1 a |
|
112 { |
|
113 text-decoration: none; |
|
114 } |
|
115 |
|
116 .version_item { |
|
117 padding-left: 10px; |
|
118 padding-right: 10px; |
|
119 background: #BBB; |
|
120 border: 1px solid #AAA; |
|
121 } |
|
122 |
|
123 .version_item-diff_selected { |
|
124 padding-left: 10px; |
|
125 padding-right: 10px; |
|
126 /*background: #EEE;*/ |
|
127 border: 1px solid #333; |
|
128 } |
|
129 |
|
130 .version_item-selected { |
|
131 padding-left: 10px; |
|
132 padding-right: 10px; |
|
133 /*background: #FFF;*/ |
|
134 border: 1px solid #F00; |
|
135 } |
|
136 |
|
137 .diff_item-selected a { |
|
138 color: red; |
|
139 } |
|
140 |
|
141 .diff_item { |
|
142 |
|
143 } |
|
144 |
|
145 ins,ins p { |
|
146 background: #bfb |
|
147 } |
|
148 |
|
149 del,ins p { |
|
150 background: #fcc |
|
151 } |
|
152 |
|
153 ins,del { |
|
154 text-decoration: none |
|
155 } |
|
156 |
|
157 /* diff table */ |
|
158 table.diff { |
|
159 border: medium none; |
|
160 border-spacing: 4px; |
|
161 width: 98%; |
|
162 } |
|
163 |
|
164 table.diff th,table.diff td { |
|
165 border: 1px solid transparent; |
|
166 padding: 0.1em; |
|
167 } |
|
168 |
|
169 .diff-lineno { |
|
170 font-weight: bold; |
|
171 } |
|
172 |
|
173 .diff-context { |
|
174 background-color: #EEEEEE; |
|
175 } |
|
176 |
|
177 .diff-addedline { |
|
178 background-color: #CCFFCC; |
|
179 width: 42%; |
|
180 } |
|
181 |
|
182 .diff-marker { |
|
183 font-size: 120%; |
|
184 text-align: center; |
|
185 width: 5%; |
|
186 } |
|
187 |
|
188 .diff-separator { |
|
189 width: 5%; |
|
190 } |
|
191 |
|
192 .diff-deletedline { |
|
193 background-color: #FFFFAA; |
|
194 width: 42%; |
|
195 } |
|
196 |
|
197 .diff-head { |
|
198 text-align: center; |
|
199 font-weight: bold; |
|
200 } |
|
201 |
|
202 /* /diff table */ |
|
203 .error input[type="text"],.error input[type="password"],.error textarea |
|
204 { |
|
205 border: 1px solid #FF0000; |
|
206 } |
|
207 |
|
208 table.wide_form { |
|
209 width: 100%; |
|
210 } |
|
211 |
|
212 table.wide_form td { |
|
213 padding-top: 0.9em; |
|
214 } |
|
215 |
|
216 table.small_form { |
|
217 width: 70%; |
|
218 margin-left: auto; |
|
219 margin-right: auto; |
|
220 } |
|
221 |
|
222 table.small_form td { |
|
223 padding-top: 0.9em; |
|
224 } |
|
225 |
|
226 .small_form input[type="text"], .small_form input[type="password"], .small_form textarea { |
|
227 width:150px; |
|
228 } |
|
229 |
|
230 input[type="checkbox"] { |
|
231 margin-top: 5px; |
|
232 } |
|
233 |
|
234 .error-text { |
|
235 color: #FF0000; |
|
236 } |
|
237 |
|
238 ul.errorlist li { |
|
239 display: inline; |
|
240 } |
|
241 |
|
242 /* form style */ |
|
243 /* |
|
244 .text-form { |
|
245 padding: 10px; |
|
246 } |
|
247 */ |
|
248 |
|
249 .wizard-form { |
|
250 background-color: #F7F7F7; |
|
251 border: 1px solid #D7D7D7; |
|
252 padding: 10px; |
|
253 } |
|
254 |
|
255 input[type="submit"], input[type="button"] { |
|
256 background-color: #389845; |
|
257 border-color: #D5EADE #0D5B21 #0D5B24 #D8EADD; |
|
258 border-style: solid; |
|
259 border-width: 1px; |
|
260 color: #FFFFFF; |
|
261 font-family: "lucida grande", tahoma, verdana, arial, sans-serif; |
|
262 font-size: 11px; |
|
263 padding: 2px 15px 3px; |
|
264 } |
|
265 |
|
266 input[disabled=""], input[disabled="disabled"] { |
|
267 background-color: #EDEDED; |
|
268 border-color: #D5EADE #BBB1A7 #BBB1A7 #D8EADD; |
|
269 color: #B1A5AB; |
|
270 } |
|
271 |
|
272 label { |
|
273 color: #444; |
|
274 } |
|
275 |
|
276 input[type="text"],input[type="password"],textarea { |
|
277 border: 1px solid #96D8A8; |
|
278 font-family: "lucida grande", tahoma, verdana, arial, sans-serif; |
|
279 font-size: 11px; |
|
280 padding: 3px; |
|
281 width: 450px; |
|
282 } |
|
283 |
|
284 UIMediaButton_Container { |
|
285 color: #777777; |
|
286 display: block; |
|
287 text-decoration: none; |
|
288 } |
|
289 |
|
290 .UIMediaButton_Container .UIMediaButton_top_row { |
|
291 height: 100%; |
|
292 } |
|
293 |
|
294 .UIMediaButton_Container .UIMediaButton_tl { |
|
295 background: transparent url(../img/new_media_button.png) |
|
296 no-repeat scroll left top; |
|
297 height: 11px; |
|
298 width: 10px; |
|
299 } |
|
300 |
|
301 .UIMediaButton_Container .UIMediaButton_content { |
|
302 background: transparent url(../img/new_media_button.png) |
|
303 no-repeat scroll -7px 0; |
|
304 vertical-align: bottom; |
|
305 } |
|
306 |
|
307 .UIMediaButton_Container .UIMediaButton_bottom { |
|
308 background: transparent url(../img/new_media_button.png) repeat |
|
309 scroll -7px bottom; |
|
310 } |
|
311 |
|
312 #UIMediaButton_plus { |
|
313 color: #333333; |
|
314 display: block; |
|
315 font-size: 11px; |
|
316 font-weight: bold; |
|
317 text-shadow: 0 1px 1px white; |
|
318 } |
|
319 |
|
320 .UIMediaButton_Container .UIMediaButton_tr { |
|
321 background: transparent url(../img/new_media_button.png) |
|
322 no-repeat scroll right top; |
|
323 height: 11px; |
|
324 width: 10px; |
|
325 } |
|
326 |
|
327 .UIMediaButton_Container .UIMediaButton_lower_row { |
|
328 height: 9px; |
|
329 } |
|
330 |
|
331 .UIMediaButton_Container .UIMediaButton_bl { |
|
332 background: transparent url(../img/new_media_button.png) |
|
333 no-repeat scroll left bottom; |
|
334 } |
|
335 |
|
336 .UIMediaButton_Container .UIMediaButton_br { |
|
337 background: transparent url(../img/new_media_button.png) |
|
338 no-repeat scroll right bottom; |
|
339 } |
|
340 |
|
341 .UIMediaButton_Container th,.UIMediaButton_Container td { |
|
342 border: none; |
|
343 padding: 1px; |
|
344 font-size: 11px; |
|
345 text-align: left; |
|
346 } |
|
347 |
|
348 .help_text { |
|
349 margin-top: 1px; |
|
350 margin-bottom: 1px; |
|
351 color: #555; |
|
352 font-size: 11px; |
|
353 } |
|
354 |
|
355 .td_right { |
|
356 text-align: right; |
|
357 vertical-align: top; |
|
358 width: 25%; |
|
359 } |
|
360 |
|
361 .td_right label { |
|
362 float: right; |
|
363 } |
|
364 |
|
365 .copy_link { |
|
366 font-family: monospace; |
|
367 } |
|
368 |
|
369 table th,table td { |
|
370 border: 0px; |
|
371 padding: 0.1em; |
|
372 } |
|
373 |
|
374 /* jquery custom overrides */ |
|
375 |
|
376 #main-tabs, #text-tabs { |
|
377 margin-top: 20px; |
|
378 border : none ; |
|
379 padding : 0 ; |
|
380 } |
|
381 #main-tabs .ui-widget-header, #text-tabs .ui-widget-header { |
|
382 background : none ; |
|
383 border : none ; |
|
384 } |
|
385 |
|
386 #main-tabs ul li, #text-tabs ul li {/* override YUI's base for jquery tabs */ |
|
387 list-style: none; |
|
388 } |
|
389 |
|
390 |
|
391 #main-tabs .ui-tabs-nav li a, #text-tabs .ui-tabs-nav li a { |
|
392 padding:0.4em 2em; |
|
393 } |
|
394 |
|
395 .text-meta { |
|
396 padding: 10px; |
|
397 } |
|
398 |
|
399 #text_history_timeline { |
|
400 line-height: 1.7em; |
|
401 } |
|
402 |
|
403 #footer { |
|
404 margin-top:10px; |
|
405 border-top:1px solid #DDDDDD; |
|
406 line-height: 0.6em; |
|
407 } |
|
408 |
|
409 #footer ul { |
|
410 margin-top:10px; |
|
411 text-align:right; |
|
412 } |
|
413 |
|
414 #sopinspacelink:hover { |
|
415 color:#EB5700; |
|
416 text-decoration:underline; |
|
417 } |
|
418 |
|
419 #sopinspacelink, #sopinspacelink:visited { |
|
420 color:#EB5700; |
|
421 text-decoration:none; |
|
422 } |
|
423 |
|
424 |
|
425 .ui-widget-content { |
|
426 border-left:0; |
|
427 border-right:0; |
|
428 border-bottom:0; |
|
429 } |
|
430 |
|
431 .ui-widget-content a { |
|
432 color:#00F; |
|
433 } |
|
434 |
|
435 ul.navlinks li { |
|
436 display:inline; |
|
437 list-style-image:none; |
|
438 list-style-position:outside; |
|
439 list-style-type:none; |
|
440 padding:0 0.5em 0 0; |
|
441 white-space:nowrap; |
|
442 } |
|
443 |
|
444 a.title { |
|
445 color:#000; |
|
446 text-decoration: none; |
|
447 } |
|
448 |
|
449 a.title:hover { |
|
450 text-decoration: underline; |
|
451 } |
|
452 |
|
453 .hidden { |
|
454 display: none; |
|
455 } |
|
456 |
|
457 .align-mid { |
|
458 vertical-align:middle; |
|
459 } |
|
460 |
|
461 /* workspace design */ |
|
462 .dash_table { |
|
463 border:1px solid #DFDFDF; |
|
464 width:100%; |
|
465 } |
|
466 |
|
467 .dash_table:hover { |
|
468 border:1px solid #B9B9B9; |
|
469 } |
|
470 |
|
471 .dash_table:hover th { |
|
472 background-color: #E9E9E9; |
|
473 } |
|
474 |
|
475 .dash_table th { |
|
476 line-height:1.3em; |
|
477 padding:7px 7px 8px; |
|
478 text-align:left; |
|
479 border-bottom:1px solid #DFDFDF; |
|
480 background-color:#F3F3F3; |
|
481 font-weight: normal; |
|
482 } |
|
483 |
|
484 .dash_table th .em { |
|
485 font-weight: bold; |
|
486 } |
|
487 .dash_table td, .dash_table th { |
|
488 font-size:11px; |
|
489 vertical-align:text-top; |
|
490 } |
|
491 |
|
492 .dash_table td { |
|
493 padding:7px 7px 5px; |
|
494 } |
|
495 |
|
496 .dash_table .dash_action { |
|
497 padding-left:20px; |
|
498 padding-top:5px; |
|
499 } |
|
500 |
|
501 .large_table td, .large_table th { |
|
502 border-bottom-style:solid; |
|
503 border-bottom-width:1px; |
|
504 font-size:11px; |
|
505 vertical-align:text-top; |
|
506 } |
|
507 |
|
508 .large_table th { |
|
509 line-height:1.3em; |
|
510 padding:7px 7px 8px; |
|
511 text-align:left; |
|
512 } |
|
513 |
|
514 .large_table td, .large_table th { |
|
515 border-bottom-style:solid; |
|
516 border-bottom-width:1px; |
|
517 font-size:11px; |
|
518 vertical-align:text-top; |
|
519 } |
|
520 |
|
521 .large_table td.all_border, .large_table th.all_border { |
|
522 border:1px solid #DFDFDF; |
|
523 } |
|
524 |
|
525 .large_table td.no_border, .large_table th.no_border { |
|
526 border:none; |
|
527 background-color:#FFFFFF; |
|
528 } |
|
529 |
|
530 .large_table { |
|
531 width: 100%; |
|
532 } |
|
533 |
|
534 #dashboard .large_table { |
|
535 border: none; |
|
536 } |
|
537 |
|
538 .large_table td { |
|
539 padding:7px 7px 5px; |
|
540 vertical-align:top; |
|
541 } |
|
542 |
|
543 .large_table thead tr, .header_like { |
|
544 background-color:#F3F3F3; |
|
545 } |
|
546 |
|
547 .header_like { |
|
548 font-weight:bold; |
|
549 } |
|
550 |
|
551 .large_table td, .large_table th { |
|
552 border-color:#DFDFDF; |
|
553 } |
|
554 |
|
555 .large_table { |
|
556 border: 1px solid #DFDFDF; |
|
557 } |
|
558 |
|
559 .large_table .even { |
|
560 background-color: #F9F9F9; |
|
561 } |
|
562 |
|
563 .large_table .selected { |
|
564 background-color: #FFFFCC; |
|
565 } |
|
566 |
|
567 .large_table .hover { |
|
568 background-color: #F5F5F5; |
|
569 } |
|
570 |
|
571 .small-info { |
|
572 font-size: 90%; |
|
573 color:#6A6969; |
|
574 } |
|
575 |
|
576 input[type="text"].small { |
|
577 width:200px; |
|
578 } |
|
579 |
|
580 .required_star { |
|
581 color: red; |
|
582 } |
|
583 |
|
584 a { |
|
585 text-decoration: none; |
|
586 } |
|
587 |
|
588 a:hover { |
|
589 text-decoration:underline; |
|
590 } |
|
591 |
|
592 .ui-tabs .ui-tabs-panel { |
|
593 background:transparent none repeat scroll 0 0; |
|
594 border-width:1px; |
|
595 display:block; |
|
596 padding:1em 1.4em; |
|
597 } |
|
598 |
|
599 .tab-meta { |
|
600 padding: 10px; |
|
601 } |
|
602 |
|
603 th.check-column { |
|
604 width:2.2em; |
|
605 } |
|
606 |
|
607 .large_table input[type="checkbox"] { |
|
608 padding:0px; |
|
609 margin:0px; |
|
610 } |
|
611 |
|
612 /* sort */ |
|
613 a.sort_up, a.sort_down, a.sort_disable { |
|
614 text-decoration:none; |
|
615 color: #000; |
|
616 } |
|
617 |
|
618 a.sort_up:hover, a.sort_down:hover, a.sort_disable:hover { |
|
619 text-decoration:none; |
|
620 color: #666; |
|
621 } |
|
622 |
|
623 .sort_up { |
|
624 background:url(../img/icon_sort_up.gif) center right no-repeat; |
|
625 padding:0 16px 0 0; |
|
626 white-space:nowrap; |
|
627 } |
|
628 |
|
629 .sort_down { |
|
630 background:url(../img/icon_sort_down.gif) center right no-repeat; |
|
631 padding:0 16px 0 0; |
|
632 white-space:nowrap; |
|
633 } |
|
634 |
|
635 .sort_disable { |
|
636 background:url(../img/icon_sort_disable.gif) center right no-repeat; |
|
637 padding:0 16px 0 0; |
|
638 white-space:nowrap; |
|
639 } |
|
640 |
|
641 /* end sort */ |
|
642 |
|
643 |
|
644 h1.main_title { |
|
645 margin-top:0.5em; |
|
646 margin-bottom:0em; |
|
647 } |
|
648 |
|
649 h1.main_title_text { |
|
650 margin-top:0.0em; |
|
651 margin-bottom:0em; |
|
652 } |
|
653 |
|
654 .breadcrumbs { |
|
655 font-size: 77%; |
|
656 } |
|
657 |
|
658 .main_object_title { |
|
659 font-weight: bold; |
|
660 } |
|
661 |
|
662 ul.sub_list { |
|
663 margin:0em 0em 1em 0em; |
|
664 } |
|
665 |
|
666 ul.sub_list li{ |
|
667 display: inline; |
|
668 } |
|
669 |
|
670 ul.sub_list li.active_sub { |
|
671 font-weight: bold; |
|
672 } |
|
673 |
|
674 .text-buttons .ui-state-default, .text-buttons .ui-widget-content .ui-state-default { |
|
675 background:0; |
|
676 } |
|
677 |
|
678 #text_view_frame_container { /* cf .ui-widget-content */ |
|
679 border:1px solid #AAAAAA; |
|
680 } |
|
681 |
|
682 .message { |
|
683 background-color: #B5C8C8; |
|
684 /*#4AC85A;*/ |
|
685 padding: 5px; |
|
686 border: 1px solid #94B6C8; |
|
687 } |
|
688 |
|
689 .large_table tr.no-border td, .large_table tr.no-border { |
|
690 border-left: 1px solid #FFF; |
|
691 border-right: 1px solid #FFF; |
|
692 border-top: 1px solid #FFF; |
|
693 } |
|
694 |
|
695 .large_table tr.full-border td { |
|
696 border-top: 1px solid #DFDFDF; |
|
697 border-bottom: 1px solid #DFDFDF; |
|
698 } |
|
699 |
|
700 .large_table tr.no-border-bottom td { |
|
701 border-bottom: 1px solid #FFF; |
|
702 } |
|
703 |
|
704 .non_active { |
|
705 color: #999; |
|
706 } |
|
707 |
|
708 .hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; } |
|
709 |
|
710 .fg-button { clear:left; margin:0 4px 40px 20px; padding: .1em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } |
|
711 .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } |
|
712 button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */ |
|
713 |
|
714 .fg-button-icon-left { padding-left: 1.5em; } |
|
715 .fg-button-icon-right { padding-right: 1.5em; } |
|
716 .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; } |
|
717 .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; } |
|
718 .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */ |
|
719 |
|
720 .fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; } |
|
721 |
|
722 a.tip { |
|
723 color:#000; |
|
724 padding-right: 18px; |
|
725 background: transparent url(../img/question_mark_grey.gif) no-repeat scroll right center; |
|
726 } |
|
727 |
|
728 a.tip:hover { |
|
729 text-decoration:none; |
|
730 } |
|
731 |
|
732 .metadata { |
|
733 color: #555; |
|
734 } |
|
735 |
|
736 #login_container { |
|
737 padding:34px 150px 50px; |
|
738 } |
|
739 |
|
740 .underline_border { |
|
741 font-weight:bold; |
|
742 border-bottom:1px solid #CCCCCC; |
|
743 padding-bottom: 10px; |
|
744 margin-bottom: 15px; |
|
745 } |
|
746 |
|
747 |
|
748 ul.dashlog_list { |
|
749 margin-left:0; |
|
750 } |
|
751 li.dashlog_item { |
|
752 list-style-type: none; |
|
753 margin-bottom: 13px; |
|
754 } |
|
755 |
|
756 .dashlog_img { |
|
757 float:left; |
|
758 padding-right: 6px; |
|
759 } |
|
760 .dashlog_data { |
|
761 } |
|
762 |
|
763 .dashlog_metadata { |
|
764 font-size: 77%; |
|
765 color: #999999; |
|
766 } |
|
767 |
|
768 .view_options { |
|
769 font-weight:normal; |
|
770 padding-left:10px; |
|
771 } |
|
772 |
|
773 .view_options input[type="checkbox"] { |
|
774 vertical-align: middle; |
|
775 } |
|
776 |
|
777 .spark { |
|
778 text-align:center; |
|
779 } |
|
780 |
|
781 .mod_actions a { |
|
782 color: #FF8000; |
|
783 } |
|
784 |
|
785 textarea { |
|
786 width:650px ; |
|
787 } |
|
788 |
|
789 dl dt { |
|
790 font-weight: bold; |
|
791 } |
|
792 |
|
793 dl dd { |
|
794 padding-bottom: 1em; |
|
795 } |