slitaz-forge view forum/vanilla/themes/slitaz/design/style.css.org @ rev 37
Update laste forum theme
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Mar 19 16:26:12 2011 +0100 (2011-03-19) |
| parents | |
| children |
line source
1 /*
2 Welcome to the Generic Style CSS File! Some things you should know:
4 1. This file is included on all front-end/user-facing pages. Applications can
5 override this file in their own custom files (ie. vanilla.css or
6 conversations.css).
8 2. This file is broken down into the following sections:
9 + General Styles & Typography
10 + Header
11 + Main Menu
12 + Panels / Sidebars
13 + Activities
14 + Profile Page
15 + Profile Tab Menu
16 + Thumbnail Cropper
17 + Footer
18 */
20 /* ================================================================ Reset CSS */
21 html, body, div, span, applet, object, iframe,
22 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
23 a, abbr, acronym, address, big, cite, code,
24 del, dfn, em, font, img, ins, kbd, q, s, samp,
25 small, strike, strong, sub, sup, tt, var,
26 dl, dt, dd, ol, ul, li,
27 fieldset, form, label, legend,
28 table, caption, tbody, tfoot, thead, tr, th, td {
29 margin: 0;
30 padding: 0;
31 border: 0;
32 outline: 0;
33 font-weight: inherit;
34 font-style: inherit;
35 font-size: 100%;
36 font-family: inherit;
37 vertical-align: baseline;
38 }
39 /* remember to define focus styles! */
40 :focus {
41 outline: 0;
42 }
43 body {
44 line-height: 1;
45 color: black;
46 background: white;
47 }
48 ol, ul {
49 list-style: none;
50 }
51 /* tables still need 'cellspacing="0"' in the markup */
52 table {
53 border-collapse: separate;
54 border-spacing: 0;
55 }
56 caption, th, td {
57 text-align: left;
58 font-weight: normal;
59 }
60 blockquote:before, blockquote:after,
61 q:before, q:after {
62 content: "";
63 }
64 blockquote, q {
65 quotes: "" "";
66 }
68 /* ============================================== General Styles & Typography */
69 body {
70 color: #000;
71 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
72 font-size: 75%;
73 line-height: 1.7em;
74 background: #fff;
75 margin: 0;
76 padding: 0;
77 text-align: center;
78 font-size: small;
79 }
80 #Body {
81 width: 960px;
82 text-align: left;
83 margin: 15px auto 0;
84 }
85 #Content {
86 float: left;
87 width: 680px;
88 margin: 0 0 40px;
89 }
90 .Hidden {
91 display: none;
92 }
93 .nowrap {
94 white-space: nowrap;
95 }
96 .Center {
97 text-align: center;
98 }
99 .Right {
100 text-align: right;
101 }
102 h1, h2, h3, h4, h5, h6 {
103 color: #000;
104 font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
105 font-weight: normal;
106 margin: 0;
107 }
108 p {
109 margin: 0.5em 0 0 0;
110 line-height: 1.6em;
111 }
112 h1, h2 {
113 border-bottom:1px solid #bbb;
114 font-size:140%;
115 font-weight:bold;
116 margin-bottom:10px;
117 }
118 h3 {
119 font-size:140%;
120 }
121 h4 {
122 font-size: 120%;
123 color: #6C6C6C;
124 }
125 h5 {
126 font-size: 120%;
127 color: #6C6C6C;
128 }
129 a,
130 a:link,
131 a:visited,
132 a:active {
133 text-decoration: none;
134 color: #1e79a7;
135 }
136 a:hover {
137 text-decoration: none;
138 color: #ff0084;
139 }
140 input.DateBox,
141 input.InputBox,
142 input.SmallInput,
143 textarea {
144 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
145 color: #333;
146 font-size: 15px;
147 padding: 3px;
148 margin: 0;
149 width: 250px;
150 border: 1px solid #aaa;
151 border-radius: 2px;
152 -moz-border-radius: 2px;
153 -webkit-border-radius: 2px;
154 }
155 textarea.TextBox {
156 width: 500px;
157 height: 100px;
158 min-height: 100px;
159 }
160 #Popup textarea.TextBox {
161 width: 100%;
162 }
163 input.SmallInput,
164 input.InputBox {
165 padding: 6px 3px;
166 }
167 input.SmallInput:focus,
168 input.InputBox:focus,
169 textarea:focus {
170 background: #ffe;
171 }
172 textarea {
173 line-height: 128%;
174 }
175 select {
176 font-family: arial;
177 font-size: 14px;
178 color: #222;
179 margin: 0;
180 padding: 3px;
181 }
182 a.Button,
183 .Button {
184 cursor: pointer;
185 margin: 0;
186 font-size: 11px;
187 padding: 4px;
188 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
189 color: #02475A;
190 text-shadow: 0 1px 0 #fff;
191 border: 1px solid #999;
192 border-radius: 3px;
193 -moz-border-radius: 3px;
194 -webkit-border-radius: 3px;
195 box-shadow: 0px 0px 2px #999;
196 -moz-box-shadow: 0px 0px 2px #999;
197 -webkit-box-shadow: 0px 0px 2px #999;
198 }
199 input.Button {
200 font-size: 14px;
201 font-weight: bold;
202 }
203 .Button:hover {
204 color: #111;
205 border: 1px solid #666;
206 }
207 .Button:focus {
208 background: #eee;
209 }
210 .Loading {
211 height: 100px;
212 padding: 0 20px;
213 background: url('images/progress.gif') center center no-repeat;
214 }
215 .Progress {
216 padding: 10px 40px 10px 0;
217 background: url('images/progress.gif') center center no-repeat;
218 }
219 .TinyProgress {
220 padding: 10px 40px 10px 0;
221 background: url('images/progress_sm.gif') center center no-repeat;
222 }
223 /* Note: Messages are the yellow notices that appear at the top/center of the
224 page to notify users of things like drafts being saved, etc. */
225 div.Messages {
226 text-align: center !important;
227 position: fixed;
228 top: 0;
229 left: 0;
230 z-index: 200;
231 margin: 0 !important;
232 padding: 0 !important;
233 list-style: none !important;
234 font-size: 12px;
235 display: block;
236 width: 100%;
237 }
238 * html div.Messages {
239 position: absolute;
240 width: 100%;/*IE5.5*/
241 top: 0;
242 left: 0;
243 overflow: visible;
244 top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
245 }
246 div.Messages ul {
247 cursor: pointer;
248 width: auto !important;
249 border: 0 !important;
250 margin: 0 auto !important;
251 padding: 4px 8px !important;
252 border-bottom-left-radius: 2px;
253 border-bottom-right-radius: 2px;
254 -moz-border-radius-bottomleft: 2px;
255 -moz-border-radius-bottomright: 2px;
256 -webkit-border-bottom-left-radius: 2px;
257 -webkit-border-bottom-right-radius: 2px;
258 background: #ff9 !important;
259 display:-moz-inline-stack;
260 display:inline-block;
261 zoom:1;
262 *display:inline;
263 box-shadow: 0px 0px 2px #333;
264 -moz-box-shadow: 0px 0px 2px #333;
265 -webkit-box-shadow: 0px 0px 2px #333;
266 }
267 div.Messages ul li {
268 text-align: left !important;
269 border: 0 !important;
270 color: #000 !important;
271 padding: 0 !important;
272 margin: 0 !important;
273 list-style-position: outside;
274 }
275 div.Errors ul {
276 background: #d50a0a !important;
277 }
278 div.Errors ul li {
279 color: #fff !important;
280 background: #d50a0a !important;
281 }
282 .Conversations .Deleted {
283 text-decoration: line-through;
284 }
285 div.Deleted {
286 background: #f5f5f5;
287 border: 1px solid #dddddd;
288 margin: 10px 0 0;
289 padding: 6px 10px;
290 border-radius: 3px;
291 -moz-border-radius: 3px;
292 -webkit-border-radius: 3px;
293 }
294 /* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
295 strings & imply importance. */
296 .Warning {
297 background: #ffc;
298 border: 1px solid #ff9;
299 color: #000;
300 padding: 6px 8px;
301 border-radius: 3px;
302 -moz-border-radius: 3px;
303 -webkit-border-radius: 3px;
304 }
305 .Alert {
306 background: #d00;
307 border: 1px solid #b00;
308 color: #fff;
309 padding: 3px 6px;
310 border-radius: 3px;
311 -moz-border-radius: 3px;
312 -webkit-border-radius: 3px;
313 }
314 .Alert a {
315 color: #fff;
316 }
317 .Alert a:hover {
318 text-decoration: underline;
319 }
320 div.Info {
321 font-size: 13px;
322 background: #fafafa;
323 border: 1px solid #eee;
324 color: #888;
325 -moz-border-radius: 4px;
326 -webkit-border-radius: 4px;
327 border-radius: 4px;
328 padding: 6px;
329 margin: 0 0 10px;
330 }
331 div.Info strong {
332 font-weight: bold;
333 }
334 /* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
335 that it renders in a div with this DismissMessage class. */
336 div.DismissMessage {
337 margin: 6px 0 10px;
338 text-align: left;
339 position: relative;
340 }
341 div.DismissMessage p {
342 margin: 2px 0;
343 }
344 div.DismissMessage a.Dismiss {
345 font-family: arial;
346 position: absolute;
347 font-size: 22px;
348 font-weight: bold;
349 line-height: 1;
350 color: #999;
351 top: 3px;
352 right: 5px;
353 }
354 div.DismissMessage a.Dismiss:hover {
355 color: #ff0084;
356 }
357 #PagerLess {
358 -moz-border-radius-topright: 2px;
359 -moz-border-radius-topleft: 2px;
360 -webkit-border-top-right-radius: 2px;
361 -webkit-border-top-left-radius: 2px;
362 border-radius-topright: 2px;
363 border-radius-topleft: 2px;
364 margin-bottom: 1px;
365 text-align: left;
366 }
367 div.MorePager a.Loading {
368 border: 0 !important;
369 padding: 0 20px !important;
370 background: url('images/progress.gif') center center no-repeat !important;
371 }
372 #PagerMore {
373 margin-bottom: 1px;
374 }
375 .NumberedPager {
376 margin: 1px 0 0;
377 text-align: right;
378 font-weight: bold;
379 font-size: 16px;
380 }
381 #PagerBefore {
382 margin: 1px 0;
383 }
384 .NumberedPager a,
385 .NumberedPager span {
386 padding: 0 4px;
387 }
388 .NumberedPager span,
389 .NumberedPager a.Highlight {
390 color: #777;
391 }
392 .NumberedPager a.Next,
393 .NumberedPager span.Next,
394 .NumberedPager a.Previous,
395 .NumberedPager span.Previous {
396 font-size: 16px;
397 line-height: 10px;
398 }
399 .NumberedPager a.Next,
400 .NumberedPager span.Next {
401 margin-left: 6px;
402 }
403 .NumberedPager a.Previous,
404 .NumberedPager span.Previous {
405 margin-right: 6px;
406 }
409 /* =================================================================== Header */
410 #Head {
411 background: #38abe3;
412 padding: 0;
413 }
414 div.Search:after,
415 div#Search:after {
416 content: ".";
417 display: block;
418 height: 0;
419 clear: both;
420 visibility: hidden;
421 }
422 body #Head h1 {
423 display: inline-block;
424 font-weight: bold;
425 margin: 0;
426 padding: 21px 10px 4px 0;
427 border: 0;
428 }
429 #Head h1 a span {
430 font-size: 24px;
431 color:#E4F7FE;
432 text-shadow:0 1px 0 #2595ba;
433 }
434 #Head h1 a:hover span {
435 color:#f3fcff;
436 }
437 #Head form {
438 float: right;
439 width: 250px;
440 background: #fff;
441 padding: 0;
442 margin: 15px 0 0;
443 -moz-border-radius: 2px;
444 -webkit-border-radius: 2px;
445 border-radius: 2px;
446 }
447 #Head form input.InputBox {
448 width: 204px;
449 border: 0;
450 padding: 4px 2px 4px 0;
451 background: #fff;
452 margin: 0;
453 -moz-border-radius-topleft: 2px;
454 -moz-border-radius-bottomleft: 2px;
455 -webkit-border-top-left-radius: 2px;
456 -webkit-border-bottom-left-radius: 2px;
457 border-top-left-radius: 2px;
458 border-bottom-left-radius: 2px;
459 color: #969696;
460 font-size: 13px;
461 }
462 #Head form input.Button {
463 border: 0;
464 width: 38px;
465 height: 26px;
466 background: #cfecff;
467 color: #1e79a7;
468 padding: 3px 0 4px;
469 margin: 0;
470 -moz-border-radius: 0;
471 -webkit-border-radius: 0;
472 border-radius: 0;
473 -moz-border-radius-topright: 2px;
474 -moz-border-radius-bottomright: 2px;
475 -webkit-border-top-right-radius: 2px;
476 -webkit-border-bottom-right-radius: 2px;
477 border-top-right-radius: 2px;
478 border-bottom-right-radius: 2px;
479 box-shadow: none;
480 -moz-box-shadow: none;
481 -webkit-box-shadow: none;
482 }
483 #Menu ul {
484 display: none;
485 }
486 #Menu li {
487 line-height: 27px;
488 float: left;
489 position: relative;
490 display: block;
491 list-style: none;
492 padding: 0;
493 margin: 0 4px 0 0;
494 font-weight: bold;
495 text-align: left;
496 }
497 * html #Menu li {
498 display: inline;
499 }
500 #Menu a {
501 border: 0;
502 text-decoration: none;
503 position: relative;
504 display: block;
505 padding: 0 7px;
506 white-space: nowrap;
507 font-size: 11px;
508 height: 28px;
509 }
510 * html #Menu a {
511 display: inline;
512 padding: 6px 10px;
513 }
514 #Menu li.NonTab,
515 #Menu li.NonTab a {
516 background: transparent;
517 border: 0;
518 font-weight: normal;
519 }
520 #Menu a span,
521 #Menu li.Active a span,
522 #Menu li.Highlight a:hover span {
523 -moz-border-radius: 2px;
524 -webkit-border-radius: 2px;
525 border-radius: 2px;
526 padding: 0 2px;
527 font-size: 9px;
528 line-height: 12px;
529 font-weight: normal;
530 }
532 /* Option (dropdown) Menus
534 Menu takes a z-index of 100
535 Option menu takes a z-index of 300
537 */
538 ul.Options,
539 ul.Options ul {
540 margin: 0;
541 padding: 0;
542 display: none;
543 }
544 ul.Options {
545 z-index: 298;
546 }
547 ul.Options ul {
548 z-index: 300;
549 position: absolute;
550 }
551 ul.Options li {
552 float: right;
553 position: relative;
554 display: block;
555 list-style: none outside none;
556 padding: 0;
557 font-size: 11px;
558 line-height: 22px;
559 }
560 ul.Options h3 {
561 display: block;
562 cursor: pointer;
563 margin: 0;
564 padding: 0;
565 }
566 ul.Options li ul li {
567 float: none;
568 text-align: left;
569 margin: 0;
570 font-weight: normal;
571 }
572 ul.Options li ul li a {
573 width: 104px;
574 padding: 0 6px;
575 height: auto;
576 }
577 ul.Options a {
578 text-decoration: none;
579 display: block;
580 position: relative;
581 white-space: nowrap;
582 font-size: 11px;
583 }
584 ul.Options ul li {
585 display: block;
586 float: none;
587 }
588 ul.Options li.Parent strong {
589 display: block;
590 padding: 4px;
591 margin: 3px 4px 0 0;
592 font-size: 10px;
593 font-weight: normal;
594 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
595 border: 1px solid #bbb;
596 -moz-border-radius: 2px;
597 -webkit-border-radius: 2px;
598 border-radius: 2px;
599 color: #555;
600 cursor: pointer;
601 line-height: 100%;
602 }
603 ul.Options li.Parent strong:focus,
604 ul.Options li.Parent strong:hover {
605 color: #333;
606 border: 1px solid #888;
607 }
608 ul.Options li.Parent strong:focus {
609 background: #eee;
610 }
611 ul.Options li.Active strong:hover,
612 ul.Options li.Active strong {
613 color: #fff;
614 background: #9c9c9c !important;
615 border: 1px solid #9c9c9c;
616 -moz-border-radius-bottomleft: 0;
617 -moz-border-radius-bottomright: 0;
618 -webkit-border-bottom-left-radius: 0;
619 -webkit-border-bottom-right-radius: 0;
620 border-bottom-left-radius: 0;
621 border-bottom-right-radius: 0;
622 }
623 ul.Options li.Active {
624 background: none;
625 }
626 ul.Options li.Active ul {
627 border: 1px solid #9c9c9c;
628 background: #fafafa;
629 -moz-border-radius-bottomleft: 2px;
630 -moz-border-radius-bottomright: 2px;
631 -webkit-border-bottom-left-radius: 2px;
632 -webkit-border-bottom-right-radius: 2px;
633 border-bottom-left-radius: 2px;
634 border-bottom-right-radius: 2px;
635 }
636 ul.Options li.Active ul li a {
637 background: none;
638 }
639 ul.Options li.Active a {
640 background: #efefef;
641 color: #595959;
642 }
643 ul.Options li.Active a:hover {
644 background: #8d8d8d;
645 color: #fff;
646 }
647 ul.Options li.Parent strong:hover,
648 ul.Options li.Active strong:hover,
649 ul.Options li.Active strong,
650 ul.Options li.Active ul {
651 box-shadow: 0px 0px 2px #999;
652 -moz-box-shadow: 0 0 2px #999;
653 -webkit-box-shadow: 0px 0px 2px #999;
654 }
655 .Center {
656 text-align: center;
657 }
660 /* ================================================================ Main Menu */
661 div.Menu {
662 width: 960px;
663 margin: 0 auto;
664 position: relative;
665 text-align: left;
666 vertical-align: bottom;
667 }
668 ul#Menu {
669 display: inline-block;
670 margin-right: 280px;
671 vertical-align: bottom;
672 }
673 #Menu ul,
674 #Menu li.Active {
675 background: #38abe3;
676 }
677 #Menu a,
678 #Menu li.Active a {
679 color: #fff;
680 }
681 #Menu a:hover {
682 background: #2595cb;
683 }
684 #Menu a:hover,
685 #Menu li.NonTab a:hover {
686 color: #fff !important;
687 }
688 /* Numbers next to menu items */
689 #Menu a span,
690 #Menu li.Active a span,
691 #Menu li.Highlight a:hover span {
692 background: #f2fcff;
693 color: #299fc7;
694 }
696 #Head .Search, #Head #Search {
697 position: absolute;
698 right: 0;
699 bottom: 6px;
700 text-align: right;
701 }
703 /* ======================================================== Panels / Sidebars */
704 #Panel {
705 width: 250px;
706 float: right;
707 }
708 div.Box {
709 border-radius: 1px;
710 -moz-border-radius: 1px;
711 -webkit-border-radius: 1px;
712 background: #cfecff;
713 color: #888;
714 padding: 6px 10px;
715 margin: 0 0 10px;
716 box-shadow: 0px 0px 2px #999;
717 -moz-box-shadow: 0px 0px 2px #999;
718 -webkit-box-shadow: 0px 0px 2px #999;
719 }
720 div.Box h4 {
721 font-size: 110%;
722 color: #1e79a7;
723 font-weight: bold;
724 margin: 0;
725 padding: 0 0 1px;
726 }
727 div.Box dl {
728 overflow: hidden;
729 }
730 div.Box dl dt {
731 font-size: 12px;
732 float: left;
733 width: 80px;
734 color: #555;
735 }
736 div.Box dl dd {
737 font-size: 12px;
738 margin-left: 80px;
739 }
740 div.Box p {
741 font-size: 100%;
742 padding: 0 0 4px;
743 color: #555;
744 }
745 ul.PanelActivity {
746 border-top: 1px solid #abdafb;
747 border-bottom: 0;
748 }
749 ul.PanelActivity li {
750 background: #e3f4ff;
751 border-bottom: 1px solid #abdafb;
752 padding: 2px 4px;
753 color: #555;
754 font-size: 11px;
755 line-height: 1.6;
756 }
757 ul.PanelActivity li a {
758 font-size: 13px;
759 }
760 ul.PanelActivity li a.Name {
761 margin-right: 2px;
762 }
763 ul.PanelActivity span {
764 padding: 0 4px;
765 }
766 ul.PanelActivity p {
767 padding: 0 4px;
768 display: inline;
769 font-size: 90%;
770 }
771 ul.PanelActivity li em {
772 padding-left: 5px;
773 color: #777;
774 font-size: 80%;
775 }
776 ul.PanelActivity li div.Story {
777 font-size: 85%;
778 }
779 ul.PanelInfo li {
780 background: #e3f4ff;
781 border-bottom: 1px solid #abdafb;
782 padding: 2px 4px;
783 text-align: right;
784 }
785 ul.PanelInfo li.Heading {
786 text-align: left;
787 color: #000;
788 font-weight: bold;
789 }
790 ul.PanelInfo {
791 border-top: 1px solid #abdafb;
792 border-bottom: 0;
793 }
794 ul.PanelInfo li strong {
795 font-weight: normal;
796 text-align: left;
797 font-weight: normal;
798 }
799 ul.PanelInfo li a {
800 float: left;
801 }
802 ul.PanelInfo div.Meta {
803 font-size: 11px;
804 }
805 ul.PanelInfo div.Meta span,
806 ul.PanelInfo div.Meta strong {
807 margin-right: 8px;
808 }
809 ul.PanelInfo div.Meta span a {
810 margin-left: 8px;
811 }
812 ul.PanelInfo div.Meta strong {
813 display: inline;
814 border-radius: 2px;
815 -moz-border-radius: 2px;
816 -webkit-border-radius: 2px;
817 /*
818 box-shadow: 0px 0px 2px #777;
819 -moz-box-shadow: 0px 0px 2px #777;
820 -webkit-box-shadow: 0px 0px 2px #777;
821 */
822 background: #FF0;
823 color:#000;
824 font-size:9px;
825 font-weight:bold;
826 padding: 3px;
827 line-height: 1;
828 }
829 ul.PanelInfo li.Parent {
830 text-align: left;
831 font-weight: bold;
832 background: none;
833 color: #333;
834 padding: 2px 0;
835 }
836 ul.PanelInfo li.Active {
837 background: #fff;
838 border-bottom: 1px solid #a3e6ff;
839 }
840 ul.PanelInfo li.Active a {
841 color: #1e79a7;
842 }
843 ul.PanelActivity li.ShowAll,
844 ul.PanelInfo li.ShowAll {
845 font-weight: bold;
846 border: 0;
847 text-align: right;
848 background: none;
849 }
850 #UserOptions {
851 margin-bottom: 10px;
852 }
853 body.Profile ul.PanelInfo {
854 border-bottom: 1px solid #abdafb;
855 }
856 body.Profile ul.PanelInfo li {
857 border-bottom: 0;
858 text-align: left;
859 }
860 body.Profile ul.PanelInfo li a {
861 float: none;
862 }
863 a.BigButton {
864 text-align: center;
865 display: block;
866 cursor: pointer;
867 margin: 0 0 10px;
868 font-size: 15px;
869 font-weight: bold;
870 padding: 8px 0;
871 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
872 color: #02475A;
873 text-shadow: 0 1px 0 #fff;
874 border: 1px solid #999;
875 border-radius: 3px;
876 -moz-border-radius: 3px;
877 -webkit-border-radius: 3px;
878 box-shadow: 0px 0px 2px #999;
879 -moz-box-shadow: 0px 0px 2px #999;
880 -webkit-box-shadow: 0px 0px 2px #999;
881 }
882 a.BigButton:hover {
883 color: #111;
884 border: 1px solid #666;
885 box-shadow: 0px 0px 5px #aaa;
886 -moz-box-shadow: 0px 0px 5px #aaa;
887 -webkit-box-shadow: 0px 0px 5px #aaa;
888 }
889 a.BigButton:focus {
890 background: #eee;
891 box-shadow: 0px 0px 2px #999;
892 -moz-box-shadow: 0px 0px 2px #999;
893 -webkit-box-shadow: 0px 0px 2px #999;
894 }
895 /* Category Depths */
896 ul.PanelCategories li.Depth2 { padding-left: 8px; }
897 ul.PanelCategories li.Depth3 { padding-left: 12px; }
898 ul.PanelCategories li.Depth4 { padding-left: 16px; }
899 ul.PanelCategories li.Depth5 { padding-left: 20px; }
900 ul.PanelCategories li.Depth6 { padding-left: 24px; }
901 ul.PanelCategories li.Depth7 { padding-left: 28px; }
902 ul.PanelCategories li.Depth8 { padding-left: 32px; }
903 ul.PanelCategories li.Depth9 { padding-left: 36px; }
904 ul.PanelCategories li.Depth10 { padding-left: 40px; }
905 ul.PanelCategories li.Depth11 { padding-left: 44px; }
906 ul.PanelCategories li.Depth12 { padding-left: 48px; }
907 ul.CategoryList li.Depth2 { padding-left: 25px !important; }
908 ul.CategoryList li.Depth3 { padding-left: 50px !important; }
909 ul.CategoryList li.Depth4 { padding-left: 75px !important; }
910 ul.CategoryList li.Depth5 { padding-left: 100px !important; }
911 ul.CategoryList li.Depth6 { padding-left: 125px !important; }
912 ul.CategoryList li.Depth7 { padding-left: 150px !important; }
913 ul.CategoryList li.Depth8 { padding-left: 175px !important; }
914 ul.CategoryList li.Depth9 { padding-left: 200px !important; }
915 ul.CategoryList li.Depth10 { padding-left: 225px !important; }
916 ul.CategoryList li.Depth11 { padding-left: 250px !important; }
917 ul.CategoryList li.Depth12 { padding-left: 275px !important; }
918 ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; }
919 ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; }
920 ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; }
921 ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; }
922 ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; }
923 ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; }
924 ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; }
925 ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; }
926 ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; }
927 ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; }
928 ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; }
930 div.Box.RecentUsers {
931 float: left;
932 }
933 div.Icons a {
934 display: block;
935 margin: 0 2px 2px 0;
936 float: left;
937 }
938 div.Icons img {
939 display: block;
940 height: 44px;
941 width: 44px;
942 overflow: hidden;
943 background: #c4cde0;
944 color: #c4cde0;
945 text-indent: 50px;
946 }
948 /* ================================================ DataList (Search Results) */
949 /* Note: DataList is used in search results, vanilla discussions & drafts */
950 div.Empty {
951 margin: 10px 0;
952 }
953 ul.DataList li.Item {
954 margin: 0;
955 padding: 4px 0;
956 border-bottom: 1px solid #bec8cc;
957 }
958 ul.DataList li.Item li.Item {
959 border-bottom: none;
960 }
961 ul.DataList li {
962 border: 0;
963 padding: 0;
964 position: relative;
965 }
966 ul.DataList div.Options {
967 position: absolute;
968 right: 0;
969 width:100px;
970 }
971 ul.DataList div.OptionButton {
972 position: absolute;
973 top: 0;
974 right: 0;
975 }
976 ul.DataList a.Title {
977 display: block;
978 margin: 0;
979 font-size: 14px;
980 font-weight: bold;
981 }
982 ul.DataList div.Title {
983 display: block;
984 margin: 0;
985 }
986 ul.DataList div.Title a {
987 font-size: 120%;
988 font-weight: bold;
989 }
990 ul.DataList div.Meta {
991 font-size: 11px;
992 color: #70727c;
993 }
994 ul.DataList div.Excerpt {
995 font-size: 12px;
996 line-height: 1.4;
997 }
998 ul.DataList div.Excerpt a {
999 color: #333;
1000 display: block;
1001 }
1002 ul.DataList div.Excerpt p {
1003 display: inline;
1004 padding: 0;
1005 }
1006 /* ul.DataList div.Meta span a, */
1007 ul.DataList div.Meta span,
1008 ul.DataList div.Meta strong {
1009 margin-right: 12px;
1010 }
1011 ul.DataList div.Meta strong {
1012 border-radius: 2px;
1013 -moz-border-radius: 2px;
1014 -webkit-border-radius: 2px;
1015 /*
1016 box-shadow: 0px 0px 2px #777;
1017 -moz-box-shadow: 0px 0px 2px #777;
1018 -webkit-box-shadow: 0px 0px 2px #777;
1019 */
1020 background: #FF0;
1021 color:#000;
1022 font-size:9px;
1023 font-weight:bold;
1024 padding: 3px;
1025 line-height: 1;
1026 }
1027 ul.DataList div.Meta a {
1028 color: #2b2d33;
1029 }
1030 ul.DataList a.Delete {
1031 width: auto;
1032 padding: 0 5px;
1033 margin: 0 1px 0 0;
1034 font-size: 11px;
1035 font-weight: normal;
1036 border-radius: 2px;
1037 -moz-border-radius: 2px;
1038 -webkit-border-radius: 2px;
1039 color: #555;
1040 cursor: pointer;
1041 line-height: 1;
1042 }
1043 ul.DataList a.Delete:hover {
1044 padding: 4px;
1045 color: #333;
1046 border: 1px solid #888;
1047 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
1048 }
1049 ul.DataList a.Delete:focus {
1050 background: #f8f8f8;
1051 }
1052 /* Condensed datalists make the main link & excerpt inline. */
1053 ul.DataList div.Photo {
1054 float: left;
1055 padding: 0 10px 0 0;
1056 font-size: 11px;
1057 }
1058 ul.DataList div.Photo img {
1059 display: block;
1060 height: 43px;
1061 width: 43px;
1062 overflow: hidden;
1063 background: #eee;
1064 }
1065 ul.Condensed li,
1066 li.Condensed {
1067 clear: left;
1068 }
1069 ul.Condensed a.Title,
1070 li.Condensed a.Title,
1071 ul.Condensed div.Title,
1072 li.Condensed div.Title {
1073 display: inline;
1074 padding: 0;
1075 }
1076 ul.Condensed div.Excerpt,
1077 li.Condensed div.Excerpt {
1078 display: inline;
1079 }
1080 ul.Condensed div.Excerpt a,
1081 li.Condensed div.Excerpt a {
1082 display: block;
1083 padding: 3px 0;
1084 }
1086 /* =============================================================== Activities */
1088 body.Activity h1 {
1089 margin: 0;
1090 }
1091 body.Profile ul.Activities {
1092 margin-top: 10px;
1093 border-top: 1px solid #ddd;
1094 }
1095 ul.Activities li.HasPhoto div.Title {
1096 padding: 0;
1097 }
1098 ul.Activities a.Title,
1099 ul.Activities div.Title,
1100 ul.Activities div.Title a {
1101 font-size: 14px;
1102 }
1103 ul.Activities div.Excerpt {
1104 color: #80828C;
1105 }
1106 ul.Activities li.Condensed div.Excerpt {
1107 color: #000;
1108 font-size: 13px;
1109 padding: 0 0 0 4px;
1110 }
1111 ul.Activities div.Excerpt a,
1112 ul.Activities div.Meta a {
1113 color: #1e79a7;
1114 }
1115 ul.Activities div.Excerpt a:hover,
1116 ul.Activities div.Meta a:hover {
1117 color: #ff0084;
1118 }
1119 ul.Activities div.Excerpt img {
1120 padding: 2px;
1121 border: 1px solid #999;
1122 }
1123 ul.Activities ul.DataList {
1124 margin-left: 50px;
1125 width: 400px;
1126 }
1127 ul.Activities div.ItemContent {
1128 width: 631px;
1129 }
1130 ul.Activities li.HasPhoto div.ItemContent {
1131 margin-left: 53px;
1132 width: 578px;
1133 }
1134 ul.Activities li.Item li.HasPhoto div.ItemContent {
1135 width: auto;
1136 margin-left: 42px;
1137 }
1138 ul.Activities ul.DataList li {
1139 background: #D7E7FF;
1140 margin-bottom: 2px;
1141 padding: 6px;
1142 }
1143 ul.Activities ul.DataList a.Title,
1144 ul.Activities ul.DataList div.Title,
1145 ul.Activities ul.DataList div.Title a,
1146 ul.Activities ul.DataList div.Excerpt p {
1147 font-size: 13px;
1148 line-height: 1;
1149 }
1150 ul.HasPhoto div.Excerpt,
1151 ul.HasPhoto div.Meta {
1152 padding-left: 49px !important;
1153 display: block;
1154 }
1155 ul.Activities ul.DataList .HasPhoto div.Meta {
1156 padding: 2px 0 0;
1157 line-height: 1;
1158 }
1159 ul.Activities ul.DataList div.Photo img {
1160 height: 32px;
1161 width: 32px;
1162 }
1163 ul.Activities a.CommentLink,
1164 ul.Activities a.CommentLink:hover {
1165 font-size: 12px;
1166 cursor: text;
1167 background: #fff;
1168 color: #bbb !important;
1169 padding: 5px;
1170 text-decoration: none;
1171 border: 1px solid #aaa;
1172 display: block;
1173 line-height: 100%;
1174 font-weight: normal;
1175 }
1176 ul.Activities li.CommentForm form div {
1177 text-align: right;
1178 }
1179 ul.Activities li.CommentForm textarea.TextBox {
1180 width: 380px;
1181 min-height: 40px;
1182 height: 40px;
1183 margin-bottom: 2px;
1184 font-size: 12px;
1185 }
1186 ul.Activities li.CommentForm input.Button {
1187 font-size: 12px;
1188 box-shadow: 0 0 1px #999;
1189 -moz-box-shadow: 0 0 1px #999;
1190 -webkit-box-shadow: 0 0 1px #999;
1191 }
1194 /* ============================================================== MessageList */
1195 /* used for lists of message-based content (discussion comments, private
1196 conversation messages, etc). */
1198 ul.MessageList,
1199 ul.MessageList li {
1200 list-style: none;
1201 margin: 0;
1202 padding: 0;
1203 }
1204 ul.MessageList li.Item {
1205 border-bottom: 1px solid #ddd;
1206 padding: 10px 4px 4px 10px;
1207 }
1208 ul.MessageList div.Meta {
1209 font-size: 11px;
1210 color: #777;
1211 min-height: 40px;
1212 }
1213 ul.MessageList div.Meta span.Author img {
1214 height: 40px;
1215 width: 40px;
1216 border: 0;
1217 margin: 0 10px 0 0;
1218 float: left;
1219 overflow: hidden;
1220 background: #eee;
1221 }
1222 ul.MessageList div.Meta span {
1223 line-height: 2.5;
1224 padding-left: 10px;
1225 }
1226 ul.MessageList div.Meta span.Author {
1227 padding: 0;
1228 }
1229 ul.MessageList div.Meta span.Author a {
1230 font-size: 15px;
1231 font-weight: bold;
1232 }
1234 ul.MessageList div.Comment div.Meta span {
1235 line-height: inherit;
1236 }
1238 ul.MessageList div.Comment div.Meta div.CommentInfo {
1239 line-height: normal;
1240 }
1242 ul.MessageList div.Comment div.Meta div.CommentInfo span {
1243 padding-left: 0px;
1244 padding-right: 10px;
1245 }
1247 div.Preview {
1248 text-align: left;
1249 background: #E3F4FF;
1250 padding: 1px 8px;
1251 margin: 4px 0 8px;
1252 }
1253 div.Popup div.Preview {
1254 padding: 8px;
1255 margin: 0;
1256 }
1257 body.Post div.Popup a.Close {
1258 color: #1e79a7;
1259 }
1260 div.Preview div.Message,
1261 ul.MessageList div.Message {
1262 clear: both;
1263 line-height: 140%;
1264 font-size: 100%;
1265 word-wrap: break-word;
1266 }
1267 div.Preview div.Message,
1268 div.Preview div.Message p,
1269 ul.MessageList div.Message,
1270 ul.MessageList div.Message p {
1271 margin: 8px 0;
1272 }
1273 div.Preview div.Message blockquote,
1274 ul.MessageList div.Message blockquote {
1275 padding: 4px 16px;
1276 margin: 4px 0;
1277 }
1279 code, pre {
1280 border-radius: 2px;
1281 -moz-border-radius: 2px;
1282 -webkit-border-radius: 2px;
1283 background: #ff9;
1284 padding: 4px 8px;
1285 white-space: pre;
1286 font-family: monospace;
1287 overflow: auto;
1288 border: 1px solid #eec;
1289 }
1290 pre {
1291 display: block;
1292 }
1293 div.Preview div.Message strong,
1294 ul.MessageList div.Message strong {
1295 font-weight: bold;
1296 }
1297 div.Preview div.Message em,
1298 ul.MessageList div.Message em {
1299 font-style: oblique;
1300 }
1301 div.Preview div.Message ul,
1302 div.Preview div.Message ol,
1303 ul.MessageList div.Message ul,
1304 ul.MessageList div.Message ol {
1305 margin-left: 3em ! important;
1306 }
1307 div.Preview div.Message ol li,
1308 ul.MessageList div.Message ol li {
1309 list-style: decimal ! important;
1310 }
1311 div.Preview div.Message ul li,
1312 ul.MessageList div.Message ul li {
1313 list-style: disc ! important;
1314 }
1315 div.Message h1,
1316 div.Message h2,
1317 div.Message h3,
1318 div.Message h4,
1319 div.Message h5 {
1320 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
1321 font-weight: bold;
1322 border: none;
1323 color: #000;
1324 }
1325 div.Message h1 { font-size: 22px; }
1326 div.Message h2 { font-size: 20px; }
1327 div.Message h3 { font-size: 18px; }
1328 div.Message h4 { font-size: 16px; }
1329 div.Message h5 { font-size: 14px; }
1330 div.Message div.ImageResized {
1331 font-size: 11px;
1332 font-weight: normal;
1333 cursor: pointer;
1334 margin-bottom: 10px;
1335 }
1336 /* The "Foot" is at the bottom of the #Content section. Used for more results
1337 links, sign in buttons, etc */
1338 .Foot {
1339 border-bottom: 1px solid #abdafb;
1340 padding: 6px;
1341 background: #cfecff;
1342 text-align: right;
1343 border-bottom-right-radius: 2px;
1344 border-bottom-left-radius: 2px;
1345 -moz-border-radius-bottomright: 2px;
1346 -moz-border-radius-bottomleft: 2px;
1347 -webkit-border-bottom-right-radius: 2px;
1348 -webkit-border-bottom-left-radius: 2px;
1349 }
1350 .Foot a.TabLink {
1351 margin-left: 10px;
1352 }
1353 .Foot .Note {
1354 line-height: 2.6;
1355 float: left;
1356 padding: 0 0 0 8px;
1357 font-weight: bold;
1358 }
1360 /* =============================================================== Categories */
1361 ul.CategoryList li.Item {
1362 margin: 0;
1363 padding: 0;
1364 border: 0 !important;
1365 }
1366 ul.CategoryList .ItemContent {
1367 position: relative;
1368 margin-top: -1px;
1369 border: 1px solid #BEC8CC;
1370 border-width: 1px 0;
1371 padding: 4px 9px;
1372 }
1373 div.Meta span.ChildCategories {
1374 border-top: 1px dotted #ddd;
1375 display: block;
1376 }
1377 ul.DataList div.Meta span.RSS {
1378 margin-right: 6px;
1379 }
1380 div.Meta span.RSS img {
1381 vertical-align: text-bottom;
1382 }
1383 ul.CategoryList li.CategoryHeading {
1384 font-weight: bold;
1385 font-size: 14px;
1386 }
1388 /* ============================================================= Profile Page */
1389 body.Profile #Content {
1390 width: auto;
1391 margin: 0 0 40px 20px;
1392 width: 690px;
1393 float: right;
1394 }
1395 body.Profile #Panel {
1396 float: left;
1397 width: 250px;
1398 }
1399 ul.SideMenu {
1400 border-radius: 0;
1401 -moz-border-radius: 0;
1402 -webkit-border-radius: 0;
1403 background: none;
1404 padding: 0;
1405 margin: 0 0 10px;
1406 }
1407 ul.SideMenu li ul {
1408 margin: 0;
1409 padding: 0;
1410 border: 0;
1411 background: none;
1412 }
1413 ul.SideMenu li ul li {
1414 border-bottom: 1px solid #bec8cc;
1415 }
1416 ul.SideMenu li ul li a {
1417 padding: 0 8px;
1418 display: block;
1419 }
1420 ul.SideMenu li ul li a:hover {
1421 text-decoration: none;
1422 background: #cfecff;
1423 }
1424 div.User {
1425 line-height: 150%;
1426 }
1427 div.User,
1428 div.User a {
1429 text-decoration: none;
1430 }
1431 div.User h1 {
1432 padding: 0 0 8px;
1433 margin: 0;
1434 line-height: 100%;
1435 border: 0;
1436 }
1437 #Status {
1438 border-top-left-radius: 2px;
1439 border-top-right-radius: 2px;
1440 -moz-border-radius-topleft: 2px;
1441 -moz-border-radius-topright: 2px;
1442 -webkit-border-top-left-radius: 2px;
1443 -webkit-border-top-right-radius: 2px;
1444 background: #cfecff;
1445 margin: 0;
1446 padding: 8px 8px 0;
1447 color: #999;
1448 font-weight: normal;
1449 line-height: 1.5;
1450 }
1451 #Status p {
1452 font-size: 120%;
1453 color: #6c6c6c;
1454 display: inline;
1455 margin: 0;
1456 padding: 0;
1457 line-height: 1;
1458 }
1459 #Status a.Change {
1460 text-transform: lowercase;
1461 font-size: 11px;
1462 text-decoration: none;
1463 }
1464 #Status a:hover {
1465 text-decoration: underline;
1466 }
1467 div.User form {
1468 border-top-left-radius: 2px;
1469 border-top-right-radius: 2px;
1470 -moz-border-radius-topleft: 2px;
1471 -moz-border-radius-topright: 2px;
1472 -webkit-border-top-left-radius: 2px;
1473 -webkit-border-top-right-radius: 2px;
1474 background: #cfecff;
1475 padding: 8px 8px 0;
1476 }
1477 div.User form input.InputBox {
1478 width: 618px;
1479 margin-right: 2px;
1480 }
1481 form.Activity {
1482 display: block;
1483 padding: 10px 10px 0 10px;
1484 text-align: right;
1485 }
1486 form.Activity textarea {
1487 width: 99%;
1488 margin-bottom: 2px;
1489 height: 60px;
1490 min-height: 60px;
1491 }
1493 /* Invitations Form */
1494 #Form_Invitation table {
1495 width: 100%;
1496 border-collapse: collapse;
1497 margin: 10px 0;
1498 background: #F2FBFF;
1499 border: 1px solid #C0E7F5;
1500 }
1501 #Form_Invitation table label {
1502 font-size: 12px;
1503 padding: 0px;
1504 }
1505 #Form_Invitation table tr.Last td,
1506 #Form_Invitation table tr.Last th {
1507 border-bottom: 0px;
1508 }
1509 #Form_Invitation table th,
1510 #Form_Invitation table td {
1511 font-weight: normal;
1512 color: #555;
1513 padding: 6px;
1514 }
1515 #Form_Invitation table thead th,
1516 #Form_Invitation table thead td {
1517 border-bottom: 1px solid #C0E7F5;
1518 }
1519 #Form_Invitation table tbody th {
1520 font-weight: bold;
1521 color: #000;
1522 }
1523 #Form_Invitation table tbody th,
1524 #Form_Invitation table tbody td {
1525 border-bottom: 1px solid #C0E7F5;
1526 line-height: 150%;
1527 }
1528 #Form_Invitation table thead th {
1529 font-weight: bold;
1530 font-size: 13px;
1531 color: #000;
1532 }
1533 #Form_Invitation table.AltRows tr.Alt th,
1534 #Form_Invitation table.AltRows tr.Alt td,
1535 #Form_Invitation table.AltColumns th.Alt,
1536 #Form_Invitation table.AltColumns td.Alt {
1537 background: #cfecff;
1538 }
1539 #Form_Invitation table.AltColumns tr.Alt {
1540 background: none;
1541 }
1542 body.Profile ul.Notifications {
1543 border-top: 0;
1544 margin-top: 0;
1545 }
1548 /* ================================================= Tabs, Headings & Footers */
1549 div.MessageForm {
1550 text-align: right;
1551 }
1552 div.MessageForm,
1553 div.Tabs,
1554 div.Headings {
1555 display: block;
1556 border-bottom: 1px solid #abdafb;
1557 padding: 5px 8px;
1558 margin: 0;
1559 background: #cfecff;
1560 }
1561 div.MessageForm div.Tabs {
1562 padding: 0;
1563 border: 0;
1564 background: none;
1565 text-align: left;
1566 }
1567 div.MessageForm div.Tabs ul {
1568 display: inline;
1569 }
1570 div.Tabs li {
1571 display: inline;
1572 margin: 0;
1573 }
1574 div.MorePager a,
1575 div.MorePager a:link,
1576 div.MorePager a:hover,
1577 div.MorePager a:active,
1578 div.MorePager a:visited,
1579 a.TabLink,
1580 a.TabLink:link,
1581 a.TabLink:hover,
1582 a.TabLink:active,
1583 a.TabLink:visited,
1584 div.Tabs li a,
1585 div.Tabs li a:link,
1586 div.Tabs li a:hover,
1587 div.Tabs li a:active,
1588 div.Tabs li a:visited {
1589 margin: 0;
1590 border: 1px solid #abdafb;
1591 border-radius: 3px;
1592 -moz-border-radius: 3px;
1593 -webkit-border-radius: 3px;
1594 background: #bbe2f7;
1595 display: inline;
1596 font-weight: bold;
1597 color: #1e79a7;
1598 text-decoration: none;
1599 padding: 5px 10px;
1600 line-height: 2.6;
1601 }
1602 div.MorePager li a:hover,
1603 a.TabLink:hover,
1604 div.Tabs li a:hover {
1605 background: #f3fcff;
1606 }
1607 a.Active,
1608 div.Tabs li.Active a {
1609 background: #fff;
1610 color: #474747;
1611 }
1612 div.Tabs li a span {
1613 line-height: 1;
1614 font-size: 80%;
1615 padding: 0 3px;
1616 border-radius: 3px;
1617 -webkit-border-radius: 3px;
1618 -moz-border-radius: 3px;
1619 font-weight: normal;
1620 background: #1e79a7;
1621 color: #eaf4fd;
1622 margin: 0 0 0 4px;
1623 }
1624 div.Tabs div.SubTab {
1625 margin: 10px 0 0;
1626 padding: 4px 8px;
1627 background: #f3fcff;
1628 border-radius: 2px;
1629 -webkit-border-radius: 2px;
1630 -moz-border-radius: 2px;
1631 }
1632 div.HeadingTabs {
1633 padding: 8px 8px 8px 12px;
1634 }
1635 div.HeadingTabs ul {
1636 display: inline;
1637 float: right;
1638 }
1639 div.HeadingTabs div.SubTab {
1640 font-size: 14px;
1641 display: inline;
1642 font-weight: bold;
1643 background: none;
1644 padding: 0;
1645 line-height: 2.4;
1646 }
1647 div.SearchTabs input.InputBox {
1648 width: 560px;
1649 margin-right: 10px;
1650 }
1651 div.Headings {
1652 position: relative;
1653 text-align: left;
1654 }
1655 div.Headings div {
1656 display: inline-block;
1657 padding-right: 10px;
1658 }
1659 div.Headings div.ItemHeading {
1660 font-size: 14px;
1661 font-weight: bold;
1662 line-height: 2;
1663 }
1664 div.Headings div.MetaHeading {
1665 font-size: 11px;
1666 }
1668 /* ======================================================== Thumbnail Cropper */
1669 form.Thumbnail table {
1670 width: 100%;
1671 }
1672 form.Thumbnail table td {
1673 width: 50%;
1674 }
1675 form.Thumbnail table tr td {
1676 vertical-align: top;
1677 }
1678 form.Thumbnail table tr th {
1679 padding-right: 10px;
1680 }
1681 .jcropper-holder {
1682 border: 1px black solid;
1683 }
1684 .jcrop-holder {
1685 text-align: left;
1686 }
1687 .jcrop-vline, .jcrop-hline {
1688 font-size: 0;
1689 position: absolute;
1690 background: white url('images/jcrop.gif') top left repeat;
1691 }
1692 .jcrop-vline { height: 100%; width: 1px !important; }
1693 .jcrop-hline { width: 100%; height: 1px !important; }
1694 .jcrop-handle {
1695 font-size: 1px;
1696 width: 7px !important;
1697 height: 7px !important;
1698 border: 1px #eee solid;
1699 background-color: #333;
1700 *width: 9px;
1701 *height: 9px;
1702 }
1703 .jcrop-tracker {
1704 *background-color: gray;
1705 width: 100%; height: 100%;
1706 }
1707 .custom .jcrop-vline,
1708 .custom .jcrop-hline {
1709 background: yellow;
1710 }
1711 .custom .jcrop-handle {
1712 border-color: black;
1713 background-color: #C7BB00;
1714 border-radius: 3px;
1715 -moz-border-radius: 3px;
1716 -webkit-border-radius: 3px;
1717 }
1718 form.Thumbnail table {
1719 width: 100%;
1720 }
1721 form.Thumbnail table td {
1722 font-weight: normal;
1723 }
1726 /* =================================================================== Popups */
1727 div.Popup div.Errors ul {
1728 border: 1px solid #a00 !important;
1729 }
1730 div.Popup div.Messages {
1731 text-align: left;
1732 position: inherit;
1733 top: auto;
1734 left: auto;
1735 z-index: auto;
1736 margin: 10px 0 !important;
1737 }
1738 div.Popup div.Messages ul {
1739 display: block;
1740 border-radius: 2px;
1741 -moz-border-radius: 2px;
1742 -webkit-border-radius: 2px;
1743 box-shadow: none;
1744 -moz-box-shadow: none;
1745 -webkit-box-shadow: none;
1746 }
1747 * html div.Popup div.Messages {
1748 position: inherit;
1749 width: auto;
1750 top: auto;
1751 left: auto;
1752 overflow: auto;
1753 }
1754 div.Popup .Info {
1755 margin-top: 10px;
1756 }
1757 div.Popup .Loading {
1758 display: block;
1759 width: 200px;
1760 }
1761 div.Overlay {
1762 position: absolute;
1763 top: 0;
1764 left: 0;
1765 width: 100%;
1766 height: 100%;
1767 }
1768 div.Popup {
1769 position: absolute;
1770 width: 100%;
1771 top: 0;
1772 left: 0;
1773 z-index: 5000;
1774 text-align: center;
1775 }
1776 div.Popup div.Border {
1777 margin: 0px auto;
1778 text-align: left;
1779 position: relative;
1780 max-width: 500px;
1781 display: inline-block;
1782 }
1783 div.Popup div.Body {
1784 background: #fff;
1785 }
1786 div.Popup div.Legal,
1787 div.Popup .Content form {
1788 max-height: 440px;
1789 overflow: auto;
1790 padding: 0 10px 10px;
1791 }
1792 div.Popup .Loading {
1793 text-align: center;
1794 }
1795 div.Popup h1,
1796 div.Popup h2,
1797 div.Connect h1,
1798 div.Connect h2 {
1799 font-size:120%;
1800 font-weight:bold;
1801 margin-bottom: 0;
1802 color: #fff;
1803 background: #38abe3;
1804 border-bottom: 1px solid #3DB9E5;
1805 padding: 6px 9px 4px;
1806 }
1807 a.Close {
1808 position: absolute;
1809 top: 16px;
1810 right: 20px;
1811 line-height: 1;
1812 color: #E4F7FE;
1813 cursor: pointer;
1814 font-family: arial;
1815 font-size: 22px;
1816 font-weight: bold;
1817 padding: 0;
1818 }
1819 a.Close:hover {
1820 color: #fff;
1821 }
1822 div.Popup .Footer {
1823 border: none;
1824 background: none;
1825 padding: 0;
1826 margin: 0;
1827 text-align: right;
1828 }
1829 div.Popup .Footer input.Button {
1830 font-size: 11px;
1831 margin-right: 2px;
1832 }
1833 div.Popup h3 {
1834 font-size: 120%;
1835 font-weight: bold;
1836 padding: 20px 0 10px;
1837 }
1838 div.Popup p {
1839 padding: 6px 10px 10px;
1840 }
1841 div.Popup div.Legal p {
1842 padding: 6px 0 10px;
1843 }
1844 div.Popup small {
1845 font-size: 11px;
1846 }
1847 div.Popup form p {
1848 padding: 0;
1849 }
1850 body.Profile #Form_Invitation ul li label,
1851 body.Profile #Form_User ul li label,
1852 div.Popup form ul li label {
1853 color:#000;
1854 display:block;
1855 font-size:14px;
1856 font-weight:bold;
1857 margin: 10px 0 0;
1858 }
1859 body.Entry form ul li.Gender label.RadioLabel,
1860 body.Profile #Form_User ul li.Gender label.RadioLabel,
1861 div.Popup form ul li.Gender label.RadioLabel {
1862 display: inline;
1863 padding-right: 20px;
1864 }
1865 li.Gender {
1866 margin-bottom: 10px;
1867 }
1868 body.Profile #Form_User ul li label.RadioLabel,
1869 body.Profile #Form_User ul li label.CheckBoxLabel,
1870 div.Popup form ul li label.RadioLabel,
1871 div.Popup form ul li label.CheckBoxLabel {
1872 font-weight: normal;
1873 }
1874 div.Profile #Form_User input.Button,
1875 div.Popup input.Button {
1876 margin: 4px 0 2px;
1877 }
1878 div.Popup #Form_User div.Warning,
1879 #dashboard_profile_picture #Form_User div.Warning {
1880 margin: 6px 0;
1881 }
1883 /* Serious Ajax Error Styles */
1884 div.AjaxError {
1885 white-space: pre;
1886 overflow: auto;
1887 padding: 10px;
1888 }
1890 /* ==================================================================== Legal */
1891 div.Legal h3 {
1892 padding: 0;
1893 margin: 20px 0 0;
1894 font-size: 120%;
1895 font-weight: bold;
1896 }
1897 div.Legal ol {
1898 list-style-position:outside;
1899 list-style-type:decimal;
1900 margin:0 30px 10px;
1901 }
1902 div.Legal ul {
1903 list-style-position:outside;
1904 list-style-type:disc;
1905 margin:0 30px 10px;
1906 }
1907 div.Legal li {
1908 padding: 5px 0;
1909 }
1910 div.Legal strong {
1911 font-weight: bold;
1912 }
1915 /* =================================================================== Footer */
1916 #Foot {
1917 clear: both;
1918 text-align: center;
1919 margin: 2px 0;
1920 padding: 4px 9px;
1921 font-size: 13px;
1922 color: #ddd;
1923 line-height: 1;
1924 }
1925 #Foot a {
1926 color: #ccc;
1927 }
1928 #Foot a:hover {
1929 color: #aaa;
1930 }
1931 #Foot div {
1932 width: 960px;
1933 padding: 6px 0;
1934 margin: 20px auto 0;
1935 text-align: left;
1936 }
1940 /* ================================ Vanilla ================================= */
1942 #Panel ul.Discussions {
1943 border: 0;
1944 }
1945 ul.PanelDiscussions li {
1946 text-align: left;
1947 }
1948 ul.PanelDiscussions li a {
1949 float: none;
1950 }
1951 ul.PanelDiscussions li strong {
1952 display: block;
1953 line-height: 1.5;
1954 }
1956 /* ============================================================== Discussions */
1958 /* Note: The Vanilla Discussion List has the following classes applied to
1959 individual list elements and can be styled:
1960 + Bookmarked: the user has bookmarked that topic
1961 + Announcement: the discussion has been announced
1962 + Mine: the user created the discussion
1963 + New: there are new comments since the last viewed the discussion
1964 */
1965 .Mine { background: #e3f4ff; }
1967 ul.DataList div.Meta a.Category {
1968 background: #fafafa;
1969 padding: 2px 4px;
1970 border-radius: 2px;
1971 -moz-border-radius: 2px;
1972 -webkit-border-radius: 2px;
1973 }
1974 ul.DataList li.Mine div.Meta a.Category {
1975 background: #eff7ff;
1976 }
1978 ul.DataList div.Meta span.Announcement {
1979 background: #777777;
1980 color: #ffffff;
1981 padding: 1px 4px;
1982 border-radius: 2px;
1983 -moz-border-radius: 2px;
1984 -webkit-border-radius: 2px;
1985 border-radius: 2px;
1986 font-weight: bold;
1987 }
1988 ul.DataList div.Meta span.Closed {
1989 background: #555555;
1990 color: #ffffff;
1991 font-weight: bold;
1992 padding: 1px 4px;
1993 border-radius: 2px;
1994 -moz-border-radius: 2px;
1995 -webkit-border-radius: 2px;
1996 border-radius: 2px;
1997 }
2000 /* ================================================================= Comments */
2001 body.Discussion #Content {
2002 margin-bottom: 20px;
2003 }
2004 ul.Discussion {
2005 margin-bottom: 1px;
2006 }
2007 /*
2008 Note: Discussion & Comment Option (dropdown) Menu customizations. The layout
2009 css for these is in /applications/garden/design/menu.css. Override them here.
2010 */
2011 a.Bookmark,
2012 a.Bookmarking {
2013 float: right;
2014 display: block;
2015 background: url('images/star_sprite.png') top center no-repeat;
2016 height: 22px;
2017 width: 22px;
2018 margin: 2px 4px 0 4px;
2019 }
2020 a.Bookmark span,
2021 a.Bookmarking span {
2022 display: none;
2023 }
2024 a.Bookmarked {
2025 background: url('images/star_sprite.png') center center no-repeat;
2026 }
2027 a.Bookmarking {
2028 background: url('images/star_sprite.png') bottom center no-repeat;
2029 }
2030 body.Discussion a.Bookmark {
2031 margin: 13px 8px;
2032 }
2034 body.Discussion .Back {
2035 padding: 3px 6px;
2036 text-align: left;
2037 }
2040 /* =================================================================== Drafts */
2041 ul.Discussions div.ItemContent,
2042 ul.Drafts div.ItemContent {
2043 margin: 0 0 0 9px;
2044 }
2045 ul.Drafts div.ItemContent a.Title,
2046 ul.Discussions div.ItemContent a.Title {
2047 max-width: 580px;
2048 }
2050 /* =============================================== Discussion & Comment Forms */
2051 li.Editing {
2052 background: #E3F4FF;
2053 }
2054 div.CommentForm textarea {
2055 width: 99%;
2056 height: 100px;
2057 min-height: 100px;
2058 margin: 0 0 6px;
2059 }
2060 div.Comment div.CommentForm {
2061 width: 98%;
2062 background: none;
2063 padding: 6px 4px;
2064 border: 0;
2065 }
2066 div.Comment div.CommentForm textarea {
2067 width: 99%;
2068 }
2069 #DiscussionForm label {
2070 font-size: 14px;
2071 font-weight: bold;
2072 color: #666;
2073 }
2074 body.Post #Panel {
2075 display: none;
2076 }
2077 body.Post #Content {
2078 width: 100%;
2079 }
2080 #DiscussionForm h2 {
2081 border: none;
2082 color: #02475A;
2083 font-size: 140%;
2084 font-weight: bold;
2085 margin: 0;
2086 padding: 6px;
2087 }
2088 #DiscussionForm form {
2089 border-radius: 2px;
2090 -moz-border-radius: 2px;
2091 -webkit-border-radius: 2px;
2092 background: #c4e1ff none repeat scroll 0 0;
2093 border: 1px solid #7caccb;
2094 margin: 0;
2095 padding: 20px;
2096 }
2097 #DiscussionForm textarea {
2098 width: 99%;
2099 height: 100px;
2100 min-height: 100px;
2101 margin: 0 0 6px;
2102 }
2103 #DiscussionForm input.InputBox {
2104 width: 99%;
2105 margin-bottom: 10px;
2106 }
2107 #DiscussionForm div.Category {
2108 padding: 0 0 10px;
2109 }
2110 #DiscussionForm div.Category label {
2111 padding: 0 8px 0 0;
2112 }
2113 div.CommentForm a.Back,
2114 div.CommentForm a.Cancel {
2115 float: left;
2116 }
2117 #DiscussionForm a.Cancel {
2118 margin-left: 18px;
2119 }
2120 #DiscussionForm ul {
2121 margin: 0 0 20px;
2122 }
2123 #DiscussionForm ul.PostOptions li {
2124 display: inline;
2125 padding: 0 8px 0 0;
2126 }
2127 #DiscussionForm ul.PostOptions label {
2128 display: inline;
2129 font-weight: normal;
2130 font-size: 95%;
2131 color: #555;
2132 }
2134 /* ============================== Conversations ============================= */
2135 textarea.MultiComplete {
2136 height: 20px;
2137 padding: 3px 0;
2138 text-align: left;
2139 }
2140 .ac_results {
2141 padding: 0;
2142 border: 1px solid #bbb;
2143 border-top: 0;
2144 background-color: white;
2145 overflow: hidden;
2146 z-index: 99999;
2147 }
2148 .ac_results ul {
2149 width: 100%;
2150 list-style-position: outside;
2151 list-style: none;
2152 padding: 0;
2153 margin: 0;
2154 }
2155 .ac_results li {
2156 margin: 0;
2157 padding: 5px;
2158 cursor: default;
2159 display: block;
2160 /*
2161 if width will be 100% horizontal scrollbar will apear
2162 when scroll mode will be used
2163 */
2164 /*width: 100%;*/
2165 font-size: 12px;
2166 /*
2167 it is very important, if line-height not setted or setted
2168 in relative units scroll will be broken in firefox
2169 */
2170 line-height: 16px;
2171 overflow: hidden;
2172 border-bottom: 1px solid #bbb;
2173 text-align: left;
2174 }
2175 .ac_lastitem {
2176 border-bottom: 0 !important;
2177 }
2178 .ac_results strong {
2179 font-weight: bold;
2180 background: #daf4fd;
2181 }
2182 .ac_over strong {
2183 font-weight: bold;
2184 background: #2ab0de;
2185 }
2186 .ac_over {
2187 background: #44c7f4;
2188 color: #fff;
2189 }
2190 div.AddPeople h4 {
2191 border-bottom: 0px;
2192 }
2193 #Panel input.InputBox,
2194 div.AddPeople textarea.MultiComplete {
2195 width: 228px;
2196 margin-bottom: 2px;
2197 }
2198 div.AddPeople form div {
2199 text-align: right;
2200 }
2203 /* ============================================================ Conversations */
2204 fieldset {
2205 padding: 0px !important;
2206 }
2207 h2.NewConversation {
2208 float: right;
2209 }
2210 h2.NewConversation a {
2211 font-weight: bold;
2212 }
2213 body.Conversations h2 {
2214 margin: 0;
2215 }
2216 ul.Conversations li.Active {
2217 cursor: pointer;
2218 background: #ffe;
2219 }
2220 ul.Conversations li.Item {
2221 padding: 4px 5px;
2222 }
2223 ul.Conversations div.ItemContent {
2224 margin:0 0 0 5px;
2225 }
2226 ul.Conversations div.Meta a.Name {
2227 color: #1E79A7;
2228 font-weight: bold;
2229 }
2232 /* ========================================================= Add Message Form */
2233 #MessageForm {
2234 background: #E9F9FF;
2235 padding: 4px 8px 8px;
2236 margin: 1px 0 0;
2237 border-bottom-left-radius: 2px;
2238 border-bottom-right-radius: 2px;
2239 -moz-border-radius-bottomleft: 2px;
2240 -moz-border-radius-bottomright: 2px;
2241 -webkit-border-bottom-left-radius: 2px;
2242 -webkit-border-bottom-right-radius: 2px;
2243 }
2244 #MessageForm h2 {
2245 font-size: 115%;
2246 color: #2786C2;
2247 font-weight: bold;
2248 border: 0;
2249 }
2250 #MessageForm form div {
2251 text-align: right;
2252 }
2253 #MessageForm textarea {
2254 width: 99%;
2255 height: 100px;
2256 min-height: 100px;
2257 margin-bottom: 2px;
2258 }
2261 /* ==================================================== New Conversation Form */
2262 body.add #Panel {
2263 display: none;
2264 }
2265 body.add #Content {
2266 width: auto;
2267 }
2268 #ConversationForm form {
2269 border-radius: 2px;
2270 -moz-border-radius: 2px;
2271 -webkit-border-radius: 2px;
2272 border-radius: 2px;
2273 background:none repeat scroll 0 0 #c4e1ff;
2274 margin:0;
2275 padding:20px;
2276 text-align: right;
2277 }
2278 #ConversationForm h2 {
2279 color:#02475A;
2280 font-size:140%;
2281 font-weight:bold;
2282 margin:0;
2283 padding:6px;
2284 text-align: left;
2285 border: 0;
2286 }
2287 #ConversationForm label {
2288 display: block;
2289 text-align: left;
2290 color:#666666;
2291 font-size:14px;
2292 font-weight:bold;
2293 }
2294 #ConversationForm .TextBox {
2295 height: 100px;
2296 min-height: 100px;
2297 margin: 8px 0 6px;
2298 padding: 0;
2299 }
2300 body.Conversations a.Cancel {
2301 margin-left: 20px;
2302 }
2303 div.Popup #ConversationForm form {
2304 background: none;
2305 -border-radius: 0;
2306 -moz-border-radius: 0;
2307 -webkit-border-radius: 0;
2308 border-radius: 0;
2309 padding: 10px;
2310 }
2311 div.Popup #ConversationForm h2 {
2312 color: #fff;
2313 font-size: 120%;
2314 font-weight: bold;
2315 padding: 6px 9px 4px;
2316 }
2317 div.Popup #ConversationForm textarea.MultiComplete,
2318 div.Popup #ConversationForm .TextBox {
2319 width: 100%;
2320 }
2322 /* Upload Progress Bar */
2323 div.UploadProgress {
2324 margin: 10px 0;
2325 background: url('images/upload-progress-back.gif') repeat;
2326 width: 200px;
2327 z-index: 0;
2328 color: #fff;
2329 text-shadow: 0 1px 1px #333;
2330 border: 1px solid #0c3c7e;
2331 border-radius: 2px;
2332 -moz-border-radius: 2px;
2333 -webkit-border-radius: 2px;
2334 border-radius: 2px;
2335 }
2336 div.UploadProgress div {
2337 padding: 2px 0;
2338 }
2339 div.UploadProgress div strong {
2340 font-weight: bold;
2341 }
2342 div.UploadProgress div.Foreground,
2343 div.UploadProgress div.Background {
2344 position: absolute;
2345 }
2346 div.UploadProgress div.Background {
2347 width: 0;
2348 background: url('images/upload-bg.gif') repeat;
2349 z-index: 1;
2350 }
2351 div.UploadProgress div.Foreground {
2352 text-indent: 6px;
2353 overflow: visible;
2354 white-space: nowrap;
2355 z-index: 2;
2356 }
2359 /* Adding CSS for multiple sign-in methods */
2361 /* Container */
2362 div.Border {
2363 border-radius: 8px;
2364 -moz-border-radius: 8px;
2365 -webkit-border-radius: 8px;
2366 background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
2367 padding: 10px;
2368 }
2370 /* Tabs */
2371 ul.Tabs {
2372 border-bottom: 1px solid #aaa;
2373 text-align: left;
2374 padding-left: 4px;
2375 }
2376 ul.Tabs li {
2377 display: inline-block;
2378 }
2379 ul.Tabs li a,
2380 ul.Tabs li a:link,
2381 ul.Tabs li a:active,
2382 ul.Tabs li a:visited,
2383 ul.Tabs li a:hover {
2384 display: inline-block;
2385 margin-left: 4px;
2386 border: 1px solid #aaa;
2387 border-width: 1px 1px 0 1px;
2388 border-radius: 3px 3px 0 0;
2389 -moz-border-radius: 3px 3px 0 0;
2390 -webkit-border-radius: 3px 3px 0 0;
2391 background: #eee;
2392 color: #888;
2393 position: relative;
2394 top: 1px;
2395 padding: 2px 8px 1px;
2396 }
2397 ul.Tabs li a:hover {
2398 background: #f5f5f5;
2399 color: #444;
2400 }
2401 ul.Tabs li a.Active {
2402 padding: 2px 8px;
2403 background: #fff;
2404 color: #000;
2405 }
2407 /* Icons */
2408 ul.Tabs li a.EntryTabFor_password {
2409 padding-left: 22px;
2410 background-image: url('../../../themes/default/design/favicon.png');
2411 background-position: 3px 4px;
2412 background-repeat: no-repeat;
2413 }
2416 /* ============================================================ Entry Screens */
2417 body.Entry {
2418 text-align: center;
2419 }
2420 body.Entry #Panel {
2421 display: none;
2422 }
2423 body.Entry #Content {
2424 float: none;
2425 margin: 0 auto;
2426 width: 360px;
2427 text-align: center;
2428 }
2429 body.Entry #Content h1 {
2430 border: none;
2431 color: #02475A;
2432 font-size:140%;
2433 font-weight:bold;
2434 padding: 6px;
2435 margin: 0;
2436 text-align: left;
2437 }
2438 body.Entry #Content form {
2439 text-align: left;
2440 padding: 10px;
2441 }
2442 body.Entry form ul li label {
2443 font-size: 14px;
2444 color: #474747;
2445 font-weight: bold;
2446 padding: 6px 0 0;
2447 display: block;
2448 }
2449 body.Entry form ul li label.CheckBoxLabel,
2450 body.Entry form ul li label.RadioLabel {
2451 font-size: 12px;
2452 font-weight: normal;
2453 width: auto;
2454 }
2455 body.Entry input.DateBox,
2456 body.Entry input.InputBox,
2457 body.Entry textarea {
2458 width: 310px;
2459 }
2460 span.Incorrect {
2461 display: block;
2462 color: red;
2463 }
2465 /* Sign In Page & Popup */
2466 div.SignInPopup div.Box {
2467 margin: 0;
2468 padding: 0;
2469 background: none;
2470 border: 0;
2471 border-radius: 0;
2472 -moz-border-radius: 0;
2473 -webkit-border-radius: 0;
2474 box-shadow: none;
2475 -moz-box-shadow: none;
2476 -webkit-box-shadow: none;
2477 }
2478 body#dashboard_entry_password #Content,
2479 body#dashboard_entry_signin #Content,
2480 body#dashboard_entry_index #Content {
2481 width: auto;
2482 }
2483 div.SignInPopup .Content form {
2484 padding: 0 10px 10px;
2485 }
2486 body#dashboard_entry_password #Content form,
2487 body#dashboard_entry_index #Content form,
2488 body#dashboard_entry_signin #Content form {
2489 padding: 0;
2490 text-align:left;
2491 }
2492 body#dashboard_entry_password #Content form,
2493 body#dashboard_entry_signin #Content form,
2494 body#dashboard_entry_index #Content form,
2495 div.SignInPopup form {
2496 width: 270px;
2497 }
2498 div.SingleEntryMethod {
2499 width: 290px;
2500 margin: 0 auto;
2501 }
2502 div.MultipleEntryMethods {
2503 width: 500px;
2504 margin: 0 auto;
2505 }
2506 body#dashboard_entry_handshake #Content input.InputBox,
2507 body#dashboard_entry_signin #Content input.InputBox,
2508 body#dashboard_entry_index #Content input.InputBox,
2509 body#dashboard_entry_password #Content input.InputBox,
2510 div.SignInPopup input.DateBox,
2511 div.SignInPopup input.InputBox,
2512 div.SignInPopup textarea {
2513 width: 260px;
2514 padding: 3px;
2515 }
2516 div.SignInPopup form ul li label,
2517 body#dashboard_entry_signin form ul li label,
2518 body#dashboard_entry_index form ul li label,
2519 body#dashboard_entry_password form ul li label,
2520 body#dashboard_entry_handshake form ul li label {
2521 font-size: 13px;
2522 line-height: 1.5;
2523 padding: 0;
2524 }
2525 body#dashboard_entry_password #Content form ul li input#Form_Email,
2526 body#dashboard_entry_signin #Content form ul li input#Form_Email,
2527 body#dashboard_entry_index #Content form ul li input#Form_Email {
2528 margin-bottom: 6px;
2529 }
2530 body#dashboard_entry_password #Content input.Password,
2531 body#dashboard_entry_signin #Content input.Password,
2532 body#dashboard_entry_index #Content input.Password,
2533 div.SignInPopup input.Password {
2534 width: 180px;
2535 }
2536 a.ForgotPassword {
2537 margin-left: 10px;
2538 }
2539 li.Buttons div a.ForgotPassword {
2540 margin: 0;
2541 }
2542 body#dashboard_entry_password ul li label.CheckBoxLabel,
2543 body#dashboard_entry_signin ul li label.CheckBoxLabel,
2544 body#dashboard_entry_index ul li label.CheckBoxLabel,
2545 div.SignInPopup ul li label.CheckBoxLabel {
2546 color: #777;
2547 display: inline;
2548 font-size: 12px;
2549 font-weight: normal;
2550 margin: 10px 0 0 10px;
2551 }
2552 body.Entry li.Buttons input.Button,
2553 div.SignInPopup li.Buttons input.Button {
2554 margin: 10px 0;
2555 }
2556 div.Entry {
2557 position: relative;
2558 }
2559 div.Methods {
2560 text-align: left;
2561 font-size: 14px;
2562 font-weight: bold;
2563 position: absolute;
2564 top: 33px;
2565 bottom: 0;
2566 right: 0;
2567 padding: 12px 20px 6px;
2568 line-height: 1;
2569 }
2570 body#dashboard_entry_password div.Methods,
2571 body#dashboard_entry_signin div.Methods,
2572 body#dashboard_entry_index div.Methods {
2573 padding: 10px 6px 6px;
2574 background: none;
2575 }
2576 div.Methods div.Method {
2577 padding: 10px 0 0;
2578 text-align: left;
2579 }
2581 /* Handshake */
2582 body#dashboard_entry_handshake #Content {
2583 width: 720px;
2584 }
2585 body#dashboard_entry_handshake #Content form {
2586 padding: 20px 30px 26px;
2587 }
2588 body#dashboard_entry_handshake ul.NewAccount {
2589 float: left;
2590 width: 315px;
2591 margin-right: 44px;
2592 border-right: 1px solid #A5D0E7;
2593 }
2594 body#dashboard_entry_handshake ul.LinkAccount {
2595 margin-left: 315px;
2596 }
2597 ul.NewAccount h2,
2598 ul.LinkAccount h2 {
2599 padding-left: 36px !important;
2600 background: url('images/dashboard-sprites.png') 0 -542px no-repeat;
2601 }
2602 ul.LinkAccount h2 {
2603 padding-left: 84px !important;
2604 background-position: 45px -296px;
2605 }
2606 body#dashboard_entry_handshake div.Info {
2607 border: 1px solid #A5D0E7;
2608 background: #D3F0FF;
2609 color: #02475A;
2610 }
2611 body#dashboard_entry_handshake #Content h2 {
2612 border: none;
2613 color: #02475A;
2614 font-size:140%;
2615 font-weight:bold;
2616 padding: 6px 0;
2617 margin: 0;
2618 text-align: left;
2619 }
2622 /* Leaving Page */
2623 body#dashboard_entry_leave p {
2624 margin: 0;
2625 padding: 20px 10px;
2626 }
2627 body#dashboard_entry_leave p.Leaving {
2628 background: url('images/progress.gif') left center no-repeat;
2629 margin: 0 0 0 14px;
2630 padding: 20px 0 20px 50px;
2631 }
2635 /* External App Connect Designs */
2636 div.Connect h1,
2637 div.Connect h2 {
2638 text-align: left;
2639 }
2640 body.connect div.Box {
2641 border-radius: none;
2642 -moz-border-radius: none;
2643 -webkit-border-radius: none;
2644 box-shadow: none;
2645 -moz-box-shadow: none;
2646 -webkit-box-shadow: none;
2647 width: 320px;
2648 margin: 0 auto;
2649 text-align: left;
2650 background: none;
2651 }
2652 div.ConnectInfo {
2653 margin: 10px 0 0;
2654 position: relative;
2655 }
2656 div.ConnectInfo img {
2657 position: absolute;
2658 height: 36px;
2659 width: 36px;
2660 top: 0;
2661 left: 0;
2662 }
2663 div.ConnectInfo span.Name {
2664 padding-left: 46px;
2665 font-weight: bold;
2666 line-height: 1;
2667 font-size: 13px;
2668 color: #444;
2669 display: block;
2670 }
2671 div.ConnectInfo h3 {
2672 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
2673 font-size: 15px;
2674 font-weight: bold;
2675 line-height: 1.6;
2676 color: #333;
2677 padding: 0 0 10px 46px;
2678 border: none;
2679 }
2680 div.Connect form ul li label,
2681 div.SignInPopup form ul li label,
2682 body#dashboard_entry_password form ul li label,
2683 body#dashboard_entry_signin form ul li label,
2684 body#dashboard_entry_index form ul li label {
2685 font-size: 13px;
2686 line-height: 1.5;
2687 padding: 0;
2688 }
2689 div.Connect form ul li#ConnectPassword label,
2690 div.SignInPopup form ul li#ConnectPassword label {
2691 padding: 10px 0 0;
2692 }
2693 div.Connect .FinePrint,
2694 div.SignInPopup .FinePrint {
2695 font-size: 11px;
2696 color: #777;
2697 }
2698 body#dashboard_entry_password input.InputBox,
2699 body#dashboard_entry_signin input.InputBox,
2700 body#dashboard_entry_index input.InputBox,
2701 div.Connect input.InputBox,
2702 div.SignInPopup input.InputBox {
2703 padding: 3px
2704 }
2705 div.Connect .ExistingUsername,
2706 div.SignInPopup .ExistingUsername {
2707 font-weight: bold;
2708 line-height: 1;
2709 font-size: 13px;
2710 color: #000;
2711 display: block;
2712 }