4 * @author Sarven Capadisli <csarven@status.net>
5 * @copyright 2009-2010 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: 87.5%; }
18 background-color:#FFFFFF;
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;
85 -moz-border-radius:4px;
86 -webkit-border-radius:4px;
98 body[id$=settings] #site_nav_local_views {
105 body[id$=settings] #site_nav_local_views li {
110 body[id$=settings] #site_nav_local_views a {
115 border-radius-toprleft:0;
116 -moz-border-radius-topleft:0;
117 -webkit-border-top-left-radius:0;
118 border-radius-topright:4px;
119 -moz-border-radius-topright:4px;
120 -webkit-border-top-right-radius:4px;
121 border-radius-bottomright:4px;
122 -moz-border-radius-bottomright:4px;
123 -webkit-border-bottom-right-radius:4px;
125 body[id$=settings] #site_nav_local_views li.current {
127 -moz-box-shadow:none;
128 -webkit-box-shadow:none;
131 body[id$=settings] #content {
132 border-radius-topleft:7px;
133 border-radius-topright:7px;
134 -moz-border-radius-topleft:7px;
135 -moz-border-radius-topright:7px;
136 -webkit-border-top-left-radius:7px;
137 -webkit-border-top-right-radius:7px;
138 border-radius-topright:0;
139 -moz-border-radius-topright:0;
140 -webkit-border-top-right-radius:0;
142 body[id$=settings] #aside_primary {
149 .form_settings fieldset {
152 .form_settings fieldset fieldset {
154 padding:3% 1.795% 1.795% 3%;
156 -moz-border-radius:11px;
157 -webkit-border-radius:11px;
161 .form_settings fieldset fieldset legend {
165 .form_settings input.remove {
168 .form_settings .form_data li {
172 .form_settings .form_data label {
175 .form_settings .form_data textarea,
176 .form_settings .form_data select,
177 .form_settings .form_data input {
181 .form_settings .form_data input {
184 .form_settings .form_data input.submit,
185 .form_settings .form_data input.checkbox,
186 .form_settings .form_data input.radio {
189 .form_settings .form_data textarea {
193 .form_settings .form_data input.submit {
197 .form_settings label {
202 .form_actions label {
209 .form_settings #settings_autosubscribe label {
214 #form_settings_profile legend,
216 #form_register legend,
217 #form_password legend,
218 #form_settings_avatar legend,
221 .form_tag_user legend,
222 #form_remote_subscribe legend,
223 #form_openid_login legend,
226 #form_notice_delete legend,
227 #form_password_recover legend,
228 #form_password_change legend,
229 .form_entity_block legend,
230 #form_filter_bytag legend,
231 #apioauthauthorize_allowdeny,
232 .form_tag_user_wrap form,
233 .form_tag_user_wrap label,
234 .form_tag_user_wrap legend {
237 .form_tag_user_wrap {
244 .form_tag_user input.submit {
247 .form_settings .form_data p.form_guide {
257 .form_settings input.checkbox,
258 .form_settings input.radio {
262 .form_settings label.checkbox {
270 .form_settings label.radio {
277 #form_login p.form_guide,
278 #form_register #settings_rememberme p.form_guide,
279 #form_openid_login #settings_rememberme p.form_guide,
280 #settings_twitter_remove p.form_guide,
281 #form_search ul.form_data #q,
282 #design_background-image_onoff p.form_guide {
286 .form_settings .form_note {
288 -moz-border-radius:4px;
289 -webkit-border-radius:4px;
293 .form_settings input.form_action-default {
296 .form_settings input.form_action-default,
297 .form_settings input.form_action-primary {
300 .form_settings input.form_action-secondary {
304 #form_search .submit {
307 #form_search .form_data input {
316 address.vcard img.logo {
326 text-decoration:none;
345 #site_nav_global_primary {
351 #site_nav_global_primary li {
358 text-transform:uppercase;
379 -moz-border-radius:7px;
380 -webkit-border-radius:7px;
394 #site_nav_local_views {
398 #site_nav_local_views dt {
401 #site_nav_local_views li {
404 list-style-type:none;
406 #site_nav_local_views a {
408 text-decoration:none;
410 border-top-left-radius:4px;
411 border-top-right-radius:4px;
412 -moz-border-radius-topleft:4px;
413 -moz-border-radius-topright:4px;
414 -webkit-border-top-left-radius:4px;
415 -webkit-border-top-right-radius:4px;
421 #site_nav_local_views .nav {
426 body[id$=adminpanel] #site_nav_local_views {
433 body[id$=adminpanel] #site_nav_local_views li {
438 body[id$=adminpanel] #site_nav_local_views a {
443 border-top-left-radius:0;
444 -moz-border-radius-topleft:0;
445 -webkit-border-top-left-radius:0;
446 border-top-right-radius:4px;
447 -moz-border-radius-topright:4px;
448 -webkit-border-top-right-radius:4px;
449 border-bottom-right-radius:4px;
450 -moz-border-radius-bottomright:4px;
451 -webkit-border-bottom-right-radius:4px;
453 body[id$=adminpanel] #site_nav_local_views li.current {
455 -moz-box-shadow:none;
456 -webkit-box-shadow:none;
459 body[id$=adminpanel] #content {
460 border-top-left-radius:7px;
461 -moz-border-radius-topleft:7px;
462 -webkit-border-top-left-radius:7px;
463 border-top-right-radius:0;
464 -moz-border-radius-topright:0;
465 -webkit-border-top-right-radius:0;
467 body[id$=adminpanel] #aside_primary {
471 #site_nav_global_primary dt,
472 #site_nav_global_secondary dt {
476 #site_nav_global_secondary {
480 #site_nav_global_secondary li {
487 #export_data li a.foaf {
490 #export_data li a.export_vcard {
499 list-style-type:none;
517 #site_content_license_cc {
520 #site_content_license_cc img {
547 border-top-left-radius:0;
548 -moz-border-radius:7px;
549 -moz-border-radius-topleft:0;
550 -webkit-border-radius:7px;
551 -webkit-border-top-left-radius:0;
555 #shownotice #content {
572 -moz-border-radius:7px;
573 -webkit-border-radius:7px;
578 #header .form_notice {
586 .form_notice fieldset {
591 .form_notice legend {
594 .form_notice textarea {
597 -moz-border-radius:7px;
598 -webkit-border-radius:7px;
602 padding:7px 7px 16px 7px;
612 .form_notice label.notice_data-attach,
613 .form_notice input.notice_data-attach {
619 .form_notice label.notice_data-attach {
624 .form_notice input.notice_data-attach {
628 .form_notice .count {
634 .form_notice .count dt {
638 .form_notice .count {
643 .form_notice .submit {
651 .form_notice label[for=to] {
654 .form_notice select[id=to] {
661 .form_notice .success,
662 .form_notice .notice-status {
669 .form_notice .attach-status code {
677 .form_notice .attach-status button.close,
678 .form_notice .notice-status button.close,{
683 .form_notice .notice_data-geo_wrap label,
684 .form_notice .notice_data-geo_wrap input {
694 .form_notice .notice_data-geo_wrap input {
697 .form_notice .notice_data-geo_wrap label {
727 #entity_statistics dt {
734 .entity_profile .entity_depiction {
741 .entity_profile .entity_fn,
742 .entity_profile .entity_nickname,
743 .entity_profile .entity_location,
744 .entity_profile .entity_url,
745 .entity_profile .entity_note,
746 .entity_profile .entity_tags,
747 .entity_profile .entity_aliases,
748 .entity_profile .entity_statistics {
752 .entity_tags p.error {
756 .peopletags_edit_button {
764 .entity_profile .entity_fn,
765 .entity_profile .entity_nickname {
769 .entity_profile .entity_nickname {
773 .entity_profile .nickname {
777 .entity_profile .fn:before {
781 .entity_profile .fn:after {
785 .entity_profile .nickname:after,
786 .entity_profile .nickname:before {
793 .entity_profile .role {
809 list-style-type:none;
814 .entity_actions li:first-child {
817 .entity_actions fieldset {
821 .entity_actions legend {
825 .entity_actions input.submit {
831 text-decoration:none;
836 .entity_actions input {
838 -moz-border-radius:4px;
839 -webkit-border-radius:4px;
843 .entity_actions input,
852 padding:2px 4px 1px 26px;
855 .entity_actions .accept {
859 .entity_send-a-message button {
865 .entity_send-a-message .form_notice {
873 -moz-border-radius:7px;
874 -webkit-border-radius:7px;
878 .entity_send-a-message .form_notice legend {
883 .entity_send-a-message .form_notice label,
884 .entity_send-a-message .form_notice select {
887 .entity_send-a-message .form_notice input.submit {
895 .entity_moderation p,
898 -moz-border-radius:4px;
899 -webkit-border-radius:4px;
904 .entity_moderation ul,
908 .entity_moderation:hover ul,
909 .entity_role:hover ul {
920 -moz-border-radius:7px;
921 -webkit-border-radius:7px;
925 list-style-type:none;
932 .entity_tags li:before {
941 list-style-position:inside;
944 text-transform:uppercase;
948 #entity_statistics dt {
951 #entity_statistics dd {
955 #entity_statistics dt:after {
959 .section ul.entities {
963 .section .entities li {
964 list-style-type:none;
970 .section .entities li .photo {
974 .section .entities li .fn {
979 .aside .section .more {
983 .profile .entity_profile {
988 .profile .form_group_join legend,
989 .profile .form_group_leave legend,
990 .profile .form_user_subscribe legend,
991 .profile .form_user_unsubscribe legend,
992 .form_user_add_peopletag legend,
993 .form_user_remove_peopletag legend {
996 .profile_search_wrap h3 {
1002 list-style-type:none;
1004 .peopletag .entry-content {
1007 .peopletag .tagged-count a:after,
1008 .peopletag .subscriber-count a:after {
1011 .peopletag .updated {
1016 text-decoration: none;
1018 .peopletag .tag:before {
1022 .peopletag .entity_statistics {
1025 .peopletag .entity_statistics a {
1026 text-decoration:none;
1030 list-style-type:none;
1032 .profile-lister li {
1037 .profile-lister li a {
1038 text-decoration:none;
1040 .profile-lister li .photo {
1045 .profile-lister li .fn {
1048 #profile_search_results {
1050 -moz-border-radius:4px;
1051 -webkit-border-radius:4px;
1053 .form_peopletag_edit_user_search legend,
1054 .form_peopletag_edit_user_search label,
1055 .form_peopletag_edit_user_search .form_guide {
1058 .form_peopletag_edit_user_search #field {
1061 .form_peopletag_edit_user_search .submit {
1064 .form_user_remove_peopletag,
1065 .form_user_add_peopletag {
1068 .form_user_add_peopletag input.submit,
1069 .form_user_remove_peopletag input.submit {
1074 .profile .entity_profile .fn.nickname,
1075 .profile .entity_profile .url[rel~=contact] {
1080 .profile .entity_profile .fn,
1081 .profile .entity_profile .label {
1088 .profile .entity_profile .note,
1089 .profile .entity_profile .url,
1090 .profile .entity_profile .entity_tags,
1091 .profile .entity_profile .form_subscription_edit {
1098 .entity_profile .entity_tags dt {
1103 .profile .entity_profile .form_subscription_edit {
1106 .profile .entity_profile .form_subscription_edit label {
1118 list-style-type:none;
1121 #showapplication .entity_profile img,
1122 .form_data #application_icon img,
1123 #apioauthauthorize .form_data img {
1127 #apioauthauthorize .form_data img {
1132 .oauth-desktop-mode #wrap {
1136 .oauth-desktop-mode #content {
1139 margin: 4px 0px 0px 4px;
1140 border-top-left-radius: 7px;
1141 -moz-border-radius-topleft: 7px;
1142 -webkit-border-top-left-radius: 7px;
1145 .oauth-desktop-mode fieldset {
1146 margin-bottom: 10px !important;
1154 #showapplication .entity_profile {
1157 #showapplication .entity_profile .entity_fn {
1160 #showapplication .entity_profile .entity_fn .fn:before,
1161 #showapplication .entity_profile .entity_fn .fn:after {
1164 #showapplication .entity_data {
1168 #showapplication .entity_data h2 {
1171 #showapplication .entity_data dl {
1174 #showapplication .entity_data dt {
1177 #showapplication .entity_data dd {
1179 font-family:monospace;
1182 .form_data #application_types label.radio,
1183 .form_data #default_access_types label.radio {
1191 #content .peopletag {
1194 padding-bottom:11px;
1198 border-top-width:1px;
1199 border-top-style:dotted;
1202 list-style-type:none;
1211 border-top-width:1px;
1212 border-top-style:solid;
1215 /* Threaded notices sublist */
1216 #content .notices .threaded-replies {
1220 background: #e4e8f1;
1222 #content .threaded-replies .notice .author .photo {
1227 .threaded-replies .notice-reply {
1230 .threaded-replies .notice-reply-placeholder input.placeholder {
1234 .threaded-replies .notice-reply-placeholder input.placeholder {
1236 margin-left: 8px; /* ?? */
1239 .threaded-replies .notice-reply .controls {
1242 .threaded-replies .notice-reply-comments {
1245 .threaded-replies .response,
1246 .threaded-replies .source {
1247 /* Hide these for ajax/realtime sourced notices */
1255 -moz-border-radius:7px;
1256 -webkit-border-radius:7px;
1258 #notices_primary h2 {
1261 .notice-data a span {
1269 #showstream #content .notice .author {
1277 .notice .author .fn {
1286 #shownotice .vcard .photo {
1289 #content .notice .author .photo {
1295 #content .notice .entry-title {
1301 text-decoration:none;
1304 text-decoration:underline;
1307 .notice .entry-title {
1309 word-wrap:break-word;
1311 .notice .entry-title.ov {
1314 #showstream .notice .entry-title,
1315 #showstream .notice div.entry-content {
1318 #shownotice .notice .entry-title {
1323 #shownotice .notice div.entry-content {
1327 .notice p.entry-content {
1331 #content .notice p.entry-content a:visited {
1333 -moz-border-radius:4px;
1334 -webkit-border-radius:4px;
1336 .notice p.entry-content .vcard a {
1338 -moz-border-radius:4px;
1339 -webkit-border-radius:4px;
1342 .notice div.entry-content {
1350 #showstream .notice div.entry-content,
1351 #shownotice .notice div.entry-content {
1355 .notice .notice-options a,
1356 .notice .notice-options input {
1361 .notice div.entry-content .timestamp {
1362 display:inline-block;
1365 .entry-content .repeat {
1368 .entry-content .repeat .photo {
1384 -moz-border-radius:7px;
1385 -webkit-border-radius:7px;
1391 display:block !important;
1396 .dialogbox button.close {
1402 .dialogbox .form_guide {
1407 .dialogbox .submit_dialogbox {
1415 .dialogbox fieldset {
1419 #wrap form.processing input.submit,
1420 .entity_actions a.processing,
1421 .dialogbox.processing .submit_dialogbox {
1424 text-indent:-9999px;
1427 .form_repeat.dialogbox {
1445 .notice-options .notice_reply,
1446 .notice-options .form_repeat,
1447 .notice-options .form_favor,
1448 .notice-options .form_disfavor,
1449 .notice-options .repeated {
1453 .notice-options .form_favor,
1454 .notice-options .form_disfavor {
1457 .notice-options input,
1459 .notice-options .repeated,
1460 .peopletags_edit_button {
1461 text-indent:-9999px;
1464 .notice-options input.submit {
1468 .notice-options .notice_reply,
1469 .notice-options .notice_delete {
1470 text-decoration:none;
1472 .notice .notice-options .notice_delete {
1475 .notice-options form input.submit {
1480 -moz-border-radius:0;
1481 -webkit-border-radius:0;
1483 .notice-options .form_repeat legend,
1484 .notice-options .form_favor legend,
1485 .notice-options .form_disfavor legend {
1488 .notice-options .form_repeat fieldset,
1489 .notice-options .form_favor fieldset,
1490 .notice-options .form_disfavor fieldset {
1495 .notice-options .repeated {
1500 .notice .attachment {
1504 .notice .attachment.more,
1505 .mode-private .privacy_mode {
1506 text-indent:-9999px;
1509 display:inline-block;
1511 vertical-align:middle;
1515 #attachments .attachment,
1516 .notice .attachment.more {
1532 #attachments ol li {
1534 list-style-type:decimal;
1540 #jOverlayContent #content,
1541 #jOverlayContent #content_inner {
1542 width: auto !important;
1545 #jOverlayContent #content {
1549 #jOverlayContent .entry-title {
1553 #jOverlayContent button {
1558 #jOverlayContent h1 {
1561 #jOverlayContent #content {
1563 -moz-border-radius:7px;
1564 -webkit-border-radius:7px;
1570 #attachment_view img {
1574 #attachment_view #oembed_info {
1577 #attachment_view #oembed_info dt,
1578 #attachment_view #oembed_info dd {
1581 #attachment_view #oembed_info dt {
1586 #attachment_view #oembed_info dt:after {
1590 #usergroups #new_group {
1594 #new_group, #group_search {
1609 list-style-type:none;
1615 border-left-width:1px;
1616 border-left-style:solid;
1618 #filter_tags #filter_tags_all,
1619 #filter_tags #filter_tags_for {
1625 #filter_tags_for a {
1626 text-decoration:none;
1631 #filter_tags_for a {
1635 #filter_tags_item label {
1638 #filter_tags_item label,
1639 #filter_tags_item select {
1642 #filter_tags_item p {
1647 #filter_tags_item .submit {
1652 #filter_tags #form_filter_bymode .form_guide {
1655 #filter_tags #form_filter_bymode .checkbox {
1658 #filter_tags #form_filter_bymode legend {
1677 list-style-type:none;
1680 .pagination .nav_prev {
1683 .pagination .nav_next {
1689 text-decoration:none;
1694 -moz-border-radius:7px;
1695 -webkit-border-radius:7px;
1699 .pagination .nav_prev a {
1702 .pagination .nav_next a {
1707 .hentry .entry-content p {
1710 .hentry .entry-content ol,
1711 .hentry .entry-content ul {
1714 .hentry .entry-content li {
1717 .hentry .entry-content li li {
1720 .hentry .entry-content .form_settings ul {
1724 #content #plugin_authors {
1738 border-top-width:1px;
1739 border-top-style:dotted;
1742 padding:11px 18px 11px 0;
1745 #content td:last-child {
1752 padding-bottom:11px;
1754 .section .vcard .photo {
1765 .section .notice:first-child {
1769 .section .notice .author {
1772 .section .notice .author .fn {
1778 list-style-type:none;
1783 word-wrap:break-word;
1791 .tag-cloud li:before {
1795 .aside .tag-cloud li {
1799 text-decoration:none;
1801 #tagcloud.section dt {
1802 text-transform:uppercase;
1827 #publictagcloud #tagcloud.section dt {
1831 #form_settings_photo .form_data {
1835 #form_settings_avatar li {
1838 #form_settings_avatar input {
1848 #avatar_preview_view {
1856 #form_settings_avatar .form_actions {
1860 #form_settings_avatar .form_actions {
1864 #settings_design_background-image img {
1869 #settings_design_color .form_data,
1873 #settings_design_color .form_data {
1878 #settings_design_color .form_data li {
1881 #settings_design_color .form_data label {
1885 #settings_design_color .form_data .swatch {
1906 #bookmarklet address {
1909 #bookmarklet .form_notice {
1912 #bookmarklet #wrap {
1916 /* tag autocomplete */
1927 font-weight: normal;
1933 display: inline-block;
1939 display: inline-block;
1943 .inline-attachment img {
1944 /* Why on earth is this changed to block at the top? */
1946 border: solid 1px #aaa;
1949 }/*end of @media screen, projection, tv*/
1953 a:after { background-color:#FFFFFF; }
1954 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1955 img { border:none; }
1956 p { orphans: 2; widows: 1; }
1958 #site_nav_global_primary,
1959 #site_nav_local_views,
1962 #site_nav_global_secondary,
1966 .form_subscription_edit .submit {
1969 .timestamp dt, .timestamp dd,
1970 .device dt, .device dd {
1978 }/*end of @media print*/