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: 100%; background-color:#fff; }
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 .form_note {
479 font-family:Georgia, serif;
482 #form_notice .form_note dt {
491 #form_notice #notice_action-submit {
500 #form_notice label[for=to] {
503 #form_notice select[id=to] {
521 #entity_statistics dt {
528 .entity_profile .entity_depiction {
535 .entity_profile .entity_fn,
536 .entity_profile .entity_nickname,
537 .entity_profile .entity_location,
538 .entity_profile .entity_url,
539 .entity_profile .entity_note,
540 .entity_profile .entity_tags {
545 .entity_profile .entity_fn,
546 .entity_profile .entity_nickname {
551 .entity_profile .entity_nickname {
555 .entity_profile .entity_fn dd:before {
559 .entity_profile .entity_fn dd:after {
583 list-style-type:none;
588 .entity_actions li:first-child {
591 .entity_actions fieldset {
595 .entity_actions legend {
599 .entity_actions input.submit {
606 .entity_remote_subscribe {
607 text-decoration:none;
612 .form_user_block input.submit,
613 .form_user_unblock input.submit,
614 .entity_send-a-message a,
616 .form_user_nudge input.submit,
623 .entity_send-a-message a,
625 padding:4px 4px 4px 23px;
628 .entity_remote_subscribe {
633 -moz-border-radius:4px;
634 -webkit-border-radius:4px;
636 .entity_actions .accept {
641 list-style-type:none;
660 #entity_statistics dt,
661 #entity_statistics dd {
664 #entity_statistics dt:after {
668 .section ul.entities {
672 .section .entities li {
673 list-style-type:none;
678 .section .entities li .photo {
682 .section .entities li .fn {
687 .aside .section .more {
691 .profile .entity_profile {
697 .profile .form_group_join legend,
698 .profile .form_group_leave legend,
699 .profile .form_user_subscribe legend,
700 .profile .form_user_unsubscribe legend {
705 list-style-type:none;
707 .profile .entity_profile .entity_location {
712 .profile .entity_profile dl,
713 .profile .entity_profile dd {
717 .profile .entity_profile .entity_note,
718 .profile .entity_profile .entity_url,
719 .profile .entity_profile .entity_tags,
720 .profile .entity_profile .form_subscription_edit {
726 .profile .entity_profile .entity_tags dt {
732 .profile .entity_profile .form_subscription_edit label {
747 border-top-width:1px;
748 border-top-style:dotted;
752 list-style-type:none;
766 -moz-border-radius:7px;
767 -webkit-border-radius:7px;
769 #notices_primary h2 {
772 .notice-data a span {
785 .notice .author .fn {
789 .notice .author .photo {
800 text-decoration:none;
803 text-decoration:underline;
806 .notice .entry-title {
812 #shownotice .notice .entry-title {
816 .notice p.entry-content {
820 .notice p.entry-content .vcard a {
822 -moz-border-radius:4px;
823 -webkit-border-radius:4px;
826 .notice div.entry-content {
831 font-family:Georgia, serif;
836 .notice div.entry-content a {
837 text-decoration:none;
839 .notice div.entry-content a:hover {
840 text-decoration:underline;
842 #showstream .notice div.entry-content {
846 .notice .notice-options a,
847 .notice .notice-options input {
852 .notice div.entry-content dl,
853 .notice div.entry-content dt,
854 .notice div.entry-content dd {
858 .notice div.entry-content .timestamp dt,
859 .notice div.entry-content .response dt {
862 .notice div.entry-content .timestamp a {
863 display:inline-block;
865 .notice div.entry-content .device dt {
866 text-transform:lowercase;
878 .notice .entry-content .notice-data dt {
896 .notices li.hover div.notice-options {
904 .notice-options .notice_delete,
905 .notice-options .notice_reply,
906 .notice-options .form_favor,
907 .notice-options .form_disfavor {
910 .notice-options .form_favor,
911 .notice-options .form_disfavor {
915 .notice-options .notice_reply {
919 .notice-options .notice_delete {
923 .notice-options .notice_reply dt {
927 .notice-options input,
933 .notice-options .notice_reply a,
934 .notice-options input.submit {
938 .notice-options .notice_reply a,
939 .notice-options .notice_delete a {
940 text-decoration:none;
944 .notice-options form input.submit {
949 .notice-options .notice_delete dt,
950 .notice-options .form_favor legend,
951 .notice-options .form_disfavor legend {
954 .notice-options .notice_delete fieldset,
955 .notice-options .form_favor fieldset,
956 .notice-options .form_disfavor fieldset {
962 #usergroups #new_group {
966 #new_group, #group_search {
982 list-style-type:none;
988 border-left-width:1px;
989 border-left-style:solid;
991 #filter_tags ul li.child_1 {
996 #filter_tags ul li#filter_tags_all a {
1002 #filter_tags ul li#filter_tags_item label {
1005 #filter_tags ul li#filter_tags_item label,
1006 #filter_tags ul li#filter_tags_item select {
1009 #filter_tags ul li#filter_tags_item p {
1013 #filter_tags ul li#filter_tags_item input {
1036 list-style-type:none;
1039 .pagination .nav_prev {
1042 .pagination .nav_next {
1048 text-decoration:none;
1053 -moz-border-radius:7px;
1054 -webkit-border-radius:7px;
1058 .pagination .nav_prev a {
1061 .pagination .nav_next a {
1067 .hentry .entry-content p {
1070 .hentry entry-content ol,
1071 .hentry .entry-content ul {
1072 list-style-position:inside;
1074 .hentry .entry-content li {
1077 .hentry .entry-content li li {
1087 padding-bottom:11px;
1089 .section .vcard .photo {
1100 .section .notice:first-child {
1104 .section .notice .author {
1107 .section .notice .author .fn {
1114 list-style-type:none;
1125 .aside .tag-cloud li {
1129 text-decoration:none;
1131 #tagcloud.section dt {
1132 text-transform:uppercase;
1157 #publictagcloud #tagcloud.section dt {
1161 #form_settings_photo .form_data {
1165 #form_settings_avatar li {
1168 #form_settings_avatar input {
1178 #avatar_preview_view {
1186 #form_settings_avatar .form_actions {
1190 #form_settings_avatar .form_actions {
1195 list-style-position:inside;
1208 #public.user_in #content,
1209 #groups.user_in #content,
1210 #publictagcloud.user_in #content,
1211 #featured.user_in #content,
1212 #favorited.user_in #content,
1213 #all.user_in #content,
1214 #replies.user_in #content,
1215 #showstream.user_in #content,
1216 #showfavorites.user_in #content,
1217 #inbox.user_in #content,
1218 #outbox.user_in #content,
1219 #subscriptions.user_in #content,
1220 #subscribers.user_in #content,
1221 #showgroup.user_in #content {
1225 #profilesettings #form_notice,
1226 #avatarsettings #form_notice,
1227 #passwordsettings #form_notice,
1228 #emailsettings #form_notice,
1229 #openidsettings #form_notice,
1230 #othersettings #form_notice,
1231 #smssettings #form_notice,
1232 #twittersettings #form_notice,
1233 #imsettings #form_notice,
1235 #usergroups #form_notice,
1236 #invite #form_notice,
1237 #deletenotice #form_notice,
1238 #newgroup #form_notice,
1239 #register #form_notice,
1240 #shownotice #form_notice,
1241 #confirmaddress #form_notice,
1250 background-color:#9AE4E8;
1253 font-family:'Lucida Grande',sans-serif;
1254 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1258 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1261 input, textarea, select, option {
1262 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1264 input, textarea, select,
1265 .entity_remote_subscribe {
1268 #filter_tags ul li {
1272 .form_settings input.form_action-primary {
1277 #form_notice.warning #notice_text-count,
1279 .form_settings .form_note,
1280 .entity_remote_subscribe {
1281 background-color:#9BB43E;
1284 input:focus, textarea:focus, select:focus,
1285 #form_notice.warning #notice_data-text {
1286 border-color:#9BB43E;
1290 .entity_remote_subscribe {
1295 div.notice-options input,
1296 .form_user_block input.submit,
1297 .form_user_unblock input.submit,
1298 .entity_send-a-message a,
1299 .form_user_nudge input.submit,
1301 .form_settings input.form_action-primary {
1307 border-top-color:#DDFFCC;
1310 border-top-color:#87B4C8;
1314 #content .notice p.entry-content a:visited {
1315 background-color:#fcfcfc;
1317 #content .notice p.entry-content .vcard a {
1318 background-color:#fcfffc;
1322 background-color:#DDFFCC;
1326 #notice_text-count {
1329 #form_notice.warning #notice_text-count {
1332 #form_notice.processing #notice_action-submit {
1333 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1335 text-indent:-9999px;
1339 #site_nav_local_views a,
1344 #site_nav_local_views .current a {
1345 background-color:#fff;
1348 #site_nav_local_views a {
1349 background-color:rgba(135, 180, 200, 0.3);
1351 #site_nav_local_views a:hover {
1352 background-color:rgba(255, 255, 255, 0.7);
1357 background-color:#F7E8E8;
1360 background-color:#EFF3DC;
1365 background-color:#FEFFDF;
1370 #showstream #anon_notice {
1371 background-color:#FEFFDF;
1376 background-repeat:no-repeat;
1377 background-position:0 45%;
1379 #export_data li a.rss {
1380 background-image:url(../../base/images/icons/icon_rss.png);
1382 #export_data li a.atom {
1383 background-image:url(../../base/images/icons/icon_atom.png);
1385 #export_data li a.foaf {
1386 background-image:url(../../base/images/icons/icon_foaf.gif);
1390 .entity_send-a-message a,
1391 .form_user_nudge input.submit,
1392 .form_user_block input.submit,
1393 .form_user_unblock input.submit,
1395 background-position: 0 40%;
1396 background-repeat: no-repeat;
1397 background-color:transparent;
1399 .form_group_join input.submit,
1400 .form_group_leave input.submit
1401 .form_user_subscribe input.submit,
1402 .form_user_unsubscribe input.submit {
1403 background-color:#9BB43E;
1406 .form_user_unsubscribe input.submit,
1407 .form_group_leave input.submit {
1408 background-color:#87B4C8;
1412 background-image:url(../images/icons/twotone/green/edit.gif);
1414 .entity_send-a-message a {
1415 background-image:url(../images/icons/twotone/green/quote.gif);
1418 .form_user_nudge input.submit {
1419 background-image:url(../images/icons/twotone/green/mail.gif);
1421 .form_user_block input.submit,
1422 .form_user_unblock input.submit {
1423 background-image:url(../images/icons/twotone/green/shield.gif);
1430 background-color:#fcfcfc;
1433 .notice-options .notice_reply a,
1434 .notice-options form input.submit {
1435 background-color:transparent;
1437 .notice-options .notice_reply a {
1438 background:transparent url(../images/icons/icon_reply.gif) no-repeat 0 45%;
1440 .notice-options form.form_favor input.submit {
1441 background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%;
1443 .notice-options form.form_disfavor input.submit {
1444 background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%;
1446 .notice-options .notice_delete a {
1447 background:transparent url(../images/icons/icon_trash.gif) no-repeat 0 45%;
1450 .notices div.entry-content,
1451 .notices div.notice-options {
1454 .notices li.hover div.entry-content,
1455 .notices li.hover div.notice-options {
1461 div.notice-options a,
1462 div.notice-options input {
1463 font-family:sans-serif;
1466 background-color:#fcfcfc;
1472 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
1475 .pagination .nav_prev a,
1476 .pagination .nav_next a {
1477 background-repeat:no-repeat;
1478 border-color:#DDFFCC;
1480 .pagination .nav_prev a {
1481 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
1482 background-position:10% 45%;
1484 .pagination .nav_next a {
1485 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
1486 background-position:90% 45%;
1490 /*--------------------------------------*/
1493 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1495 #showstream #anon_notice,
1496 #content .notice p.entry-content a:visited,
1497 content .notice p.entry-content .vcard a {
1498 background-color:transparent;
1502 background-color:#FEFFDF;
1503 border-color:#FFFF00;
1507 #form_notice .form_note {
1511 background-color:#eee;
1516 background-color:#F7F7F7;
1520 .notice div.entry-content,
1521 .notice div.entry-content a {
1525 .notices div.entry-content,
1526 .notices div.notice-options {
1530 #site_nav_local_views {
1531 background-color:#DDFFCC;
1533 #site_nav_local_views li,
1535 border-color:#BDDCAD;
1537 #site_nav_local_views a,
1538 .aside .section h2 {
1539 background-color:transparent;
1540 border-color:transparent;
1543 #site_nav_local_views .current {
1544 border-left-color:#fff;
1547 #site_nav_local_views .current a,
1548 #site_nav_global_primary,
1550 background-color:#fff;