4 * @author Samantha Doherty <sammy@status.net>
5 * @copyright 2011 StatusNet, Inc.
6 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
7 * @link http://status.net/
12 src: url('../fonts/lato-regular-webfont.eot?') format('eot'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#webfontCjmEHx3G') format('svg');
19 src: url('../fonts/lato-bold-webfont.eot?') format('eot'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#webfontCjmEHx3G') format('svg');
26 src: url('../fonts/lato-italic-webfont.eot?') format('eot'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#webfontCjmEHx3G') format('svg');
31 @media screen, projection, tv {
33 /* general styles and layout */
36 background-color: #C6C8CC;
37 background-image: url(../images/bg.png);
38 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
42 input, textarea, select, option {
43 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
47 a:hover {color: blue;}
49 abbr {border-bottom: none;}
52 background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
60 border-top: 5px solid #FB6104;
61 border-left: 1px solid #d8dae6;
62 border-right: 1px solid #d8dae6;
65 #aside_primary_wrapper {
66 background-color: #ececf2;
70 border-right: 1px solid #d8dae6;
73 #site_nav_local_views_wrapper {
74 background-color: #ececf2;
75 border-right: 1px solid #d8dae6;
80 border-top-left-radius: 6px;
81 border-top-right-radius: 6px;
86 #site_nav_global_primary {
88 border-top-right-radius: 6px;
90 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
91 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
92 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
93 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
94 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
95 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
96 background: linear-gradient(top, #516499 0%,#364a84 100%);
99 #site_nav_global_primary li {
103 #site_nav_global_primary li:last-child {
107 #site_nav_global_primary a {
108 padding: 2px 10px 2px 10px;
113 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
116 #site_nav_global_primary a:hover {
117 color: #fff !important;
118 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
120 text-decoration: none;
128 #header-search #search-q {
133 padding: 2px 22px 2px 6px;
139 #header-search input[type="submit"] {
141 background: url(../images/magnifier.png) no-repeat 2px 1px;
142 text-indent: -9999px;
162 padding: 18px 20px 0px 20px;
165 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
168 #input_form_nav li a {
171 padding: 0px 10px 1px 10px;
173 border: 1px solid #ECECF2;
177 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
179 background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
180 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
181 background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
182 background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
183 background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
184 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
185 background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
188 #input_form_nav li:hover a, #input_form_nav li.current a {
190 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
191 border: 1px solid #ececf2;
193 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
194 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
195 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
196 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
197 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
198 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
199 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
202 .input_form_nav_tab a, .input_form_nav_tab.current a {
203 text-decoration: none;
207 .form_notice .success,
208 .form_notice .notice-status {
212 .form_notice_placeholder .placeholder,
213 .form_notice textarea ,
214 .input_form .form_settings li input,
215 .input_form .form_settings li textarea,
216 .threaded-replies .placeholder { /* TODO combine all these declarations */
218 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
221 .input_form .form_settings .submit {
225 /* site nav local views */
227 #site_nav_local_views H3 {
230 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
234 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
235 text-transform: uppercase;
238 #site_nav_local_views a {
241 padding: 0px 10px 1px 10px;
243 text-transform: uppercase;
244 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
245 word-wrap: break-word;
248 #site_nav_local_views a:hover, #site_nav_local_views .current a {
250 text-decoration: none;
251 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
253 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
254 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
255 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
256 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
257 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
258 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
259 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
264 #aside_primary .section {
271 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
275 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
276 text-transform: uppercase;
279 .profile_block .entity_actions {
286 .profile_block .entity_moderation:hover ul,
287 .profile_block .entity_role:hover ul {
291 .profile_block_name {
296 .profile_block_location {
300 .profile_block_description {
304 #site_nav_object ul {
305 background: url('../images/brdr_black_dot.png') repeat-x top left;
308 #site_nav_object li {
310 margin: -8px 0px 8px 0px;
317 padding: 0px 0px 1px 10px;
319 text-transform: uppercase;
320 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
323 #site_nav_object a:hover, #site_nav_object .current a {
325 text-decoration: none;
326 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
328 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
329 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
330 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
331 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
332 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
333 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
334 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
337 .section ul.entities {
341 .section .entities li {
347 #popular_notices .avatar {
355 padding-bottom: 14px;
358 #aside_primary td .nickname {
363 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
373 text-transform: uppercase;
375 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
376 border: 1px solid #d7621c;
379 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
380 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
381 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
382 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
383 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
384 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
385 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
388 .invite_button:hover {
390 text-decoration: none;
391 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
393 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
394 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
395 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
396 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
397 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
398 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
399 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
405 border-bottom: 3px solid #A6ADBF;
409 text-transform: none;
414 border-bottom: 2px dotted #eee;
417 .notice div.e-content {
421 .user_in .notice div.e-content {
425 .e-content a.conversation:before {
429 .e-content a.conversation:after {
433 .notice-options .form_repeat.dialogbox {
435 border: 1px solid #aaa;
437 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
440 .notice-options .form_repeat.dialogbox legend {
444 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
448 .user_in.realtime-popup .notice div.e-content {
453 .realtime-popup .threaded-replies {
457 .realtime-popup .threaded-replies .form_notice textarea {
458 width: 385px !important;
461 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
462 top: 10px !important;
463 right: 10px !important;
477 .entity_profile .entity_depiction {
487 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
488 text-shadow:0 1px 0 rgba(255,255,255,0.4);
490 background-color: #CDD1DD !important;
493 .entity_moderation:hover ul,
494 .entity_role:hover ul {
498 .entity_send-a-message .form_notice legend {
499 text-shadow:0 1px 0 rgba(255,255,255,0.4);
502 .entity_send-a-message .form_notice {
503 border: 1px solid #7B4E82;
506 .entity_send-a-message .form_notice #notice_action-submit {
507 color: #fff !important;
511 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
512 border: 1px solid #aaa;
514 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
517 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
518 color: #fff !important;
521 #filter_tags_item .submit {
528 padding-bottom: 12px;
541 #site_nav_global_secondary {
545 .error, .success, .notice-status {
550 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
551 .entity_subscribe .dialogbox input.submit_dialogbox,
552 .entity_tag .dialogbox input.submit_dialogbox,
553 .form_repeat.dialogbox input.submit_dialogbox
554 { /* TODO combine all these declarations */
559 text-transform: uppercase;
561 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
562 border: 1px solid #d7621c;
565 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
566 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
567 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
568 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
569 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
570 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
571 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
574 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
575 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
576 .entity_tag .dialogbox input.submit_dialogbox:hover,
577 .form_repeat.dialogbox input.submit_dialogbox:hover
579 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
581 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
582 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
583 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
584 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
585 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
586 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
587 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
590 .form_settings input#cancel, #form_action-no {
593 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
596 .form_settings input#cancel:hover, #form_action-no:hover {
599 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
602 .form_settings fieldset fieldset {
611 #invite #content ul {
612 list-style-type: none;
617 #invite #content li {
618 background: url(../images/resultset_next.png) no-repeat 0px 3px;
623 #invite #content #form_invite ul, #invite #content #form_invite li {
629 #form_invite input[type=text], #form_invite textarea {
632 border: 1px solid #a6a6a6;
634 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
637 #form_invite textarea {
643 #form_invite a.add_row, #form_invite a.remove_row {
648 background-image: url('../../base/images/icons/icons-01.gif');
649 background-repeat: no-repeat;
652 #form_invite a.remove_row {
653 background-position: 0px -1252px;
654 display: inline-block;
661 #form_invite a.add_row {
665 background-position: 0px -1186px;
671 #form_invite label[for=personal] {
687 border-top: 1px dotted #bbb;
690 padding:11px 18px 11px 0;
693 #content td:last-child {
700 padding-bottom: 10px;
702 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
705 #form_search fieldset {
709 #form_search ul.form_data #q {
714 #form_search input.submit {
722 #noticesearch .entity_actions {
726 #noticesearch p.error {
732 .limited-scope .e-content .timestamp {
737 .limited-scope .e-content .timestamp:before {
738 content: url(../images/lock.png);
744 .limited-scope li .e-content .timestamp {
748 .limited-scope li .e-content .timestamp:before {
752 .limited-scope li.limited-scope .e-content .timestamp {
756 .limited-scope li.limited-scope .e-content .timestamp:before {
757 content: url(../images/lock.png);
765 label[for=blog-entry-content] {
766 display: none !important;
769 #input_form_blog td {
774 #input_form_blog td.mceToolbar {
778 h4.blog-entry-title {
783 /* Onboard specific styles */
784 /* TODO move to plugin */
787 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
791 background: #fff url(../logo.png) no-repeat 10px bottom !important;
799 .onboard_iframe #wrap {
808 .onboard_welcome ul {
809 list-style-type: none;
813 .onboard_welcome ul li {
814 background: url(../images/resultset_next.png) no-repeat 0px 3px;
819 #aside_primary #onboard_section {
824 border: 1px solid #516499;
828 #onboard_section H2 {
829 border-top-left-radius: 4px;
830 border-top-right-radius: 4px;
834 padding: 2px 0px 2px 10px;
838 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
840 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
841 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
842 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
843 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
844 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
845 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
846 background: linear-gradient(top, #516499 0%,#364a84 100%);
849 #onboard_section ul {
850 list-style-type: none;
853 #onboard_section .onboard-step-incomplete {
854 background: url(../images/resultset_next.png) no-repeat 0px 1px;
859 #onboard_section .onboard-step-complete {
860 background: url(../images/tick.png) no-repeat 0px 1px;
863 text-decoration: line-through;
867 /* Billing specific styles */
868 /* TODO move to plugin */
870 #content table.billing_info {
872 background:rgba(240, 240, 240, 0.4);
875 #content table.billing_info th {
881 border: solid 2px red !important;
884 #payment_history table {
888 #billingadminpanel .form_settings input {
892 /* Directory specific styles */
893 /* TODO separate base styles and move to plugin */
895 div#profile_directory div.alpha_nav > a {
896 border-left: 1px solid #ccc !important;
897 padding-left: 3.5px !important;
898 padding-right: 4px !important;
904 div#profile_directory div.alpha_nav > a.first {
905 border-left: none !important;
908 div#profile_directory div.alpha_nav a.current {
909 background-color: #ECECF2 !important;
920 .profile_list th#created {
924 .profile_list th#subscriptions {
928 .profile_list th.current {
929 background: none !important;
932 .profile_list th.current.reverse {
933 background: none !important;
936 .profile_list th.current a {
938 background: url(../images/bluearrow_down.png) no-repeat top right;
941 .profile_list th.current.reverse a {
942 background: url(../images/bluearrow_up.png) no-repeat top right;
945 table.profile_list tr.alt {
946 background-color: #fafafa !important;
947 border: none !important;
955 .profile_list .p-name {
961 .profile_list .nickname, .profile_list .p-name.nickname {
965 margin-bottom: -12px;
969 .profile_list .label {
971 margin-left: 59px !important;
974 .profile_list .note {
979 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
983 .profile_list td.entity_actions {
988 padding-left: 6px !important;
991 display: table-cell !important;
994 .profile_list .entity_actions ul {
999 .profile_list .entity_actions input {
1008 border: 1px solid #CDD1DD;
1011 .profile_list .form_group_leave input.submit,
1012 .profile_list .form_user_unsubscribe input.submit {
1013 background-position: 2px -1250px;
1016 .profile_list .form_group_join input.submit,
1017 .profile_list .form_user_subscribe input.submit {
1018 background-position: 2px -1184px;
1021 .profile_list .entity_actions input:hover {
1023 padding-right: 10px;
1027 border: 1px solid #A6ADBF;
1028 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1031 /* SNOD CompanyLogo styling */
1032 /* TODO move to plugin */
1034 #site_nav_local_views a.company_logo {
1038 text-transform: none;
1040 margin-bottom: 20px;
1045 #site_nav_local_views a.company_logo:hover {
1048 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1056 .company_logo span {
1060 a.company_logo:hover span {
1061 text-decoration: underline;
1064 }/*end of @media screen, projection, tv*/