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: #C6C8CC;
15 background-image: url(../images/bg.png);
16 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
22 h1 {font-size: 1.6em;}
23 h2 {font-size: 1.6em;}
24 h3 {font-size: 1.4em;}
25 h4 {font-size: 1.4em;}
26 h5 {font-size: 1.2em;}
32 padding: 0px 15px 10px 15px;
33 background-color: #fff;
34 border-left: 10px solid #E0E0E0;
35 border-right: 10px solid #E0E0E0;
51 background: url(../images/sn-tiny.png) no-repeat top left;
65 color: #fff !important;
69 #site_nav_global_primary {
75 background-color: #364A84;
81 border-top: 10px solid #fff;
82 border-bottom: 1px solid #fff;
85 #site_nav_global_primary ul {
89 #site_nav_global_primary li {
93 #site_nav_global_primary li:last-child {
97 #site_nav_global_primary a {
98 color: #fff !important;
99 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
100 padding: 2px 12px 2px 12px;
106 #site_nav_global_primary a:hover {
107 color: #fff !important;
108 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
110 text-decoration: none;
119 -webkit-border-radius: 6px;
120 -moz-border-radius: 6px;
145 -webkit-border-radius: 6px;
146 -moz-border-radius: 6px;
151 .form_notice fieldset {
155 .form_notice textarea {
158 -webkit-border-radius: 6px;
159 -moz-border-radius: 6px;
163 .form_notice label[for=notice_data-attach],
164 .form_notice #notice_data-attach {
169 .form_notice #notice_data-geo_wrap label,
170 .form_notice #notice_data-geo_wrap input {
175 .form_notice #notice_action-submit {
184 .form_notice .success {
188 .form_notice .error {
207 #site_nav_local_views {
214 #site_nav_local_views H3 {
215 border-bottom: 3px solid #A6ADBF;
220 text-transform: uppercase;
223 #site_nav_local_views li {
225 margin: 0px 0px 6px 0px;
228 #site_nav_local_views li ul {
232 #site_nav_local_views a {
233 padding: 2px 0px 2px 10px;
235 -webkit-border-radius: 6px;
236 -moz-border-radius: 6px;
240 #site_nav_local_views a:hover {
241 background: #8e98b4 !important;
242 color: #fff !important;
243 text-decoration: none;
244 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
247 #site_nav_local_views .current a {
248 text-decoration: none;
249 background: #8e98b4 !important;
250 color: #fff !important;
251 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
261 #aside_primary .section {
268 border-bottom: 3px solid #A6ADBF;
273 text-transform: uppercase;
277 .section ul.entities {
281 .section .entities li {
287 #popular_notices .avatar {
295 padding-bottom: 14px;
298 #aside_primary td .nickname {
303 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
304 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
305 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
309 border-bottom: 3px solid #A6ADBF;
313 text-transform: uppercase;
321 padding-bottom: 14px;
322 border-bottom: 2px dotted #eee;
330 #content .notice .author .photo {
335 #content .notice .entry-title {
339 #showstream .notice .entry-title {
343 #shownotice .notice .entry-title {
347 .notice div.entry-content {
354 .notice:hover div.entry-content {
358 .user_in .notice div.entry-content {
362 div.entry-content a.response:before {
366 div.entry-content a.response:after {
378 #jOverlayContent button {
389 td.entity_profile { /* cf directory table */
393 .entity_profile .entity_depiction {
403 .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 {
404 text-shadow:0 1px 0 rgba(255,255,255,0.4);
406 -moz-border-radius: 4px;
407 -webkit-border-radius: 4px;
408 background-color: #CDD1DD !important;
411 .entity_moderation:hover ul,
412 .entity_role:hover ul {
414 -moz-border-radius: 4px;
415 -webkit-border-radius: 4px;
418 .entity_send-a-message .form_notice legend {
419 text-shadow:0 1px 0 rgba(255,255,255,0.4);
422 .entity_send-a-message .form_notice {
423 border: 1px solid #7B4E82;
426 .entity_send-a-message .form_notice #notice_action-submit {
427 color: #fff !important;
431 #aside_primary #entity_remote_subscribe a:hover {
432 background-color: #fff !important;
435 #entity_remote_subscribe .dialogbox {
436 border: 1px solid #7B4E82;
437 border-radius: 8px;
\r
438 -moz-border-radius: 8px;
\r
439 -webkit-border-radius: 8px;
442 #entity_remote_subscribe input {
446 #entity_remote_subscribe .submit_dialogbox {
451 #filter_tags_item .submit {
458 padding-bottom: 12px;
459 -webkit-border-radius: 6px;
460 -moz-border-radius: 6px;
468 -webkit-border-top-left-radius: 6px;
469 -webkit-border-top-right-radius: 6px;
470 -moz-border-radius-topleft: 6px;
471 -moz-border-radius-topright: 6px;
472 border-top-left-radius: 6px;
473 border-top-right-radius: 6px;
480 #site_nav_global_secondary {
485 background-color: #F7E8E8;
487 -webkit-border-radius: 6px;
488 -moz-border-radius: 6px;
492 background-color: #f2f2f2;
495 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
497 -moz-border-radius: 3px;
498 -webkit-border-radius: 3px;
499 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
507 background: -moz-linear-gradient(top, #7b8dbb , #7080aa);
508 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#7080aa));
509 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#7080aa',GradientType=0 );
513 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
514 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
516 background: -moz-linear-gradient(top, #7080aa , #7b8dbb);
517 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7080aa), color-stop(100%,#7b8dbb));
518 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7080aa', endColorstr='#7b8dbb',GradientType=0 );
521 .form_settings input#settings_design_reset, .form_settings input.cancel {
524 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
527 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
530 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
533 .form_settings input.checkbox, .form_settings input.radio {
540 .form_settings label.checkbox, .form_settings label.radio {
547 .form_settings li input.radio {
551 .form_settings label.radio {
557 #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 {
561 #form_search ul.form_data #q {
565 .form_settings fieldset fieldset {
582 border-top: 1px dotted #bbb;
585 padding:11px 18px 11px 0;
588 #content td:last-child {
594 position: relative !important;
597 margin-bottom: -8px !important;
600 .realtime-popup #content {
601 padding-left: 4px !important;
602 padding-right: 4px !important;
606 .realtime-popup .form_notice textarea {
607 width: 325px !important;
610 .realtime-popup .form_notice #notice_action-submit {
611 top: 59px !important;
612 right: 6px !important;
615 .realtime-popup .form_notice label[for=notice_data-attach], .realtime-popup .form_notice #notice_data-attach {
620 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
626 /* Bookmark specific styles */
628 #content .bookmark .entry-title {
633 margin: 0px 0px 8px 0px;
639 .bookmark-notice-count {
640 border-radius: 4px;
\r
641 -moz-border-radius: 4px;
\r
642 -webkit-border-radius: 4px;
647 border: 1px solid #7b8dbb;
648 color: #3e3e8c !important;
654 .bookmark-notice-count:hover {
655 text-decoration: none;
657 border: 1px solid #7b8dbb;
658 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
661 .notice .bookmark-description {
667 .notice .bookmark-author {
679 border-radius: 4px;
\r
680 -moz-border-radius: 4px;
\r
681 -webkit-border-radius: 4px;
684 color: #3e3e8c !important;
685 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
689 ul.bookmark-tags a:hover {
690 background-color: #cdd1dd;
691 text-decoration: none;
695 float: none !important;
700 .bookmark div.entry-content {
708 .bookmark:hover div.entry-content {
712 .bookmark .notice-options {
720 border: 10px solid #364A84;
724 #bookmarkpopup #wrap {
727 padding: 40px 0px 25px 0px;
729 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
732 #bookmarkpopup #header {
737 #bookmarkpopup .form_settings label {
744 #bookmarkpopup .form_settings .form_data input {
748 #bookmarkpopup .form_guide {
752 #bookmarkpopup #submit {
757 #bookmarkpopup fieldset fieldset {
761 /* Onboard specific styles */
764 border-radius: 6px;
\r
765 -moz-border-radius: 6px;
\r
766 -webkit-border-radius: 6px;
768 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
769 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
770 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
777 .onboard-flash .next:before {
782 .onboard-breadcrumbs {
783 margin-bottom: 16px !important;
786 .onboard-breadcrumbs li {
787 background: none !important;
788 border-top: none !important;
789 padding: 6px 12px 2px 0px !important;
792 .onboard-breadcrumbs li:last-child {
793 padding-right: 0px !important;
796 .onboard-breadcrumbs a {
797 text-decoration: none;
800 .onboard-breadcrumbs a:hover {
801 color: #3e3e8c !important;
804 /* Billing specific styles */
806 #content table.billing_info {
808 background:rgba(240, 240, 240, 0.4);
811 #content table.billing_info th {
817 border: solid 2px red !important;
820 #payment_history table {
824 #billingadminpanel .form_settings input {
828 }/*end of @media screen, projection, tv*/