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 .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 {
288 padding-bottom: 14px;
291 #aside_primary td .nickname {
296 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
297 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
298 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
303 border-bottom: 2px solid #f2f2f2;
311 padding-bottom: 14px;
312 border-bottom: 2px dotted #eee;
320 #content .notice .author .photo {
325 #content .notice .entry-title {
329 #showstream .notice .entry-title {
333 #shownotice .notice .entry-title {
337 .notice div.entry-content {
344 .notice:hover div.entry-content {
348 .user_in .notice div.entry-content {
352 div.entry-content a.response:before {
356 div.entry-content a.response:after {
368 #jOverlayContent button {
379 .entity_profile .entity_depiction {
389 .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 {
390 text-shadow:0 1px 0 rgba(255,255,255,0.4);
392 -moz-border-radius: 4px;
393 -webkit-border-radius: 4px;
394 background-color: #CDD1DD !important;
397 .entity_moderation:hover ul,
398 .entity_role:hover ul {
400 -moz-border-radius: 4px;
401 -webkit-border-radius: 4px;
404 .entity_send-a-message .form_notice legend {
405 text-shadow:0 1px 0 rgba(255,255,255,0.4);
408 .entity_send-a-message .form_notice {
409 border: 1px solid #7B4E82;
412 .entity_send-a-message .form_notice .submit {
413 color: #fff !important;
417 #aside_primary #entity_remote_subscribe a:hover {
418 background-color: #fff !important;
421 #entity_remote_subscribe .dialogbox {
422 border: 1px solid #7B4E82;
423 border-radius: 8px;
\r
424 -moz-border-radius: 8px;
\r
425 -webkit-border-radius: 8px;
428 #entity_remote_subscribe input {
432 #entity_remote_subscribe .submit_dialogbox {
437 #filter_tags_item .submit {
444 padding-bottom: 12px;
445 -webkit-border-radius: 6px;
446 -moz-border-radius: 6px;
454 -webkit-border-top-left-radius: 6px;
455 -webkit-border-top-right-radius: 6px;
456 -moz-border-radius-topleft: 6px;
457 -moz-border-radius-topright: 6px;
458 border-top-left-radius: 6px;
459 border-top-right-radius: 6px;
467 background-color: #F7E8E8;
469 -webkit-border-radius: 6px;
470 -moz-border-radius: 6px;
474 background-color: #f2f2f2;
477 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
479 -moz-border-radius: 3px;
480 -webkit-border-radius: 3px;
481 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
489 background: -moz-linear-gradient(top, #7b8dbb , #7080aa);
490 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#7080aa));
491 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#7080aa',GradientType=0 );
495 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
496 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
498 background: -moz-linear-gradient(top, #7080aa , #7b8dbb);
499 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7080aa), color-stop(100%,#7b8dbb));
500 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7080aa', endColorstr='#7b8dbb',GradientType=0 );
503 .form_settings input#settings_design_reset, .form_settings input.cancel {
506 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
509 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
512 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
515 .form_settings input.checkbox, .form_settings input.radio {
522 .form_settings label.checkbox, .form_settings label.radio {
529 .form_settings li input.radio {
533 .form_settings label.radio {
539 #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 {
543 #form_search ul.form_data #q {
547 .form_settings fieldset fieldset {
564 border-top: 1px dotted #bbb;
567 padding:11px 18px 11px 0;
570 #content td:last-child {
576 position: relative !important;
579 margin-bottom: -8px !important;
582 .realtime-popup #content {
583 padding-left: 4px !important;
584 padding-right: 4px !important;
588 .realtime-popup .form_notice textarea {
589 width: 325px !important;
592 .realtime-popup .form_notice .submit {
593 top: 59px !important;
594 right: 6px !important;
597 .realtime-popup .form_notice label[for=notice_data-attach], .realtime-popup .form_notice #notice_data-attach {
602 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
608 /* Bookmark specific styles */
610 #content .bookmark .entry-title {
615 margin: 0px 0px 8px 0px;
621 .bookmark-notice-count {
622 border-radius: 4px;
\r
623 -moz-border-radius: 4px;
\r
624 -webkit-border-radius: 4px;
629 border: 1px solid #7b8dbb;
630 color: #3e3e8c !important;
636 .bookmark-notice-count:hover {
637 text-decoration: none;
639 border: 1px solid #7b8dbb;
640 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
643 .notice .bookmark-description {
649 .notice .bookmark-author {
661 border-radius: 4px;
\r
662 -moz-border-radius: 4px;
\r
663 -webkit-border-radius: 4px;
666 color: #3e3e8c !important;
667 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
671 ul.bookmark-tags a:hover {
672 background-color: #cdd1dd;
673 text-decoration: none;
677 float: none !important;
682 .bookmark div.entry-content {
690 .bookmark:hover div.entry-content {
694 .bookmark .notice-options {
702 border: 10px solid #364A84;
706 #bookmarkpopup #wrap {
709 padding: 40px 0px 25px 0px;
711 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
714 #bookmarkpopup #header {
719 #bookmarkpopup .form_settings label {
726 #bookmarkpopup .form_settings .form_data input {
730 #bookmarkpopup .form_guide {
734 #bookmarkpopup #submit {
739 #bookmarkpopup fieldset fieldset {
743 /* Onboard specific styles */
746 border-radius: 6px;
\r
747 -moz-border-radius: 6px;
\r
748 -webkit-border-radius: 6px;
750 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
751 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
752 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
759 .onboard-flash .next:before {
764 .onboard-breadcrumbs {
765 margin-bottom: 16px !important;
768 .onboard-breadcrumbs li {
769 background: none !important;
770 border-top: none !important;
771 padding: 6px 12px 2px 0px !important;
774 .onboard-breadcrumbs li:last-child {
775 padding-right: 0px !important;
778 .onboard-breadcrumbs a {
779 text-decoration: none;
782 .onboard-breadcrumbs a:hover {
783 color: #3e3e8c !important;
786 /* Billing specific styles */
788 #content table.billing_info {
790 background:rgba(240, 240, 240, 0.4);
793 #content table.billing_info th {
799 border: solid 2px red !important;
802 #payment_history table {
806 #billingadminpanel .form_settings input {
810 }/*end of @media screen, projection, tv*/