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 {
241 #site_nav_global_primary {
249 -moz-border-radius:4px;
251 -webkit-border-radius:4px;
253 #site_nav_global_primary ul li {
257 #site_nav_global_primary a {
258 text-decoration:none;
263 text-transform:uppercase;
299 -moz-border-radius:4px;
301 -webkit-border-radius:4px;
304 text-decoration:none;
307 #site_nav_local_views {
311 -moz-border-radius-topright:4px;
312 border-radius-topright:4px;
313 -webkit-border-top-right-radius:4px;
315 #site_nav_local_views dt {
318 #site_nav_local_views li {
319 list-style-type:none;
326 #site_nav_local_views a {
327 text-decoration:none;
332 text-shadow: 2px 2px 2px #ddd;
337 #site_nav_local_views .nav {
342 #site_nav_global_primary dt,
343 #site_nav_global_secondary dt {
347 #site_nav_global_secondary {
351 #site_nav_global_secondary ul li {
358 #export_data li a.foaf {
361 #export_data li a.export_vcard {
369 list-style-type:none;
374 #export_data li:first-child {
391 #site_content_license_cc {
394 #site_content_license_cc img {
422 -moz-border-radius:4px;
423 -webkit-border-radius:4px;
424 border-radius-topright:0;
425 -moz-border-radius-topright:0;
426 -webkit-border-top-right-radius:0;
457 #form_notice fieldset {
461 #form_notice legend {
464 #form_notice textarea {
478 #form_notice #notice_submit label {
481 #form_notice label[for=notice_data-attach],
482 #form_notice #notice_data-attach {
487 #form_notice label[for=notice_data-attach] {
493 #form_notice #notice_data-attach {
499 #form_notice .form_note {
504 font-family:Georgia, serif;
507 #form_notice .form_note dt {
517 #form_notice #notice_action-submit {
526 #form_notice label[for=to] {
529 #form_notice select[id=to] {
535 #form_notice .success {
545 #form_notice #notice_data-attach_selected code {
553 #form_notice #notice_data-attach_selected button {
570 #entity_statistics dt {
577 .entity_profile .entity_depiction {
584 .entity_profile .entity_fn,
585 .entity_profile .entity_nickname,
586 .entity_profile .entity_location,
587 .entity_profile .entity_url,
588 .entity_profile .entity_note,
589 .entity_profile .entity_tags {
594 .entity_profile .entity_fn,
595 .entity_profile .entity_nickname {
600 .entity_profile .entity_nickname {
604 .entity_profile .entity_fn dd:before {
608 .entity_profile .entity_fn dd:after {
632 list-style-type:none;
637 .entity_actions li:first-child {
640 .entity_actions fieldset {
644 .entity_actions legend {
648 .entity_actions input.submit {
655 .entity_remote_subscribe {
656 text-decoration:none;
661 .form_user_block input.submit,
662 .form_user_unblock input.submit,
663 .entity_send-a-message a,
665 .form_user_nudge input.submit,
672 .entity_send-a-message a,
674 padding:4px 4px 4px 23px;
677 .entity_remote_subscribe {
682 -moz-border-radius:4px;
683 -webkit-border-radius:4px;
685 .entity_actions .accept {
690 list-style-type:none;
709 #entity_statistics dt,
710 #entity_statistics dd {
713 #entity_statistics dt:after {
717 .section ul.entities {
721 .section .entities li {
722 list-style-type:none;
727 .section .entities li .photo {
731 .section .entities li .fn {
736 .aside .section .more {
740 .profile .entity_profile {
746 .profile .form_group_join legend,
747 .profile .form_group_leave legend,
748 .profile .form_user_subscribe legend,
749 .profile .form_user_unsubscribe legend {
754 list-style-type:none;
756 .profile .entity_profile .entity_location {
761 .profile .entity_profile dl,
762 .profile .entity_profile dd {
766 .profile .entity_profile .entity_note,
767 .profile .entity_profile .entity_url,
768 .profile .entity_profile .entity_tags,
769 .profile .entity_profile .form_subscription_edit {
775 .profile .entity_profile .entity_tags dt {
781 .profile .entity_profile .form_subscription_edit label {
796 border-top-width:1px;
797 border-top-style:dotted;
800 list-style-type:none;
816 -moz-border-radius:7px;
817 -webkit-border-radius:7px;
819 #notices_primary h2 {
822 .notice-data a span {
835 .notice .author .fn {
839 .notice .author .photo {
850 text-decoration:none;
853 text-decoration:underline;
856 .notice .entry-title {
861 #shownotice .notice .entry-title {
864 #conversation .notice .entry-title {
870 .notice p.entry-content {
874 .notice p.entry-content .vcard a {
876 -moz-border-radius:4px;
877 -webkit-border-radius:4px;
880 .notice div.entry-content {
885 font-family:Georgia, serif;
890 .notice div.entry-content a {
891 text-decoration:none;
893 .notice div.entry-content a:hover {
894 text-decoration:underline;
896 #showstream .notice div.entry-content {
900 .notice .notice-options a,
901 .notice .notice-options input {
906 .notice div.entry-content dl,
907 .notice div.entry-content dt,
908 .notice div.entry-content dd {
912 .notice div.entry-content .timestamp dt,
913 .notice div.entry-content .response dt {
916 .notice div.entry-content .timestamp a {
917 display:inline-block;
919 .notice div.entry-content .device dt {
920 text-transform:lowercase;
932 .notice .entry-content .notice-data dt {
948 .notices li:hover div.notice-options {
956 .notice-options .notice_delete,
957 .notice-options .notice_reply,
958 .notice-options .form_favor,
959 .notice-options .form_disfavor {
962 .notice-options .form_favor,
963 .notice-options .form_disfavor {
967 .notice-options .notice_reply {
971 .notice-options .notice_delete {
976 .notice-options input,
982 .notice-options .notice_reply,
983 .notice-options input.submit {
987 .notice-options .notice_reply,
988 .notice-options .notice_delete {
989 text-decoration:none;
993 .notice-options .notice_reply .notice_id {
997 .notice-options form input.submit {
1002 .notice-options .notice_delete dt,
1003 .notice-options .form_favor legend,
1004 .notice-options .form_disfavor legend {
1007 .notice-options .notice_delete fieldset,
1008 .notice-options .form_favor fieldset,
1009 .notice-options .form_disfavor fieldset {
1014 .notice .attachment {
1018 #attachments .attachment {
1021 .notice .attachment img {
1027 #shownotice .notice .attachment img {
1043 #attachments ol li {
1045 list-style-type:decimal;
1051 #jOverlayContent #content,
1052 #jOverlayContent #content_inner {
1053 width: auto !important;
1056 #jOverlayContent #content {
1060 #jOverlayContent .external span {
1064 #jOverlayContent button {
1074 #jOverlayContent h1 {
1077 #jOverlayContent #content {
1079 -moz-border-radius:7px;
1080 -webkit-border-radius:7px;
1086 #attachment_view img {
1090 #attachment_view #oembed_info {
1093 #attachment_view #oembed_info dt,
1094 #attachment_view #oembed_info dd {
1097 #attachment_view #oembed_info dt {
1102 #attachment_view #oembed_info dt:after {
1106 #usergroups #new_group {
1110 #new_group, #group_search {
1126 list-style-type:none;
1128 #filter_tags ul li {
1132 border-left-width:1px;
1133 border-left-style:solid;
1135 #filter_tags ul li.child_1 {
1140 #filter_tags ul li#filter_tags_all a {
1146 #filter_tags ul li#filter_tags_item label {
1149 #filter_tags ul li#filter_tags_item label,
1150 #filter_tags ul li#filter_tags_item select {
1153 #filter_tags ul li#filter_tags_item p {
1157 #filter_tags ul li#filter_tags_item input {
1180 list-style-type:none;
1183 .pagination .nav_prev {
1186 .pagination .nav_next {
1192 text-decoration:none;
1197 -moz-border-radius:7px;
1198 -webkit-border-radius:7px;
1202 .pagination .nav_prev a {
1205 .pagination .nav_next a {
1211 .hentry .entry-content p {
1214 .hentry entry-content ol,
1215 .hentry .entry-content ul {
1216 list-style-position:inside;
1218 .hentry .entry-content li {
1221 .hentry .entry-content li li {
1231 padding-bottom:11px;
1233 .section .vcard .photo {
1244 .section .notice:first-child {
1248 .section .notice .author {
1251 .section .notice .author .fn {
1258 list-style-type:none;
1269 .aside .tag-cloud li {
1273 text-decoration:none;
1275 #tagcloud.section dt {
1276 text-transform:uppercase;
1301 #publictagcloud #tagcloud.section dt {
1305 #form_settings_photo .form_data {
1309 #form_settings_avatar li {
1312 #form_settings_avatar input {
1322 #avatar_preview_view {
1330 #form_settings_avatar .form_actions {
1334 #form_settings_avatar .form_actions {
1339 list-style-position:inside;
1352 #public.user_in #content,
1353 #groups.user_in #content,
1354 #publictagcloud.user_in #content,
1355 #featured.user_in #content,
1356 #favorited.user_in #content,
1357 #all.user_in #content,
1358 #replies.user_in #content,
1359 #showstream.user_in #content,
1360 #showfavorites.user_in #content,
1361 #inbox.user_in #content,
1362 #outbox.user_in #content,
1363 #subscriptions.user_in #content,
1364 #subscribers.user_in #content,
1365 #showgroup.user_in #content,
1366 #conversation.user_in #content {
1370 #profilesettings #form_notice,
1371 #avatarsettings #form_notice,
1372 #passwordsettings #form_notice,
1373 #emailsettings #form_notice,
1374 #openidsettings #form_notice,
1375 #othersettings #form_notice,
1376 #smssettings #form_notice,
1377 #twittersettings #form_notice,
1378 #imsettings #form_notice,
1379 #userdesignsettings #form_notice,
1380 #groupdesignsettings #form_notice,
1381 #grouplogo #form_notice,
1382 #editgroup #form_notice,
1383 #blockedfromgroup #form_notice,
1384 #groupmembers #form_notice,
1386 #usergroups #form_notice,
1387 #invite #form_notice,
1388 #deletenotice #form_notice,
1389 #newgroup #form_notice,
1390 #register #form_notice,
1391 #shownotice #form_notice,
1392 #confirmaddress #form_notice,
1397 #jOverlayContent #core #content {
1400 #jOverlayContent #core {
1409 background-color:#9AE4E8;
1412 font-family:'Lucida Grande',sans-serif;
1413 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1417 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1420 input, textarea, select, option {
1421 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1423 input, textarea, select,
1424 .entity_remote_subscribe {
1427 #filter_tags ul li {
1431 .form_settings input.form_action-primary {
1436 #form_notice.warning #notice_text-count,
1438 .form_settings .form_note,
1439 .entity_remote_subscribe {
1440 background-color:#9BB43E;
1443 input:focus, textarea:focus, select:focus,
1444 #form_notice.warning #notice_data-text {
1445 border-color:#9BB43E;
1449 .entity_remote_subscribe {
1454 div.notice-options input,
1455 .form_user_block input.submit,
1456 .form_user_unblock input.submit,
1457 .entity_send-a-message a,
1458 .form_user_nudge input.submit,
1460 .form_settings input.form_action-primary {
1466 border-top-color:#DDFFCC;
1469 border-top-color:#87B4C8;
1474 background-color:#DDFFCC;
1477 #notice_text-count {
1480 #form_notice.warning #notice_text-count {
1483 #form_notice label[for=notice_data-attach] {
1484 background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
1486 #form_notice #notice_data-attach {
1490 #form_notice.processing #notice_action-submit {
1491 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1493 text-indent:-9999px;
1497 #site_nav_local_views a,
1502 #site_nav_local_views .current a {
1503 background-color:#fff;
1506 #site_nav_local_views a {
1507 background-color:rgba(135, 180, 200, 0.3);
1509 #site_nav_local_views a:hover {
1510 background-color:rgba(255, 255, 255, 0.7);
1515 background-color:#F7E8E8;
1518 background-color:#EFF3DC;
1523 background-color:#FEFFDF;
1528 #showstream #anon_notice {
1529 background-color:#FEFFDF;
1534 background-repeat:no-repeat;
1535 background-position:0 45%;
1537 #export_data li a.rss {
1538 background-image:url(../../base/images/icons/icon_rss.png);
1540 #export_data li a.atom {
1541 background-image:url(../../base/images/icons/icon_atom.png);
1543 #export_data li a.foaf {
1544 background-image:url(../../base/images/icons/icon_foaf.gif);
1548 .entity_send-a-message a,
1549 .form_user_nudge input.submit,
1550 .form_user_block input.submit,
1551 .form_user_unblock input.submit,
1553 background-position: 0 40%;
1554 background-repeat: no-repeat;
1555 background-color:transparent;
1557 .form_group_join input.submit,
1558 .form_group_leave input.submit
1559 .form_user_subscribe input.submit,
1560 .form_user_unsubscribe input.submit {
1561 background-color:#9BB43E;
1564 .form_user_unsubscribe input.submit,
1565 .form_group_leave input.submit {
1566 background-color:#87B4C8;
1570 background-image:url(../images/icons/twotone/green/edit.gif);
1572 .entity_send-a-message a {
1573 background-image:url(../images/icons/twotone/green/quote.gif);
1576 .form_user_nudge input.submit {
1577 background-image:url(../images/icons/twotone/green/mail.gif);
1579 .form_user_block input.submit,
1580 .form_user_unblock input.submit {
1581 background-image:url(../images/icons/twotone/green/shield.gif);
1587 .notice .attachment {
1588 background:transparent url(../../base/images/icons/twotone/green/clip-02.gif) no-repeat 0 45%;
1590 #attachments .attachment {
1594 .notice-options .notice_reply,
1595 .notice-options form input.submit {
1596 background-color:transparent;
1598 .notice-options .notice_reply {
1599 background:transparent url(../images/icons/icon_reply.gif) no-repeat 0 45%;
1601 .notice-options form.form_favor input.submit {
1602 background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%;
1604 .notice-options form.form_disfavor input.submit {
1605 background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%;
1607 .notice-options .notice_delete {
1608 background:transparent url(../images/icons/icon_trash.gif) no-repeat 0 45%;
1611 .notices div.entry-content,
1612 .notices div.notice-options {
1615 .notices li:hover div.entry-content,
1616 .notices li:hover div.notice-options {
1620 background-color:rgba(200, 200, 200, 0.01);
1622 .notices .notices .notices {
1623 background-color:rgba(200, 200, 200, 0.02);
1625 .notices .notices .notices .notices {
1626 background-color:rgba(200, 200, 200, 0.03);
1628 .notices .notices .notices .notices .notices {
1629 background-color:rgba(200, 200, 200, 0.04);
1636 div.notice-options a,
1637 div.notice-options input {
1638 font-family:sans-serif;
1640 #content .notices li:hover {
1641 background-color:rgba(240, 240, 240, 0.2);
1643 #conversation .notices li:hover {
1644 background-color:transparent;
1650 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
1653 .pagination .nav_prev a,
1654 .pagination .nav_next a {
1655 background-repeat:no-repeat;
1656 border-color:#DDFFCC;
1658 .pagination .nav_prev a {
1659 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
1660 background-position:10% 45%;
1662 .pagination .nav_next a {
1663 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
1664 background-position:90% 45%;
1668 /*--------------------------------------*/
1671 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1673 #showstream #anon_notice,
1674 #content .notice p.entry-content a:visited,
1675 content .notice p.entry-content .vcard a {
1676 background-color:transparent;
1680 background-color:#FEFFDF;
1681 border-color:#FFFF00;
1685 #form_notice .form_note {
1689 background-color:#eee;
1694 background-color:#F7F7F7;
1698 .notice div.entry-content,
1699 .notice div.entry-content a {
1703 .notices div.entry-content,
1704 .notices div.notice-options {
1708 #site_nav_local_views {
1709 background-color:#DDFFCC;
1711 #site_nav_local_views li,
1713 border-color:#BDDCAD;
1715 #site_nav_local_views a,
1716 .aside .section h2 {
1717 background-color:transparent;
1718 border-color:transparent;
1721 #site_nav_local_views .current {
1722 border-left-color:#fff;
1725 #site_nav_local_views .current a,
1726 #site_nav_global_primary,
1728 background-color:#fff;