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;
100 .form_settings fieldset {
103 .form_settings fieldset fieldset {
105 padding:3% 1.795% 1.795% 3%;
107 -moz-border-radius:11px;
108 -webkit-border-radius:11px;
112 .form_settings fieldset fieldset legend {
116 .form_settings input.remove {
119 .form_settings .form_data li {
123 .form_settings .form_data label {
126 .form_settings .form_data textarea,
127 .form_settings .form_data select,
128 .form_settings .form_data input {
132 .form_settings .form_data input {
135 .form_settings .form_data input.submit,
136 .form_settings .form_data input.checkbox,
137 .form_settings .form_data input.radio {
140 .form_settings .form_data textarea {
144 .form_settings .form_data input.submit {
148 .form_settings label {
153 .form_actions label {
160 .form_settings #settings_autosubscribe label {
165 #form_settings_profile legend,
167 #form_register legend,
168 #form_password legend,
169 #form_settings_avatar legend,
172 #form_tag_user legend,
173 #form_remote_subscribe legend,
174 #form_openid_login legend,
177 #form_notice_delete legend,
178 #form_password_recover legend,
179 #form_password_change legend,
180 .form_entity_block legend,
181 #form_filter_bytag legend,
182 #apioauthauthorize_allowdeny {
186 .form_settings .form_data p.form_guide {
196 .form_settings input.checkbox,
197 .form_settings input.radio {
201 .form_settings label.checkbox {
209 .form_settings label.radio {
216 #form_login p.form_guide,
217 #form_register #settings_rememberme p.form_guide,
218 #form_openid_login #settings_rememberme p.form_guide,
219 #settings_twitter_remove p.form_guide,
220 #form_search ul.form_data #q,
221 #design_background-image_onoff p.form_guide {
225 .form_settings .form_note {
227 -moz-border-radius:4px;
228 -webkit-border-radius:4px;
232 .form_settings input.form_action-default {
235 .form_settings input.form_action-default,
236 .form_settings input.form_action-primary {
239 .form_settings input.form_action-secondary {
243 #form_search .submit {
246 #form_search .form_data input {
255 address.vcard img.logo {
265 text-decoration:none;
284 #site_nav_global_primary {
290 #site_nav_global_primary li {
297 text-transform:uppercase;
318 -moz-border-radius:7px;
319 -webkit-border-radius:7px;
333 #site_nav_local_views {
337 #site_nav_local_views dt {
340 #site_nav_local_views li {
343 list-style-type:none;
345 #site_nav_local_views a {
347 text-decoration:none;
349 border-top-left-radius:4px;
350 border-top-right-radius:4px;
351 -moz-border-radius-topleft:4px;
352 -moz-border-radius-topright:4px;
353 -webkit-border-top-left-radius:4px;
354 -webkit-border-top-right-radius:4px;
360 #site_nav_local_views .nav {
365 body[id$=adminpanel] #site_nav_local_views {
372 body[id$=adminpanel] #site_nav_local_views li {
377 body[id$=adminpanel] #site_nav_local_views a {
382 border-top-left-radius:0;
383 -moz-border-radius-topleft:0;
384 -webkit-border-top-left-radius:0;
385 border-top-right-radius:4px;
386 -moz-border-radius-topright:4px;
387 -webkit-border-top-right-radius:4px;
388 border-bottom-right-radius:4px;
389 -moz-border-radius-bottomright:4px;
390 -webkit-border-bottom-right-radius:4px;
392 body[id$=adminpanel] #site_nav_local_views li.current {
394 -moz-box-shadow:none;
395 -webkit-box-shadow:none;
398 body[id$=adminpanel] #content {
399 border-top-left-radius:7px;
400 -moz-border-radius-topleft:7px;
401 -webkit-border-top-left-radius:7px;
402 border-top-right-radius:0;
403 -moz-border-radius-topright:0;
404 -webkit-border-top-right-radius:0;
406 body[id$=adminpanel] #aside_primary {
410 #site_nav_global_primary dt,
411 #site_nav_global_secondary dt {
415 #site_nav_global_secondary {
419 #site_nav_global_secondary ul li {
426 #export_data li a.foaf {
429 #export_data li a.export_vcard {
438 list-style-type:none;
456 #site_content_license_cc {
459 #site_content_license_cc img {
486 border-top-left-radius:0;
487 -moz-border-radius:7px;
488 -moz-border-radius-topleft:0;
489 -webkit-border-radius:7px;
490 -webkit-border-top-left-radius:0;
494 #shownotice #content {
511 -moz-border-radius:7px;
512 -webkit-border-radius:7px;
523 .form_notice fieldset {
528 .form_notice legend {
531 .form_notice textarea {
534 -moz-border-radius:7px;
535 -webkit-border-radius:7px;
539 padding:7px 7px 16px 7px;
549 .form_notice label[for=notice_data-attach],
550 .form_notice #notice_data-attach {
556 .form_notice label[for=notice_data-attach] {
561 .form_notice #notice_data-attach {
565 .form_notice .form_note {
571 .form_notice .form_note dt {
575 .form_notice #notice_text-count {
580 .form_notice #notice_action-submit {
588 .form_notice label[for=to] {
591 .form_notice select[id=to] {
598 .form_notice .success {
605 .form_notice #notice_data-attach_selected code {
613 .form_notice #notice_data-attach_selected button.close {
618 .form_notice #notice_data-geo_wrap label,
619 .form_notice #notice_data-geo_wrap input {
629 .form_notice #notice_data-geo_wrap input {
632 .form_notice #notice_data-geo_wrap label {
662 #entity_statistics dt {
669 .entity_profile .entity_depiction {
676 .entity_profile .entity_fn,
677 .entity_profile .entity_nickname,
678 .entity_profile .entity_location,
679 .entity_profile .entity_url,
680 .entity_profile .entity_note,
681 .entity_profile .entity_tags,
682 .entity_profile .entity_aliases,
683 .entity_profile .entity_statistics {
688 .entity_profile .entity_fn,
689 .entity_profile .entity_nickname {
693 .entity_profile .entity_nickname {
697 .entity_profile .nickname {
701 .entity_profile .fn:before {
705 .entity_profile .fn:after {
709 .entity_profile .nickname:after,
710 .entity_profile .nickname:before {
717 .entity_profile .role {
734 list-style-type:none;
739 .entity_actions li:first-child {
742 .entity_actions fieldset {
746 .entity_actions legend {
750 .entity_actions input.submit {
756 text-decoration:none;
761 .entity_actions input {
763 -moz-border-radius:4px;
764 -webkit-border-radius:4px;
768 .entity_actions input,
777 padding:2px 4px 1px 26px;
780 .entity_actions .accept {
784 .entity_send-a-message button {
790 .entity_send-a-message .form_notice {
798 -moz-border-radius:7px;
799 -webkit-border-radius:7px;
803 .entity_send-a-message .form_notice legend {
808 .entity_send-a-message .form_notice label,
809 .entity_send-a-message .form_notice select {
812 .entity_send-a-message .form_notice input.submit {
820 .entity_moderation p,
823 -moz-border-radius:4px;
824 -webkit-border-radius:4px;
829 .entity_moderation ul,
833 .entity_moderation:hover ul,
834 .entity_role:hover ul {
845 -moz-border-radius:7px;
846 -webkit-border-radius:7px;
850 list-style-type:none;
857 .entity_tags li:before {
866 list-style-position:inside;
869 text-transform:uppercase;
873 #entity_statistics dt,
874 #entity_statistics dd {
878 #entity_statistics dt:after {
882 .section ul.entities {
886 .section .entities li {
887 list-style-type:none;
893 .section .entities li .photo {
897 .section .entities li .fn {
902 .aside .section .more {
906 .profile .entity_profile {
911 .profile .form_group_join legend,
912 .profile .form_group_leave legend,
913 .profile .form_user_subscribe legend,
914 .profile .form_user_unsubscribe legend {
919 list-style-type:none;
921 .profile .entity_profile .fn.nickname,
922 .profile .entity_profile .url[rel~=contact] {
927 .profile .entity_profile .fn,
928 .profile .entity_profile .label {
935 .profile .entity_profile .note,
936 .profile .entity_profile .url,
937 .profile .entity_profile .entity_tags,
938 .profile .entity_profile .form_subscription_edit {
944 .profile .entity_profile .entity_tags dt {
949 .profile .entity_profile .form_subscription_edit label {
961 list-style-type:none;
964 #showapplication .entity_profile img,
965 .form_data #application_icon img,
966 #apioauthauthorize .form_data img {
970 #apioauthauthorize .form_data img {
975 .oauth-desktop-mode #wrap {
979 .oauth-desktop-mode #content {
982 margin: 4px 0px 0px 4px;
983 border-top-left-radius: 7px;
984 -moz-border-radius-topleft: 7px;
985 -webkit-border-top-left-radius: 7px;
988 .oauth-desktop-mode fieldset {
989 margin-bottom: 10px !important;
997 #showapplication .entity_profile {
1000 #showapplication .entity_profile .entity_fn {
1003 #showapplication .entity_profile .entity_fn .fn:before,
1004 #showapplication .entity_profile .entity_fn .fn:after {
1007 #showapplication .entity_data {
1011 #showapplication .entity_data h2 {
1014 #showapplication .entity_data dl {
1017 #showapplication .entity_data dt {
1020 #showapplication .entity_data dd {
1022 font-family:monospace;
1025 .form_data #application_types label.radio,
1026 .form_data #default_access_types label.radio {
1036 padding-bottom:11px;
1040 border-top-width:1px;
1041 border-top-style:dotted;
1044 list-style-type:none;
1053 border-top-width:1px;
1054 border-top-style:solid;
1062 -moz-border-radius:7px;
1063 -webkit-border-radius:7px;
1065 #notices_primary h2 {
1068 .notice-data a span {
1076 #showstream #content .notice .author {
1084 .notice .author .fn {
1093 #shownotice .vcard .photo {
1096 #content .notice .author .photo {
1102 #content .notice .entry-title {
1108 text-decoration:none;
1111 text-decoration:underline;
1114 .notice .entry-title {
1116 word-wrap:break-word;
1118 .notice .entry-title.ov {
1121 #showstream .notice .entry-title,
1122 #showstream .notice div.entry-content {
1125 #shownotice .notice .entry-title {
1130 #shownotice .notice div.entry-content {
1134 .notice p.entry-content {
1138 #content .notice p.entry-content a:visited {
1140 -moz-border-radius:4px;
1141 -webkit-border-radius:4px;
1143 .notice p.entry-content .vcard a {
1145 -moz-border-radius:4px;
1146 -webkit-border-radius:4px;
1149 .notice div.entry-content {
1157 #showstream .notice div.entry-content,
1158 #shownotice .notice div.entry-content {
1162 .notice .notice-options a,
1163 .notice .notice-options input {
1168 .notice div.entry-content .timestamp {
1169 display:inline-block;
1172 .entry-content .repeat {
1175 .entry-content .repeat .photo {
1191 -moz-border-radius:7px;
1192 -webkit-border-radius:7px;
1198 display:block !important;
1203 .dialogbox button.close {
1209 .dialogbox .form_guide {
1214 .dialogbox .submit_dialogbox {
1222 .dialogbox fieldset {
1226 #wrap form.processing input.submit,
1227 .entity_actions a.processing,
1228 .dialogbox.processing .submit_dialogbox {
1231 text-indent:-9999px;
1234 .form_repeat.dialogbox {
1252 .notice-options .notice_reply,
1253 .notice-options .form_repeat,
1254 .notice-options .form_favor,
1255 .notice-options .form_disfavor,
1256 .notice-options .repeated {
1260 .notice-options .form_favor,
1261 .notice-options .form_disfavor {
1264 .notice-options input,
1266 .notice-options .repeated {
1267 text-indent:-9999px;
1270 .notice-options input.submit {
1274 .notice-options .notice_reply,
1275 .notice-options .notice_delete {
1276 text-decoration:none;
1278 .notice .notice-options .notice_delete {
1281 .notice-options form input.submit {
1286 -moz-border-radius:0;
1287 -webkit-border-radius:0;
1289 .notice-options .form_repeat legend,
1290 .notice-options .form_favor legend,
1291 .notice-options .form_disfavor legend {
1294 .notice-options .form_repeat fieldset,
1295 .notice-options .form_favor fieldset,
1296 .notice-options .form_disfavor fieldset {
1301 .notice-options .repeated {
1306 .notice .attachment {
1310 .notice .attachment.more {
1311 text-indent:-9999px;
1314 display:inline-block;
1316 vertical-align:middle;
1320 #attachments .attachment,
1321 .notice .attachment.more {
1337 #attachments ol li {
1339 list-style-type:decimal;
1345 #jOverlayContent #content,
1346 #jOverlayContent #content_inner {
1347 width: auto !important;
1350 #jOverlayContent #content {
1354 #jOverlayContent .entry-title {
1358 #jOverlayContent button {
1363 #jOverlayContent h1 {
1366 #jOverlayContent #content {
1368 -moz-border-radius:7px;
1369 -webkit-border-radius:7px;
1375 #attachment_view img {
1379 #attachment_view #oembed_info {
1382 #attachment_view #oembed_info dt,
1383 #attachment_view #oembed_info dd {
1386 #attachment_view #oembed_info dt {
1391 #attachment_view #oembed_info dt:after {
1395 #usergroups #new_group {
1399 #new_group, #group_search {
1414 list-style-type:none;
1420 border-left-width:1px;
1421 border-left-style:solid;
1423 #filter_tags #filter_tags_all {
1428 #filter_tags_all a {
1434 #filter_tags_item label {
1437 #filter_tags_item label,
1438 #filter_tags_item select {
1441 #filter_tags_item p {
1446 #filter_tags_item .submit {
1467 list-style-type:none;
1470 .pagination .nav_prev {
1473 .pagination .nav_next {
1479 text-decoration:none;
1484 -moz-border-radius:7px;
1485 -webkit-border-radius:7px;
1489 .pagination .nav_prev a {
1492 .pagination .nav_next a {
1497 .hentry .entry-content p {
1500 .hentry .entry-content ol,
1501 .hentry .entry-content ul {
1504 .hentry .entry-content li {
1507 .hentry .entry-content li li {
1510 .hentry .entry-content .form_settings ul {
1514 #content #plugin_authors {
1528 border-top-width:1px;
1529 border-top-style:dotted;
1532 padding:11px 18px 11px 0;
1535 #content td:last-child {
1542 padding-bottom:11px;
1544 .section .vcard .photo {
1555 .section .notice:first-child {
1559 .section .notice .author {
1562 .section .notice .author .fn {
1568 list-style-type:none;
1573 word-wrap:break-word;
1581 .tag-cloud li:before {
1585 .aside .tag-cloud li {
1589 text-decoration:none;
1591 #tagcloud.section dt {
1592 text-transform:uppercase;
1617 #publictagcloud #tagcloud.section dt {
1621 #form_settings_photo .form_data {
1625 #form_settings_avatar li {
1628 #form_settings_avatar input {
1638 #avatar_preview_view {
1646 #form_settings_avatar .form_actions {
1650 #form_settings_avatar .form_actions {
1654 #settings_design_background-image img {
1659 #settings_design_color .form_data,
1663 #settings_design_color .form_data {
1668 #settings_design_color .form_data li {
1671 #settings_design_color .form_data label {
1675 #settings_design_color .form_data .swatch {
1696 #bookmarklet address {
1699 #bookmarklet .form_notice {
1702 #bookmarklet #wrap {
1706 .inline-attachment img {
1707 /* Why on earth is this changed to block at the top? */
1709 border: solid 1px #aaa;
1712 }/*end of @media screen, projection, tv*/
1716 a:after { background-color:#FFFFFF; }
1717 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1718 img { border:none; }
1719 p { orphans: 2; widows: 1; }
1721 #site_nav_global_primary,
1722 #site_nav_local_views,
1725 #site_nav_global_secondary,
1729 .form_subscription_edit .submit {
1732 .timestamp dt, .timestamp dd,
1733 .device dt, .device dd {
1741 }/*end of @media print*/