4 * @author Michael R. Bernstein <michael@fandomhome.com>
5 * @copyright 2010 StatusNet, Inc.
6 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
7 * @link http://www.michaelbernstein.com/
13 font-family: 'LinuxLibertineRegular';
14 src: url('../fonts/LinLibertine_Re-4.1_.8_-webfont.eot');
15 src: local('☺'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.woff') format('woff'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.svg#webfontrdqe1DyH') format('svg');
21 font-family: 'LinuxLibertineItalic';
22 src: url('../fonts/LinLibertine_It-4.0_.3_-webfont.eot');
23 src: local('☺'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.woff') format('woff'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.svg#webfont1JABFqYn') format('svg');
29 font-family: 'LinuxLibertineBold';
30 src: url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.eot');
31 src: local('☺'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.woff') format('woff'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.svg#webfont8Py9MN8V') format('svg');
37 font-family: 'LinuxLibertineCRegular';
38 src: url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.eot');
39 src: local('☺'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.woff') format('woff'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.ttf') format('truetype'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.svg#webfonth75RjTOl') format('svg');
46 caption, legend, input.submit, form label, .form_settings #settings_autosubscribe label, address .fn, .system_notice dt, #anon_notice, #site_nav_local_views a, #licenses dt, .form_notice .count dt, .form_notice .count, button.close, button.minimize, .entity_profile dt, #entity_statistics dt, .entity_profile .fn, .entity_profile .nickname, .entity_actions a, .entity_moderation p, .entity_role p, #showapplication .entity_data dt, .notice .author .fn, .dialogbox .submit_dialogbox, #attachments dt, #attachment_view #oembed_info dt, #filter_tags_all a, .pagination dt, .pagination a, #tagcloud.section dt {
48 font-family: 'LinuxLibertineBold', serif;
53 i, cite, em, var, address {
55 font-family: 'LinuxLibertineItalic', serif;
61 @media screen, projection, tv {
64 background-color:#7D6957;
68 font-family: LinuxLibertineRegular, serif;
71 background-image: url(../images/background.jpg);
72 background-attachment:fixed;
73 background-position:center;
78 box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
79 -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
80 -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
81 background-color: #F2EFEC;
82 border: 1px solid white;
103 font-family: 'LinuxLibertineItalic';
106 #site_nav_global_primary {
112 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
113 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
114 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
115 background-color: #fff;
118 #site_nav_global_primary li:hover {
119 background-color: #F2EFEC;
122 body#register #site_nav_global_primary li#nav_register a,
123 body#login #site_nav_global_primary li#nav_login a,
124 body#openidlogin #site_nav_global_primary li#nav_login a,
125 body#all #site_nav_global_primary li#nav_home a,
126 body#replies #site_nav_global_primary li#nav_home a,
127 body#showstream #site_nav_global_primary li#nav_home a,
128 body#showfavorites #site_nav_global_primary li#nav_home a,
129 body#inbox #site_nav_global_primary li#nav_home a,
130 body#outbox #site_nav_global_primary li#nav_home a,
131 body#profilesettings #site_nav_global_primary li#nav_account a,
132 body#avatarsettings #site_nav_global_primary li#nav_account a,
133 body#passwordsettings #site_nav_global_primary li#nav_account a,
134 body#emailsettings #site_nav_global_primary li#nav_account a,
135 body#userdesignsettings #site_nav_global_primary li#nav_account a,
136 body#othersettings #site_nav_global_primary li#nav_account a,
137 body#openidsettings #site_nav_global_primary li#nav_account a,
138 body#oauthconnectionssettings #site_nav_global_primary li#nav_connect a,
139 body#smssettings #site_nav_global_primary li#nav_connect a,
140 body[id$=adminpanel] #site_nav_global_primary li#nav_admin a,
141 body#invite #site_nav_global_primary li#nav_invitecontact a,
142 body#usergroups #site_nav_global_primary li#nav_invitecontact a,
143 body#subscribers #site_nav_global_primary li#nav_invitecontact a,
144 body#subscriptions #site_nav_global_primary li#nav_invitecontact a,
145 body[id$=doc] #site_nav_global_primary li#nav_help a,
146 body[id$=search] #site_nav_global_primary li#nav_search a {
148 text-decoration: none;
152 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
153 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
154 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
160 background-color:#E6DFDA;
170 font-family: 'LinuxLibertineCRegular', serif;
175 #form_notice-direct label{
181 font-family: 'LinuxLibertineItalic';
184 input, textarea, select {
188 -moz-border-radius:4px;
189 -webkit-border-radius:4px;
192 input, textarea, select, option {
193 font-family: 'LinuxLibertineCRegular', serif;
196 input, textarea, select,
197 .entity_actions .dialogbox input,
199 border-color:#AAAAAA;
202 .form_settings fieldset fieldset {
203 background:rgba(240, 240, 240, 0.2);
204 box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
205 -moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
206 -webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
209 h1, h2, h3, h4, h5, h6 {
210 font-family: LinuxLibertineCRegular, serif;
213 text-transform: capitalize;
219 .entity_send-a-message .form_notice,
220 .form_settings fieldset fieldset,
221 .entity_moderation:hover ul,
222 .entity_role:hover ul,
224 border-color:#DDDDDD;
227 .form_settings input.form_action-primary {
231 .form_notice.warning .count,
232 .form_settings .form_note {
233 background-color:#9BB43E;
237 .form_notice.warning .count,
238 .form_settings .form_note,
240 .entity_actions input,
241 .entity_moderation p,
244 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
245 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
246 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
250 .entity_actions input,
252 border-color:transparent;
253 background-color:transparent;
256 input:focus, textarea:focus, select:focus,
257 .form_notice.warning textarea,
258 .form_notice.warning .count,
259 .form_settings .form_note,
260 .entity_actions .dialogbox .form_data input:focus {
261 border-color:#9BB43E;
268 .entity_actions input.submit {
269 border-color:transparent;
273 .dialogbox .submit_dialogbox,
275 .form_notice input.submit {
276 background:#D5C5B6 url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x;
278 border-color:#7D6957;
279 border-top-color:#DAD5D0;
280 border-left-color:#DAD5D0;
283 .dialogbox .submit_dialogbox:hover,
285 background-position:0 -5px;
288 .dialogbox .submit_dialogbox:focus,
290 background-position:0 -15px;
291 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
292 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
293 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
297 .form_notice label.notice_data-geo {
298 background-position:0 -1780px;
300 .form_notice label.notice_data-geo.checked {
301 background-position:0 -1846px;
305 .form_settings input.form_action-primary,
306 .notice-options input,
308 .entity_actions input,
309 .entity_moderation p,
318 border-top-color:#C8D1D5;
321 .form_notice .count {
325 .form_notice.warning .count,
327 .entity_actions .dialogbox input {
331 .form_notice label.notice_data-attach {
332 background-position:0 -328px;
335 .form_notice input.notice_data-attach {
339 .form_notice label.notice_data-attach,
340 #export_data li a.rss,
341 #export_data li a.atom,
342 #export_data li a.foaf,
344 .entity_send-a-message a,
346 .form_user_nudge input.submit,
347 .form_user_block input.submit,
348 .form_user_unblock input.submit,
349 .form_group_block input.submit,
350 .form_group_unblock input.submit,
351 .form_make_admin input.submit,
353 .notice-options .notice_reply,
354 .notice-options form.form_favor input.submit,
355 .notice-options form.form_disfavor input.submit,
356 .notice-options .notice_delete,
357 .notice-options form.form_repeat input.submit,
359 .pagination .nav_prev a,
360 .pagination .nav_next a,
362 .form_group_leave input.submit,
363 .form_user_unsubscribe input.submit,
364 .form_group_join input.submit,
365 .form_user_subscribe input.submit,
366 .form_remote_authorize input.submit,
368 .entity_moderation p,
369 .entity_sandbox input.submit,
370 .entity_silence input.submit,
371 .entity_delete input.submit,
373 .entity_role_administrator input.submit,
374 .entity_role_moderator input.submit,
375 .notice-options .repeated,
376 .form_notice label.notice_data-geo,
378 .form_reset_key input.submit,
379 .entity_clear input.submit,
380 .entity_flag input.submit,
382 .entity_subscribe input.submit,
386 background-image:url(../images/icons/icons-01.gif);
387 background-repeat:no-repeat;
388 background-color:transparent;
391 #wrap form.processing input.submit,
393 .dialogbox.processing .submit_dialogbox {
394 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
396 .notice-options .form_repeat.processing {
397 background-image:none;
400 #content, body[id$="adminpanel"] #content {
401 -moz-border-radius: 0 0 0 0;
402 border-bottom-left-radius: 0 0;
403 border-bottom-right-radius: 0 0;
404 border-top-left-radius: 0 0;
405 border-top-right-radius: 0 0;
406 border: 1px solid #7D6957;
407 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
408 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
409 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
414 #content, body[id$="adminpanel"] #content,
415 #site_nav_local_views a, body[id$=adminpanel] #site_nav_local_views a,
417 border-color:transparent;
420 body[id$=adminpanel] #aside_primary {
425 background-color:#E6DFDA;
426 -moz-border-radius: 0px 0px 0px 0px;
427 border-bottom-left-radius: 0 0;
428 border-bottom-right-radius: 0 0;
429 border-top-left-radius: 0 0;
430 border-top-right-radius: 0 0;
431 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
432 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
433 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
441 border-bottom: 1px solid #7D6957;
447 text-transform: capitalize;
450 .section .vcard .photo {
456 display: block !important;
457 clear: none !important;
467 vertical-align: middle;
475 #site_nav_local_views .current a, body[id$=adminpanel] #site_nav_local_views .current a,
476 .entity_send-a-message .form_notice,
477 .entity_moderation:hover ul,
478 .entity_role:hover ul,
480 background-color:#FFFFFF;
483 #site_nav_local_views, body[id$=adminpanel] #site_nav_local_views {
492 body[id$=adminpanel] #site_nav_local_views li {
495 list-style-type:none;
500 #site_nav_local_views li.current, body[id$=adminpanel] #site_nav_local_views li.current {
501 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
502 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
503 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
509 #site_nav_local_views a, body[id$=adminpanel] #site_nav_local_views a {
510 background-color:rgba(194, 194, 194, 0.5);
512 text-transform: capitalize;
518 -moz-border-radius:4px;
519 -webkit-border-radius:4px;
522 #site_nav_local_views a:hover, body[id$=adminpanel] #site_nav_local_views a:hover {
523 background-color: #ffc;
526 #site_nav_local_views .current a, body[id$=adminpanel] #site_nav_local_views .current a {
527 text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
532 background-color:#E6DFDA;
543 background-image:url(../../base/images/icons/icon_processing.gif);
544 background-repeat:no-repeat;
545 background-position:47% 47%;
549 background-color:#F7E8E8;
553 background-color:#EFF3DC;
557 background-position:0 -1120px;
561 background-position:0 -1912px;
565 background-color: #E6DFDA;
571 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
572 -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
573 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
576 #showstream #anon_notice {
577 background-color: #E6DFDA;
593 background-repeat:no-repeat;
596 #export_data li a.rss {
597 background-position:0 -130px;
600 #export_data li a.atom {
601 background-position:0 -64px;
604 #export_data li a.foaf {
605 background-position:0 1px;
608 .form_group_join input.submit,
609 .form_group_leave input.submit,
610 .form_user_subscribe input.submit,
611 .form_user_unsubscribe input.submit,
612 .form_remote_authorize input.submit,
613 .entity_subscribe a {
614 background-color:#AAAAAA;
618 .form_group_leave input.submit,
619 .form_user_unsubscribe input.submit {
620 background-position:5px -1246px;
623 .form_group_join input.submit,
624 .form_user_subscribe input.submit,
625 .form_remote_authorize input.submit,
626 .entity_subscribe a {
627 background-position:5px -1181px;
631 background-position: 5px -719px;
634 .entity_send-a-message a {
635 background-position: 5px -852px;
638 .entity_send-a-message .form_notice,
639 .entity_moderation:hover ul,
640 .entity_role:hover ul,
642 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
643 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
644 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
648 .form_user_nudge input.submit {
649 background-position: 5px -785px;
652 .form_user_block input.submit,
653 .form_user_unblock input.submit,
654 .form_group_block input.submit,
655 .form_group_unblock input.submit {
656 background-position: 5px -918px;
659 .form_make_admin input.submit {
660 background-position: 5px -983px;
663 .entity_moderation p {
664 background-position: 5px -1313px;
667 .entity_sandbox input.submit {
668 background-position: 5px -1380px;
671 .entity_silence input.submit {
672 background-position: 5px -1445px;
675 .entity_delete input.submit {
676 background-position: 5px -1511px;
679 .entity_sandbox .form_user_unsandbox input.submit {
680 background-position: 5px -2568px;
683 .entity_silence .form_user_unsilence input.submit {
684 background-position: 5px -2633px;
688 background-position: 5px -2436px;
691 .entity_role_administrator .form_user_grantrole input.submit {
692 background-position: 5px -983px;
695 .entity_role_moderator .form_user_grantrole input.submit {
696 background-position: 5px -1313px;
699 .entity_role_administrator .form_user_revokerole input.submit {
700 background-position: 5px -2699px;
703 .entity_role_moderator .form_user_revokerole input.submit {
704 background-position: 5px -2501px;
707 .form_reset_key input.submit {
708 background-position: 5px -1973px;
711 .entity_clear input.submit {
712 background-position: 5px -2039px;
715 .entity_flag input.submit,
717 background-position: 5px -2105px;
720 .entity_subscribe input.accept {
721 background-position: 5px -2171px;
724 .entity_subscribe input.reject {
725 background-position: 5px -2237px;
729 background-position: 0 -2308px;
733 background-position: 0 -2374px;
737 background-position: 0 -1714px;
741 .notice .attachment {
742 background-position:0 -394px;
745 .notice .attachment.more {
746 background-position:0 -2770px;
749 #attachments .attachment {
752 .notice-options .notice_reply {
753 background-position:0 -592px;
756 .notice-options form.form_favor input.submit {
757 background-position:0 -460px;
760 .notice-options form.form_disfavor input.submit {
761 background-position:0 -526px;
763 .notice-options .notice_delete {
764 background-position:0 -658px;
766 .notice-options form.form_repeat input.submit {
767 background-position:0 -1582px;
770 .notice-options .repeated {
771 background-position:0 -1648px;
774 .notices .attachment.more,
775 .notices div.entry-content,
776 .notices div.notice-options {
780 .notices li:hover .attachment.more,
781 .notices li:hover div.entry-content,
782 .notices li:hover div.notice-options {
787 opacity:1 !important;
792 .notice-options input {
793 font-family: 'LinuxLibertineCRegular', serif;
794 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
795 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
796 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
799 .attachment.more:focus {
801 -moz-box-shadow:none;
802 -webkit-box-shadow:none;
806 #content .notices li:hover,
807 #content .applications li:hover,
808 #content tbody tr:hover {
809 background-color:rgba(240, 240, 240, 0.2);
812 #content .notice .author .photo {
817 #conversation .notices li:hover {
818 background-color:transparent;
822 background-color:rgba(200, 200, 200, 0.050);
825 .notices .notices .notices {
826 background-color:rgba(200, 200, 200, 0.100);
829 .notices .notices .notices .notices {
830 background-color:rgba(200, 200, 200, 0.150);
833 .notices .notices .notices .notices .notices {
834 background-color:rgba(200, 200, 200, 0.300);
840 background-position:0 -1054px;
843 .pagination .nav_prev a,
844 .pagination .nav_next a {
845 border-bottom-left-radius: 4px 4px;
846 border-bottom-right-radius: 4px 4px;
849 border-top-left-radius: 4px 4px;
850 border-top-right-radius: 4px 4px;
851 background-repeat:no-repeat;
852 background-color: #D5C5B6;
854 border-color:#7D6957;
855 border-top-color:#DAD5D0;
856 border-left-color:#DAD5D0;
857 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
858 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
859 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
862 .pagination .nav_prev a {
863 background-position:10% -187px;
866 .pagination .nav_next a {
867 background-position:105% -252px;
870 .pagination .nav .processing {
871 background-image:url(../../base/images/icons/icon_processing.gif);
873 -moz-box-shadow:none;
874 -webkit-box-shadow:none;
878 .pagination .nav_next a.processing {
879 background-position:90% 47%;
882 .pagination .nav_prev a.processing {
883 background-position:10% 47%;
886 }/*end of @media screen, projection, tv*/