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/
11 @media screen, projection, tv {
14 background-color: #e2e2e2;
15 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
21 h1 {font-size: 1.6em;}
22 h2 {font-size: 1.6em;}
23 h3 {font-size: 1.4em;}
24 h4 {font-size: 1.4em;}
25 h5 {font-size: 1.2em;}
31 padding: 0px 10px 10px 10px;
32 background-color: #fff;
33 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
34 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
35 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
51 background: url(../images/sn-tiny.png) no-repeat top left;
65 color: #fff !important;
69 #site_nav_global_primary {
75 background-color: #364A84;
82 border-top: 10px solid #fff;
83 border-bottom: 1px solid #fff;
86 #site_nav_global_primary ul {
91 #site_nav_global_primary li {
95 #site_nav_global_primary li:last-child {
99 #site_nav_global_primary a {
100 color: #fff !important;
101 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
102 padding: 2px 12px 2px 12px;
108 #site_nav_global_primary a:hover {
109 color: #fff !important;
110 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
112 text-decoration: none;
121 -webkit-border-radius: 6px;
122 -moz-border-radius: 6px;
146 -webkit-border-radius: 6px;
147 -moz-border-radius: 6px;
152 .form_notice fieldset {
156 .form_notice textarea {
159 -webkit-border-radius: 6px;
160 -moz-border-radius: 6px;
164 .form_notice label[for=notice_data-attach],
165 .form_notice #notice_data-attach {
170 .form_notice #notice_data-geo_wrap label,
171 .form_notice #notice_data-geo_wrap input {
176 .form_notice #notice_action-submit {
185 .form_notice .success {
189 .form_notice .error {
209 #site_nav_local_views {
210 background-color: #7080aa;
211 -webkit-border-top-left-radius: 6px;
212 -webkit-border-top-right-radius: 6px;
213 -moz-border-radius-topleft: 6px;
214 -moz-border-radius-topright: 6px;
215 border-top-left-radius: 6px;
216 border-top-right-radius: 6px;
223 #site_nav_local_views a {
224 color: #fff !important;
225 padding: 2px 12px 2px 12px;
230 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
233 #site_nav_local_views li:first-child a {
234 -webkit-border-top-left-radius: 6px;
235 -moz-border-radius-topleft: 6px;
236 border-top-left-radius: 6px;
239 #site_nav_local_views a:hover {
240 background: #8e98b4 !important;
241 color: #fff !important;
242 text-decoration: none;
245 #site_nav_local_views .current a {
246 text-decoration: none;
247 background: #8e98b4 !important;
248 color: #fff !important;
257 #aside_primary .section {
267 border-bottom: 2px solid #fff;
270 .section ul.entities {
274 .section .entities li {
280 #popular_notices .avatar {
287 padding-bottom: 14px;
290 #aside_primary td .nickname {
295 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
296 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
297 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
302 border-bottom: 2px solid #f2f2f2;
310 padding-bottom: 14px;
311 border-bottom: 2px dotted #eee;
319 #content .notice .author .photo {
324 #content .notice .entry-title {
328 #showstream .notice .entry-title {
332 #shownotice .notice .entry-title {
336 .notice div.entry-content {
343 .notice:hover div.entry-content {
347 .user_in .notice div.entry-content {
351 div.entry-content a.response:before {
355 div.entry-content a.response:after {
367 #jOverlayContent button {
378 .entity_profile .entity_depiction {
388 .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 {
389 text-shadow:0 1px 0 rgba(255,255,255,0.4);
391 -moz-border-radius: 4px;
392 -webkit-border-radius: 4px;
393 background-color: #CDD1DD !important;
396 .entity_moderation:hover ul,
397 .entity_role:hover ul {
399 -moz-border-radius: 4px;
400 -webkit-border-radius: 4px;
403 .entity_send-a-message .form_notice legend {
404 text-shadow:0 1px 0 rgba(255,255,255,0.4);
407 .entity_send-a-message .form_notice {
408 border: 1px solid #7B4E82;
411 .entity_send-a-message .form_notice #notice_action-submit {
412 color: #fff !important;
416 #aside_primary #entity_remote_subscribe a:hover {
417 background-color: #fff !important;
420 #entity_remote_subscribe .dialogbox {
421 border: 1px solid #7B4E82;
422 border-radius: 8px;
\r
423 -moz-border-radius: 8px;
\r
424 -webkit-border-radius: 8px;
427 #entity_remote_subscribe input {
431 #entity_remote_subscribe .submit_dialogbox {
436 #filter_tags_item .submit {
443 padding-bottom: 12px;
444 -webkit-border-radius: 6px;
445 -moz-border-radius: 6px;
453 -webkit-border-top-left-radius: 6px;
454 -webkit-border-top-right-radius: 6px;
455 -moz-border-radius-topleft: 6px;
456 -moz-border-radius-topright: 6px;
457 border-top-left-radius: 6px;
458 border-top-right-radius: 6px;
466 background-color: #F7E8E8;
468 -webkit-border-radius: 6px;
469 -moz-border-radius: 6px;
473 background-color: #f2f2f2;
476 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
478 -moz-border-radius: 3px;
479 -webkit-border-radius: 3px;
480 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
488 background: -moz-linear-gradient(top, #7b8dbb , #7080aa);
489 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#7080aa));
490 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#7080aa',GradientType=0 );
494 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
495 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
497 background: -moz-linear-gradient(top, #7080aa , #7b8dbb);
498 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7080aa), color-stop(100%,#7b8dbb));
499 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7080aa', endColorstr='#7b8dbb',GradientType=0 );
502 .form_settings input#settings_design_reset, .form_settings input.cancel {
505 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
508 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
511 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
514 .form_settings input.checkbox, .form_settings input.radio {
521 .form_settings label.checkbox, .form_settings label.radio {
528 .form_settings li input.radio {
532 .form_settings label.radio {
538 #form_login p.form_guide, #form_register #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide, #settings_twitter_remove p.form_guide, #design_background-image_onoff p.form_guide {
542 #form_search ul.form_data #q {
546 .form_settings fieldset fieldset {
563 border-top: 1px dotted #bbb;
566 padding:11px 18px 11px 0;
569 #content td:last-child {
575 position: relative !important;
578 margin-bottom: -8px !important;
581 .realtime-popup #content {
582 padding-left: 4px !important;
583 padding-right: 4px !important;
587 .realtime-popup .form_notice textarea {
588 width: 325px !important;
591 .realtime-popup .form_notice #notice_action-submit {
592 top: 59px !important;
593 right: 6px !important;
596 .realtime-popup .form_notice label[for=notice_data-attach], .realtime-popup .form_notice #notice_data-attach {
601 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
607 /* Bookmark specific styles */
609 #content .bookmark .entry-title {
614 margin: 0px 0px 8px 0px;
620 .bookmark-notice-count {
621 border-radius: 4px;
\r
622 -moz-border-radius: 4px;
\r
623 -webkit-border-radius: 4px;
628 border: 1px solid #7b8dbb;
629 color: #3e3e8c !important;
635 .bookmark-notice-count:hover {
636 text-decoration: none;
638 border: 1px solid #7b8dbb;
639 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
642 .notice .bookmark-description {
648 .notice .bookmark-author {
660 border-radius: 4px;
\r
661 -moz-border-radius: 4px;
\r
662 -webkit-border-radius: 4px;
665 color: #3e3e8c !important;
666 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
670 ul.bookmark-tags a:hover {
671 background-color: #cdd1dd;
672 text-decoration: none;
676 float: none !important;
681 .bookmark div.entry-content {
689 .bookmark:hover div.entry-content {
693 .bookmark .notice-options {
701 border: 10px solid #364A84;
705 #bookmarkpopup #wrap {
708 padding: 40px 0px 25px 0px;
710 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
713 #bookmarkpopup #header {
718 #bookmarkpopup .form_settings label {
725 #bookmarkpopup .form_settings .form_data input {
729 #bookmarkpopup .form_guide {
733 #bookmarkpopup #submit {
738 #bookmarkpopup fieldset fieldset {
742 /* Onboard specific styles */
745 border-radius: 6px;
\r
746 -moz-border-radius: 6px;
\r
747 -webkit-border-radius: 6px;
749 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
750 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
751 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
758 .onboard-flash .next:before {
763 .onboard-breadcrumbs {
764 margin-bottom: 16px !important;
767 .onboard-breadcrumbs li {
768 background: none !important;
769 border-top: none !important;
770 padding: 6px 12px 2px 0px !important;
773 .onboard-breadcrumbs li:last-child {
774 padding-right: 0px !important;
777 .onboard-breadcrumbs a {
778 text-decoration: none;
781 .onboard-breadcrumbs a:hover {
782 color: #3e3e8c !important;
785 /* Billing specific styles */
787 #content table.billing_info {
789 background:rgba(240, 240, 240, 0.4);
792 #content table.billing_info th {
798 border: solid 2px red !important;
801 #payment_history table {
805 #billingadminpanel .form_settings input {
809 }/*end of @media screen, projection, tv*/