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 input.submit {
127 .form_settings label {
132 .form_actions label {
139 .form_settings #settings_autosubscribe label {
144 #form_settings_profile legend,
146 #form_register legend,
147 #form_password legend,
148 #form_settings_avatar legend,
151 #form_tag_user legend,
152 #form_remote_subscribe legend,
153 #form_openid_login legend,
156 #form_notice_delete legend,
157 #form_password_recover legend,
158 #form_password_change legend {
162 .form_settings .form_data p.form_guide {
172 .form_settings input.checkbox {
176 .form_settings label.checkbox {
186 #form_login p.form_guide,
187 #form_register #settings_rememberme p.form_guide,
188 #form_openid_login #settings_rememberme p.form_guide,
189 #settings_twitter_remove p.form_guide,
190 #form_search ul.form_data #q {
194 .form_settings .form_note {
196 -moz-border-radius:4px;
197 -webkit-border-radius:4px;
202 .form_settings input.form_action-primary {
205 .form_settings input.form_action-secondary {
209 #form_search .submit {
218 address.vcard img.logo {
237 #site_nav_global_primary {
245 -moz-border-radius:4px;
247 -webkit-border-radius:4px;
249 #site_nav_global_primary ul li {
253 #site_nav_global_primary a {
254 text-decoration:none;
259 text-transform:uppercase;
295 -moz-border-radius:4px;
297 -webkit-border-radius:4px;
300 text-decoration:none;
303 #site_nav_local_views {
307 -moz-border-radius-topright:4px;
308 border-radius-topright:4px;
309 -webkit-border-top-right-radius:4px;
311 #site_nav_local_views dt {
314 #site_nav_local_views li {
315 list-style-type:none;
322 #site_nav_local_views a {
323 text-decoration:none;
328 text-shadow: 2px 2px 2px #ddd;
333 #site_nav_local_views .nav {
338 #site_nav_global_primary dt,
339 #site_nav_global_secondary dt {
343 #site_nav_global_secondary {
347 #site_nav_global_secondary ul li {
354 #export_data li a.foaf {
357 #export_data li a.export_vcard {
365 list-style-type:none;
370 #export_data li:first-child {
387 #site_content_license_cc {
390 #site_content_license_cc img {
418 -moz-border-radius:4px;
419 -webkit-border-radius:4px;
420 border-radius-topright:0;
421 -moz-border-radius-topright:0;
422 -webkit-border-top-right-radius:0;
453 #form_notice fieldset {
457 #form_notice legend {
460 #form_notice textarea {
474 #form_notice #notice_submit label {
477 #form_notice label[for=notice_data-attach],
478 #form_notice #notice_data-attach {
483 #form_notice label[for=notice_data-attach] {
489 #form_notice #notice_data-attach {
495 #form_notice .form_note {
500 font-family:Georgia, serif;
503 #form_notice .form_note dt {
513 #form_notice #notice_action-submit {
522 #form_notice label[for=to] {
525 #form_notice select[id=to] {
531 #form_notice .success {
541 #form_notice #notice_data-attach_selected code {
549 #form_notice #notice_data-attach_selected button {
566 #entity_statistics dt {
573 .entity_profile .entity_depiction {
580 .entity_profile .entity_fn,
581 .entity_profile .entity_nickname,
582 .entity_profile .entity_location,
583 .entity_profile .entity_url,
584 .entity_profile .entity_note,
585 .entity_profile .entity_tags {
590 .entity_profile .entity_fn,
591 .entity_profile .entity_nickname {
596 .entity_profile .entity_nickname {
600 .entity_profile .entity_fn dd:before {
604 .entity_profile .entity_fn dd:after {
628 list-style-type:none;
633 .entity_actions li:first-child {
636 .entity_actions fieldset {
640 .entity_actions legend {
644 .entity_actions input.submit {
651 .entity_remote_subscribe {
652 text-decoration:none;
657 .form_user_block input.submit,
658 .form_user_unblock input.submit,
659 .entity_send-a-message a,
661 .form_user_nudge input.submit,
668 .entity_send-a-message a,
670 padding:4px 4px 4px 23px;
673 .entity_remote_subscribe {
678 -moz-border-radius:4px;
679 -webkit-border-radius:4px;
681 .entity_actions .accept {
686 list-style-type:none;
705 #entity_statistics dt,
706 #entity_statistics dd {
709 #entity_statistics dt:after {
713 .section ul.entities {
717 .section .entities li {
718 list-style-type:none;
723 .section .entities li .photo {
727 .section .entities li .fn {
732 .aside .section .more {
736 .profile .entity_profile {
742 .profile .form_group_join legend,
743 .profile .form_group_leave legend,
744 .profile .form_user_subscribe legend,
745 .profile .form_user_unsubscribe legend {
750 list-style-type:none;
752 .profile .entity_profile .entity_location {
757 .profile .entity_profile dl,
758 .profile .entity_profile dd {
762 .profile .entity_profile .entity_note,
763 .profile .entity_profile .entity_url,
764 .profile .entity_profile .entity_tags,
765 .profile .entity_profile .form_subscription_edit {
771 .profile .entity_profile .entity_tags dt {
777 .profile .entity_profile .form_subscription_edit label {
792 border-top-width:1px;
793 border-top-style:dotted;
796 list-style-type:none;
812 -moz-border-radius:7px;
813 -webkit-border-radius:7px;
815 #notices_primary h2 {
818 .notice-data a span {
831 .notice .author .fn {
835 .notice .author .photo {
846 text-decoration:none;
849 text-decoration:underline;
852 .notice .entry-title {
857 #shownotice .notice .entry-title {
860 #conversation .notice .entry-title {
866 .notice p.entry-content {
870 .notice p.entry-content .vcard a {
872 -moz-border-radius:4px;
873 -webkit-border-radius:4px;
876 .notice div.entry-content {
881 font-family:Georgia, serif;
886 .notice div.entry-content a {
887 text-decoration:none;
889 .notice div.entry-content a:hover {
890 text-decoration:underline;
892 #showstream .notice div.entry-content {
896 .notice .notice-options a,
897 .notice .notice-options input {
902 .notice div.entry-content dl,
903 .notice div.entry-content dt,
904 .notice div.entry-content dd {
908 .notice div.entry-content .timestamp dt,
909 .notice div.entry-content .response dt {
912 .notice div.entry-content .timestamp a {
913 display:inline-block;
915 .notice div.entry-content .device dt {
916 text-transform:lowercase;
928 .notice .entry-content .notice-data dt {
944 .notices li:hover div.notice-options {
952 .notice-options .notice_delete,
953 .notice-options .notice_reply,
954 .notice-options .form_favor,
955 .notice-options .form_disfavor {
958 .notice-options .form_favor,
959 .notice-options .form_disfavor {
963 .notice-options .notice_reply {
967 .notice-options .notice_delete {
971 .notice-options .notice_reply dt {
975 .notice-options input,
981 .notice-options .notice_reply a,
982 .notice-options input.submit {
986 .notice-options .notice_reply a,
987 .notice-options .notice_delete a {
988 text-decoration:none;
992 .notice-options .notice_reply .notice_id {
996 .notice-options form input.submit {
1001 .notice-options .notice_delete dt,
1002 .notice-options .form_favor legend,
1003 .notice-options .form_disfavor legend {
1006 .notice-options .notice_delete fieldset,
1007 .notice-options .form_favor fieldset,
1008 .notice-options .form_disfavor fieldset {
1013 .notice .attachment {
1017 #attachments .attachment {
1020 .notice .attachment img {
1026 #shownotice .notice .attachment img {
1042 #attachments ol li {
1044 list-style-type:decimal;
1050 #jOverlayContent #content,
1051 #jOverlayContent #content_inner {
1052 width: auto !important;
1055 #jOverlayContent #content {
1059 #jOverlayContent .external span {
1063 #jOverlayContent button {
1073 #jOverlayContent h1 {
1076 #jOverlayContent #content {
1078 -moz-border-radius:7px;
1079 -webkit-border-radius:7px;
1085 #attachment_view img {
1089 #attachment_view #oembed_info {
1092 #attachment_view #oembed_info dt,
1093 #attachment_view #oembed_info dd {
1096 #attachment_view #oembed_info dt {
1101 #attachment_view #oembed_info dt:after {
1105 #usergroups #new_group {
1109 #new_group, #group_search {
1125 list-style-type:none;
1127 #filter_tags ul li {
1131 border-left-width:1px;
1132 border-left-style:solid;
1134 #filter_tags ul li.child_1 {
1139 #filter_tags ul li#filter_tags_all a {
1145 #filter_tags ul li#filter_tags_item label {
1148 #filter_tags ul li#filter_tags_item label,
1149 #filter_tags ul li#filter_tags_item select {
1152 #filter_tags ul li#filter_tags_item p {
1156 #filter_tags ul li#filter_tags_item input {
1179 list-style-type:none;
1182 .pagination .nav_prev {
1185 .pagination .nav_next {
1191 text-decoration:none;
1196 -moz-border-radius:7px;
1197 -webkit-border-radius:7px;
1201 .pagination .nav_prev a {
1204 .pagination .nav_next a {
1210 .hentry .entry-content p {
1213 .hentry entry-content ol,
1214 .hentry .entry-content ul {
1215 list-style-position:inside;
1217 .hentry .entry-content li {
1220 .hentry .entry-content li li {
1230 padding-bottom:11px;
1232 .section .vcard .photo {
1243 .section .notice:first-child {
1247 .section .notice .author {
1250 .section .notice .author .fn {
1257 list-style-type:none;
1268 .aside .tag-cloud li {
1272 text-decoration:none;
1274 #tagcloud.section dt {
1275 text-transform:uppercase;
1300 #publictagcloud #tagcloud.section dt {
1304 #form_settings_photo .form_data {
1308 #form_settings_avatar li {
1311 #form_settings_avatar input {
1321 #avatar_preview_view {
1329 #form_settings_avatar .form_actions {
1333 #form_settings_avatar .form_actions {
1338 list-style-position:inside;
1351 #public.user_in #content,
1352 #groups.user_in #content,
1353 #publictagcloud.user_in #content,
1354 #featured.user_in #content,
1355 #favorited.user_in #content,
1356 #all.user_in #content,
1357 #replies.user_in #content,
1358 #showstream.user_in #content,
1359 #showfavorites.user_in #content,
1360 #inbox.user_in #content,
1361 #outbox.user_in #content,
1362 #subscriptions.user_in #content,
1363 #subscribers.user_in #content,
1364 #showgroup.user_in #content,
1365 #conversation.user_in #content {
1369 #profilesettings #form_notice,
1370 #avatarsettings #form_notice,
1371 #passwordsettings #form_notice,
1372 #emailsettings #form_notice,
1373 #openidsettings #form_notice,
1374 #othersettings #form_notice,
1375 #smssettings #form_notice,
1376 #twittersettings #form_notice,
1377 #imsettings #form_notice,
1379 #usergroups #form_notice,
1380 #invite #form_notice,
1381 #deletenotice #form_notice,
1382 #newgroup #form_notice,
1383 #register #form_notice,
1384 #shownotice #form_notice,
1385 #confirmaddress #form_notice,
1390 #jOverlayContent #core #content {
1393 #jOverlayContent #core {
1402 background-color:#9AE4E8;
1405 font-family:'Lucida Grande',sans-serif;
1406 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1410 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1413 input, textarea, select, option {
1414 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1416 input, textarea, select,
1417 .entity_remote_subscribe {
1420 #filter_tags ul li {
1424 .form_settings input.form_action-primary {
1429 #form_notice.warning #notice_text-count,
1431 .form_settings .form_note,
1432 .entity_remote_subscribe {
1433 background-color:#9BB43E;
1436 input:focus, textarea:focus, select:focus,
1437 #form_notice.warning #notice_data-text {
1438 border-color:#9BB43E;
1442 .entity_remote_subscribe {
1447 div.notice-options input,
1448 .form_user_block input.submit,
1449 .form_user_unblock input.submit,
1450 .entity_send-a-message a,
1451 .form_user_nudge input.submit,
1453 .form_settings input.form_action-primary {
1459 border-top-color:#DDFFCC;
1462 border-top-color:#87B4C8;
1467 background-color:#DDFFCC;
1470 #notice_text-count {
1473 #form_notice.warning #notice_text-count {
1476 #form_notice label[for=notice_data-attach] {
1477 background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
1479 #form_notice #notice_data-attach {
1483 #form_notice.processing #notice_action-submit {
1484 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1486 text-indent:-9999px;
1490 #site_nav_local_views a,
1495 #site_nav_local_views .current a {
1496 background-color:#fff;
1499 #site_nav_local_views a {
1500 background-color:rgba(135, 180, 200, 0.3);
1502 #site_nav_local_views a:hover {
1503 background-color:rgba(255, 255, 255, 0.7);
1508 background-color:#F7E8E8;
1511 background-color:#EFF3DC;
1516 background-color:#FEFFDF;
1521 #showstream #anon_notice {
1522 background-color:#FEFFDF;
1527 background-repeat:no-repeat;
1528 background-position:0 45%;
1530 #export_data li a.rss {
1531 background-image:url(../../base/images/icons/icon_rss.png);
1533 #export_data li a.atom {
1534 background-image:url(../../base/images/icons/icon_atom.png);
1536 #export_data li a.foaf {
1537 background-image:url(../../base/images/icons/icon_foaf.gif);
1541 .entity_send-a-message a,
1542 .form_user_nudge input.submit,
1543 .form_user_block input.submit,
1544 .form_user_unblock input.submit,
1546 background-position: 0 40%;
1547 background-repeat: no-repeat;
1548 background-color:transparent;
1550 .form_group_join input.submit,
1551 .form_group_leave input.submit
1552 .form_user_subscribe input.submit,
1553 .form_user_unsubscribe input.submit {
1554 background-color:#9BB43E;
1557 .form_user_unsubscribe input.submit,
1558 .form_group_leave input.submit {
1559 background-color:#87B4C8;
1563 background-image:url(../images/icons/twotone/green/edit.gif);
1565 .entity_send-a-message a {
1566 background-image:url(../images/icons/twotone/green/quote.gif);
1569 .form_user_nudge input.submit {
1570 background-image:url(../images/icons/twotone/green/mail.gif);
1572 .form_user_block input.submit,
1573 .form_user_unblock input.submit {
1574 background-image:url(../images/icons/twotone/green/shield.gif);
1580 .notice .attachment {
1581 background:transparent url(../../base/images/icons/twotone/green/clip-02.gif) no-repeat 0 45%;
1583 #attachments .attachment {
1587 .notice-options .notice_reply a,
1588 .notice-options form input.submit {
1589 background-color:transparent;
1591 .notice-options .notice_reply a {
1592 background:transparent url(../images/icons/icon_reply.gif) no-repeat 0 45%;
1594 .notice-options form.form_favor input.submit {
1595 background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%;
1597 .notice-options form.form_disfavor input.submit {
1598 background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%;
1600 .notice-options .notice_delete a {
1601 background:transparent url(../images/icons/icon_trash.gif) no-repeat 0 45%;
1604 .notices div.entry-content,
1605 .notices div.notice-options {
1608 .notices li:hover div.entry-content,
1609 .notices li:hover div.notice-options {
1613 background-color:rgba(200, 200, 200, 0.01);
1615 .notices .notices .notices {
1616 background-color:rgba(200, 200, 200, 0.02);
1618 .notices .notices .notices .notices {
1619 background-color:rgba(200, 200, 200, 0.03);
1621 .notices .notices .notices .notices .notices {
1622 background-color:rgba(200, 200, 200, 0.04);
1629 div.notice-options a,
1630 div.notice-options input {
1631 font-family:sans-serif;
1633 #content .notices li:hover {
1634 background-color:rgba(240, 240, 240, 0.2);
1636 #conversation .notices li:hover {
1637 background-color:transparent;
1643 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
1646 .pagination .nav_prev a,
1647 .pagination .nav_next a {
1648 background-repeat:no-repeat;
1649 border-color:#DDFFCC;
1651 .pagination .nav_prev a {
1652 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
1653 background-position:10% 45%;
1655 .pagination .nav_next a {
1656 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
1657 background-position:90% 45%;
1661 /*--------------------------------------*/
1664 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1666 #showstream #anon_notice,
1667 #content .notice p.entry-content a:visited,
1668 content .notice p.entry-content .vcard a {
1669 background-color:transparent;
1673 background-color:#FEFFDF;
1674 border-color:#FFFF00;
1678 #form_notice .form_note {
1682 background-color:#eee;
1687 background-color:#F7F7F7;
1691 .notice div.entry-content,
1692 .notice div.entry-content a {
1696 .notices div.entry-content,
1697 .notices div.notice-options {
1701 #site_nav_local_views {
1702 background-color:#DDFFCC;
1704 #site_nav_local_views li,
1706 border-color:#BDDCAD;
1708 #site_nav_local_views a,
1709 .aside .section h2 {
1710 background-color:transparent;
1711 border-color:transparent;
1714 #site_nav_local_views .current {
1715 border-left-color:#fff;
1718 #site_nav_local_views .current a,
1719 #site_nav_global_primary,
1721 background-color:#fff;