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; height:100%; }
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-secondary {
207 #form_search .submit {
216 address.vcard img.logo {
235 #site_nav_global_primary {
243 -moz-border-radius:4px;
245 -webkit-border-radius:4px;
247 #site_nav_global_primary ul li {
251 #site_nav_global_primary a {
252 text-decoration:none;
257 text-transform:uppercase;
293 -moz-border-radius:4px;
295 -webkit-border-radius:4px;
298 text-decoration:none;
301 #site_nav_local_views {
305 -moz-border-radius-topright:4px;
306 border-radius-topright:4px;
307 -webkit-border-top-right-radius:4px;
309 #site_nav_local_views dt {
312 #site_nav_local_views li {
313 list-style-type:none;
320 #site_nav_local_views a {
321 text-decoration:none;
326 text-shadow: 2px 2px 2px #ddd;
331 #site_nav_local_views .nav {
336 #site_nav_global_primary dt,
337 #site_nav_global_secondary dt {
341 #site_nav_global_secondary {
345 #site_nav_global_secondary ul li {
352 #export_data li a.foaf {
355 #export_data li a.export_vcard {
363 list-style-type:none;
368 #export_data li:first-child {
385 #site_content_license_cc {
388 #site_content_license_cc img {
415 border-radius-topleft:4px;
416 -moz-border-radius-topleft:4px;
417 -webkit-border-top-left-radius:4px;
448 #form_notice fieldset {
452 #form_notice legend {
455 #form_notice textarea {
469 #form_notice #notice_submit label {
472 #form_notice .form_note {
477 font-family:Georgia, serif;
480 #form_notice .form_note dt {
489 #form_notice #notice_action-submit {
498 #form_notice label[for=to] {
501 #form_notice select[id=to] {
519 #entity_statistics dt {
526 .entity_profile .entity_depiction {
533 .entity_profile .entity_fn,
534 .entity_profile .entity_nickname,
535 .entity_profile .entity_location,
536 .entity_profile .entity_url,
537 .entity_profile .entity_note,
538 .entity_profile .entity_tags {
543 .entity_profile .entity_fn,
544 .entity_profile .entity_nickname {
549 .entity_profile .entity_nickname {
553 .entity_profile .entity_fn dd:before {
557 .entity_profile .entity_fn dd:after {
581 list-style-type:none;
586 .entity_actions li:first-child {
589 .entity_actions fieldset {
593 .entity_actions legend {
597 .entity_actions input.submit {
604 .entity_remote_subscribe {
605 text-decoration:none;
610 .form_user_block input.submit,
611 .form_user_unblock input.submit,
612 .entity_send-a-message a,
614 .form_user_nudge input.submit,
621 .entity_send-a-message a,
623 padding:4px 4px 4px 23px;
626 .entity_remote_subscribe {
631 -moz-border-radius:4px;
632 -webkit-border-radius:4px;
634 .entity_actions .accept {
639 list-style-type:none;
658 #entity_statistics dt,
659 #entity_statistics dd {
662 #entity_statistics dt:after {
666 .section ul.entities {
670 .section .entities li {
671 list-style-type:none;
676 .section .entities li .photo {
680 .section .entities li .fn {
685 .aside .section .more {
689 .profile .entity_profile {
695 .profile .form_group_join legend,
696 .profile .form_group_leave legend,
697 .profile .form_user_subscribe legend,
698 .profile .form_user_unsubscribe legend {
703 list-style-type:none;
705 .profile .entity_profile .entity_location {
710 .profile .entity_profile dl,
711 .profile .entity_profile dd {
715 .profile .entity_profile .entity_note,
716 .profile .entity_profile .entity_url,
717 .profile .entity_profile .entity_tags,
718 .profile .entity_profile .form_subscription_edit {
724 .profile .entity_profile .entity_tags dt {
730 .profile .entity_profile .form_subscription_edit label {
745 border-top-width:1px;
746 border-top-style:dotted;
750 list-style-type:none;
764 -moz-border-radius:7px;
765 -webkit-border-radius:7px;
767 #notices_primary h2 {
770 .notice-data a span {
783 .notice .author .fn {
787 .notice .author .photo {
798 text-decoration:none;
801 text-decoration:underline;
804 .notice .entry-title {
810 #shownotice .notice .entry-title {
814 .notice p.entry-content {
818 .notice p.entry-content .vcard a {
820 -moz-border-radius:4px;
821 -webkit-border-radius:4px;
824 .notice div.entry-content {
829 font-family:Georgia, serif;
834 .notice div.entry-content a {
835 text-decoration:none;
837 .notice div.entry-content a:hover {
838 text-decoration:underline;
840 #showstream .notice div.entry-content {
844 .notice .notice-options a,
845 .notice .notice-options input {
850 .notice div.entry-content dl,
851 .notice div.entry-content dt,
852 .notice div.entry-content dd {
856 .notice div.entry-content .timestamp dt,
857 .notice div.entry-content .response dt {
860 .notice div.entry-content .timestamp a {
861 display:inline-block;
863 .notice div.entry-content .device dt {
864 text-transform:lowercase;
876 .notice .entry-content .notice-data dt {
894 .notices li.hover div.notice-options {
902 .notice-options .notice_delete,
903 .notice-options .notice_reply,
904 .notice-options .form_favor,
905 .notice-options .form_disfavor {
908 .notice-options .form_favor,
909 .notice-options .form_disfavor {
913 .notice-options .notice_reply {
917 .notice-options .notice_delete {
921 .notice-options .notice_reply dt {
925 .notice-options input,
931 .notice-options .notice_reply a,
932 .notice-options input.submit {
936 .notice-options .notice_reply a,
937 .notice-options .notice_delete a {
938 text-decoration:none;
942 .notice-options form input.submit {
947 .notice-options .notice_delete dt,
948 .notice-options .form_favor legend,
949 .notice-options .form_disfavor legend {
952 .notice-options .notice_delete fieldset,
953 .notice-options .form_favor fieldset,
954 .notice-options .form_disfavor fieldset {
960 #usergroups #new_group {
964 #new_group, #group_search {
980 list-style-type:none;
986 border-left-width:1px;
987 border-left-style:solid;
989 #filter_tags ul li.child_1 {
994 #filter_tags ul li#filter_tags_all a {
1000 #filter_tags ul li#filter_tags_item label {
1003 #filter_tags ul li#filter_tags_item label,
1004 #filter_tags ul li#filter_tags_item select {
1007 #filter_tags ul li#filter_tags_item p {
1011 #filter_tags ul li#filter_tags_item input {
1034 list-style-type:none;
1037 .pagination .nav_prev {
1040 .pagination .nav_next {
1046 text-decoration:none;
1051 -moz-border-radius:7px;
1052 -webkit-border-radius:7px;
1056 .pagination .nav_prev a {
1059 .pagination .nav_next a {
1065 .hentry .entry-content p {
1068 .hentry entry-content ol,
1069 .hentry .entry-content ul {
1070 list-style-position:inside;
1072 .hentry .entry-content li {
1075 .hentry .entry-content li li {
1085 padding-bottom:11px;
1087 .section .vcard .photo {
1098 .section .notice:first-child {
1102 .section .notice .author {
1105 .section .notice .author .fn {
1112 list-style-type:none;
1123 .aside .tag-cloud li {
1127 text-decoration:none;
1129 #tagcloud.section dt {
1130 text-transform:uppercase;
1155 #publictagcloud #tagcloud.section dt {
1159 #form_settings_photo .form_data {
1163 #form_settings_avatar li {
1166 #form_settings_avatar input {
1176 #avatar_preview_view {
1184 #form_settings_avatar .form_actions {
1188 #form_settings_avatar .form_actions {
1193 list-style-position:inside;
1206 #public.user_in #content,
1207 #groups.user_in #content,
1208 #publictagcloud.user_in #content,
1209 #featured.user_in #content,
1210 #favorited.user_in #content,
1211 #all.user_in #content,
1212 #replies.user_in #content,
1213 #showstream.user_in #content,
1214 #showfavorites.user_in #content,
1215 #inbox.user_in #content,
1216 #outbox.user_in #content,
1217 #subscriptions.user_in #content,
1218 #subscribers.user_in #content,
1219 #showgroup.user_in #content {
1223 #profilesettings #form_notice,
1224 #avatarsettings #form_notice,
1225 #passwordsettings #form_notice,
1226 #emailsettings #form_notice,
1227 #openidsettings #form_notice,
1228 #othersettings #form_notice,
1229 #smssettings #form_notice,
1230 #twittersettings #form_notice,
1231 #imsettings #form_notice,
1233 #usergroups #form_notice,
1234 #invite #form_notice,
1235 #deletenotice #form_notice,
1236 #newgroup #form_notice,
1237 #register #form_notice,
1238 #shownotice #form_notice,
1239 #confirmaddress #form_notice,
1248 background-color:#9AE4E8;
1251 font-family:'Lucida Grande',sans-serif;
1252 background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1256 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1259 input, textarea, select, option {
1260 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1262 input, textarea, select,
1263 .entity_remote_subscribe {
1266 #filter_tags ul li {
1270 .form_settings input.form_action-secondary {
1275 #form_notice.warning #notice_text-count,
1277 .form_settings .form_note,
1278 .entity_remote_subscribe {
1279 background-color:#9BB43E;
1282 input:focus, textarea:focus, select:focus,
1283 #form_notice.warning #notice_data-text {
1284 border-color:#9BB43E;
1288 .entity_remote_subscribe {
1293 div.notice-options input,
1294 .form_user_block input.submit,
1295 .form_user_unblock input.submit,
1296 .entity_send-a-message a,
1297 .form_user_nudge input.submit,
1299 .form_settings input.form_action-secondary {
1305 border-top-color:#DDFFCC;
1308 border-top-color:#87B4C8;
1312 #content .notice p.entry-content a:visited {
1313 background-color:#fcfcfc;
1315 #content .notice p.entry-content .vcard a {
1316 background-color:#fcfffc;
1320 background-color:#DDFFCC;
1324 #notice_text-count {
1327 #form_notice.warning #notice_text-count {
1330 #form_notice.processing #notice_action-submit {
1331 background:#fff url(../../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1333 text-indent:-9999px;
1337 #site_nav_local_views a,
1342 #site_nav_local_views .current a {
1343 background-color:#fff;
1346 #site_nav_local_views a {
1347 background-color:rgba(135, 180, 200, 0.3);
1349 #site_nav_local_views a:hover {
1350 background-color:rgba(255, 255, 255, 0.7);
1355 background-color:#F7E8E8;
1358 background-color:#EFF3DC;
1363 background-color:#FEFFDF;
1368 #showstream #anon_notice {
1369 background-color:#FEFFDF;
1374 background-repeat:no-repeat;
1375 background-position:0 45%;
1377 #export_data li a.rss {
1378 background-image:url(../../base/images/icons/icon_rss.png);
1380 #export_data li a.atom {
1381 background-image:url(../../base/images/icons/icon_atom.png);
1383 #export_data li a.foaf {
1384 background-image:url(../../base/images/icons/icon_foaf.gif);
1388 .entity_send-a-message a,
1389 .form_user_nudge input.submit,
1390 .form_user_block input.submit,
1391 .form_user_unblock input.submit,
1393 background-position: 0 40%;
1394 background-repeat: no-repeat;
1395 background-color:transparent;
1397 .form_group_join input.submit,
1398 .form_group_leave input.submit
1399 .form_user_subscribe input.submit,
1400 .form_user_unsubscribe input.submit {
1401 background-color:#9BB43E;
1404 .form_user_unsubscribe input.submit,
1405 .form_group_leave input.submit {
1406 background-color:#87B4C8;
1410 background-image:url(../images/icons/twotone/green/edit.gif);
1412 .entity_send-a-message a {
1413 background-image:url(../images/icons/twotone/green/quote.gif);
1416 .form_user_nudge input.submit {
1417 background-image:url(../images/icons/twotone/green/mail.gif);
1419 .form_user_block input.submit,
1420 .form_user_unblock input.submit {
1421 background-image:url(../images/icons/twotone/green/shield.gif);
1428 background-color:#fcfcfc;
1431 .notice-options .notice_reply a,
1432 .notice-options form input.submit {
1433 background-color:transparent;
1435 .notice-options .notice_reply a {
1436 background:transparent url(../images/icons/icon_reply.gif) no-repeat 0 45%;
1438 .notice-options form.form_favor input.submit {
1439 background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%;
1441 .notice-options form.form_disfavor input.submit {
1442 background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%;
1444 .notice-options .notice_delete a {
1445 background:transparent url(../images/icons/icon_trash.gif) no-repeat 0 45%;
1448 .notices div.entry-content,
1449 .notices div.notice-options {
1452 .notices li.hover div.entry-content,
1453 .notices li.hover div.notice-options {
1459 div.notice-options a,
1460 div.notice-options input {
1461 font-family:sans-serif;
1464 background-color:#fcfcfc;
1470 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
1473 .pagination .nav_prev a,
1474 .pagination .nav_next a {
1475 background-repeat:no-repeat;
1476 border-color:#DDFFCC;
1478 .pagination .nav_prev a {
1479 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
1480 background-position:10% 45%;
1482 .pagination .nav_next a {
1483 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
1484 background-position:90% 45%;
1488 /*--------------------------------------*/
1491 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1493 #showstream #anon_notice,
1494 #content .notice p.entry-content a:visited,
1495 content .notice p.entry-content .vcard a {
1496 background-color:transparent;
1500 background-color:#FEFFDF;
1501 border-color:#FFFF00;
1505 #form_notice .form_note {
1509 background-color:#eee;
1514 background-color:#F7F7F7;
1518 .notice div.entry-content,
1519 .notice div.entry-content a {
1523 .notices div.entry-content,
1524 .notices div.notice-options {
1528 #site_nav_local_views {
1529 background-color:#DDFFCC;
1531 #site_nav_local_views li,
1533 border-color:#BDDCAD;
1535 #site_nav_local_views a,
1536 .aside .section h2 {
1537 background-color:transparent;
1538 border-color:transparent;
1541 #site_nav_local_views .current {
1542 border-left-color:#fff;
1545 #site_nav_local_views .current a,
1546 #site_nav_global_primary,
1548 background-color:#fff;