4 * @author Sarven Capadisli <csarven@status.net>
5 * @copyright 2009 StatusNet, Inc.
6 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
7 * @link http://status.net/
10 @media screen, projection, tv {
11 * { margin:0; padding:0; }
12 img { display:block; border:0; }
13 a abbr { cursor: pointer; border-bottom:0; }
14 table { border-collapse:collapse; }
15 ol { list-style-position:inside; }
16 html { font-size: 100%; background-color:#fff; height:100%; }
18 background-color:#fff;
20 font-family:sans-serif;
33 #showstream h1 { display:none; }
34 h2 { font-size:1.3em; }
35 h3 { font-size:1.2em; }
36 h4 { font-size:1.1em; }
38 h6 { font-size:0.9em; }
47 input, textarea, select, option {
49 font-family:sans-serif;
52 input, textarea, select {
98 .form_settings fieldset {
101 .form_settings input.remove {
104 .form_settings .form_data li {
108 .form_settings .form_data label {
111 .form_settings .form_data textarea,
112 .form_settings .form_data select,
113 .form_settings .form_data input {
117 .form_settings .form_data input.submit {
121 .form_settings label {
126 .form_actions label {
133 .form_settings #settings_autosubscribe label {
138 #form_settings_profile legend,
140 #form_register legend,
141 #form_password legend,
142 #form_settings_avatar legend,
145 #form_tag_user legend,
146 #form_remote_subscribe legend,
147 #form_openid_login legend,
150 #form_notice_delete legend,
151 #form_password_recover legend,
152 #form_password_change legend {
156 .form_settings .form_data p.form_guide {
166 .form_settings input.checkbox {
170 .form_settings label.checkbox {
180 #form_login p.form_guide,
181 #form_register #settings_rememberme p.form_guide,
182 #form_openid_login #settings_rememberme p.form_guide,
183 #settings_twitter_remove p.form_guide,
184 #form_search ul.form_data #q {
188 .form_settings .form_note {
193 .form_settings input.form_action-primary {
196 .form_settings input.form_action-secondary {
200 #form_search .submit {
209 address.vcard img.logo {
227 #site_nav_global_primary {
233 #site_nav_global_primary ul li {
240 text-transform:uppercase;
267 -moz-transform:skewX(-30deg) scale(0.85);
268 -webkit-transform:skewX(-30deg) scale(0.85);
278 #site_nav_local_views {
282 #site_nav_local_views dt {
285 #site_nav_local_views li {
288 list-style-type:none;
290 #site_nav_local_views a {
292 text-decoration:none;
297 text-shadow: 2px 2px 2px #ddd;
300 #site_nav_local_views .nav {
305 #site_nav_global_primary dt,
306 #site_nav_global_secondary dt {
310 #site_nav_global_secondary {
314 #site_nav_global_secondary ul li {
321 #export_data li a.foaf {
324 #export_data li a.export_vcard {
332 list-style-type:none;
336 #export_data li:first-child {
353 #site_content_license_cc {
356 #site_content_license_cc img {
385 #shownotice #content {
411 #form_notice fieldset {
416 #form_notice legend {
419 #form_notice textarea {
424 padding:7px 7px 16px 7px;
432 #form_notice #notice_submit label {
435 .form_notice .count {
441 .form_notice .count dt {
445 .form_notice .count {
450 #form_notice #notice_action-submit {
458 #form_notice label[for=to] {
461 #form_notice select[id=to] {
466 #form_notice .error {
485 #entity_statistics dt {
492 .entity_profile .entity_depiction {
499 .entity_profile .entity_fn,
500 .entity_profile .entity_nickname,
501 .entity_profile .entity_location,
502 .entity_profile .entity_url,
503 .entity_profile .entity_note,
504 .entity_profile .entity_tags {
509 .entity_profile .entity_fn,
510 .entity_profile .entity_nickname {
515 .entity_profile .entity_nickname {
519 .entity_profile .entity_fn dd:before {
523 .entity_profile .entity_fn dd:after {
547 list-style-type:none;
552 .entity_actions li:first-child {
555 .entity_actions fieldset {
559 .entity_actions legend {
563 .entity_actions input.submit {
570 .entity_remote_subscribe {
571 text-decoration:none;
576 .form_user_block input.submit,
577 .form_user_unblock input.submit,
578 .entity_send-a-message a,
580 .form_user_nudge input.submit,
587 .entity_send-a-message a,
589 padding:4px 4px 4px 23px;
592 .entity_remote_subscribe {
597 -moz-border-radius:4px;
598 -webkit-border-radius:4px;
600 .entity_actions .accept {
605 list-style-type:none;
620 text-transform:uppercase;
624 #entity_statistics dt,
625 #entity_statistics dd {
628 #entity_statistics dt:after {
632 .section ul.entities {
636 .section .entities li {
637 list-style-type:none;
642 .section .entities li .photo {
646 .section .entities li .fn {
651 .aside .section .more {
655 .profile .entity_profile {
661 .profile .form_group_join legend,
662 .profile .form_group_leave legend,
663 .profile .form_user_subscribe legend,
664 .profile .form_user_unsubscribe legend {
669 list-style-type:none;
671 .profile .entity_profile .entity_location {
676 .profile .entity_profile dl,
677 .profile .entity_profile dd {
681 .profile .entity_profile .entity_note,
682 .profile .entity_profile .entity_url,
683 .profile .entity_profile .entity_tags,
684 .profile .entity_profile .form_subscription_edit {
690 .profile .entity_profile .entity_tags dt {
696 .profile .entity_profile .form_subscription_edit label {
712 border-top-width:1px;
713 border-top-style:dotted;
716 list-style-type:none;
725 border-top-width:1px;
726 border-top-style:solid;
735 -moz-border-radius:7px;
736 -webkit-border-radius:7px;
738 #notices_primary h2 {
741 .notice-data a span {
754 .notice .author .fn {
763 #shownotice .vcard .photo {
767 text-decoration:none;
770 text-decoration:underline;
773 .notice .entry-title {
778 #shownotice .notice .entry-title {
782 .notice p.entry-content {
786 #content .notice p.entry-content a:visited {
788 -moz-border-radius:4px;
789 -webkit-border-radius:4px;
791 .notice p.entry-content .vcard a {
793 -moz-border-radius:4px;
794 -webkit-border-radius:4px;
797 .notice div.entry-content {
803 .notice .notice-options a,
804 .notice .notice-options input {
809 .notice div.entry-content dl,
810 .notice div.entry-content dt,
811 .notice div.entry-content dd {
815 .notice div.entry-content .timestamp dt,
816 .notice div.entry-content .response dt {
819 .notice div.entry-content .timestamp a {
820 display:inline-block;
822 .notice div.entry-content .device dt {
823 text-transform:lowercase;
827 .notice .notice-options a,
828 .notice .notice-options input {
833 .notice div.entry-content .timestamp {
834 display:inline-block;
837 .entry-content .repeat {
840 .entry-content .repeat .photo {
856 -moz-border-radius:7px;
857 -webkit-border-radius:7px;
863 display:block !important;
868 .dialogbox button.close {
874 .dialogbox .form_guide {
879 .dialogbox .submit_dialogbox {
887 .dialogbox fieldset {
891 #wrap form.processing input.submit,
892 .entity_actions a.processing,
893 .dialogbox.processing .submit_dialogbox {
899 .form_repeat.dialogbox {
917 .notice-options .notice_reply,
918 .notice-options .form_repeat,
919 .notice-options .form_favor,
920 .notice-options .form_disfavor,
921 .notice-options .repeated {
925 .notice-options .form_favor,
926 .notice-options .form_disfavor {
929 .notice-options input,
931 .notice-options .repeated {
935 .notice-options input.submit {
939 .notice-options .notice_reply,
940 .notice-options .notice_delete {
941 text-decoration:none;
943 .notice .notice-options .notice_delete {
946 .notice-options form input.submit {
951 -moz-border-radius:0;
952 -webkit-border-radius:0;
954 .notice-options .form_repeat legend,
955 .notice-options .form_favor legend,
956 .notice-options .form_disfavor legend {
959 .notice-options .form_repeat fieldset,
960 .notice-options .form_favor fieldset,
961 .notice-options .form_disfavor fieldset {
966 .notice-options .repeated {
972 .notice .attachment {
976 .notice .attachment.more {
980 display:inline-block;
982 vertical-align:middle;
986 #attachments .attachment,
987 .notice .attachment.more {
990 .notice .attachment img {
996 #shownotice .notice .attachment img {
1012 #attachments ol li {
1014 list-style-type:decimal;
1020 #jOverlayContent #content,
1021 #jOverlayContent #content_inner {
1022 width: auto !important;
1025 #jOverlayContent #content {
1029 #jOverlayContent .entry-title {
1033 #jOverlayContent button {
1038 #jOverlayContent h1 {
1041 #jOverlayContent #content {
1043 -moz-border-radius:7px;
1044 -webkit-border-radius:7px;
1050 #attachment_view img {
1054 #attachment_view #oembed_info {
1057 #attachment_view #oembed_info dt,
1058 #attachment_view #oembed_info dd {
1061 #attachment_view #oembed_info dt {
1066 #attachment_view #oembed_info dt:after {
1070 #usergroups #new_group {
1074 #new_group, #group_search {
1090 list-style-type:none;
1092 #filter_tags ul li {
1096 border-left-width:1px;
1097 border-left-style:solid;
1099 #filter_tags ul li.child_1 {
1104 #filter_tags ul li#filter_tags_all a {
1110 #filter_tags ul li#filter_tags_item label {
1113 #filter_tags ul li#filter_tags_item label,
1114 #filter_tags ul li#filter_tags_item select {
1117 #filter_tags ul li#filter_tags_item p {
1121 #filter_tags ul li#filter_tags_item input {
1144 list-style-type:none;
1147 .pagination .nav_prev {
1150 .pagination .nav_next {
1156 text-decoration:none;
1161 -moz-border-radius:7px;
1162 -webkit-border-radius:7px;
1166 .pagination .nav_prev a {
1169 .pagination .nav_next a {
1175 .hentry .entry-content p {
1180 .hentry entry-content ol,
1181 .hentry .entry-content ul {
1182 list-style-position:inside;
1184 .hentry .entry-content li {
1187 .hentry .entry-content li li {
1197 padding-bottom:11px;
1199 .section .vcard .photo {
1210 .section .notice:first-child {
1214 .section .notice .author {
1217 .section .notice .author .fn {
1224 list-style-type:none;
1235 .aside .tag-cloud li {
1239 text-decoration:none;
1241 #tagcloud.section dt {
1242 text-transform:uppercase;
1267 #publictagcloud #tagcloud.section dt {
1271 #form_settings_photo .form_data {
1275 #form_settings_avatar li {
1278 #form_settings_avatar input {
1288 #avatar_preview_view {
1296 #form_settings_avatar .form_actions {
1300 #form_settings_avatar .form_actions {
1304 #form_settings_design #settings_design_color .form_data,
1305 #form_settings_design #color-picker {
1308 #form_settings_design #settings_design_color .form_data {
1314 list-style-position:inside;
1327 }/*end of @media screen, projection, tv*/
1331 a:after { background-color:#FFFFFF; }
1332 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1333 img { border:none; }
1334 p { orphans: 2; widows: 1; }
1336 #site_nav_global_primary,
1337 #site_nav_local_views,
1340 #site_nav_global_secondary,
1344 .form_subscription_edit .submit {
1347 .timestamp dt, .timestamp dd,
1348 .device dt, .device dd {
1356 }/*end of @media print*/