2 /* Design & CSS by Marie-Claude Doyon http://www.marieclaudedoyon.com */
5 background-color: #f6e5b0;
12 font-family: Verdana, Arial, Helvetica, sans-serif;
21 text-decoration: none;
24 text-decoration: underline;
37 background: url(bg-header.gif) repeat-x #fbf2d7;
60 #header h1.pagetitle {
75 abbr.published { border-bottom:0; }
77 /* ===== Begin Navigation Styling ===== */
79 /* ----- Navigation ------ */
84 list-style-type: none;
93 padding: 9px 9px 12px 9px;
97 text-decoration: underline;
100 /* ----- Tabs ----- */
106 list-style-type: none;
120 padding: 4px 12px 3px 12px;
122 background-color: #d1451a;
123 border-right: 1px solid #dcaa3f;
125 #nav_views li a:hover {
126 text-decoration: none;
128 #nav_views li.current a, #nav_views li.current a:hover {
130 background-color: #fff6d5;
131 border-right: 1px solid #dcaa3f;
133 #nav_views li.current a:hover {
136 #nav_views li a:hover {
138 background-color: #701238;
139 border-right: 1px solid #dcaa3f;
166 list-style-type:none;
172 background:url(icon_feed.jpg) no-repeat;
177 background:url(icon_foaf.gif) no-repeat;
182 form#disfavor, form.disfavor,
183 form#favor, form.favor {
188 input#favor, input.favor,
189 input#disfavor, input.disfavor {
190 background-color:#fcfff5;
191 background-color:transparent;
192 background-image:url(icon_heart-02.gif);
193 background-repeat:no-repeat;
201 input#disfavor, input.disfavor {
202 background-image:url(icon_heart-01.gif);
205 .notice_single:hover input.favor,
206 .notice_single:hover input.disfavor {
207 background-color:#f3f8ea;
213 list-style-type:none;
216 #profile_actions li {
221 #profile_actions #profile_nudge input.submit,
222 #profile_actions #profile_block input.submit,
223 .profile_single form.block input.submit {
226 background-color:transparent;
228 font-family:Georgia,"Times New Roman",Times,serif;
235 #profile_actions #profile_nudge input.submit:hover,
236 #profile_actions #profile_block input.submit:hover {
237 background-color:transparent;
241 #wrap p#nudge_response {
242 background-color:transparent;
246 #wrap #profile_nudge input.disabled {
252 #wrap form input.disabled,
253 #wrap form input.disabled:hover {
254 background-color:#999;
258 /* ----- Nav Footer ----- */
261 margin: 18px auto 0 auto;
263 list-style-type: none;
267 border-top: 1px solid #dec5b5;
275 padding: 6px 24px 6px 0;
277 #nav_sub li a:hover {
278 text-decoration: underline;
280 /* ===== End Navigation Styling ===== */
284 margin: 40px 0 45px 0;
286 font-family: Georgia, "Times New Roman", Times, serif;
291 font-family: Verdana, Arial, Helvetica, sans-serif;
295 font-family: Verdana, Arial, Helvetica, sans-serif;
298 .instructions p, .success, .error {
302 font-family: Georgia, "Times New Roman", Times, serif;
305 border: 1px solid #dec5b5;
308 .instructions a, .success a, .error a {
310 text-decoration: underline;
312 .instructions a:hover, .success a:hover, .error a:hover {
316 background-color: #48705b;
319 background-color: #ce3728;
322 /* ----- Stream -----*/
328 list-style-type: none;
330 border-top: 1px solid #dec5b5;
333 text-decoration: underline;
339 padding: 5px 5px 5px 0;
341 font-family: Georgia, "Times New Roman", Times, serif;
344 border-bottom: 1px solid #dec5b5;
345 background-color:#FCFFF5;
348 .notice_single:hover {
349 background-color: #f7ebcc;
356 #notice_delete_form #confirmation_text {
362 input#submit_yes, input#submit_no {
363 margin: 18px 10px 0px 0px;
367 background-color: #F60;
372 input#submit_yes:hover, input#submit_no:hover {
373 background-color: #701238;
377 margin: 0 10px 0.5em 0;
381 font-family: Verdana, Arial, Helvetica, sans-serif;
389 /* ----- Profile -----*/
395 border-top: 1px solid #dec5b5;
396 font-family: Georgia, "Times New Roman", Times, serif;
404 font-family: Verdana, Arial, Helvetica, sans-serif;
410 font-family: Verdana, Arial, Helvetica, sans-serif;
412 text-transform: uppercase;
420 #profile p.location {
421 margin: 0 10px 12px 0;
424 #profile p.notice_current {
432 #profile_avatar img {
437 margin: 0 10px 5px 0;
441 margin: 0 10px 18px 0;
455 #avatar_preview_view {
470 font-family: Verdana, Arial, Helvetica, sans-serif;
478 #profile_information {
487 margin: 12px 0 3px 0;
501 .statistics dt:after {
506 margin: 18px 0 30px 0;
508 #subscriptions_avatars {
512 list-style-type: none;
515 #subscriptions_avatars li .avatar.mini {
520 /* border: 1px solid #f00; */
522 #subscriptions_viewall {
525 /* ----- End Profile -----*/
527 /* ----- Begin Subscriptions & Subscribers -----*/
529 ul.subscriptions, ul.subscribers {
533 list-style-type: none;
537 ul.subscriptions li, ul.subscribers li {
542 /* ----- End Subscriptions & Subscribers -----*/
552 list-style-type: none;
559 background-color: #701238;
561 #nav_pagination li.before {
564 #nav_pagination li a {
567 background-color: #701238;
570 #nav_pagination li a:hover {
571 background-color: #3F606F;
573 text-decoration: none;
581 border-top: 1px solid #dec5b5;
589 margin: 3px 10px 0 0;
592 /* ===== Begin Forms Styling ===== */
594 /* ----- Forms General Style ----- */
600 font-family: Verdana, Arial, Helvetica, sans-serif;
610 border: 1px solid #dec5b5;
613 input#submit, input.submit {
619 background-color: #F60;
624 input#submit:hover, input.submit:hover {
625 background-color: #701238;
634 label.checkbox_label {
640 font-family: Verdana, Arial, Helvetica, sans-serif;
645 textarea:focus, input:focus {
646 background-color: #f8ebc0;
650 border: 1px solid #D8E2D7;
652 .input_instructions {
658 font-family: Verdana, Arial, Helvetica, sans-serif;
661 /* ----- Status Form ----- */
664 /*background-color: #F00;*/
686 font-family: Verdana, Arial, Helvetica, sans-serif;
697 background-color: #F60;
698 font-family: Verdana, Arial, Helvetica, sans-serif;
705 #status_submit:hover {
706 background-color: #d1451a;
716 .response_error textarea,
717 .response_error .on_max {
718 background-color:#fee;
721 /* ----- Subscribe Form ----- */
722 #content .subscribe .submit, #content .unsubscribe .submit, #remotesubscribe .button, #remotesubscribe {
727 font-family: verdana, arial, helvetica, sans-serif;
730 text-transform: uppercase;
731 background-color: #F60;
741 #content .subscribe .button:hover, #content .unsubscribe .button:hover {
742 background-color: #904632;
750 /* ----- Login Form -----*/
755 /* ----- Avatar Form -----*/
760 /* ----- OpenID Form -----*/
763 background: url(login-bg.gif) no-repeat;
764 background-color: #fff;
765 background-position: 4px 50%;
770 /* People lists (search results, maybe subscribers) */
776 list-style-type: none;
778 border-top: 1px solid #dec5b5;
779 /*border: 1px solid #F00;*/
782 text-decoration: underline;
789 padding: 5px 5px 5px 0;
791 font-family: Georgia, "Times New Roman", Times, serif;
794 border-bottom: 1px solid #dec5b5;
798 .profile_single:hover {
799 background-color: #f7ebcc;
802 .profile_single form.block,
803 .profile_single form.subscribe,
804 .profile_single form.unsubscribe {
815 form.subedit input.submit {
818 background-color:transparent;
821 border:1px solid #C15D42;
826 /* ----- IM Settings Form -----*/
834 /* ----- direct message ----- */
838 /*background-color: #F00;*/
845 #message_form label {
855 font-family: Verdana, Arial, Helvetica, sans-serif;
867 background-color: #C15D42;
868 font-family: Verdana, Arial, Helvetica, sans-serif;
876 #message_send:hover {
877 background-color: #904632;
880 /* ===== End Forms Styling ===== */
882 /* ===== Tag Cloud Styling ===== */
890 vertical-align:middle;
893 p.tagcloud a.largest {
896 p.tagcloud a.verylarge {
904 p.tagcloud a.medium {
912 p.tagcloud a.verysmall {
916 p.tagcloud a.smallest {
926 padding-bottom:0.5em;
927 /*border-bottom:1px solid #D8E2D7;*/
934 #subscriptions_nav dt,
938 #subscriptions_nav dd,
942 #subscriptions_nav ul,
945 list-style-type:none;
948 #subscriptions_nav ul li {
952 border-left:1px solid #D8E2D7;;
954 #subscriptions_nav ul li.child_1 {
964 border-left:1px solid #D8E2D7;;
966 #filter_tags ul li.child_1 {
971 #filter_tags ul li li {
974 #filter_tags ul li#filter_tags_item {
977 #filter_tags ul li#filter_tags_item form {
980 #filter_tags ul li#filter_tags_item label {
984 font-family:Georgia,"Times New Roman",Times,serif;
986 #filter_tags ul li#filter_tags_item label,
987 #filter_tags ul li#filter_tags_item select {
992 #filter_tags ul li#filter_tags_item p {
997 #filter_tags ul li .input_instructions {
1002 #filter_tags ul li#filter_tags_item .submit {
1030 list-style-type:none;
1035 margin-right:0.75em;
1039 background:url(icon_tag-01.gif) no-repeat;
1044 margin-bottom:0.5em;
1055 form#tag_user label {
1059 form#tag_user .submit {
1063 form#tag_user .input_instructions {
1071 .profile_list .bio {
1075 /* ----- Mailbox ----- */
1080 list-style-type: none;
1082 border-top: 1px solid #dec5b5;
1086 text-decoration: underline;
1093 padding: 5px 5px 5px 0;
1095 font-family: Georgia, "Times New Roman", Times, serif;
1098 border-bottom: 1px solid #dec5b5;
1100 .message_single:hover {
1101 background-color: #f7ebcc;