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 /* general styles and layout */
15 * {margin: 0; padding: 0; vertical-align: baseline;}
16 a abbr {border-bottom: 0; cursor: pointer;}
17 input.submit {cursor: pointer;}
18 table {border-collapse: collapse;}
19 ol, ul {list-style-position: inside;}
20 fieldset {border: none;}
21 legend {font-weight: bold; font-size: 1.2em;}
22 input, textarea, select, option {padding: 2px;}
23 textarea {overflow:auto;}
26 background-color: #ffffff;
28 font-family: sans-serif;
36 text-decoration: none;
41 text-decoration: underline;
46 text-decoration: none;
49 h1, h2, h3, h4, h5, h6 {
54 h1 {font-size: 2.2em;}
55 h2 {font-size: 1.8em;}
56 h3 {font-size: 1.6em;}
57 h4 {font-size: 1.4em;}
58 h5 {font-size: 1.2em;}
65 .form_notice p, li p, .section p {
69 input, textarea, select, option {
70 font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
107 background-color: #fff;
126 #aside_primary .section {
127 margin: 0px 2% 20px 2%;
134 body[id$=adminpanel] #aside_primary {
138 /* header elements */
153 #site_nav_global_primary {
154 margin: 20px 0px 20px 0px;
157 #site_nav_global_primary dt {
161 #site_nav_global_primary li {
168 background-color: #f2f2f2;
182 background-color: #ccc;
190 /* new notice & direct message forms */
198 .form_notice fieldset {
204 .form_notice legend {
208 .form_notice textarea {
216 padding-bottom: 18px;
220 .form_notice label[for=notice_data-text] {
224 margin-bottom: 0.2em;
226 color: #333 !important;
229 .form_notice label[for=notice_data-attach],
230 .form_notice #notice_data-attach {
237 .form_notice label[for=notice_data-attach] {
243 .form_notice #notice_data-attach {
248 .form_notice .form_note {
256 .form_notice .form_note dt {
260 .form_notice #notice_text-count {
264 .form_notice.warning #notice_text-count {
268 .form_notice #notice_action-submit {
277 .form_notice label[for=to] {
282 color: #333 !important;
285 .form_notice select[id=to] {
294 .form_notice .success {
299 padding: 2px 2px 2px 5px;
301 border: 2px solid #ccc;
305 .form_notice #notice_data-attach_selected code {
309 .form_notice .error {
312 padding: 6px 2px 6px 5px;
315 .form_notice #notice_data-attach_selected button.close {
320 .form_notice #notice_data-geo_wrap label,
321 .form_notice #notice_data-geo_wrap input {
332 .form_notice #notice_data-geo_wrap input {
336 .form_notice #notice_data-geo_wrap label {
347 .form_notice label:hover {
351 .form_notice #notice_data-attach {
355 /* Local navigation */
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;
381 #notices_primary h2 {
386 list-style-type: none;
393 .notice, .profile, .application {
408 .notice .author .fn {
412 #core .vcard .photo {
418 #content .notice .author .photo {
425 #content .notice .entry-title {
426 margin: 2px 7px 0px 59px;
430 text-decoration:none;
433 text-decoration:underline;
436 .notice .entry-title {
438 word-wrap:break-word;
441 .notice .entry-title.ov {
449 #showstream .notice .entry-title, #showstream .notice div.entry-content {
453 #showstream #content .notice .author {
457 #showstream .notice {
461 #shownotice .vcard .photo {
465 #shownotice .notice .entry-title {
473 #shownotice .notice div.entry-content {
477 .notice p.entry-content {
481 .notice div.entry-content {
488 .entry-content .repeat {
492 .entry-content .repeat .photo {
506 .notice-options fieldset {
510 .notice-options legend {
514 .notice-options form, .notice-options a, .notice-options .repeated {
519 .notice-options input, .notice-options a, .notice-options .repeated {
520 text-indent: -9999px;
524 .notice-options input.submit, .notice-options a, .notice-options .repeated {
531 .notice-options input.submit, .notice-options a {
535 .notice-options input.submit:hover, .notice-options a:hover {
539 .notice .attachment {
544 .notice .attachment.more {
548 display:inline-block;
550 vertical-align:middle;
554 #attachments .attachment,
555 .notice .attachment.more {
559 .notice .attachment img {
566 #shownotice .notice .attachment img {
584 list-style-type:decimal;
590 #jOverlayContent #content,
591 #jOverlayContent #content_inner {
592 width: auto !important;
595 #jOverlayContent #content {
598 border: 1px solid #fff;
600 #jOverlayContent .entry-title {
604 #jOverlayContent button {
609 #jOverlayContent h1 {
616 #attachment_view img {
620 #attachment_view #oembed_info {
623 #attachment_view #oembed_info dt,
624 #attachment_view #oembed_info dd {
627 #attachment_view #oembed_info dt {
632 #attachment_view #oembed_info dt:after {
636 #content .notice .notice {
644 background-color:rgba(200, 200, 200, 0.050);
646 .notice .notice .notice {
647 background-color:rgba(200, 200, 200, 0.100);
649 .notice .notice .notice .notice {
650 background-color:rgba(200, 200, 200, 0.150);
652 .notice .notice .notice .notice .notice {
653 background-color:rgba(200, 200, 200, 0.300);
656 /* aside primary specific styles */
659 .aside .section .more {
663 .section .vcard .photo {
674 .section .notice:first-child {
678 .section .notice .author {
681 .section .notice .author .fn {
685 #aside_primary ol.notices {
686 list-style-type: none;
692 #aside_primary .notices li {
696 #aside_primary .notice {
701 list-style-type:none;
710 #export_data li a.foaf {
716 padding-bottom: 10px;
724 #entity_statistics dt,
725 #entity_statistics dd {
729 #entity_statistics dt:after {
733 .section ul.entities {
738 .section .entities li {
739 list-style-type: none;
745 .section .entities li .photo {
748 .section .entities li .fn {
753 list-style-type:none;
758 word-wrap:break-word;
766 .tag-cloud li:before {
770 .aside .tag-cloud li {
774 text-decoration:none;
776 #tagcloud.section dt {
777 text-transform:uppercase;
802 #publictagcloud #tagcloud.section dt {
806 /* secondary elements */
809 background-image:url(../../base/images/icons/icon_processing.gif);
810 background-repeat:no-repeat;
811 background-position:47% 47%;
815 background-color: #F7E8E8;
818 background-color: #f2f2f2;
830 .entry-content .success {
849 #bookmarklet address {
852 #bookmarklet .form_notice {
885 display:block !important;
890 .dialogbox button.close {
896 .dialogbox .form_guide {
901 .dialogbox .submit_dialogbox {
909 .dialogbox fieldset {
913 #wrap form.processing input.submit,
914 .entity_actions a.processing,
915 .dialogbox.processing .submit_dialogbox {
922 background-color: #f2f2f2;
937 .pagination .nav_prev {
941 .pagination .nav_next {
947 background-color: #ccc;
953 #site_nav_global_secondary dt {
957 #site_nav_global_secondary li {
970 #site_content_license_cc {
973 #site_content_license_cc img {
980 list-style-type:none;
992 .form_settings fieldset {
998 .form_settings fieldset fieldset {
1004 background:rgba(240, 240, 240, 0.2);
1007 .form_settings fieldset fieldset legend {
1010 font-weight: normal;
1013 .form_settings input.remove {
1016 .form_settings .form_data li {
1020 .form_settings .form_data label {
1023 .form_settings .form_data textarea,
1024 .form_settings .form_data select,
1025 .form_settings .form_data input {
1029 .form_settings .form_data input {
1032 .form_settings .form_data input.submit,
1033 .form_settings .form_data input.checkbox,
1034 .form_settings .form_data input.radio {
1037 .form_settings .form_data textarea {
1041 .form_settings .form_data input.submit {
1045 .form_settings label {
1051 .form_settings label.checkbox {
1055 .form_actions label {
1062 .form_settings #settings_autosubscribe label {
1067 #form_settings_profile legend,
1069 #form_register legend,
1070 #form_password legend,
1071 #form_settings_avatar legend,
1074 #form_tag_user legend,
1075 #form_remote_subscribe legend,
1076 #form_openid_login legend,
1077 #form_search legend,
1078 #form_invite legend,
1079 #form_notice_delete legend,
1080 #form_password_recover legend,
1081 #form_password_change legend,
1082 .form_entity_block legend,
1083 #form_filter_bytag legend,
1084 #apioauthauthorize_allowdeny {
1088 .form_settings .form_data p.form_guide {
1098 .form_settings input.checkbox,
1099 .form_settings input.radio {
1103 .form_settings label.checkbox {
1111 .form_settings label.radio {
1118 #form_login p.form_guide,
1119 #form_register #settings_rememberme p.form_guide,
1120 #form_openid_login #settings_rememberme p.form_guide,
1121 #settings_twitter_remove p.form_guide,
1122 #form_search ul.form_data #q,
1123 #design_background-image_onoff p.form_guide {
1127 .form_settings .form_note {
1129 -moz-border-radius:4px;
1130 -webkit-border-radius:4px;
1134 .form_settings input {
1138 #form_search .submit {
1141 #form_search .form_data input {
1145 .hentry .entry-content .form_settings ul {
1149 /* override OStatus plugin style */
1151 #form_ostatus_connect.form_settings.dialogbox, #form_ostatus_sub.dialogbox {
1155 #form_ostatus_connect.form_settings.dialogbox legend {
1157 font-weight: normal;
1158 padding-bottom: 10px;
1161 #form_ostatus_connect.dialogbox .form_data label,
1162 #form_ostatus_sub.dialogbox .form_data label {
1163 font-weight: normal;
1168 #form_ostatus_connect.dialogbox .form_data input,
1169 #form_ostatus_sub.dialogbox .form_data input {
1171 width: 52% !important;
1174 #form_ostatus_connect.dialogbox .form_data .form_guide,
1175 #form_ostatus_sub.dialogbox .form_data .form_guide {
1176 background: none !important;
1181 .section .entity_actions {
1182 margin-right: 0px !important;
1185 .section .entity_remote_subscribe {
1186 color:#000 !important;
1187 padding-left: 26px !important;
1188 background-position: 4px -1183px !important;
1192 .entity_send-a-message .form_notice,
1193 .form_settings fieldset fieldset,
1194 .entity_moderation:hover ul,
1195 .entity_role:hover ul,
1197 border-color:#DDDDDD;
1200 .form_settings input.form_action-primary {
1204 .form_settings .form_note {
1205 background-color:#9BB43E;
1208 #form_settings_photo .form_data {
1212 #form_settings_avatar li {
1215 #form_settings_avatar input {
1225 #avatar_preview_view {
1233 #form_settings_avatar .form_actions {
1237 #form_settings_avatar .form_actions {
1241 #settings_design_background-image img {
1246 margin-bottom: 10px;
1249 #settings_design_background-image .form_guide {
1254 #settings_design_color .form_data,
1258 #settings_design_color .form_data {
1263 #settings_design_color .form_data li {
1266 #settings_design_color .form_data label {
1270 #settings_design_color .form_data .swatch {
1287 #entity_statistics dt {
1290 .entity_profile dd {
1294 .entity_profile .entity_depiction {
1302 .entity_profile .entity_fn,
1303 .entity_profile .entity_nickname,
1304 .entity_profile .entity_location,
1305 .entity_profile .entity_url,
1306 .entity_profile .entity_note,
1307 .entity_profile .entity_tags,
1308 .entity_profile .entity_aliases,
1309 .entity_profile .entity_statistics {
1314 .entity_profile .entity_nickname,
1315 .entity_profile .entity_fn {
1319 .entity_profile .nickname {
1323 .entity_profile .fn {
1328 .entity_profile .fn:before {
1332 .entity_profile .fn:after {
1336 .entity_profile .nickname:after,
1337 .entity_profile .nickname:before {
1341 .entity_profile h2 {
1344 .entity_profile .role {
1352 margin-bottom: 28px;
1356 .entity_actions h2 {
1359 .entity_actions ul {
1360 list-style-type:none;
1362 .entity_actions li {
1365 .entity_actions li:first-child {
1368 .entity_actions fieldset {
1372 .entity_actions legend {
1376 .entity_actions input.submit {
1382 text-decoration:none;
1387 .entity_actions a, .entity_actions input, .entity_actions p {
1388 color: #333 !important;
1389 font-weight: normal;
1394 padding: 3px 4px 4px 28px;
1397 .entity_actions input {
1398 padding: 4px 4px 4px 26px;
1401 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input {
1402 background-color: #ccc !important;
1407 padding: 2px 4px 4px 28px;
1410 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input {
1411 background-color: #f2f2f2 !important;
1414 .entity_actions #entity_remote_subscribe a {
1418 .entity_actions .accept {
1422 .entity_send-a-message button {
1428 .entity_send-a-message .form_notice {
1437 .entity_send-a-message .form_notice fieldset {
1441 .entity_send-a-message .form_notice textarea {
1445 .entity_send-a-message .form_notice legend {
1448 font-weight: normal;
1449 color: #333 !important;
1452 .entity_send-a-message .form_notice label,
1453 .entity_send-a-message .form_notice select {
1456 .entity_send-a-message .form_notice #notice_action-submit {
1467 .entity_moderation p,
1473 .entity_moderation ul,
1477 .entity_moderation:hover ul,
1478 .entity_role:hover ul {
1488 background-color: #fff;
1492 list-style-type:none;
1499 .entity_tags li:before {
1504 margin-bottom: 20px;
1505 padding-bottom: 10px;
1506 border-bottom: 1px solid #ccc;
1513 list-style-type:none;
1519 border-left-width: 1px;
1520 border-left-style:solid;
1522 #filter_tags #filter_tags_all {
1527 #filter_tags_all a {
1533 #filter_tags_item label {
1538 #filter_tags_item label,
1539 #filter_tags_item select {
1543 #filter_tags_item p {
1548 #filter_tags_item .submit {
1554 .profile .entity_profile {
1559 .profile .form_group_join legend,
1560 .profile .form_group_leave legend,
1561 .profile .form_user_subscribe legend,
1562 .profile .form_user_unsubscribe legend {
1567 list-style-type:none;
1571 margin-bottom: 20px;
1574 .profile .entity_profile .fn.nickname,
1575 .profile .entity_profile .url[rel~=contact] {
1580 .profile .entity_profile .fn,
1581 .profile .entity_profile .label {
1588 .profile .entity_profile .note,
1589 .profile .entity_profile .url,
1590 .profile .entity_profile .entity_tags,
1591 .profile .entity_profile .form_subscription_edit {
1597 .profile .entity_profile .entity_tags dt {
1602 .profile .entity_profile .form_subscription_edit label {
1613 list-style-type:none;
1616 #showapplication .entity_profile img,
1617 .form_data #application_icon img,
1618 #apioauthauthorize .form_data img {
1622 #apioauthauthorize .form_data img {
1626 #showapplication .entity_profile {
1629 #showapplication .entity_profile .entity_fn {
1632 #showapplication .entity_profile .entity_fn .fn:before,
1633 #showapplication .entity_profile .entity_fn .fn:after {
1636 #showapplication .entity_data {
1640 #showapplication .entity_data h2 {
1643 #showapplication .entity_data dl {
1646 #showapplication .entity_data dt {
1649 #showapplication .entity_data dd {
1651 font-family:monospace;
1654 .form_data #application_types label.radio,
1655 .form_data #default_access_types label.radio {
1660 border-top: 1px solid #ccc;
1663 #realtime_actions li {
1667 #realtime_play, #realtime_pause, #realtime_popup {
1668 background-image: url(../images/icons/icons-01.gif);
1669 background-repeat: no-repeat;
1670 background-color: transparent;
1674 background-position: 0 -2308px;
1677 background-position: 0 -2374px;
1680 background-position: 0 -1714px;
1683 #realtime_play, #realtime_pause, #realtime_popup {
1687 #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
1691 body.realtime-popup {
1695 .realtime-popup #wrap {
1696 padding: 0px !important;
1697 margin: 0px !important;
1700 .realtime-popup #content {
1701 padding: 0px !important;
1702 margin: 0px !important;
1703 width: 98% !important;
1706 .realtime-popup .form_notice {
1707 float: left !important;
1708 position: static !important;
1711 .realtime-popup .form_notice fieldset {
1712 width: 450px !important;
1715 .realtime-popup .form_notice textarea {
1716 width: 340px !important;
1719 .realtime-popup .form_notice #notice_action-submit {
1720 top: 58px !important;
1726 .realtime-popup .form_notice label[for=notice_data-attach], .form_notice #notice_data-attach {
1730 .realtime-popup .form_notice #notice_data-geo_wrap label, .form_notice #notice_data-geo_wrap input {
1736 .form_notice label[for=notice_data-attach],
1737 #export_data li a.rss,
1738 #export_data li a.atom,
1739 #export_data li a.foaf,
1741 .entity_send-a-message a,
1743 .form_user_nudge input.submit,
1744 .form_user_block input.submit,
1745 .form_user_unblock input.submit,
1746 .form_group_block input.submit,
1747 .form_group_unblock input.submit,
1748 .form_make_admin input.submit,
1749 .notice .attachment,
1750 .notice-options .notice_reply,
1751 .notice-options form.form_favor input.submit,
1752 .notice-options form.form_disfavor input.submit,
1753 .notice-options .notice_delete,
1754 .notice-options form.form_repeat input.submit,
1756 .pagination .nav_prev a,
1757 .pagination .nav_next a,
1759 .form_group_leave input.submit,
1760 .form_user_unsubscribe input.submit,
1761 .form_group_join input.submit,
1762 .form_user_subscribe input.submit,
1763 .form_remote_authorize input.submit,
1764 .entity_subscribe a,
1765 .entity_moderation p,
1766 .entity_sandbox input.submit,
1767 .entity_silence input.submit,
1768 .entity_delete input.submit,
1770 .entity_role_administrator input.submit,
1771 .entity_role_moderator input.submit,
1772 .notice-options .repeated,
1773 .form_notice label[for=notice_data-geo],
1775 .form_reset_key input.submit,
1776 .entity_clear input.submit,
1777 .entity_flag input.submit,
1779 .entity_subscribe input.submit,
1783 background-image:url(../images/icons/icons-01.gif);
1784 background-repeat:no-repeat;
1785 background-color:transparent;
1789 background-position:0 -1120px;
1792 background-position:0 -1912px;
1794 #export_data li a.rss {
1795 background-position:0 -130px;
1797 #export_data li a.atom {
1798 background-position:0 -64px;
1800 #export_data li a.foaf {
1801 background-position:0 1px;
1803 .form_group_leave input.submit,
1804 .form_user_unsubscribe input.submit {
1805 background-position:5px -1246px;
1807 .form_group_join input.submit,
1808 .form_user_subscribe input.submit,
1809 .form_remote_authorize input.submit,
1810 .entity_subscribe a {
1811 background-position:5px -1181px;
1814 background-position: 5px -719px;
1816 .entity_send-a-message a {
1817 background-position: 5px -852px;
1820 .form_user_nudge input.submit {
1821 background-position: 5px -785px;
1823 .form_user_block input.submit,
1824 .form_user_unblock input.submit,
1825 .form_group_block input.submit,
1826 .form_group_unblock input.submit {
1827 background-position: 5px -918px;
1829 .form_make_admin input.submit {
1830 background-position: 5px -983px;
1832 .entity_moderation p {
1833 background-position: 5px -1313px;
1835 .entity_sandbox input.submit {
1836 background-position: 5px -1380px;
1838 .entity_silence input.submit {
1839 background-position: 5px -1445px;
1841 .entity_delete input.submit {
1842 background-position: 5px -1511px;
1844 .entity_sandbox .form_user_unsandbox input.submit {
1845 background-position: 5px -2568px;
1847 .entity_silence .form_user_unsilence input.submit {
1848 background-position: 5px -2633px;
1851 background-position: 5px -2436px;
1853 .entity_role_administrator .form_user_grantrole input.submit {
1854 background-position: 5px -983px;
1856 .entity_role_moderator .form_user_grantrole input.submit {
1857 background-position: 5px -1313px;
1859 .entity_role_administrator .form_user_revokerole input.submit {
1860 background-position: 5px -2699px;
1862 .entity_role_moderator .form_user_revokerole input.submit {
1863 background-position: 5px -2501px;
1865 .form_reset_key input.submit {
1866 background-position: 5px -1973px;
1868 .entity_clear input.submit {
1869 background-position: 5px -2039px;
1871 .entity_flag input.submit,
1873 background-position: 5px -2105px;
1875 .entity_subscribe input.accept {
1876 background-position: 5px -2171px;
1878 .entity_subscribe input.reject {
1879 background-position: 5px -2237px;
1882 background-position: 0 -2308px;
1885 background-position: 0 -2374px;
1888 background-position: 0 -1714px;
1890 .notice .attachment {
1891 background-position:0 -394px;
1893 .notice .attachment.more {
1894 background-position:0 -2770px;
1896 #attachments .attachment {
1899 .notice-options .notice_reply {
1900 background-position:0 -592px;
1902 .notice-options form.form_favor input.submit {
1903 background-position:0 -460px;
1905 .notice-options form.form_disfavor input.submit {
1906 background-position:0 -526px;
1908 .notice-options .notice_delete {
1909 background-position:0 -658px;
1911 .notice-options .form_repeat.processing {
1912 background-image:none;
1914 .notice-options form.form_repeat input.submit {
1915 background-position:0 -1582px;
1917 .notice-options .repeated {
1918 background-position:0 -1648px;
1921 background-position:0 -1054px;
1923 .form_notice label[for=notice_data-attach] {
1924 background-position: 0 -328px;
1926 .form_notice label[for=notice_data-geo] {
1927 background-position: 0 -1780px;
1929 .form_notice label[for=notice_data-geo].checked {
1930 background-position: 0 -1846px;
1933 .pagination .nav_prev a {
1936 background-position:0 -187px;
1938 .pagination .nav_next a {
1940 padding-right: 25px;
1941 background-position: 115% -252px;
1944 #usergroups #new_group {
1948 #new_group, #group_search {
1956 }/*end of @media screen, projection, tv*/
1960 a:after { background-color:#FFFFFF; }
1961 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1962 img { border:none; }
1963 p { orphans: 2; widows: 1; }
1965 #site_nav_global_primary,
1966 #site_nav_local_views,
1969 #site_nav_global_secondary,
1973 .form_subscription_edit .submit {
1976 .timestamp dt, .timestamp dd,
1977 .device dt, .device dd {
1985 }/*end of @media print*/