4 * @author Sarven Capadisli <csarven@controlyourself.ca>
5 * @copyright 2009 Control Yourself, Inc.
6 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
7 * @link http://laconi.ca/
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 {
417 border-radius-topleft:4px;
418 -moz-border-radius-topleft:4px;
419 -webkit-border-top-left-radius:4px;
450 #form_notice fieldset {
454 #form_notice legend {
457 #form_notice textarea {
471 #form_notice #notice_submit label {
474 #form_notice label[for=notice_data-attach],
475 #form_notice #notice_data-attach {
480 #form_notice label[for=notice_data-attach] {
486 #form_notice #notice_data-attach {
492 #form_notice .form_note {
497 font-family:Georgia, serif;
500 #form_notice .form_note dt {
510 #form_notice #notice_action-submit {
519 #form_notice label[for=to] {
522 #form_notice select[id=to] {
528 #form_notice .success {
535 #form_notice #notice_data-attach_selected code {
543 #form_notice #notice_data-attach_selected button {
560 #entity_statistics dt {
567 .entity_profile .entity_depiction {
574 .entity_profile .entity_fn,
575 .entity_profile .entity_nickname,
576 .entity_profile .entity_location,
577 .entity_profile .entity_url,
578 .entity_profile .entity_note,
579 .entity_profile .entity_tags {
584 .entity_profile .entity_fn,
585 .entity_profile .entity_nickname {
590 .entity_profile .entity_nickname {
594 .entity_profile .entity_fn dd:before {
598 .entity_profile .entity_fn dd:after {
622 list-style-type:none;
627 .entity_actions li:first-child {
630 .entity_actions fieldset {
634 .entity_actions legend {
638 .entity_actions input.submit {
645 .entity_remote_subscribe {
646 text-decoration:none;
651 .form_user_block input.submit,
652 .form_user_unblock input.submit,
653 .entity_send-a-message a,
655 .form_user_nudge input.submit,
662 .entity_send-a-message a,
664 padding:4px 4px 4px 23px;
667 .entity_remote_subscribe {
672 -moz-border-radius:4px;
673 -webkit-border-radius:4px;
675 .entity_actions .accept {
680 list-style-type:none;
699 #entity_statistics dt,
700 #entity_statistics dd {
703 #entity_statistics dt:after {
707 .section ul.entities {
711 .section .entities li {
712 list-style-type:none;
717 .section .entities li .photo {
721 .section .entities li .fn {
726 .aside .section .more {
730 .profile .entity_profile {
736 .profile .form_group_join legend,
737 .profile .form_group_leave legend,
738 .profile .form_user_subscribe legend,
739 .profile .form_user_unsubscribe legend {
744 list-style-type:none;
746 .profile .entity_profile .entity_location {
751 .profile .entity_profile dl,
752 .profile .entity_profile dd {
756 .profile .entity_profile .entity_note,
757 .profile .entity_profile .entity_url,
758 .profile .entity_profile .entity_tags,
759 .profile .entity_profile .form_subscription_edit {
765 .profile .entity_profile .entity_tags dt {
771 .profile .entity_profile .form_subscription_edit label {
786 border-top-width:1px;
787 border-top-style:dotted;
790 list-style-type:none;
806 -moz-border-radius:7px;
807 -webkit-border-radius:7px;
809 #notices_primary h2 {
812 .notice-data a span {
825 .notice .author .fn {
829 .notice .author .photo {
840 text-decoration:none;
843 text-decoration:underline;
846 .notice .entry-title {
851 #shownotice .notice .entry-title {
854 #conversation .notice .entry-title {
860 .notice p.entry-content {
864 .notice p.entry-content .vcard a {
866 -moz-border-radius:4px;
867 -webkit-border-radius:4px;
870 .notice div.entry-content {
875 font-family:Georgia, serif;
880 .notice div.entry-content a {
881 text-decoration:none;
883 .notice div.entry-content a:hover {
884 text-decoration:underline;
886 #showstream .notice div.entry-content {
890 .notice .notice-options a,
891 .notice .notice-options input {
896 .notice div.entry-content dl,
897 .notice div.entry-content dt,
898 .notice div.entry-content dd {
902 .notice div.entry-content .timestamp dt,
903 .notice div.entry-content .response dt {
906 .notice div.entry-content .timestamp a {
907 display:inline-block;
909 .notice div.entry-content .device dt {
910 text-transform:lowercase;
922 .notice .entry-content .notice-data dt {
939 .notices li:hover div.notice-options {
947 .notice-options .notice_delete,
948 .notice-options .notice_reply,
949 .notice-options .form_favor,
950 .notice-options .form_disfavor {
953 .notice-options .form_favor,
954 .notice-options .form_disfavor {
958 .notice-options .notice_reply {
962 .notice-options .notice_delete {
966 .notice-options .notice_reply dt {
970 .notice-options input,
976 .notice-options .notice_reply a,
977 .notice-options input.submit {
981 .notice-options .notice_reply a,
982 .notice-options .notice_delete a {
983 text-decoration:none;
987 .notice-options form input.submit {
992 .notice-options .notice_delete dt,
993 .notice-options .form_favor legend,
994 .notice-options .form_disfavor legend {
997 .notice-options .notice_delete fieldset,
998 .notice-options .form_favor fieldset,
999 .notice-options .form_disfavor fieldset {
1004 .notice .attachment {
1008 #attachments .attachment {
1011 .notice .attachment img {
1017 #shownotice .notice .attachment img {
1033 #attachments ol li {
1035 list-style-type:decimal;
1041 #jOverlayContent #content,
1042 #jOverlayContent #content_inner {
1043 width: auto !important;
1046 #jOverlayContent #content {
1050 #jOverlayContent .external span {
1054 #jOverlayContent button {
1064 #jOverlayContent h1 {
1067 #jOverlayContent #content {
1069 -moz-border-radius:7px;
1070 -webkit-border-radius:7px;
1076 #attachment_view img {
1080 #attachment_view #oembed_info {
1083 #attachment_view #oembed_info dt,
1084 #attachment_view #oembed_info dd {
1087 #attachment_view #oembed_info dt {
1092 #attachment_view #oembed_info dt:after {
1096 #usergroups #new_group {
1100 #new_group, #group_search {
1116 list-style-type:none;
1118 #filter_tags ul li {
1122 border-left-width:1px;
1123 border-left-style:solid;
1125 #filter_tags ul li.child_1 {
1130 #filter_tags ul li#filter_tags_all a {
1136 #filter_tags ul li#filter_tags_item label {
1139 #filter_tags ul li#filter_tags_item label,
1140 #filter_tags ul li#filter_tags_item select {
1143 #filter_tags ul li#filter_tags_item p {
1147 #filter_tags ul li#filter_tags_item input {
1170 list-style-type:none;
1173 .pagination .nav_prev {
1176 .pagination .nav_next {
1182 text-decoration:none;
1187 -moz-border-radius:7px;
1188 -webkit-border-radius:7px;
1192 .pagination .nav_prev a {
1195 .pagination .nav_next a {
1201 .hentry .entry-content p {
1204 .hentry entry-content ol,
1205 .hentry .entry-content ul {
1206 list-style-position:inside;
1208 .hentry .entry-content li {
1211 .hentry .entry-content li li {
1221 padding-bottom:11px;
1223 .section .vcard .photo {
1234 .section .notice:first-child {
1238 .section .notice .author {
1241 .section .notice .author .fn {
1248 list-style-type:none;
1259 .aside .tag-cloud li {
1263 text-decoration:none;
1265 #tagcloud.section dt {
1266 text-transform:uppercase;
1291 #publictagcloud #tagcloud.section dt {
1295 #form_settings_photo .form_data {
1299 #form_settings_avatar li {
1302 #form_settings_avatar input {
1312 #avatar_preview_view {
1320 #form_settings_avatar .form_actions {
1324 #form_settings_avatar .form_actions {
1329 list-style-position:inside;
1342 #public.user_in #content,
1343 #groups.user_in #content,
1344 #publictagcloud.user_in #content,
1345 #featured.user_in #content,
1346 #favorited.user_in #content,
1347 #all.user_in #content,
1348 #replies.user_in #content,
1349 #showstream.user_in #content,
1350 #showfavorites.user_in #content,
1351 #inbox.user_in #content,
1352 #outbox.user_in #content,
1353 #subscriptions.user_in #content,
1354 #subscribers.user_in #content,
1355 #showgroup.user_in #content,
1356 #conversation.user_in #content {
1360 #profilesettings #form_notice,
1361 #avatarsettings #form_notice,
1362 #passwordsettings #form_notice,
1363 #emailsettings #form_notice,
1364 #openidsettings #form_notice,
1365 #othersettings #form_notice,
1366 #smssettings #form_notice,
1367 #twittersettings #form_notice,
1368 #imsettings #form_notice,
1370 #usergroups #form_notice,
1371 #invite #form_notice,
1372 #deletenotice #form_notice,
1373 #newgroup #form_notice,
1374 #register #form_notice,
1375 #shownotice #form_notice,
1376 #confirmaddress #form_notice,
1381 #jOverlayContent #core #content {
1384 #jOverlayContent #core {
1393 background-color:#9AE4E8;
1396 font-family:'Lucida Grande',sans-serif;
1397 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1401 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1404 input, textarea, select, option {
1405 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1407 input, textarea, select,
1408 .entity_remote_subscribe {
1411 #filter_tags ul li {
1415 .form_settings input.form_action-primary {
1420 #form_notice.warning #notice_text-count,
1422 .form_settings .form_note,
1423 .entity_remote_subscribe {
1424 background-color:#9BB43E;
1427 input:focus, textarea:focus, select:focus,
1428 #form_notice.warning #notice_data-text {
1429 border-color:#9BB43E;
1433 .entity_remote_subscribe {
1438 div.notice-options input,
1439 .form_user_block input.submit,
1440 .form_user_unblock input.submit,
1441 .entity_send-a-message a,
1442 .form_user_nudge input.submit,
1444 .form_settings input.form_action-primary {
1450 border-top-color:#DDFFCC;
1453 border-top-color:#87B4C8;
1458 background-color:#DDFFCC;
1461 #notice_text-count {
1464 #form_notice.warning #notice_text-count {
1467 #form_notice label[for=notice_data-attach] {
1468 background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
1470 #form_notice #notice_data-attach {
1474 #form_notice.processing #notice_action-submit {
1475 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1477 text-indent:-9999px;
1481 #site_nav_local_views a,
1486 #site_nav_local_views .current a {
1487 background-color:#fff;
1490 #site_nav_local_views a {
1491 background-color:rgba(135, 180, 200, 0.3);
1493 #site_nav_local_views a:hover {
1494 background-color:rgba(255, 255, 255, 0.7);
1499 background-color:#F7E8E8;
1502 background-color:#EFF3DC;
1507 background-color:#FEFFDF;
1512 #showstream #anon_notice {
1513 background-color:#FEFFDF;
1518 background-repeat:no-repeat;
1519 background-position:0 45%;
1521 #export_data li a.rss {
1522 background-image:url(../../base/images/icons/icon_rss.png);
1524 #export_data li a.atom {
1525 background-image:url(../../base/images/icons/icon_atom.png);
1527 #export_data li a.foaf {
1528 background-image:url(../../base/images/icons/icon_foaf.gif);
1532 .entity_send-a-message a,
1533 .form_user_nudge input.submit,
1534 .form_user_block input.submit,
1535 .form_user_unblock input.submit,
1537 background-position: 0 40%;
1538 background-repeat: no-repeat;
1539 background-color:transparent;
1541 .form_group_join input.submit,
1542 .form_group_leave input.submit
1543 .form_user_subscribe input.submit,
1544 .form_user_unsubscribe input.submit {
1545 background-color:#9BB43E;
1548 .form_user_unsubscribe input.submit,
1549 .form_group_leave input.submit {
1550 background-color:#87B4C8;
1554 background-image:url(../images/icons/twotone/green/edit.gif);
1556 .entity_send-a-message a {
1557 background-image:url(../images/icons/twotone/green/quote.gif);
1560 .form_user_nudge input.submit {
1561 background-image:url(../images/icons/twotone/green/mail.gif);
1563 .form_user_block input.submit,
1564 .form_user_unblock input.submit {
1565 background-image:url(../images/icons/twotone/green/shield.gif);
1571 .notice .attachment {
1572 background:transparent url(../../base/images/icons/twotone/green/clip-02.gif) no-repeat 0 45%;
1574 #attachments .attachment {
1578 .notice-options .notice_reply a,
1579 .notice-options form input.submit {
1580 background-color:transparent;
1582 .notice-options .notice_reply a {
1583 background:transparent url(../images/icons/icon_reply.gif) no-repeat 0 45%;
1585 .notice-options form.form_favor input.submit {
1586 background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%;
1588 .notice-options form.form_disfavor input.submit {
1589 background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%;
1591 .notice-options .notice_delete a {
1592 background:transparent url(../images/icons/icon_trash.gif) no-repeat 0 45%;
1595 .notices div.entry-content,
1596 .notices div.notice-options {
1599 .notices li:hover div.entry-content,
1600 .notices li:hover div.notice-options {
1604 background-color:rgba(200, 200, 200, 0.01);
1606 .notices .notices .notices {
1607 background-color:rgba(200, 200, 200, 0.02);
1609 .notices .notices .notices .notices {
1610 background-color:rgba(200, 200, 200, 0.03);
1612 .notices .notices .notices .notices .notices {
1613 background-color:rgba(200, 200, 200, 0.04);
1620 div.notice-options a,
1621 div.notice-options input {
1622 font-family:sans-serif;
1624 #content .notices li:hover {
1625 background-color:rgba(240, 240, 240, 0.2);
1627 #conversation .notices li:hover {
1628 background-color:transparent;
1634 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
1637 .pagination .nav_prev a,
1638 .pagination .nav_next a {
1639 background-repeat:no-repeat;
1640 border-color:#DDFFCC;
1642 .pagination .nav_prev a {
1643 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
1644 background-position:10% 45%;
1646 .pagination .nav_next a {
1647 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
1648 background-position:90% 45%;
1652 /*--------------------------------------*/
1655 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1657 #showstream #anon_notice,
1658 #content .notice p.entry-content a:visited,
1659 content .notice p.entry-content .vcard a {
1660 background-color:transparent;
1664 background-color:#FEFFDF;
1665 border-color:#FFFF00;
1669 #form_notice .form_note {
1673 background-color:#eee;
1678 background-color:#F7F7F7;
1682 .notice div.entry-content,
1683 .notice div.entry-content a {
1687 .notices div.entry-content,
1688 .notices div.notice-options {
1692 #site_nav_local_views {
1693 background-color:#DDFFCC;
1695 #site_nav_local_views li,
1697 border-color:#BDDCAD;
1699 #site_nav_local_views a,
1700 .aside .section h2 {
1701 background-color:transparent;
1702 border-color:transparent;
1705 #site_nav_local_views .current {
1706 border-left-color:#fff;
1709 #site_nav_local_views .current a,
1710 #site_nav_global_primary,
1712 background-color:#fff;