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