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;
201 .form_notice label[for=notice_data-attach],
202 .form_notice #notice_data-attach {
209 .form_notice label[for=notice_data-attach] {
214 .form_notice #notice_data-attach {
218 .form_notice .form_note {
224 .form_notice .form_note dt {
229 .form_notice #notice_text-count {
234 .form_notice.warning #notice_text-count {
238 .form_notice #notice_action-submit {
247 .form_notice label[for=to] {
253 .form_notice select[id=to] {
262 .form_notice .success {
270 .form_notice #notice_data-attach_selected {
271 padding: 2px 2px 2px 5px;
273 border: 2px solid #ccc;
277 .form_notice #notice_data-attach_selected code {
286 .form_notice #notice_data-attach_selected button.close {
292 background-image:url(../../base/images/icons/icon_processing.gif);
293 background-repeat:no-repeat;
294 background-position:47% 47%;
298 background-color: #F7E8E8;
301 background-color: #f2f2f2;
304 .form_notice #notice_data-geo_wrap label,
305 .form_notice #notice_data-geo_wrap input {
315 .form_notice #notice_data-geo_wrap input {
318 .form_notice #notice_data-geo_wrap label {
325 .form_notice #notice_data-attach {
329 .form_notice label[for=notice_data-attach],
330 .form_notice label[for=notice_data-geo] {
331 background-image: url(../images/icons/icons-01.gif);
332 background-repeat: no-repeat;
333 background-color: transparent;
336 .form_notice label[for=notice_data-attach] {
337 background-position: 0 -328px;
340 .form_notice label[for=notice_data-geo] {
341 background-position: 0 -1780px;
343 .form_notice label[for=notice_data-geo].checked {
344 background-position: 0 -1846px;
351 .form_notice label:hover {
356 #site_nav_local_views {
360 #site_nav_local_views dt {
364 #site_nav_local_views li {
369 #site_nav_local_views .current a {
370 text-decoration: underline;
375 list-style-type: none;
378 #aside_primary ol.notices {
384 #aside_primary .notices li {
388 #aside_primary .notice {
393 list-style-type:none;
402 #export_data li a.foaf {
406 #export_data li a.rss,
407 #export_data li a.atom,
408 #export_data li a.foaf {
409 background-image: url(../images/icons/icons-01.gif);
410 background-repeat: no-repeat;
411 background-color: transparent;
414 #export_data li a.rss {
415 background-position: 0 -130px;
417 #export_data li a.atom {
418 background-position: 0 -64px;
420 #export_data li a.foaf {
421 background-position: 0 1px;
426 padding-bottom: 10px;
430 #entity_statistics dt,
431 #entity_statistics dd {
435 #entity_statistics dt:after {
439 .section ul.entities {
444 .section .entities li {
445 list-style-type:none;
451 .section .entities li .photo {
455 .section .entities li .fn {
460 .aside .section .more {
468 .section .vcard .photo {
479 .section .notice:first-child {
483 .section .notice .author {
486 .section .notice .author .fn {
491 list-style-type:none;
496 word-wrap:break-word;
504 .tag-cloud li:before {
508 .aside .tag-cloud li {
512 text-decoration:none;
514 #tagcloud.section dt {
515 text-transform:uppercase;
540 #publictagcloud #tagcloud.section dt {
552 #notices_primary h2 {
557 list-style-type: none;
562 .notice, .profile, .application {
577 #showstream #content .notice .author {
585 .notice .author .fn {
589 #core .vcard .photo {
595 #shownotice .vcard .photo {
599 #content .notice .author .photo {
606 #content .notice .entry-title {
607 margin: 2px 7px 0px 59px;
610 #showstream .notice .entry-title {
615 text-decoration:none;
618 text-decoration:underline;
621 .notice .entry-title {
623 word-wrap:break-word;
625 .notice .entry-title.ov {
628 #showstream .notice .entry-title,
629 #showstream .notice div.entry-content {
632 #shownotice .notice .entry-title {
640 #shownotice .notice div.entry-content {
644 .notice p.entry-content {
648 #content .notice p.entry-content a:visited {
650 -moz-border-radius:4px;
651 -webkit-border-radius:4px;
653 .notice p.entry-content .vcard a {
655 -moz-border-radius:4px;
656 -webkit-border-radius:4px;
659 .notice div.entry-content {
666 .entry-content .repeat {
695 display:block !important;
700 .dialogbox button.close {
706 .dialogbox .form_guide {
711 .dialogbox .submit_dialogbox {
719 .dialogbox fieldset {
723 #wrap form.processing input.submit,
724 .entity_actions a.processing,
725 .dialogbox.processing .submit_dialogbox {
731 .form_repeat.dialogbox {
744 .notice-options fieldset {
748 .notice-options legend {
752 .notice-options form, .notice-options a, .notice-options .repeated {
757 .notice-options input, .notice-options a, .notice-options .repeated {
758 text-indent: -9999px;
762 .notice-options input.submit, .notice-options a, .notice-options .repeated {
767 background-image: url(../images/icons/icons-01.gif);
768 background-repeat: no-repeat;
769 background-color: transparent;
772 .notice-options input.submit, .notice-options a {
776 .notice-options input.submit:hover, .notice-options a:hover {
780 .notice-options form.form_favor input.submit {
781 background-position: 0 -460px;
783 .notice-options form.form_disfavor input.submit {
784 background-position: 0 -526px;
787 .notice-options .notice_reply {
788 background-position: 0 -592px;
791 .notice-options .notice_delete {
792 background-position: 0 -658px;
794 .notice-options form.form_repeat input.submit {
795 background-position: 0 -1582px;
797 .notice-options .repeated {
798 background-position: 0 -1648px;
801 .notice .attachment {
806 .notice .attachment.more {
810 display:inline-block;
812 vertical-align:middle;
816 #attachments .attachment,
817 .notice .attachment.more {
820 .notice .attachment img {
826 #shownotice .notice .attachment img {
844 list-style-type:decimal;
850 #jOverlayContent #content,
851 #jOverlayContent #content_inner {
852 width: auto !important;
855 #jOverlayContent #content {
859 #jOverlayContent .entry-title {
863 #jOverlayContent button {
868 #jOverlayContent h1 {
871 #jOverlayContent #content {
873 -moz-border-radius:7px;
874 -webkit-border-radius:7px;
880 #attachment_view img {
884 #attachment_view #oembed_info {
887 #attachment_view #oembed_info dt,
888 #attachment_view #oembed_info dd {
891 #attachment_view #oembed_info dt {
896 #attachment_view #oembed_info dt:after {
907 background-color:rgba(200, 200, 200, 0.050);
909 .notice .notice .notice {
910 background-color:rgba(200, 200, 200, 0.100);
912 .notice .notice .notice .notice {
913 background-color:rgba(200, 200, 200, 0.150);
915 .notice .notice .notice .notice .notice {
916 background-color:rgba(200, 200, 200, 0.300);
920 background-color: #f2f2f2;
935 .pagination .nav_prev {
939 .pagination .nav_next {
945 background-color: #ccc;
952 #site_nav_global_secondary dt {
956 #site_nav_global_secondary li {
971 list-style-type:none;
979 .form_settings fieldset {
985 .form_settings fieldset fieldset {
991 background:rgba(240, 240, 240, 0.2);
994 .form_settings fieldset fieldset legend {
999 .form_settings input.remove {
1002 .form_settings .form_data li {
1006 .form_settings .form_data label {
1009 .form_settings .form_data textarea,
1010 .form_settings .form_data select,
1011 .form_settings .form_data input {
1015 .form_settings .form_data input {
1018 .form_settings .form_data input.submit,
1019 .form_settings .form_data input.checkbox,
1020 .form_settings .form_data input.radio {
1023 .form_settings .form_data textarea {
1027 .form_settings .form_data input.submit {
1031 .form_settings label {
1037 .form_settings label.checkbox {
1041 .form_actions label {
1048 .form_settings #settings_autosubscribe label {
1053 #form_settings_profile legend,
1055 #form_register legend,
1056 #form_password legend,
1057 #form_settings_avatar legend,
1060 #form_tag_user legend,
1061 #form_remote_subscribe legend,
1062 #form_openid_login legend,
1063 #form_search legend,
1064 #form_invite legend,
1065 #form_notice_delete legend,
1066 #form_password_recover legend,
1067 #form_password_change legend,
1068 .form_entity_block legend,
1069 #form_filter_bytag legend,
1070 #apioauthauthorize_allowdeny {
1074 .form_settings .form_data p.form_guide {
1084 .form_settings input.checkbox,
1085 .form_settings input.radio {
1089 .form_settings label.checkbox {
1097 .form_settings label.radio {
1104 #form_login p.form_guide,
1105 #form_register #settings_rememberme p.form_guide,
1106 #form_openid_login #settings_rememberme p.form_guide,
1107 #settings_twitter_remove p.form_guide,
1108 #form_search ul.form_data #q,
1109 #design_background-image_onoff p.form_guide {
1113 .form_settings .form_note {
1115 -moz-border-radius:4px;
1116 -webkit-border-radius:4px;
1120 .form_settings input {
1124 .hentry .entry-content .form_settings ul {
1129 #form_ostatus_connect.form_settings.dialogbox {
1133 #form_ostatus_connect.form_settings.dialogbox legend {
1138 #form_ostatus_connect.form_settings.dialogbox #ostatus_profile label {
1143 #form_ostatus_connect.form_settings.dialogbox #ostatus_profile input {
1148 #form_ostatus_connect.form_settings.dialogbox .form_guide {
1149 background: none !important;
1152 #form_search .form_data input {
1157 .entity_send-a-message .form_notice,
1158 .pagination .nav_prev a,
1159 .pagination .nav_next a,
1160 .form_settings fieldset fieldset,
1161 .entity_moderation:hover ul,
1162 .entity_role:hover ul,
1164 border-color:#DDDDDD;
1167 .form_settings input.form_action-primary {
1171 .form_notice.warning #notice_text-count,
1172 .form_settings .form_note {
1173 background-color:#9BB43E;
1176 #form_settings_photo .form_data {
1180 #form_settings_avatar li {
1183 #form_settings_avatar input {
1193 #avatar_preview_view {
1201 #form_settings_avatar .form_actions {
1205 #form_settings_avatar .form_actions {
1210 #settings_design_background-image img {
1215 margin-bottom: 10px;
1218 #settings_design_background-image .form_guide {
1223 #settings_design_color .form_data,
1227 #settings_design_color .form_data {
1232 #settings_design_color .form_data li {
1235 #settings_design_color .form_data label {
1239 #settings_design_color .form_data .swatch {
1261 #entity_statistics dt {
1264 .entity_profile dd {
1268 .entity_profile .entity_depiction {
1276 .entity_profile .entity_fn,
1277 .entity_profile .entity_nickname,
1278 .entity_profile .entity_location,
1279 .entity_profile .entity_url,
1280 .entity_profile .entity_note,
1281 .entity_profile .entity_tags,
1282 .entity_profile .entity_aliases,
1283 .entity_profile .entity_statistics {
1288 .entity_profile .entity_fn,
1289 .entity_profile .entity_nickname {
1293 .entity_profile .entity_nickname {
1296 .entity_profile .fn,
1297 .entity_profile .nickname {
1301 .entity_profile .fn:before {
1305 .entity_profile .fn:after {
1309 .entity_profile .nickname:after,
1310 .entity_profile .nickname:before {
1314 .entity_profile h2 {
1317 .entity_profile .role {
1329 .entity_actions h2 {
1332 .entity_actions ul {
1333 list-style-type:none;
1335 .entity_actions li {
1338 .entity_actions li:first-child {
1341 .entity_actions fieldset {
1345 .entity_actions legend {
1349 .entity_actions input.submit {
1356 text-decoration:none;
1361 .entity_actions a, .entity_actions input, .entity_actions p {
1362 background-color: #ccc !important;
1363 font-weight: normal;
1365 padding-bottom: 4px;
1370 .entity_actions a:hover, .entity_actions input:hover {
1371 background-color: #f2f2f2 !important;
1374 .entity_actions #entity_remote_subscribe a {
1380 padding:2px 4px 1px 26px;
1383 .entity_actions .accept {
1387 .entity_send-a-message button {
1393 .entity_send-a-message .form_notice {
1401 .entity_send-a-message .form_notice legend {
1406 .entity_send-a-message .form_notice label,
1407 .entity_send-a-message .form_notice select {
1410 .entity_send-a-message .form_notice input.submit {
1418 .entity_moderation p,
1424 .entity_moderation ul,
1428 .entity_moderation:hover ul,
1429 .entity_role:hover ul {
1439 background-color: #fff;
1443 list-style-type:none;
1450 .entity_tags li:before {
1455 #entity_statistics dt,
1456 #entity_statistics dd {
1460 #entity_statistics dt:after {
1464 .section ul.entities {
1468 .section .entities li {
1469 list-style-type:none;
1475 .section .entities li .photo {
1479 .section .entities li .fn {
1484 .aside .section .more {
1488 .profile .entity_profile {
1493 .profile .form_group_join legend,
1494 .profile .form_group_leave legend,
1495 .profile .form_user_subscribe legend,
1496 .profile .form_user_unsubscribe legend {
1501 list-style-type:none;
1503 .profile .entity_profile .fn.nickname,
1504 .profile .entity_profile .url[rel~=contact] {
1509 .profile .entity_profile .fn,
1510 .profile .entity_profile .label {
1517 .profile .entity_profile .note,
1518 .profile .entity_profile .url,
1519 .profile .entity_profile .entity_tags,
1520 .profile .entity_profile .form_subscription_edit {
1526 .profile .entity_profile .entity_tags dt {
1531 .profile .entity_profile .form_subscription_edit label {
1543 list-style-type:none;
1546 #showapplication .entity_profile img,
1547 .form_data #application_icon img,
1548 #apioauthauthorize .form_data img {
1552 #apioauthauthorize .form_data img {
1556 #showapplication .entity_profile {
1559 #showapplication .entity_profile .entity_fn {
1562 #showapplication .entity_profile .entity_fn .fn:before,
1563 #showapplication .entity_profile .entity_fn .fn:after {
1566 #showapplication .entity_data {
1570 #showapplication .entity_data h2 {
1573 #showapplication .entity_data dl {
1576 #showapplication .entity_data dt {
1579 #showapplication .entity_data dd {
1581 font-family:monospace;
1584 .form_data #application_types label.radio,
1585 .form_data #default_access_types label.radio {
1591 list-style-type:none;
1595 margin-bottom: 20px;
1600 border-top: 1px solid #ccc;
1603 #realtime_play, #realtime_pause, #realtime_popup {
1604 background-image: url(../images/icons/icons-01.gif);
1605 background-repeat: no-repeat;
1606 background-color: transparent;
1610 background-position: 0 -2308px;
1613 background-position: 0 -2374px;
1616 background-position: 0 -1714px;
1619 #realtime_play, #realtime_pause, #realtime_popup {
1623 #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
1627 body.realtime-popup {
1631 .realtime-popup #wrap {
1632 padding: 0px !important;
1633 margin: 0px !important;
1636 .realtime-popup #content {
1637 padding: 0px !important;
1638 margin: 0px !important;
1639 width: 98% !important;
1642 .realtime-popup .form_notice {
1643 float: left !important;
1644 position: static !important;
1647 .realtime-popup .form_notice fieldset {
1648 width: 450px !important;
1651 .realtime-popup .form_notice textarea {
1652 width: 340px !important;
1655 .realtime-popup .form_notice #notice_action-submit {
1656 top: 58px !important;
1662 .realtime-popup .form_notice label[for=notice_data-attach], .form_notice #notice_data-attach {
1666 .realtime-popup .form_notice #notice_data-geo_wrap label, .form_notice #notice_data-geo_wrap input {
1671 .form_notice label[for=notice_data-attach],
1672 #export_data li a.rss,
1673 #export_data li a.atom,
1674 #export_data li a.foaf,
1676 .entity_send-a-message a,
1678 .form_user_nudge input.submit,
1679 .form_user_block input.submit,
1680 .form_user_unblock input.submit,
1681 .form_group_block input.submit,
1682 .form_group_unblock input.submit,
1683 .form_make_admin input.submit,
1684 .notice .attachment,
1685 .notice-options .notice_reply,
1686 .notice-options form.form_favor input.submit,
1687 .notice-options form.form_disfavor input.submit,
1688 .notice-options .notice_delete,
1689 .notice-options form.form_repeat input.submit,
1691 .pagination .nav_prev a,
1692 .pagination .nav_next a,
1694 .form_group_leave input.submit,
1695 .form_user_unsubscribe input.submit,
1696 .form_group_join input.submit,
1697 .form_user_subscribe input.submit,
1698 .form_remote_authorize input.submit,
1699 .entity_subscribe a,
1700 .entity_moderation p,
1701 .entity_sandbox input.submit,
1702 .entity_silence input.submit,
1703 .entity_delete input.submit,
1705 .entity_role_administrator input.submit,
1706 .entity_role_moderator input.submit,
1707 .notice-options .repeated,
1708 .form_notice label[for=notice_data-geo],
1710 .form_reset_key input.submit,
1711 .entity_clear input.submit,
1712 .entity_flag input.submit,
1714 .entity_subscribe input.submit,
1718 background-image:url(../images/icons/icons-01.gif);
1719 background-repeat:no-repeat;
1720 background-color:transparent;
1724 background-position:0 -1120px;
1727 background-position:0 -1912px;
1731 #export_data li a.rss {
1732 background-position:0 -130px;
1734 #export_data li a.atom {
1735 background-position:0 -64px;
1737 #export_data li a.foaf {
1738 background-position:0 1px;
1742 .form_group_leave input.submit,
1743 .form_user_unsubscribe input.submit {
1744 background-position:5px -1246px;
1746 .form_group_join input.submit,
1747 .form_user_subscribe input.submit,
1748 .form_remote_authorize input.submit,
1749 .entity_subscribe a {
1750 background-position:5px -1181px;
1754 background-position: 5px -719px;
1756 .entity_send-a-message a {
1757 background-position: 5px -852px;
1761 .form_user_nudge input.submit {
1762 background-position: 5px -785px;
1764 .form_user_block input.submit,
1765 .form_user_unblock input.submit,
1766 .form_group_block input.submit,
1767 .form_group_unblock input.submit {
1768 background-position: 5px -918px;
1770 .form_make_admin input.submit {
1771 background-position: 5px -983px;
1773 .entity_moderation p {
1774 background-position: 5px -1313px;
1776 .entity_sandbox input.submit {
1777 background-position: 5px -1380px;
1779 .entity_silence input.submit {
1780 background-position: 5px -1445px;
1782 .entity_delete input.submit {
1783 background-position: 5px -1511px;
1785 .entity_sandbox .form_user_unsandbox input.submit {
1786 background-position: 5px -2568px;
1788 .entity_silence .form_user_unsilence input.submit {
1789 background-position: 5px -2633px;
1792 background-position: 5px -2436px;
1794 .entity_role_administrator .form_user_grantrole input.submit {
1795 background-position: 5px -983px;
1797 .entity_role_moderator .form_user_grantrole input.submit {
1798 background-position: 5px -1313px;
1800 .entity_role_administrator .form_user_revokerole input.submit {
1801 background-position: 5px -2699px;
1803 .entity_role_moderator .form_user_revokerole input.submit {
1804 background-position: 5px -2501px;
1806 .form_reset_key input.submit {
1807 background-position: 5px -1973px;
1809 .entity_clear input.submit {
1810 background-position: 5px -2039px;
1812 .entity_flag input.submit,
1814 background-position: 5px -2105px;
1816 .entity_subscribe input.accept {
1817 background-position: 5px -2171px;
1819 .entity_subscribe input.reject {
1820 background-position: 5px -2237px;
1823 background-position: 0 -2308px;
1826 background-position: 0 -2374px;
1829 background-position: 0 -1714px;
1832 .notice .attachment {
1833 background-position:0 -394px;
1835 .notice .attachment.more {
1836 background-position:0 -2770px;
1838 #attachments .attachment {
1841 .notice-options .notice_reply {
1842 background-position:0 -592px;
1844 .notice-options form.form_favor input.submit {
1845 background-position:0 -460px;
1847 .notice-options form.form_disfavor input.submit {
1848 background-position:0 -526px;
1850 .notice-options .notice_delete {
1851 background-position:0 -658px;
1854 .notice-options .form_repeat.processing {
1855 background-image:none;
1858 .notice-options form.form_repeat input.submit {
1859 background-position:0 -1582px;
1861 .notice-options .repeated {
1862 background-position:0 -1648px;
1866 background-position:0 -1054px;
1870 .pagination .nav_prev a {
1873 background-position:0 -187px;
1875 .pagination .nav_next a {
1877 padding-right: 25px;
1878 background-position: 115% -252px;
1881 #usergroups #new_group {
1885 #new_group, #group_search {
1893 }/*end of @media screen, projection, tv*/
1897 a:after { background-color:#FFFFFF; }
1898 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1899 img { border:none; }
1900 p { orphans: 2; widows: 1; }
1902 #site_nav_global_primary,
1903 #site_nav_local_views,
1906 #site_nav_global_secondary,
1910 .form_subscription_edit .submit {
1913 .timestamp dt, .timestamp dd,
1914 .device dt, .device dd {
1922 }/*end of @media print*/