4 * @author Samantha Doherty <sammy@status.net>
5 * @copyright 2010 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 {
13 * { margin: 0; padding: 0px; vertical-align: baseline; }
14 abbr { border-bottom:0; }
15 input.submit { cursor: pointer; }
18 background-color: #ffffff;
20 font-family: sans-serif;
28 text-decoration: none;
33 text-decoration: underline;
38 text-decoration: none;
41 h1, h2, h3, h4, h5, h6 {
55 input, textarea, select, option {
56 font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
61 font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
88 background-color: #fff;
107 #aside_primary .section {
108 margin: 0px 10px 20px 10px;
112 body[id$=adminpanel] #aside_primary {
129 #site_nav_global_primary {
130 margin: 20px 0px 20px 0px;
133 #site_nav_global_primary dt {
137 #site_nav_global_primary li {
144 background-color: #f2f2f2;
163 background-color: #ccc;
173 .form_notice fieldset {
179 .form_notice legend {
183 .form_notice label[for=notice_data-text] {
186 margin-bottom: 0.2em;
190 .form_notice textarea {
198 padding-bottom: 15px;
202 .form_notice label[for=notice_data-attach],
203 .form_notice #notice_data-attach {
210 .form_notice label[for=notice_data-attach] {
215 .form_notice #notice_data-attach {
219 .form_notice .form_note {
225 .form_notice .form_note dt {
230 .form_notice #notice_text-count {
235 .form_notice.warning #notice_text-count {
239 .form_notice #notice_action-submit {
248 .form_notice label[for=to] {
254 .form_notice select[id=to] {
263 .form_notice .success {
271 .form_notice #notice_data-attach_selected {
272 padding: 2px 2px 2px 5px;
274 border: 2px solid #ccc;
278 .form_notice #notice_data-attach_selected code {
287 .form_notice #notice_data-attach_selected button.close {
293 background-image:url(../../base/images/icons/icon_processing.gif);
294 background-repeat:no-repeat;
295 background-position:47% 47%;
299 background-color: #F7E8E8;
302 background-color: #f2f2f2;
305 .form_notice #notice_data-geo_wrap label,
306 .form_notice #notice_data-geo_wrap input {
316 .form_notice #notice_data-geo_wrap input {
319 .form_notice #notice_data-geo_wrap label {
326 .form_notice #notice_data-attach {
330 .form_notice label[for=notice_data-attach],
331 .form_notice label[for=notice_data-geo] {
332 background-image: url(../images/icons/icons-01.gif);
333 background-repeat: no-repeat;
334 background-color: transparent;
337 .form_notice label[for=notice_data-attach] {
338 background-position: 0 -328px;
341 .form_notice label[for=notice_data-geo] {
342 background-position: 0 -1780px;
344 .form_notice label[for=notice_data-geo].checked {
345 background-position: 0 -1846px;
352 .form_notice label:hover {
357 #site_nav_local_views {
361 #site_nav_local_views dt {
365 #site_nav_local_views li {
370 #site_nav_local_views .current a {
371 text-decoration: underline;
376 list-style-type: none;
379 #aside_primary ol.notices {
385 #aside_primary .notices li {
389 #aside_primary .notice {
394 list-style-type:none;
403 #export_data li a.foaf {
407 #export_data li a.rss,
408 #export_data li a.atom,
409 #export_data li a.foaf {
410 background-image: url(../images/icons/icons-01.gif);
411 background-repeat: no-repeat;
412 background-color: transparent;
415 #export_data li a.rss {
416 background-position: 0 -130px;
418 #export_data li a.atom {
419 background-position: 0 -64px;
421 #export_data li a.foaf {
422 background-position: 0 1px;
427 padding-bottom: 10px;
431 #entity_statistics dt,
432 #entity_statistics dd {
436 #entity_statistics dt:after {
440 .section ul.entities {
445 .section .entities li {
446 list-style-type:none;
452 .section .entities li .photo {
456 .section .entities li .fn {
461 .aside .section .more {
469 .section .vcard .photo {
480 .section .notice:first-child {
484 .section .notice .author {
487 .section .notice .author .fn {
492 list-style-type:none;
497 word-wrap:break-word;
505 .tag-cloud li:before {
509 .aside .tag-cloud li {
513 text-decoration:none;
515 #tagcloud.section dt {
516 text-transform:uppercase;
541 #publictagcloud #tagcloud.section dt {
553 #notices_primary h2 {
558 list-style-type: none;
563 .notice, .profile, .application {
578 #showstream #content .notice .author {
586 .notice .author .fn {
590 #core .vcard .photo {
596 #shownotice .vcard .photo {
600 #content .notice .author .photo {
607 #content .notice .entry-title {
608 margin: 2px 7px 0px 59px;
611 #showstream .notice .entry-title {
616 text-decoration:none;
619 text-decoration:underline;
622 .notice .entry-title {
624 word-wrap:break-word;
626 .notice .entry-title.ov {
629 #showstream .notice .entry-title,
630 #showstream .notice div.entry-content {
633 #shownotice .notice .entry-title {
641 #shownotice .notice div.entry-content {
645 .notice p.entry-content {
649 #content .notice p.entry-content a:visited {
651 -moz-border-radius:4px;
652 -webkit-border-radius:4px;
654 .notice p.entry-content .vcard a {
656 -moz-border-radius:4px;
657 -webkit-border-radius:4px;
660 .notice div.entry-content {
667 .entry-content .repeat {
696 display:block !important;
701 .dialogbox button.close {
707 .dialogbox .form_guide {
712 .dialogbox .submit_dialogbox {
720 .dialogbox fieldset {
724 #wrap form.processing input.submit,
725 .entity_actions a.processing,
726 .dialogbox.processing .submit_dialogbox {
732 .form_repeat.dialogbox {
745 .notice-options fieldset {
749 .notice-options legend {
753 .notice-options form, .notice-options a, .notice-options .repeated {
758 .notice-options input, .notice-options a, .notice-options .repeated {
759 text-indent: -9999px;
763 .notice-options input.submit, .notice-options a, .notice-options .repeated {
768 background-image: url(../images/icons/icons-01.gif);
769 background-repeat: no-repeat;
770 background-color: transparent;
773 .notice-options input.submit, .notice-options a {
777 .notice-options input.submit:hover, .notice-options a:hover {
781 .notice-options form.form_favor input.submit {
782 background-position: 0 -460px;
784 .notice-options form.form_disfavor input.submit {
785 background-position: 0 -526px;
788 .notice-options .notice_reply {
789 background-position: 0 -592px;
792 .notice-options .notice_delete {
793 background-position: 0 -658px;
795 .notice-options form.form_repeat input.submit {
796 background-position: 0 -1582px;
798 .notice-options .repeated {
799 background-position: 0 -1648px;
802 .notice .attachment {
807 .notice .attachment.more {
811 display:inline-block;
813 vertical-align:middle;
817 #attachments .attachment,
818 .notice .attachment.more {
821 .notice .attachment img {
827 #shownotice .notice .attachment img {
845 list-style-type:decimal;
851 #jOverlayContent #content,
852 #jOverlayContent #content_inner {
853 width: auto !important;
856 #jOverlayContent #content {
860 #jOverlayContent .entry-title {
864 #jOverlayContent button {
869 #jOverlayContent h1 {
872 #jOverlayContent #content {
874 -moz-border-radius:7px;
875 -webkit-border-radius:7px;
881 #attachment_view img {
885 #attachment_view #oembed_info {
888 #attachment_view #oembed_info dt,
889 #attachment_view #oembed_info dd {
892 #attachment_view #oembed_info dt {
897 #attachment_view #oembed_info dt:after {
908 background-color:rgba(200, 200, 200, 0.050);
910 .notice .notice .notice {
911 background-color:rgba(200, 200, 200, 0.100);
913 .notice .notice .notice .notice {
914 background-color:rgba(200, 200, 200, 0.150);
916 .notice .notice .notice .notice .notice {
917 background-color:rgba(200, 200, 200, 0.300);
921 background-color: #f2f2f2;
936 .pagination .nav_prev {
940 .pagination .nav_next {
946 background-color: #ccc;
953 #site_nav_global_secondary dt {
957 #site_nav_global_secondary li {
972 list-style-type:none;
980 .form_settings fieldset {
986 .form_settings fieldset fieldset {
992 background:rgba(240, 240, 240, 0.2);
995 .form_settings fieldset fieldset legend {
1000 .form_settings input.remove {
1003 .form_settings .form_data li {
1007 .form_settings .form_data label {
1010 .form_settings .form_data textarea,
1011 .form_settings .form_data select,
1012 .form_settings .form_data input {
1016 .form_settings .form_data input {
1019 .form_settings .form_data input.submit,
1020 .form_settings .form_data input.checkbox,
1021 .form_settings .form_data input.radio {
1024 .form_settings .form_data textarea {
1028 .form_settings .form_data input.submit {
1032 .form_settings label {
1038 .form_settings label.checkbox {
1042 .form_actions label {
1049 .form_settings #settings_autosubscribe label {
1054 #form_settings_profile legend,
1056 #form_register legend,
1057 #form_password legend,
1058 #form_settings_avatar legend,
1061 #form_tag_user legend,
1062 #form_remote_subscribe legend,
1063 #form_openid_login legend,
1064 #form_search legend,
1065 #form_invite legend,
1066 #form_notice_delete legend,
1067 #form_password_recover legend,
1068 #form_password_change legend,
1069 .form_entity_block legend,
1070 #form_filter_bytag legend,
1071 #apioauthauthorize_allowdeny {
1075 .form_settings .form_data p.form_guide {
1085 .form_settings input.checkbox,
1086 .form_settings input.radio {
1090 .form_settings label.checkbox {
1098 .form_settings label.radio {
1105 #form_login p.form_guide,
1106 #form_register #settings_rememberme p.form_guide,
1107 #form_openid_login #settings_rememberme p.form_guide,
1108 #settings_twitter_remove p.form_guide,
1109 #form_search ul.form_data #q,
1110 #design_background-image_onoff p.form_guide {
1114 .form_settings .form_note {
1116 -moz-border-radius:4px;
1117 -webkit-border-radius:4px;
1121 .form_settings input {
1125 .hentry .entry-content .form_settings ul {
1130 #form_ostatus_connect.form_settings.dialogbox {
1134 #form_ostatus_connect.form_settings.dialogbox legend {
1139 #form_ostatus_connect.form_settings.dialogbox #ostatus_profile label {
1144 #form_ostatus_connect.form_settings.dialogbox #ostatus_profile input {
1149 #form_ostatus_connect.form_settings.dialogbox .form_guide {
1150 background: none !important;
1153 #form_search .form_data input {
1158 .entity_send-a-message .form_notice,
1159 .pagination .nav_prev a,
1160 .pagination .nav_next a,
1161 .form_settings fieldset fieldset,
1162 .entity_moderation:hover ul,
1163 .entity_role:hover ul,
1165 border-color:#DDDDDD;
1168 .form_settings input.form_action-primary {
1172 .form_notice.warning #notice_text-count,
1173 .form_settings .form_note {
1174 background-color:#9BB43E;
1177 #form_settings_photo .form_data {
1181 #form_settings_avatar li {
1184 #form_settings_avatar input {
1194 #avatar_preview_view {
1202 #form_settings_avatar .form_actions {
1206 #form_settings_avatar .form_actions {
1211 #settings_design_background-image img {
1216 margin-bottom: 10px;
1219 #settings_design_background-image .form_guide {
1224 #settings_design_color .form_data,
1228 #settings_design_color .form_data {
1233 #settings_design_color .form_data li {
1236 #settings_design_color .form_data label {
1240 #settings_design_color .form_data .swatch {
1262 #entity_statistics dt {
1265 .entity_profile dd {
1269 .entity_profile .entity_depiction {
1277 .entity_profile .entity_fn,
1278 .entity_profile .entity_nickname,
1279 .entity_profile .entity_location,
1280 .entity_profile .entity_url,
1281 .entity_profile .entity_note,
1282 .entity_profile .entity_tags,
1283 .entity_profile .entity_aliases,
1284 .entity_profile .entity_statistics {
1289 .entity_profile .entity_fn,
1290 .entity_profile .entity_nickname {
1294 .entity_profile .entity_nickname {
1297 .entity_profile .fn,
1298 .entity_profile .nickname {
1302 .entity_profile .fn:before {
1306 .entity_profile .fn:after {
1310 .entity_profile .nickname:after,
1311 .entity_profile .nickname:before {
1315 .entity_profile h2 {
1318 .entity_profile .role {
1330 .entity_actions h2 {
1333 .entity_actions ul {
1334 list-style-type:none;
1336 .entity_actions li {
1339 .entity_actions li:first-child {
1342 .entity_actions fieldset {
1346 .entity_actions legend {
1350 .entity_actions input.submit {
1357 text-decoration:none;
1362 .entity_actions a, .entity_actions input, .entity_actions p {
1363 background-color: #ccc !important;
1364 font-weight: normal;
1366 padding-bottom: 4px;
1371 .entity_actions a:hover, .entity_actions input:hover {
1372 background-color: #f2f2f2 !important;
1375 .entity_actions #entity_remote_subscribe a {
1381 padding:2px 4px 1px 26px;
1384 .entity_actions .accept {
1388 .entity_send-a-message button {
1394 .entity_send-a-message .form_notice {
1402 .entity_send-a-message .form_notice legend {
1407 .entity_send-a-message .form_notice label,
1408 .entity_send-a-message .form_notice select {
1411 .entity_send-a-message .form_notice input.submit {
1419 .entity_moderation p,
1425 .entity_moderation ul,
1429 .entity_moderation:hover ul,
1430 .entity_role:hover ul {
1440 background-color: #fff;
1444 list-style-type:none;
1451 .entity_tags li:before {
1456 #entity_statistics dt,
1457 #entity_statistics dd {
1461 #entity_statistics dt:after {
1465 .section ul.entities {
1469 .section .entities li {
1470 list-style-type:none;
1476 .section .entities li .photo {
1480 .section .entities li .fn {
1485 .aside .section .more {
1489 .profile .entity_profile {
1494 .profile .form_group_join legend,
1495 .profile .form_group_leave legend,
1496 .profile .form_user_subscribe legend,
1497 .profile .form_user_unsubscribe legend {
1502 list-style-type:none;
1504 .profile .entity_profile .fn.nickname,
1505 .profile .entity_profile .url[rel~=contact] {
1510 .profile .entity_profile .fn,
1511 .profile .entity_profile .label {
1518 .profile .entity_profile .note,
1519 .profile .entity_profile .url,
1520 .profile .entity_profile .entity_tags,
1521 .profile .entity_profile .form_subscription_edit {
1527 .profile .entity_profile .entity_tags dt {
1532 .profile .entity_profile .form_subscription_edit label {
1544 list-style-type:none;
1547 #showapplication .entity_profile img,
1548 .form_data #application_icon img,
1549 #apioauthauthorize .form_data img {
1553 #apioauthauthorize .form_data img {
1557 #showapplication .entity_profile {
1560 #showapplication .entity_profile .entity_fn {
1563 #showapplication .entity_profile .entity_fn .fn:before,
1564 #showapplication .entity_profile .entity_fn .fn:after {
1567 #showapplication .entity_data {
1571 #showapplication .entity_data h2 {
1574 #showapplication .entity_data dl {
1577 #showapplication .entity_data dt {
1580 #showapplication .entity_data dd {
1582 font-family:monospace;
1585 .form_data #application_types label.radio,
1586 .form_data #default_access_types label.radio {
1592 list-style-type:none;
1596 margin-bottom: 20px;
1601 border-top: 1px solid #ccc;
1604 #realtime_play, #realtime_pause, #realtime_popup {
1605 background-image: url(../images/icons/icons-01.gif);
1606 background-repeat: no-repeat;
1607 background-color: transparent;
1611 background-position: 0 -2308px;
1614 background-position: 0 -2374px;
1617 background-position: 0 -1714px;
1620 #realtime_play, #realtime_pause, #realtime_popup {
1624 #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
1628 body.realtime-popup {
1632 .realtime-popup #wrap {
1633 padding: 0px !important;
1634 margin: 0px !important;
1637 .realtime-popup #content {
1638 padding: 0px !important;
1639 margin: 0px !important;
1640 width: 98% !important;
1643 .realtime-popup .form_notice {
1644 float: left !important;
1645 position: static !important;
1648 .realtime-popup .form_notice fieldset {
1649 width: 450px !important;
1652 .realtime-popup .form_notice textarea {
1653 width: 340px !important;
1656 .realtime-popup .form_notice #notice_action-submit {
1657 top: 58px !important;
1663 .realtime-popup .form_notice label[for=notice_data-attach], .form_notice #notice_data-attach {
1667 .realtime-popup .form_notice #notice_data-geo_wrap label, .form_notice #notice_data-geo_wrap input {
1672 .form_notice label[for=notice_data-attach],
1673 #export_data li a.rss,
1674 #export_data li a.atom,
1675 #export_data li a.foaf,
1677 .entity_send-a-message a,
1679 .form_user_nudge input.submit,
1680 .form_user_block input.submit,
1681 .form_user_unblock input.submit,
1682 .form_group_block input.submit,
1683 .form_group_unblock input.submit,
1684 .form_make_admin input.submit,
1685 .notice .attachment,
1686 .notice-options .notice_reply,
1687 .notice-options form.form_favor input.submit,
1688 .notice-options form.form_disfavor input.submit,
1689 .notice-options .notice_delete,
1690 .notice-options form.form_repeat input.submit,
1692 .pagination .nav_prev a,
1693 .pagination .nav_next a,
1695 .form_group_leave input.submit,
1696 .form_user_unsubscribe input.submit,
1697 .form_group_join input.submit,
1698 .form_user_subscribe input.submit,
1699 .form_remote_authorize input.submit,
1700 .entity_subscribe a,
1701 .entity_moderation p,
1702 .entity_sandbox input.submit,
1703 .entity_silence input.submit,
1704 .entity_delete input.submit,
1706 .entity_role_administrator input.submit,
1707 .entity_role_moderator input.submit,
1708 .notice-options .repeated,
1709 .form_notice label[for=notice_data-geo],
1711 .form_reset_key input.submit,
1712 .entity_clear input.submit,
1713 .entity_flag input.submit,
1715 .entity_subscribe input.submit,
1719 background-image:url(../images/icons/icons-01.gif);
1720 background-repeat:no-repeat;
1721 background-color:transparent;
1725 background-position:0 -1120px;
1728 background-position:0 -1912px;
1732 #export_data li a.rss {
1733 background-position:0 -130px;
1735 #export_data li a.atom {
1736 background-position:0 -64px;
1738 #export_data li a.foaf {
1739 background-position:0 1px;
1743 .form_group_leave input.submit,
1744 .form_user_unsubscribe input.submit {
1745 background-position:5px -1246px;
1747 .form_group_join input.submit,
1748 .form_user_subscribe input.submit,
1749 .form_remote_authorize input.submit,
1750 .entity_subscribe a {
1751 background-position:5px -1181px;
1755 background-position: 5px -719px;
1757 .entity_send-a-message a {
1758 background-position: 5px -852px;
1762 .form_user_nudge input.submit {
1763 background-position: 5px -785px;
1765 .form_user_block input.submit,
1766 .form_user_unblock input.submit,
1767 .form_group_block input.submit,
1768 .form_group_unblock input.submit {
1769 background-position: 5px -918px;
1771 .form_make_admin input.submit {
1772 background-position: 5px -983px;
1774 .entity_moderation p {
1775 background-position: 5px -1313px;
1777 .entity_sandbox input.submit {
1778 background-position: 5px -1380px;
1780 .entity_silence input.submit {
1781 background-position: 5px -1445px;
1783 .entity_delete input.submit {
1784 background-position: 5px -1511px;
1786 .entity_sandbox .form_user_unsandbox input.submit {
1787 background-position: 5px -2568px;
1789 .entity_silence .form_user_unsilence input.submit {
1790 background-position: 5px -2633px;
1793 background-position: 5px -2436px;
1795 .entity_role_administrator .form_user_grantrole input.submit {
1796 background-position: 5px -983px;
1798 .entity_role_moderator .form_user_grantrole input.submit {
1799 background-position: 5px -1313px;
1801 .entity_role_administrator .form_user_revokerole input.submit {
1802 background-position: 5px -2699px;
1804 .entity_role_moderator .form_user_revokerole input.submit {
1805 background-position: 5px -2501px;
1807 .form_reset_key input.submit {
1808 background-position: 5px -1973px;
1810 .entity_clear input.submit {
1811 background-position: 5px -2039px;
1813 .entity_flag input.submit,
1815 background-position: 5px -2105px;
1817 .entity_subscribe input.accept {
1818 background-position: 5px -2171px;
1820 .entity_subscribe input.reject {
1821 background-position: 5px -2237px;
1824 background-position: 0 -2308px;
1827 background-position: 0 -2374px;
1830 background-position: 0 -1714px;
1833 .notice .attachment {
1834 background-position:0 -394px;
1836 .notice .attachment.more {
1837 background-position:0 -2770px;
1839 #attachments .attachment {
1842 .notice-options .notice_reply {
1843 background-position:0 -592px;
1845 .notice-options form.form_favor input.submit {
1846 background-position:0 -460px;
1848 .notice-options form.form_disfavor input.submit {
1849 background-position:0 -526px;
1851 .notice-options .notice_delete {
1852 background-position:0 -658px;
1855 .notice-options .form_repeat.processing {
1856 background-image:none;
1859 .notice-options form.form_repeat input.submit {
1860 background-position:0 -1582px;
1862 .notice-options .repeated {
1863 background-position:0 -1648px;
1867 background-position:0 -1054px;
1871 .pagination .nav_prev a {
1874 background-position:0 -187px;
1876 .pagination .nav_next a {
1878 padding-right: 25px;
1879 background-position: 115% -252px;
1882 #usergroups #new_group {
1886 #new_group, #group_search {
1894 }/*end of @media screen, projection, tv*/
1898 a:after { background-color:#FFFFFF; }
1899 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1900 img { border:none; }
1901 p { orphans: 2; widows: 1; }
1903 #site_nav_global_primary,
1904 #site_nav_local_views,
1907 #site_nav_global_secondary,
1911 .form_subscription_edit .submit {
1914 .timestamp dt, .timestamp dd,
1915 .device dt, .device dd {
1923 }/*end of @media print*/