2 /* Design & CSS by Marie-Claude Doyon http://www.marieclaudedoyon.com */
3 /* Simplified for mobile by Ken Sheppardson http://identi.ca/kshep */
5 @import url(../../base/css/display.css);
12 font-family: Verdana, Arial, Helvetica, sans-serif;
21 text-decoration: none;
24 text-decoration: underline;
40 background-color: #193441;
46 margin: 10px 0px 0px 10px;
60 #header h1.pagetitle {
76 /* ===== Begin Navigation Styling ===== */
78 /* ----- Navigation ------ */
83 list-style-type: none;
92 padding: 9px 15px 12px 0px;
96 text-decoration: underline;
99 /* ----- Tabs ----- */
103 margin: 10px 0px 0px 5px;
106 list-style-type: none;
118 padding: 4px 12px 3px 12px;
120 background-color: #91AA9D;
121 border-right: 1px solid #6A8787;
123 #nav_views li a:hover {
124 text-decoration: none;
126 #nav_views li.current a, #nav_views li.current a:hover {
128 background-color: #FCFFF5;
129 border-right: 1px solid #6A8787;
131 #nav_views li.current a:hover {
134 #nav_views li a:hover {
136 background-color: #3F606F;
137 border-right: 1px solid #6A8787;
140 /* ----- Nav Footer ----- */
143 margin: 18px 10px 0 10px;
145 list-style-type: none;
149 border-top: 1px solid #D8E2D7;
156 padding: 6px 24px 6px 0;
158 #nav_sub li a:hover {
159 text-decoration: underline;
161 /* ===== End Navigation Styling ===== */
166 font-family: Georgia, "Times New Roman", Times, serif;
171 font-family: Verdana, Arial, Helvetica, sans-serif;
175 font-family: Verdana, Arial, Helvetica, sans-serif;
182 margin: 5px 5px 10px 5px;
184 .instructions p, .success, .error {
188 font-family: Georgia, "Times New Roman", Times, serif;
191 border: 1px solid #91AA9D;
194 .instructions a, .success a, .error a {
196 text-decoration: underline;
198 .instructions a:hover, .success a:hover, .error a:hover {
204 margin: 5px 5px 10px 5px;
205 background-color: #48705b;
210 margin: 5px 5px 10px 5px;
211 background-color: #ce3728;
214 /* ----- Stream -----*/
220 list-style-type: none;
221 border-top: 1px solid #D8E2D7;
224 text-decoration: underline;
230 padding: 5px 5px 5px 0;
232 font-family: Georgia, "Times New Roman", Times, serif;
235 border-bottom: 1px solid #D8E2D7;
237 .notice_single:hover {
238 background-color: #F3F8EA;
245 #notice_delete_form #confirmation_text {
250 input#submit_yes, input#submit_no {
251 margin: 18px 10px 0px 0px;
255 background-color: #C15D42;
260 input#submit_yes:hover, input#submit_no:hover {
261 background-color: #904632;
269 font-family: Verdana, Arial, Helvetica, sans-serif;
277 /* ----- Profile -----*/
282 border-top: 1px solid #D8E2D7;
283 font-family: Georgia, "Times New Roman", Times, serif;
290 font-family: Verdana, Arial, Helvetica, sans-serif;
297 padding: 1em 0 0.2em 0;
298 font-family: Verdana, Arial, Helvetica, sans-serif;
300 text-transform: uppercase;
310 #profile p.location {
311 margin: 0 10px 12px 0;
314 #profile p.notice_current {
322 #profile_avatar img {
327 margin: 0 10px 5px 0;
331 margin: 0 10px 18px 0;
334 font-family: Verdana, Arial, Helvetica, sans-serif;
339 #profile_information {
350 margin: 12px 0 3px 0;
363 .statistics dt:after {
369 margin: 18px 0 30px 0;
371 #subscriptions_avatars {
376 list-style-type: none;
378 #subscriptions_avatars li .avatar.mini {
384 #subscriptions_viewall {
387 /* ----- End Profile -----*/
389 /* ----- Begin Subscriptions & Subscribers -----*/
391 ul.subscriptions, ul.subscribers {
395 list-style-type: none;
398 ul.subscriptions li, ul.subscribers li {
403 /* ----- End Subscriptions & Subscribers -----*/
412 list-style-type: none;
419 background-color: #91AA9D;
421 #nav_pagination li.before {
424 #nav_pagination li a {
427 background-color: #91AA9D;
430 #nav_pagination li a:hover {
431 background-color: #3F606F;
433 text-decoration: none;
439 border-top: 1px solid #D8E2D7;
448 margin: 3px 10px 0 0;
451 /* ===== Begin Forms Styling ===== */
453 /* ----- Forms General Style ----- */
459 font-family: Verdana, Arial, Helvetica, sans-serif;
469 border: 1px solid #D8E2D7;
472 input#submit, input.submit {
478 background-color: #C15D42;
483 input#submit:hover, input.submit:hover {
484 background-color: #904632;
491 font-family: Verdana, Arial, Helvetica, sans-serif;
496 textarea:focus, input:focus {
497 background-color: #f0f6eb;
501 border: 1px solid #D8E2D7;
503 .input_instructions {
509 font-family: Verdana, Arial, Helvetica, sans-serif;
512 /* ----- Status Form ----- */
515 margin: 0px 0px 10px 5px;
538 font-family: Verdana, Arial, Helvetica, sans-serif;
547 padding: 1em 10px 1em 10px;
550 background-color: #C15D42;
551 font-family: Verdana, Arial, Helvetica, sans-serif;
558 #status_submit:hover {
559 background-color: #904632;
562 padding: 1em .5em 1em 5px;
569 /* ----- Subscribe Form ----- */
570 #subscribe .submit, #unsubscribe .submit, #remotesubscribe .button, #remotesubscribe {
575 font-family: verdana, arial, helvetica, sans-serif;
578 text-transform: uppercase;
579 background-color: #c15d42;
589 #subscribe .button:hover, #unsubscribe .button:hover {
590 background-color: #904632;
598 /* ----- Login Form -----*/
603 /* ----- Avatar Form -----*/
608 /* ----- OpenID Form -----*/
611 background: url(login-bg.gif) no-repeat;
612 background-color: #fff;
613 background-position: 4px 50%;
618 /* People lists (search results, maybe subscribers) */
624 list-style-type: none;
625 border-top: 1px solid #D8E2D7;
628 text-decoration: underline;
635 padding: 5px 5px 5px 0;
637 font-family: Georgia, "Times New Roman", Times, serif;
640 border-bottom: 1px solid #D8E2D7;
642 .profile_single:hover {
643 background-color: #F3F8EA;
646 /* ----- IM Settings Form -----*/
654 /* ===== End Forms Styling ===== */
656 /* ===== Tag Cloud Styling ===== */
664 vertical-align:middle;
667 p.tagcloud a.largest {
670 p.tagcloud a.verylarge {
678 p.tagcloud a.medium {
686 p.tagcloud a.verysmall {
690 p.tagcloud a.smallest {
695 border: 1px solid #D8E2D7;
696 padding: 0px 10px 0px 10px;