4 * @author Sarven Capadisli <csarven@status.net>
5 * @copyright 2009 StatusNet, Inc.
6 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
7 * @link http://status.net/
10 * { margin:0; padding:0; }
11 img { display:block; border:0; }
12 a abbr { cursor: pointer; border-bottom:0; }
13 table { border-collapse:collapse; }
14 ol { list-style-position:inside; }
15 html { font-size: 87.5%; }
17 background-color:#fff;
19 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;
52 input, textarea, select {
56 -moz-border-radius:4px;
57 -webkit-border-radius:4px;
92 -moz-border-radius:4px;
93 -webkit-border-radius:4px;
104 .form_settings fieldset {
107 .form_settings input.remove {
110 .form_settings .form_data li {
114 .form_settings .form_data label {
117 .form_settings .form_data textarea,
118 .form_settings .form_data select,
119 .form_settings .form_data input {
123 .form_settings .form_data textarea {
127 .form_settings .form_data input.submit {
131 .form_settings label {
136 .form_actions label {
143 .form_settings #settings_autosubscribe label {
148 #form_settings_profile legend,
150 #form_register legend,
151 #form_password legend,
152 #form_settings_avatar legend,
155 #form_tag_user legend,
156 #form_remote_subscribe legend,
157 #form_openid_login legend,
160 #form_notice_delete legend,
161 #form_password_recover legend,
162 #form_password_change legend {
166 .form_settings .form_data p.form_guide {
176 .form_settings input.checkbox {
180 .form_settings label.checkbox {
190 #form_login p.form_guide,
191 #form_register #settings_rememberme p.form_guide,
192 #form_openid_login #settings_rememberme p.form_guide,
193 #settings_twitter_remove p.form_guide,
194 #form_search ul.form_data #q {
198 .form_settings .form_note {
200 -moz-border-radius:4px;
201 -webkit-border-radius:4px;
206 .form_settings input.form_action-primary {
209 .form_settings input.form_action-secondary {
213 #form_search .submit {
222 address.vcard img.logo {
232 text-decoration:none;
252 #site_nav_global_primary {
260 -moz-border-radius:4px;
262 -webkit-border-radius:4px;
264 #site_nav_global_primary ul li {
268 #site_nav_global_primary a {
269 text-decoration:none;
274 text-transform:uppercase;
310 -moz-border-radius:4px;
312 -webkit-border-radius:4px;
315 text-decoration:none;
318 #site_nav_local_views {
322 -moz-border-radius-topright:4px;
323 border-radius-topright:4px;
324 -webkit-border-top-right-radius:4px;
326 #site_nav_local_views dt {
329 #site_nav_local_views li {
330 list-style-type:none;
337 #site_nav_local_views a {
338 text-decoration:none;
343 text-shadow: 2px 2px 2px #ddd;
348 #site_nav_local_views .nav {
353 #site_nav_global_primary dt,
354 #site_nav_global_secondary dt {
358 #site_nav_global_secondary {
362 #site_nav_global_secondary ul li {
369 #export_data li a.foaf {
372 #export_data li a.export_vcard {
380 list-style-type:none;
385 #export_data li:first-child {
402 #site_content_license_cc {
405 #site_content_license_cc img {
433 -moz-border-radius:4px;
434 -webkit-border-radius:4px;
435 border-radius-topright:0;
436 -moz-border-radius-topright:0;
437 -webkit-border-top-right-radius:0;
468 #form_notice fieldset {
472 #form_notice legend {
475 #form_notice textarea {
489 #form_notice #notice_submit label {
492 #form_notice label[for=notice_data-attach],
493 #form_notice #notice_data-attach {
498 #form_notice label[for=notice_data-attach] {
504 #form_notice #notice_data-attach {
510 #form_notice .form_note {
515 font-family:Georgia, serif;
518 #form_notice .form_note dt {
528 #form_notice #notice_action-submit {
537 #form_notice label[for=to] {
540 #form_notice select[id=to] {
546 .form_notice .success {
553 .form_notice #notice_data-attach_selected code,
554 .form_notice #notice_data-location_name {
561 .form_notice #notice_data-attach_selected code {
564 .form_notice #notice_data-attach_selected button.close,
565 .form_notice #notice_data-geo_selected button.close {
570 .form_notice #notice_data-geo_selected button.minimize {
574 .form_notice #notice_data-location_wrap label {
583 .form_notice #notice_data-location_wrap input {
586 .form_notice #notice_data-location_wrap label {
592 .form_notice #notice_data-location_name {
620 #entity_statistics dt {
627 .entity_profile .entity_depiction {
634 .entity_profile .entity_fn,
635 .entity_profile .entity_nickname,
636 .entity_profile .entity_location,
637 .entity_profile .entity_url,
638 .entity_profile .entity_note,
639 .entity_profile .entity_tags {
644 .entity_profile .entity_fn,
645 .entity_profile .entity_nickname {
650 .entity_profile .entity_nickname {
654 .entity_profile .entity_fn dd:before {
658 .entity_profile .entity_fn dd:after {
682 list-style-type:none;
687 .entity_actions li:first-child {
690 .entity_actions fieldset {
694 .entity_actions legend {
698 .entity_actions input.submit {
705 .entity_remote_subscribe {
706 text-decoration:none;
711 .form_user_block input.submit,
712 .form_user_unblock input.submit,
713 .entity_send-a-message a,
715 .form_user_nudge input.submit,
722 .entity_send-a-message a,
724 padding:4px 4px 4px 23px;
727 .entity_remote_subscribe {
732 -moz-border-radius:4px;
733 -webkit-border-radius:4px;
735 .entity_actions .accept {
740 list-style-type:none;
759 #entity_statistics dt,
760 #entity_statistics dd {
763 #entity_statistics dt:after {
767 .section ul.entities {
771 .section .entities li {
772 list-style-type:none;
777 .section .entities li .photo {
781 .section .entities li .fn {
786 .aside .section .more {
790 .profile .entity_profile {
796 .profile .form_group_join legend,
797 .profile .form_group_leave legend,
798 .profile .form_user_subscribe legend,
799 .profile .form_user_unsubscribe legend {
804 list-style-type:none;
806 .profile .entity_profile .entity_location {
811 .profile .entity_profile dl,
812 .profile .entity_profile dd {
816 .profile .entity_profile .entity_note,
817 .profile .entity_profile .entity_url,
818 .profile .entity_profile .entity_tags,
819 .profile .entity_profile .form_subscription_edit {
825 .profile .entity_profile .entity_tags dt {
831 .profile .entity_profile .form_subscription_edit label {
846 border-top-width:1px;
847 border-top-style:dotted;
850 list-style-type:none;
866 -moz-border-radius:7px;
867 -webkit-border-radius:7px;
869 #notices_primary h2 {
872 .notice-data a span {
885 .notice .author .fn {
889 .notice .author .photo {
900 text-decoration:none;
903 text-decoration:underline;
906 .notice .entry-title {
911 .notice .entry-title.ov {
914 #shownotice .notice .entry-title {
918 .notice p.entry-content {
922 #content .notice p.entry-content a:visited {
924 -moz-border-radius:4px;
925 -webkit-border-radius:4px;
927 .notice p.entry-content .vcard a {
929 -moz-border-radius:4px;
930 -webkit-border-radius:4px;
933 .notice div.entry-content {
941 #showstream .notice div.entry-content,
942 #shownotice .notice div.entry-content {
947 .notice .notice-options a,
948 .notice .notice-options input {
953 .notice div.entry-content .timestamp {
954 display:inline-block;
957 .entry-content .repeat {
960 .entry-content .repeat .photo {
975 background-color:#FFF;
978 -moz-border-radius:7px;
979 -webkit-border-radius:7px;
982 border-color:#DDDDDD;
983 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
987 display:block !important;
991 .dialogbox button.close {
997 .dialogbox .submit_dialogbox {
1013 .notice-options .notice_reply,
1014 .notice-options .form_repeat,
1015 .notice-options .form_favor,
1016 .notice-options .form_disfavor,
1017 .notice-options .repeated {
1021 .notice-options .form_favor,
1022 .notice-options .form_disfavor {
1025 .notice-options input,
1027 .notice-options .repeated {
1028 text-indent:-9999px;
1031 .notice-options input.submit {
1035 .notice-options .notice_reply,
1036 .notice-options .notice_delete {
1037 text-decoration:none;
1039 .notice .notice-options .notice_delete {
1042 .notice-options form input.submit {
1047 -moz-border-radius:0;
1048 -webkit-border-radius:0;
1050 .notice-options .form_repeat legend,
1051 .notice-options .form_favor legend,
1052 .notice-options .form_disfavor legend {
1055 .notice-options .form_repeat fieldset,
1056 .notice-options .form_favor fieldset,
1057 .notice-options .form_disfavor fieldset {
1062 .notice-options .repeated {
1067 .notice .attachment {
1071 #attachments .attachment {
1074 .notice .attachment img {
1080 #shownotice .notice .attachment img {
1096 #attachments ol li {
1098 list-style-type:decimal;
1104 #jOverlayContent #content,
1105 #jOverlayContent #content_inner {
1106 width: auto !important;
1109 #jOverlayContent #content {
1113 #jOverlayContent .external span {
1117 #jOverlayContent button {
1127 #jOverlayContent h1 {
1130 #jOverlayContent #content {
1132 -moz-border-radius:7px;
1133 -webkit-border-radius:7px;
1139 #attachment_view img {
1143 #attachment_view #oembed_info {
1146 #attachment_view #oembed_info dt,
1147 #attachment_view #oembed_info dd {
1150 #attachment_view #oembed_info dt {
1155 #attachment_view #oembed_info dt:after {
1159 #usergroups #new_group {
1163 #new_group, #group_search {
1179 list-style-type:none;
1181 #filter_tags ul li {
1185 border-left-width:1px;
1186 border-left-style:solid;
1188 #filter_tags ul li.child_1 {
1193 #filter_tags ul li#filter_tags_all a {
1199 #filter_tags ul li#filter_tags_item label {
1202 #filter_tags ul li#filter_tags_item label,
1203 #filter_tags ul li#filter_tags_item select {
1206 #filter_tags ul li#filter_tags_item p {
1210 #filter_tags ul li#filter_tags_item input {
1233 list-style-type:none;
1236 .pagination .nav_prev {
1239 .pagination .nav_next {
1245 text-decoration:none;
1250 -moz-border-radius:7px;
1251 -webkit-border-radius:7px;
1255 .pagination .nav_prev a {
1258 .pagination .nav_next a {
1264 .hentry .entry-content p {
1267 .hentry entry-content ol,
1268 .hentry .entry-content ul {
1269 list-style-position:inside;
1271 .hentry .entry-content li {
1274 .hentry .entry-content li li {
1284 padding-bottom:11px;
1286 .section .vcard .photo {
1297 .section .notice:first-child {
1301 .section .notice .author {
1304 .section .notice .author .fn {
1311 list-style-type:none;
1322 .aside .tag-cloud li {
1326 text-decoration:none;
1328 #tagcloud.section dt {
1329 text-transform:uppercase;
1354 #publictagcloud #tagcloud.section dt {
1358 #form_settings_photo .form_data {
1362 #form_settings_avatar li {
1365 #form_settings_avatar input {
1375 #avatar_preview_view {
1383 #form_settings_avatar .form_actions {
1387 #form_settings_avatar .form_actions {
1391 #settings_design_background-image img {
1396 #settings_design_color .form_data,
1400 #settings_design_color .form_data {
1405 #settings_design_color .form_data li {
1408 #settings_design_color .form_data label {
1412 #settings_design_color .form_data .swatch {
1419 list-style-position:inside;
1431 #bookmarklet address {
1434 #bookmarklet .form_notice {
1437 #bookmarklet #wrap {
1441 #public.user_in #content,
1442 #groups.user_in #content,
1443 #publictagcloud.user_in #content,
1444 #featured.user_in #content,
1445 #favorited.user_in #content,
1446 #all.user_in #content,
1447 #replies.user_in #content,
1448 #showstream.user_in #content,
1449 #showfavorites.user_in #content,
1450 #inbox.user_in #content,
1451 #outbox.user_in #content,
1452 #subscriptions.user_in #content,
1453 #subscribers.user_in #content,
1454 #showgroup.user_in #content,
1455 #conversation.user_in #content {
1459 #profilesettings #form_notice,
1460 #avatarsettings #form_notice,
1461 #passwordsettings #form_notice,
1462 #emailsettings #form_notice,
1463 #openidsettings #form_notice,
1464 #othersettings #form_notice,
1465 #smssettings #form_notice,
1466 #twittersettings #form_notice,
1467 #imsettings #form_notice,
1468 #userdesignsettings #form_notice,
1469 #groupdesignsettings #form_notice,
1470 #grouplogo #form_notice,
1471 #editgroup #form_notice,
1472 #blockedfromgroup #form_notice,
1473 #groupmembers #form_notice,
1475 #usergroups #form_notice,
1476 #invite #form_notice,
1477 #deletenotice #form_notice,
1478 #newgroup #form_notice,
1479 #register #form_notice,
1480 #shownotice #form_notice,
1481 #confirmaddress #form_notice,
1486 #jOverlayContent #core #content {
1489 #jOverlayContent #core {
1498 background-color:#9AE4E8;
1501 font-family:'Lucida Grande',sans-serif;
1502 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1506 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1509 input, textarea, select, option {
1510 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1512 input, textarea, select,
1513 .entity_remote_subscribe {
1516 #filter_tags ul li {
1520 .form_settings input.form_action-primary {
1525 .form_notice label[for=notice_data-attach],
1526 #export_data li a.rss,
1527 #export_data li a.atom,
1528 #export_data li a.foaf,
1530 .entity_send-a-message a,
1532 .form_user_nudge input.submit,
1533 .form_user_block input.submit,
1534 .form_user_unblock input.submit,
1535 .form_group_block input.submit,
1536 .form_group_unblock input.submit,
1537 .form_make_admin input.submit,
1538 .notice .attachment,
1539 .notice-options .notice_reply,
1540 .notice-options form.form_favor input.submit,
1541 .notice-options form.form_disfavor input.submit,
1542 .notice-options .notice_delete,
1543 .notice-options form.form_repeat input.submit,
1545 .pagination .nav_prev a,
1546 .pagination .nav_next a,
1548 .form_group_leave input.submit,
1549 .form_user_unsubscribe input.submit,
1550 .form_group_join input.submit,
1551 .form_user_subscribe input.submit,
1552 .entity_subscribe a,
1553 .entity_moderation p,
1554 .entity_sandbox input.submit,
1555 .entity_silence input.submit,
1556 .entity_delete input.submit,
1557 .notice-options .repeated,
1558 .form_notice a#notice_data-location_name,
1559 .form_notice label[for=notice_data-geo],
1561 background-image:url(../../base/images/icons/icons-01.gif);
1562 background-repeat:no-repeat;
1563 background-color:transparent;
1566 #wrap form.processing input.submit,
1567 .entity_actions a.processing {
1568 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1570 text-indent:-9999px;
1574 background-image:url(../../base/images/icons/icon_processing.gif);
1575 background-repeat:no-repeat;
1576 background-position:47% 47%;
1580 background-position:0 -1120px;
1583 background-position:0 -1912px;
1587 #form_notice.warning #notice_text-count,
1589 .form_settings .form_note,
1590 .entity_remote_subscribe {
1591 background-color:#9BB43E;
1594 input:focus, textarea:focus, select:focus,
1595 #form_notice.warning #notice_data-text {
1596 border-color:#9BB43E;
1600 .entity_remote_subscribe {
1605 div.notice-options input,
1606 .form_user_block input.submit,
1607 .form_user_unblock input.submit,
1608 .entity_send-a-message a,
1609 .form_user_nudge input.submit,
1611 .form_settings input.form_action-primary {
1616 border-top-color:#CEE1E9;
1620 border-top-color:#DDFFCC;
1623 border-top-color:#87B4C8;
1626 border-color:#AAAAAA;
1629 .form_notice span#notice_data-location_name {
1630 background-position:0 47%;
1632 .form_notice a#notice_data-location_name {
1633 background-position:0 -1711px;
1635 .form_notice label[for=notice_data-geo] {
1636 background-position:0 -1780px;
1638 .form_notice label[for=notice_data-geo].checked {
1639 background-position:0 -1846px;
1647 background-color:#DDFFCC;
1650 #notice_text-count {
1653 #form_notice.warning #notice_text-count {
1656 #form_notice label[for=notice_data-attach] {
1657 background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
1659 #form_notice #notice_data-attach {
1663 #form_notice.processing #notice_action-submit {
1664 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1666 text-indent:-9999px;
1670 #site_nav_local_views a,
1675 #site_nav_local_views .current a {
1676 background-color:#fff;
1679 #site_nav_local_views a {
1680 background-color:rgba(135, 180, 200, 0.3);
1682 #site_nav_local_views a:hover {
1683 background-color:rgba(255, 255, 255, 0.7);
1688 background-color:#F7E8E8;
1691 background-color:#EFF3DC;
1696 background-color:#FEFFDF;
1701 #showstream #anon_notice {
1702 background-color:#FEFFDF;
1707 background-repeat:no-repeat;
1708 background-position:0 45%;
1710 #export_data li a.rss {
1711 background-position:0 -130px;
1713 #export_data li a.atom {
1714 background-position:0 -64px;
1716 #export_data li a.foaf {
1717 background-position:0 1px;
1720 .form_group_leave input.submit,
1721 .form_user_unsubscribe input.submit {
1722 background-position:5px -1246px;
1724 .form_group_join input.submit,
1725 .form_user_subscribe input.submit,
1726 .entity_subscribe a {
1727 background-position:5px -1181px;
1731 background-position: 5px -718px;
1733 .entity_send-a-message a {
1734 background-position: 5px -852px;
1736 .entity_send-a-message .form_notice,
1737 .entity_moderation:hover ul {
1738 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1739 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1740 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1744 .form_user_nudge input.submit {
1745 background-position: 5px -785px;
1747 .form_user_block input.submit,
1748 .form_user_unblock input.submit,
1749 .form_group_block input.submit,
1750 .form_group_unblock input.submit {
1751 background-position: 5px -918px;
1753 .form_make_admin input.submit {
1754 background-position: 5px -983px;
1756 .entity_moderation p {
1757 background-position: 5px -1313px;
1759 .entity_sandbox input.submit {
1760 background-position: 5px -1380px;
1762 .entity_silence input.submit {
1763 background-position: 5px -1445px;
1765 .entity_delete input.submit {
1766 background-position: 5px -1511px;
1772 .notice .attachment {
1773 background-position:0 -394px;
1775 #attachments .attachment {
1778 .notice-options .notice_reply {
1779 background-position:0 -592px;
1781 .notice-options form.form_favor input.submit {
1782 background-position:0 -460px;
1784 .notice-options form.form_disfavor input.submit {
1785 background-position:0 -526px;
1787 .notice-options .notice_delete {
1788 background-position:0 -658px;
1790 .notice-options form.form_repeat input.submit {
1791 background-position:0 -1582px;
1793 .notice-options .repeated {
1794 background-position:0 -1648px;
1797 .notices div.entry-content,
1798 .notices div.notice-options {
1801 .notices li:hover div.entry-content,
1802 .notices li:hover div.notice-options {
1806 opacity:1 !important;
1809 background-color:rgba(200, 200, 200, 0.050);
1811 .notices .notices .notices {
1812 background-color:rgba(200, 200, 200, 0.100);
1814 .notices .notices .notices .notices {
1815 background-color:rgba(200, 200, 200, 0.150);
1817 .notices .notices .notices .notices .notices {
1818 background-color:rgba(200, 200, 200, 0.300);
1821 .notice-options input {
1822 font-family:sans-serif;
1823 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1824 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1825 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1827 #content .notices li:hover {
1828 background-color:rgba(240, 240, 240, 0.2);
1830 #conversation .notices li:hover {
1831 background-color:transparent;
1837 div.notice-options a,
1838 div.notice-options input {
1839 font-family:sans-serif;
1841 #content .notices li:hover {
1842 background-color:rgba(240, 240, 240, 0.2);
1844 #conversation .notices li:hover {
1845 background-color:transparent;
1851 background-position:0 -1054px;
1854 .pagination .nav_prev a,
1855 .pagination .nav_next a {
1856 background-repeat:no-repeat;
1857 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1858 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1859 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1861 .pagination .nav_prev a {
1862 background-position:10% -187px;
1864 .pagination .nav_next a {
1865 background-position:105% -252px;
1867 .pagination .nav .processing {
1868 background-image:url(../../base/images/icons/icon_processing.gif);
1870 -moz-box-shadow:none;
1871 -webkit-box-shadow:none;
1874 .pagination .nav_next a.processing {
1875 background-position:90% 47%;
1877 .pagination .nav_prev a.processing {
1878 background-position:10% 47%;
1882 /*--------------------------------------*/
1885 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1887 #showstream #anon_notice,
1888 #content .notice p.entry-content a:visited,
1889 content .notice p.entry-content .vcard a {
1890 background-color:transparent;
1894 background-color:#FEFFDF;
1895 border-color:#FFFF00;
1899 #form_notice .form_note {
1903 background-color:#eee;
1908 background-color:#F7F7F7;
1912 .notice div.entry-content,
1913 .notice div.entry-content a {
1917 .notices div.entry-content,
1918 .notices div.notice-options {
1922 #site_nav_local_views {
1923 background-color:#DDFFCC;
1925 #site_nav_local_views li,
1927 border-color:#BDDCAD;
1929 #site_nav_local_views a,
1930 .aside .section h2 {
1931 background-color:transparent;
1932 border-color:transparent;
1935 #site_nav_local_views .current {
1936 border-left-color:#fff;
1939 #site_nav_local_views .current a,
1940 #site_nav_global_primary,
1942 background-color:#fff;