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;}
51 h1 {font-size: 1.6em;}
52 h2 {font-size: 1.6em;}
53 h3 {font-size: 1.4em;}
54 h4 {font-size: 1.4em;}
55 h5 {font-size: 1.2em;}
59 background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
67 border-top: 5px solid #FB6104;
68 border-left: 1px solid #d8dae6;
69 border-right: 1px solid #d8dae6;
72 #aside_primary_wrapper {
73 background-color: #ececf2;
77 border-right: 1px solid #d8dae6;
80 #site_nav_local_views_wrapper {
81 background-color: #ececf2;
82 border-right: 1px solid #d8dae6;
87 border-top-left-radius: 6px;
88 border-top-right-radius: 6px;
93 #site_nav_global_primary {
95 border-top-right-radius: 6px;
97 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
98 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
99 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
100 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
101 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
102 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
103 background: linear-gradient(top, #516499 0%,#364a84 100%);
106 #site_nav_global_primary li {
110 #site_nav_global_primary li:last-child {
114 #site_nav_global_primary a {
115 padding: 2px 10px 2px 10px;
120 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
123 #site_nav_global_primary a:hover {
124 color: #fff !important;
125 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
127 text-decoration: none;
135 #header-search #search-q {
140 padding: 2px 22px 2px 6px;
146 #header-search input[type="submit"] {
148 background: url(../images/magnifier.png) no-repeat 2px 1px;
149 text-indent: -9999px;
169 padding: 18px 20px 0px 20px;
172 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
175 #input_form_nav li a {
178 padding: 0px 10px 1px 10px;
180 border: 1px solid #ECECF2;
184 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
186 background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
187 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
188 background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
189 background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
190 background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
191 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
192 background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
195 #input_form_nav li:hover a, #input_form_nav li.current a {
197 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
198 border: 1px solid #ececf2;
200 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
201 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
202 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
203 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
204 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
205 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
206 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
209 .input_form_nav_tab a, .input_form_nav_tab.current a {
210 text-decoration: none;
214 .form_notice .success,
215 .form_notice .notice-status {
219 .form_notice_placeholder .placeholder,
220 .form_notice textarea ,
221 .input_form .form_settings li input,
222 .input_form .form_settings li textarea,
223 .threaded-replies .placeholder { /* TODO combine all these declarations */
225 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
228 .input_form .form_settings .submit {
232 /* site nav local views */
234 #site_nav_local_views H3 {
237 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
241 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
242 text-transform: uppercase;
245 #site_nav_local_views a {
248 padding: 0px 10px 1px 10px;
250 text-transform: uppercase;
251 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
252 word-wrap: break-word;
255 #site_nav_local_views a:hover, #site_nav_local_views .current a {
257 text-decoration: none;
258 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
260 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
261 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
262 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
263 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
264 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
265 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
266 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
271 #aside_primary .section {
278 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
282 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
283 text-transform: uppercase;
286 .profile_block .entity_actions {
293 .profile_block .entity_moderation:hover ul,
294 .profile_block .entity_role:hover ul {
298 .profile_block_name {
303 .profile_block_location {
307 .profile_block_description {
311 #site_nav_object ul {
312 background: url('../images/brdr_black_dot.png') repeat-x top left;
315 #site_nav_object li {
317 margin: -8px 0px 8px 0px;
324 padding: 0px 0px 1px 10px;
326 text-transform: uppercase;
327 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
330 #site_nav_object a:hover, #site_nav_object .current a {
332 text-decoration: none;
333 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
335 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
336 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
337 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
338 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
339 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
340 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
341 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
344 .section ul.entities {
348 .section .entities li {
354 #popular_notices .avatar {
362 padding-bottom: 14px;
365 #aside_primary td .nickname {
370 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
380 text-transform: uppercase;
382 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
383 border: 1px solid #d7621c;
386 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
387 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
388 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
389 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
390 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
391 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
392 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
395 .invite_button:hover {
397 text-decoration: none;
398 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
400 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
401 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
402 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
403 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
404 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
405 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
406 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
412 border-bottom: 3px solid #A6ADBF;
416 text-transform: none;
421 border-bottom: 2px dotted #eee;
424 .notice div.entry-content {
430 .user_in .notice div.entry-content {
434 .entry-content a.conversation:before {
438 .entry-content a.conversation:after {
446 .notice-options .form_repeat.dialogbox {
448 border: 1px solid #aaa;
450 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
453 .notice-options .form_repeat.dialogbox legend {
457 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
461 #content .threaded-replies .notice .author .photo {
462 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
465 .user_in.realtime-popup .notice div.entry-content {
470 .realtime-popup .threaded-replies {
474 .realtime-popup .threaded-replies .form_notice textarea {
475 width: 385px !important;
478 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
479 top: 10px !important;
480 right: 10px !important;
494 .entity_profile .entity_depiction {
504 .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 {
505 text-shadow:0 1px 0 rgba(255,255,255,0.4);
507 background-color: #CDD1DD !important;
510 .entity_moderation:hover ul,
511 .entity_role:hover ul {
515 .entity_send-a-message .form_notice legend {
516 text-shadow:0 1px 0 rgba(255,255,255,0.4);
519 .entity_send-a-message .form_notice {
520 border: 1px solid #7B4E82;
523 .entity_send-a-message .form_notice #notice_action-submit {
524 color: #fff !important;
528 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
529 border: 1px solid #aaa;
531 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
534 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
535 color: #fff !important;
538 #filter_tags_item .submit {
545 padding-bottom: 12px;
558 #site_nav_global_secondary {
562 .error, .success, .notice-status {
567 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
568 .entity_subscribe .dialogbox input.submit_dialogbox,
569 .entity_tag .dialogbox input.submit_dialogbox,
570 .form_repeat.dialogbox input.submit_dialogbox
571 { /* TODO combine all these declarations */
576 text-transform: uppercase;
578 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
579 border: 1px solid #d7621c;
582 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
583 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
584 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
585 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
586 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
587 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
588 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
591 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
592 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
593 .entity_tag .dialogbox input.submit_dialogbox:hover,
594 .form_repeat.dialogbox input.submit_dialogbox:hover
596 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
598 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
599 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
600 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
601 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
602 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
603 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
604 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
607 .form_settings input#cancel, #form_action-no {
610 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
613 .form_settings input#cancel:hover, #form_action-no:hover {
616 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
619 .form_settings fieldset fieldset {
628 #invite #content ul {
629 list-style-type: none;
634 #invite #content li {
635 background: url(../images/resultset_next.png) no-repeat 0px 3px;
640 #invite #content #form_invite ul, #invite #content #form_invite li {
646 #form_invite input[type=text], #form_invite textarea {
649 border: 1px solid #a6a6a6;
651 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
654 #form_invite textarea {
660 #form_invite a.add_row, #form_invite a.remove_row {
665 background-image: url('../../base/images/icons/icons-01.gif');
666 background-repeat: no-repeat;
669 #form_invite a.remove_row {
670 background-position: 0px -1252px;
671 display: inline-block;
678 #form_invite a.add_row {
682 background-position: 0px -1186px;
688 #form_invite label[for=personal] {
704 border-top: 1px dotted #bbb;
707 padding:11px 18px 11px 0;
710 #content td:last-child {
717 padding-bottom: 10px;
719 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
722 #form_search fieldset {
726 #form_search ul.form_data #q {
731 #form_search input.submit {
739 #noticesearch .entity_actions {
743 #noticesearch p.error {
749 .limited-scope .entry-content .timestamp {
754 .limited-scope .entry-content .timestamp:before {
755 content: url(../images/lock.png);
761 .limited-scope li .entry-content .timestamp {
765 .limited-scope li .entry-content .timestamp:before {
769 .limited-scope li.limited-scope .entry-content .timestamp {
773 .limited-scope li.limited-scope .entry-content .timestamp:before {
774 content: url(../images/lock.png);
782 label[for=blog-entry-content] {
783 display: none !important;
786 #input_form_blog td {
791 #input_form_blog td.mceToolbar {
795 h4.blog-entry-title {
800 /* Onboard specific styles */
801 /* TODO move to plugin */
804 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
808 background: #fff url(../logo.png) no-repeat 10px bottom !important;
816 .onboard_iframe #wrap {
825 .onboard_welcome ul {
826 list-style-type: none;
830 .onboard_welcome ul li {
831 background: url(../images/resultset_next.png) no-repeat 0px 3px;
836 #aside_primary #onboard_section {
841 border: 1px solid #516499;
845 #onboard_section H2 {
846 border-top-left-radius: 4px;
847 border-top-right-radius: 4px;
851 padding: 2px 0px 2px 10px;
855 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
857 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
858 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
859 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
860 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
861 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
862 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
863 background: linear-gradient(top, #516499 0%,#364a84 100%);
866 #onboard_section ul {
867 list-style-type: none;
870 #onboard_section .onboard-step-incomplete {
871 background: url(../images/resultset_next.png) no-repeat 0px 1px;
876 #onboard_section .onboard-step-complete {
877 background: url(../images/tick.png) no-repeat 0px 1px;
880 text-decoration: line-through;
884 /* Billing specific styles */
885 /* TODO move to plugin */
887 #content table.billing_info {
889 background:rgba(240, 240, 240, 0.4);
892 #content table.billing_info th {
898 border: solid 2px red !important;
901 #payment_history table {
905 #billingadminpanel .form_settings input {
909 /* Directory specific styles */
910 /* TODO separate base styles and move to plugin */
912 div#profile_directory div.alpha_nav > a {
913 border-left: 1px solid #ccc !important;
914 padding-left: 3.5px !important;
915 padding-right: 4px !important;
921 div#profile_directory div.alpha_nav > a.first {
922 border-left: none !important;
925 div#profile_directory div.alpha_nav a.current {
926 background-color: #ECECF2 !important;
937 .profile_list th#created {
941 .profile_list th#subscriptions {
945 .profile_list th.current {
946 background: none !important;
949 .profile_list th.current.reverse {
950 background: none !important;
953 .profile_list th.current a {
955 background: url(../images/bluearrow_down.png) no-repeat top right;
958 .profile_list th.current.reverse a {
959 background: url(../images/bluearrow_up.png) no-repeat top right;
962 table.profile_list tr.alt {
963 background-color: #fafafa !important;
964 border: none !important;
978 .profile_list .nickname, .profile_list .fn.nickname {
982 margin-bottom: -12px;
986 .profile_list .label {
988 margin-left: 59px !important;
991 .profile_list .note {
996 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1000 .profile_list td.entity_actions {
1005 padding-left: 6px !important;
1008 display: table-cell !important;
1011 .profile_list .entity_actions ul {
1016 .profile_list .entity_actions input {
1025 border: 1px solid #CDD1DD;
1028 .profile_list .form_group_leave input.submit,
1029 .profile_list .form_user_unsubscribe input.submit {
1030 background-position: 2px -1250px;
1033 .profile_list .form_group_join input.submit,
1034 .profile_list .form_user_subscribe input.submit {
1035 background-position: 2px -1184px;
1038 .profile_list .entity_actions input:hover {
1040 padding-right: 10px;
1044 border: 1px solid #A6ADBF;
1045 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1048 /* SNOD CompanyLogo styling */
1049 /* TODO move to plugin */
1051 #site_nav_local_views a.company_logo {
1055 text-transform: none;
1057 margin-bottom: 20px;
1062 #site_nav_local_views a.company_logo:hover {
1065 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1073 .company_logo span {
1077 a.company_logo:hover span {
1078 text-decoration: underline;
1081 }/*end of @media screen, projection, tv*/