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 {
235 .form_settings .form_data p.form_guide {
245 .form_settings input.checkbox,
246 .form_settings input.radio {
250 .form_settings label.checkbox {
258 .form_settings label.radio {
265 #form_login p.form_guide,
266 #form_register #settings_rememberme p.form_guide,
267 #form_openid_login #settings_rememberme p.form_guide,
268 #settings_twitter_remove p.form_guide,
269 #form_search ul.form_data #q,
270 #design_background-image_onoff p.form_guide {
274 .form_settings .form_note {
276 -moz-border-radius:4px;
277 -webkit-border-radius:4px;
281 .form_settings input.form_action-default {
284 .form_settings input.form_action-default,
285 .form_settings input.form_action-primary {
288 .form_settings input.form_action-secondary {
292 #form_search .submit {
295 #form_search .form_data input {
304 address.vcard img.logo {
314 text-decoration:none;
333 #site_nav_global_primary {
339 #site_nav_global_primary li {
346 text-transform:uppercase;
367 -moz-border-radius:7px;
368 -webkit-border-radius:7px;
382 #site_nav_local_views {
386 #site_nav_local_views dt {
389 #site_nav_local_views li {
392 list-style-type:none;
394 #site_nav_local_views a {
396 text-decoration:none;
398 border-top-left-radius:4px;
399 border-top-right-radius:4px;
400 -moz-border-radius-topleft:4px;
401 -moz-border-radius-topright:4px;
402 -webkit-border-top-left-radius:4px;
403 -webkit-border-top-right-radius:4px;
409 #site_nav_local_views .nav {
414 body[id$=adminpanel] #site_nav_local_views {
421 body[id$=adminpanel] #site_nav_local_views li {
426 body[id$=adminpanel] #site_nav_local_views a {
431 border-top-left-radius:0;
432 -moz-border-radius-topleft:0;
433 -webkit-border-top-left-radius:0;
434 border-top-right-radius:4px;
435 -moz-border-radius-topright:4px;
436 -webkit-border-top-right-radius:4px;
437 border-bottom-right-radius:4px;
438 -moz-border-radius-bottomright:4px;
439 -webkit-border-bottom-right-radius:4px;
441 body[id$=adminpanel] #site_nav_local_views li.current {
443 -moz-box-shadow:none;
444 -webkit-box-shadow:none;
447 body[id$=adminpanel] #content {
448 border-top-left-radius:7px;
449 -moz-border-radius-topleft:7px;
450 -webkit-border-top-left-radius:7px;
451 border-top-right-radius:0;
452 -moz-border-radius-topright:0;
453 -webkit-border-top-right-radius:0;
455 body[id$=adminpanel] #aside_primary {
459 #site_nav_global_primary dt,
460 #site_nav_global_secondary dt {
464 #site_nav_global_secondary {
468 #site_nav_global_secondary li {
475 #export_data li a.foaf {
478 #export_data li a.export_vcard {
487 list-style-type:none;
505 #site_content_license_cc {
508 #site_content_license_cc img {
535 border-top-left-radius:0;
536 -moz-border-radius:7px;
537 -moz-border-radius-topleft:0;
538 -webkit-border-radius:7px;
539 -webkit-border-top-left-radius:0;
543 #shownotice #content {
560 -moz-border-radius:7px;
561 -webkit-border-radius:7px;
566 #header .form_notice {
574 .form_notice fieldset {
579 .form_notice legend {
582 .form_notice textarea {
585 -moz-border-radius:7px;
586 -webkit-border-radius:7px;
590 padding:7px 7px 16px 7px;
600 .form_notice label.notice_data-attach,
601 .form_notice input.notice_data-attach {
607 .form_notice label.notice_data-attach {
612 .form_notice input.notice_data-attach {
616 .form_notice .count {
622 .form_notice .count dt {
626 .form_notice .count {
631 .form_notice .submit {
639 .form_notice label[for=to] {
642 .form_notice select[id=to] {
649 .form_notice .success,
650 .form_notice .notice-status {
657 .form_notice .attach-status code {
665 .form_notice .attach-status button.close,
666 .form_notice .notice-status button.close,{
671 .form_notice .notice_data-geo_wrap label,
672 .form_notice .notice_data-geo_wrap input {
682 .form_notice .notice_data-geo_wrap input {
685 .form_notice .notice_data-geo_wrap label {
715 #entity_statistics dt {
722 .entity_profile .entity_depiction {
729 .entity_profile .entity_fn,
730 .entity_profile .entity_nickname,
731 .entity_profile .entity_location,
732 .entity_profile .entity_url,
733 .entity_profile .entity_note,
734 .entity_profile .entity_tags,
735 .entity_profile .entity_aliases,
736 .entity_profile .entity_statistics {
741 .entity_profile .entity_fn,
742 .entity_profile .entity_nickname {
746 .entity_profile .entity_nickname {
750 .entity_profile .nickname {
754 .entity_profile .fn:before {
758 .entity_profile .fn:after {
762 .entity_profile .nickname:after,
763 .entity_profile .nickname:before {
770 .entity_profile .role {
787 list-style-type:none;
792 .entity_actions li:first-child {
795 .entity_actions fieldset {
799 .entity_actions legend {
803 .entity_actions input.submit {
809 text-decoration:none;
814 .entity_actions input {
816 -moz-border-radius:4px;
817 -webkit-border-radius:4px;
821 .entity_actions input,
830 padding:2px 4px 1px 26px;
833 .entity_actions .accept {
837 .entity_send-a-message button {
843 .entity_send-a-message .form_notice {
851 -moz-border-radius:7px;
852 -webkit-border-radius:7px;
856 .entity_send-a-message .form_notice legend {
861 .entity_send-a-message .form_notice label,
862 .entity_send-a-message .form_notice select {
865 .entity_send-a-message .form_notice input.submit {
873 .entity_moderation p,
876 -moz-border-radius:4px;
877 -webkit-border-radius:4px;
882 .entity_moderation ul,
886 .entity_moderation:hover ul,
887 .entity_role:hover ul {
898 -moz-border-radius:7px;
899 -webkit-border-radius:7px;
903 list-style-type:none;
910 .entity_tags li:before {
919 list-style-position:inside;
922 text-transform:uppercase;
926 #entity_statistics dt {
929 #entity_statistics dd {
933 #entity_statistics dt:after {
937 .section ul.entities {
941 .section .entities li {
942 list-style-type:none;
948 .section .entities li .photo {
952 .section .entities li .fn {
957 .aside .section .more {
961 .profile .entity_profile {
966 .profile .form_group_join legend,
967 .profile .form_group_leave legend,
968 .profile .form_user_subscribe legend,
969 .profile .form_user_unsubscribe legend {
974 list-style-type:none;
976 .profile .entity_profile .fn.nickname,
977 .profile .entity_profile .url[rel~=contact] {
982 .profile .entity_profile .fn,
983 .profile .entity_profile .label {
990 .profile .entity_profile .note,
991 .profile .entity_profile .url,
992 .profile .entity_profile .entity_tags,
993 .profile .entity_profile .form_subscription_edit {
999 .profile .entity_profile .entity_tags dt {
1004 .profile .entity_profile .form_subscription_edit label {
1016 list-style-type:none;
1019 #showapplication .entity_profile img,
1020 .form_data #application_icon img,
1021 #apioauthauthorize .form_data img {
1025 #apioauthauthorize .form_data img {
1030 .oauth-desktop-mode #wrap {
1034 .oauth-desktop-mode #content {
1037 margin: 4px 0px 0px 4px;
1038 border-top-left-radius: 7px;
1039 -moz-border-radius-topleft: 7px;
1040 -webkit-border-top-left-radius: 7px;
1043 .oauth-desktop-mode fieldset {
1044 margin-bottom: 10px !important;
1052 #showapplication .entity_profile {
1055 #showapplication .entity_profile .entity_fn {
1058 #showapplication .entity_profile .entity_fn .fn:before,
1059 #showapplication .entity_profile .entity_fn .fn:after {
1062 #showapplication .entity_data {
1066 #showapplication .entity_data h2 {
1069 #showapplication .entity_data dl {
1072 #showapplication .entity_data dt {
1075 #showapplication .entity_data dd {
1077 font-family:monospace;
1080 .form_data #application_types label.radio,
1081 .form_data #default_access_types label.radio {
1091 padding-bottom:11px;
1095 border-top-width:1px;
1096 border-top-style:dotted;
1099 list-style-type:none;
1108 border-top-width:1px;
1109 border-top-style:solid;
1112 /* Threaded notices sublist */
1113 #content .notices .threaded-replies {
1117 background: #e4e8f1;
1119 #content .threaded-replies .notice .author .photo {
1124 .threaded-replies .notice-reply {
1127 .threaded-replies .notice-reply-placeholder input.placeholder {
1131 .threaded-replies .notice-reply-placeholder input.placeholder {
1133 margin-left: 8px; /* ?? */
1136 .threaded-replies .notice-reply .controls {
1139 .threaded-replies .notice-reply-comments {
1142 .threaded-replies .response,
1143 .threaded-replies .source {
1144 /* Hide these for ajax/realtime sourced notices */
1152 -moz-border-radius:7px;
1153 -webkit-border-radius:7px;
1155 #notices_primary h2 {
1158 .notice-data a span {
1166 #showstream #content .notice .author {
1174 .notice .author .fn {
1183 #shownotice .vcard .photo {
1186 #content .notice .author .photo {
1192 #content .notice .entry-title {
1198 text-decoration:none;
1201 text-decoration:underline;
1204 .notice .entry-title {
1206 word-wrap:break-word;
1208 .notice .entry-title.ov {
1211 #showstream .notice .entry-title,
1212 #showstream .notice div.entry-content {
1215 #shownotice .notice .entry-title {
1220 #shownotice .notice div.entry-content {
1224 .notice p.entry-content {
1228 #content .notice p.entry-content a:visited {
1230 -moz-border-radius:4px;
1231 -webkit-border-radius:4px;
1233 .notice p.entry-content .vcard a {
1235 -moz-border-radius:4px;
1236 -webkit-border-radius:4px;
1239 .notice div.entry-content {
1247 #showstream .notice div.entry-content,
1248 #shownotice .notice div.entry-content {
1252 .notice .notice-options a,
1253 .notice .notice-options input {
1258 .notice div.entry-content .timestamp {
1259 display:inline-block;
1262 .entry-content .repeat {
1265 .entry-content .repeat .photo {
1281 -moz-border-radius:7px;
1282 -webkit-border-radius:7px;
1288 display:block !important;
1293 .dialogbox button.close {
1299 .dialogbox .form_guide {
1304 .dialogbox .submit_dialogbox {
1312 .dialogbox fieldset {
1316 #wrap form.processing input.submit,
1317 .entity_actions a.processing,
1318 .dialogbox.processing .submit_dialogbox {
1321 text-indent:-9999px;
1324 .form_repeat.dialogbox {
1342 .notice-options .notice_reply,
1343 .notice-options .form_repeat,
1344 .notice-options .form_favor,
1345 .notice-options .form_disfavor,
1346 .notice-options .repeated {
1350 .notice-options .form_favor,
1351 .notice-options .form_disfavor {
1354 .notice-options input,
1356 .notice-options .repeated {
1357 text-indent:-9999px;
1360 .notice-options input.submit {
1364 .notice-options .notice_reply,
1365 .notice-options .notice_delete {
1366 text-decoration:none;
1368 .notice .notice-options .notice_delete {
1371 .notice-options form input.submit {
1376 -moz-border-radius:0;
1377 -webkit-border-radius:0;
1379 .notice-options .form_repeat legend,
1380 .notice-options .form_favor legend,
1381 .notice-options .form_disfavor legend {
1384 .notice-options .form_repeat fieldset,
1385 .notice-options .form_favor fieldset,
1386 .notice-options .form_disfavor fieldset {
1391 .notice-options .repeated {
1396 .notice .attachment {
1400 .notice .attachment.more {
1401 text-indent:-9999px;
1404 display:inline-block;
1406 vertical-align:middle;
1410 #attachments .attachment,
1411 .notice .attachment.more {
1427 #attachments ol li {
1429 list-style-type:decimal;
1435 #jOverlayContent #content,
1436 #jOverlayContent #content_inner {
1437 width: auto !important;
1440 #jOverlayContent #content {
1444 #jOverlayContent .entry-title {
1448 #jOverlayContent button {
1453 #jOverlayContent h1 {
1456 #jOverlayContent #content {
1458 -moz-border-radius:7px;
1459 -webkit-border-radius:7px;
1465 #attachment_view img {
1469 #attachment_view #oembed_info {
1472 #attachment_view #oembed_info dt,
1473 #attachment_view #oembed_info dd {
1476 #attachment_view #oembed_info dt {
1481 #attachment_view #oembed_info dt:after {
1485 #usergroups #new_group {
1489 #new_group, #group_search {
1504 list-style-type:none;
1510 border-left-width:1px;
1511 border-left-style:solid;
1513 #filter_tags #filter_tags_all {
1518 #filter_tags_all a {
1524 #filter_tags_item label {
1527 #filter_tags_item label,
1528 #filter_tags_item select {
1531 #filter_tags_item p {
1536 #filter_tags_item .submit {
1557 list-style-type:none;
1560 .pagination .nav_prev {
1563 .pagination .nav_next {
1569 text-decoration:none;
1574 -moz-border-radius:7px;
1575 -webkit-border-radius:7px;
1579 .pagination .nav_prev a {
1582 .pagination .nav_next a {
1587 .hentry .entry-content p {
1590 .hentry .entry-content ol,
1591 .hentry .entry-content ul {
1594 .hentry .entry-content li {
1597 .hentry .entry-content li li {
1600 .hentry .entry-content .form_settings ul {
1604 #content #plugin_authors {
1618 border-top-width:1px;
1619 border-top-style:dotted;
1622 padding:11px 18px 11px 0;
1625 #content td:last-child {
1632 padding-bottom:11px;
1634 .section .vcard .photo {
1645 .section .notice:first-child {
1649 .section .notice .author {
1652 .section .notice .author .fn {
1658 list-style-type:none;
1663 word-wrap:break-word;
1671 .tag-cloud li:before {
1675 .aside .tag-cloud li {
1679 text-decoration:none;
1681 #tagcloud.section dt {
1682 text-transform:uppercase;
1707 #publictagcloud #tagcloud.section dt {
1711 #form_settings_photo .form_data {
1715 #form_settings_avatar li {
1718 #form_settings_avatar input {
1728 #avatar_preview_view {
1736 #form_settings_avatar .form_actions {
1740 #form_settings_avatar .form_actions {
1744 #settings_design_background-image img {
1749 #settings_design_color .form_data,
1753 #settings_design_color .form_data {
1758 #settings_design_color .form_data li {
1761 #settings_design_color .form_data label {
1765 #settings_design_color .form_data .swatch {
1786 #bookmarklet address {
1789 #bookmarklet .form_notice {
1792 #bookmarklet #wrap {
1796 .inline-attachment img {
1797 /* Why on earth is this changed to block at the top? */
1799 border: solid 1px #aaa;
1802 }/*end of @media screen, projection, tv*/
1806 a:after { background-color:#FFFFFF; }
1807 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1808 img { border:none; }
1809 p { orphans: 2; widows: 1; }
1811 #site_nav_global_primary,
1812 #site_nav_local_views,
1815 #site_nav_global_secondary,
1819 .form_subscription_edit .submit {
1822 .timestamp dt, .timestamp dd,
1823 .device dt, .device dd {
1831 }/*end of @media print*/