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:#FFFFFF;
19 font-family:sans-serif;
32 #showstream h1 { display:none; }
33 h2 { font-size:1.3em; }
34 h3 { font-size:1.2em; }
35 h4 { font-size:1.1em; }
37 h6 { font-size:0.9em; }
46 input, textarea, select, option {
48 font-family:sans-serif;
84 -moz-border-radius:4px;
85 -webkit-border-radius:4px;
99 .form_settings fieldset {
102 .form_settings fieldset fieldset {
104 padding:3% 1.795% 1.795% 3%;
106 -moz-border-radius:11px;
107 -webkit-border-radius:11px;
111 .form_settings fieldset fieldset legend {
115 .form_settings input.remove {
118 .form_settings .form_data li {
122 .form_settings .form_data label {
125 .form_settings .form_data textarea,
126 .form_settings .form_data select,
127 .form_settings .form_data input {
131 .form_settings .form_data input {
134 .form_settings .form_data input.submit,
135 .form_settings .form_data input.checkbox,
136 .form_settings .form_data input.radio {
139 .form_settings .form_data textarea {
143 .form_settings .form_data input.submit {
147 .form_settings label {
152 .form_actions label {
159 .form_settings #settings_autosubscribe label {
164 #form_settings_profile legend,
166 #form_register legend,
167 #form_password legend,
168 #form_settings_avatar legend,
171 #form_tag_user legend,
172 #form_remote_subscribe legend,
173 #form_openid_login legend,
176 #form_notice_delete legend,
177 #form_password_recover legend,
178 #form_password_change legend,
179 .form_entity_block legend,
180 #form_filter_bytag legend,
181 #apioauthauthorize_allowdeny {
185 .form_settings .form_data p.form_guide {
195 .form_settings input.checkbox,
196 .form_settings input.radio {
200 .form_settings label.checkbox {
208 .form_settings label.radio {
215 #form_login p.form_guide,
216 #form_register #settings_rememberme p.form_guide,
217 #form_openid_login #settings_rememberme p.form_guide,
218 #settings_twitter_remove p.form_guide,
219 #form_search ul.form_data #q,
220 #design_background-image_onoff p.form_guide {
224 .form_settings .form_note {
226 -moz-border-radius:4px;
227 -webkit-border-radius:4px;
231 .form_settings input.form_action-default {
234 .form_settings input.form_action-default,
235 .form_settings input.form_action-primary {
238 .form_settings input.form_action-secondary {
242 #form_search .submit {
245 #form_search .form_data input {
254 address.vcard img.logo {
264 text-decoration:none;
283 #site_nav_global_primary {
289 #site_nav_global_primary li {
296 text-transform:uppercase;
317 -moz-border-radius:7px;
318 -webkit-border-radius:7px;
332 #site_nav_local_views {
336 #site_nav_local_views dt {
339 #site_nav_local_views li {
342 list-style-type:none;
344 #site_nav_local_views a {
346 text-decoration:none;
348 border-radius-topleft:4px;
349 border-radius-topright:4px;
350 -moz-border-radius-topleft:4px;
351 -moz-border-radius-topright:4px;
352 -webkit-border-top-left-radius:4px;
353 -webkit-border-top-right-radius:4px;
354 border-radius-topleft:0;
355 border-radius-topright:0;
361 #site_nav_local_views .nav {
366 body[id$=adminpanel] #site_nav_local_views {
377 body[id$=adminpanel] #site_nav_local_views li {
382 body[id$=adminpanel] #site_nav_local_views a {
385 border-radius-toprleft:0;
386 -moz-border-radius-topleft:0;
387 -webkit-border-top-left-radius:0;
388 border-radius-topright:4px;
389 -moz-border-radius-topright:4px;
390 -webkit-border-top-right-radius:4px;
391 border-radius-bottomright:4px;
392 -moz-border-radius-bottomright:4px;
393 -webkit-border-bottom-right-radius:4px;
395 body[id$=adminpanel] #site_nav_local_views li.current {
397 -moz-box-shadow:none;
398 -webkit-box-shadow:none;
401 body[id$=adminpanel] #content {
402 border-radius-topleft:7px;
403 border-radius-topright:7px;
404 -moz-border-radius-topleft:7px;
405 -moz-border-radius-topright:7px;
406 -webkit-border-top-left-radius:7px;
407 -webkit-border-top-right-radius:7px;
408 border-radius-topright:0;
409 -moz-border-radius-topright:0;
410 -webkit-border-top-right-radius:0;
412 body[id$=adminpanel] #aside_primary {
416 #site_nav_global_primary dt,
417 #site_nav_global_secondary dt {
421 #site_nav_global_secondary {
425 #site_nav_global_secondary ul li {
432 #export_data li a.foaf {
435 #export_data li a.export_vcard {
444 list-style-type:none;
462 #site_content_license_cc {
465 #site_content_license_cc img {
492 -moz-border-radius:7px;
493 -moz-border-radius-topleft:0;
494 -webkit-border-radius:7px;
495 -webkit-border-top-left-radius:0;
499 #shownotice #content {
516 -moz-border-radius:7px;
517 -webkit-border-radius:7px;
528 .form_notice fieldset {
533 .form_notice legend {
536 .form_notice textarea {
539 -moz-border-radius:7px;
540 -webkit-border-radius:7px;
544 padding:7px 7px 16px 7px;
554 .form_notice label[for=notice_data-attach],
555 .form_notice #notice_data-attach {
561 .form_notice label[for=notice_data-attach] {
566 .form_notice #notice_data-attach {
570 .form_notice .form_note {
576 .form_notice .form_note dt {
580 .form_notice #notice_text-count {
585 .form_notice #notice_action-submit {
593 .form_notice label[for=to] {
596 .form_notice select[id=to] {
603 .form_notice .success {
610 .form_notice #notice_data-attach_selected code {
618 .form_notice #notice_data-attach_selected button.close {
623 .form_notice #notice_data-geo_wrap label,
624 .form_notice #notice_data-geo_wrap input {
634 .form_notice #notice_data-geo_wrap input {
637 .form_notice #notice_data-geo_wrap label {
667 #entity_statistics dt {
674 .entity_profile .entity_depiction {
681 .entity_profile .entity_fn,
682 .entity_profile .entity_nickname,
683 .entity_profile .entity_location,
684 .entity_profile .entity_url,
685 .entity_profile .entity_note,
686 .entity_profile .entity_tags,
687 .entity_profile .entity_aliases,
688 .entity_profile .entity_statistics {
693 .entity_profile .entity_fn,
694 .entity_profile .entity_nickname {
698 .entity_profile .entity_nickname {
702 .entity_profile .nickname {
706 .entity_profile .fn:before {
710 .entity_profile .fn:after {
714 .entity_profile .nickname:after,
715 .entity_profile .nickname:before {
722 .entity_profile .role {
739 list-style-type:none;
744 .entity_actions li:first-child {
747 .entity_actions fieldset {
751 .entity_actions legend {
755 .entity_actions input.submit {
761 text-decoration:none;
766 .entity_actions input {
768 -moz-border-radius:4px;
769 -webkit-border-radius:4px;
773 .entity_actions input,
782 padding:2px 4px 1px 26px;
785 .entity_actions .accept {
789 .entity_send-a-message button {
795 .entity_send-a-message .form_notice {
803 -moz-border-radius:7px;
804 -webkit-border-radius:7px;
808 .entity_send-a-message .form_notice legend {
813 .entity_send-a-message .form_notice label,
814 .entity_send-a-message .form_notice select {
817 .entity_send-a-message .form_notice input.submit {
825 .entity_moderation p,
828 -moz-border-radius:4px;
829 -webkit-border-radius:4px;
834 .entity_moderation ul,
838 .entity_moderation:hover ul,
839 .entity_role:hover ul {
850 -moz-border-radius:7px;
851 -webkit-border-radius:7px;
855 list-style-type:none;
868 list-style-position:inside;
871 text-transform:uppercase;
875 #entity_statistics dt,
876 #entity_statistics dd {
880 #entity_statistics dt:after {
884 .section ul.entities {
888 .section .entities li {
889 list-style-type:none;
895 .section .entities li .photo {
899 .section .entities li .fn {
904 .aside .section .more {
908 .profile .entity_profile {
913 .profile .form_group_join legend,
914 .profile .form_group_leave legend,
915 .profile .form_user_subscribe legend,
916 .profile .form_user_unsubscribe legend {
921 list-style-type:none;
923 .profile .entity_profile .fn.nickname,
924 .profile .entity_profile .url[rel~=contact] {
929 .profile .entity_profile .fn,
930 .profile .entity_profile .location {
937 .profile .entity_profile .note,
938 .profile .entity_profile .url,
939 .profile .entity_profile .entity_tags,
940 .profile .entity_profile .form_subscription_edit {
946 .profile .entity_profile .entity_tags dt {
951 .profile .entity_profile .form_subscription_edit label {
963 list-style-type:none;
966 #showapplication .entity_profile img,
967 .form_data #application_icon img,
968 #apioauthauthorize .form_data img {
972 #apioauthauthorize .form_data img {
976 #showapplication .entity_profile {
979 #showapplication .entity_profile .entity_fn {
982 #showapplication .entity_profile .entity_fn .fn:before,
983 #showapplication .entity_profile .entity_fn .fn:after {
986 #showapplication .entity_data {
990 #showapplication .entity_data h2 {
993 #showapplication .entity_data dl {
996 #showapplication .entity_data dt {
999 #showapplication .entity_data dd {
1001 font-family:monospace;
1004 .form_data #application_types label.radio,
1005 .form_data #default_access_types label.radio {
1015 padding-bottom:11px;
1019 border-top-width:1px;
1020 border-top-style:dotted;
1023 list-style-type:none;
1032 border-top-width:1px;
1033 border-top-style:solid;
1041 -moz-border-radius:7px;
1042 -webkit-border-radius:7px;
1044 #notices_primary h2 {
1047 .notice-data a span {
1055 #showstream #content .notice .author {
1063 .notice .author .fn {
1072 #shownotice .vcard .photo {
1075 #content .notice .author .photo {
1081 #content .notice .entry-title {
1087 text-decoration:none;
1090 text-decoration:underline;
1093 .notice .entry-title {
1095 word-wrap:break-word;
1097 .notice .entry-title.ov {
1100 #showstream .notice .entry-title,
1101 #showstream .notice div.entry-content {
1104 #shownotice .notice .entry-title {
1109 #shownotice .notice div.entry-content {
1113 .notice p.entry-content {
1117 #content .notice p.entry-content a:visited {
1119 -moz-border-radius:4px;
1120 -webkit-border-radius:4px;
1122 .notice p.entry-content .vcard a {
1124 -moz-border-radius:4px;
1125 -webkit-border-radius:4px;
1128 .notice div.entry-content {
1136 #showstream .notice div.entry-content,
1137 #shownotice .notice div.entry-content {
1141 .notice .notice-options a,
1142 .notice .notice-options input {
1147 .notice div.entry-content .timestamp {
1148 display:inline-block;
1151 .entry-content .repeat {
1154 .entry-content .repeat .photo {
1170 -moz-border-radius:7px;
1171 -webkit-border-radius:7px;
1177 display:block !important;
1182 .dialogbox button.close {
1188 .dialogbox .form_guide {
1193 .dialogbox .submit_dialogbox {
1201 .dialogbox fieldset {
1205 #wrap form.processing input.submit,
1206 .entity_actions a.processing,
1207 .dialogbox.processing .submit_dialogbox {
1210 text-indent:-9999px;
1213 .form_repeat.dialogbox {
1231 .notice-options .notice_reply,
1232 .notice-options .form_repeat,
1233 .notice-options .form_favor,
1234 .notice-options .form_disfavor,
1235 .notice-options .repeated {
1239 .notice-options .form_favor,
1240 .notice-options .form_disfavor {
1243 .notice-options input,
1245 .notice-options .repeated {
1246 text-indent:-9999px;
1249 .notice-options input.submit {
1253 .notice-options .notice_reply,
1254 .notice-options .notice_delete {
1255 text-decoration:none;
1257 .notice .notice-options .notice_delete {
1260 .notice-options form input.submit {
1265 -moz-border-radius:0;
1266 -webkit-border-radius:0;
1268 .notice-options .form_repeat legend,
1269 .notice-options .form_favor legend,
1270 .notice-options .form_disfavor legend {
1273 .notice-options .form_repeat fieldset,
1274 .notice-options .form_favor fieldset,
1275 .notice-options .form_disfavor fieldset {
1280 .notice-options .repeated {
1285 .notice .attachment {
1289 #attachments .attachment {
1292 .notice .attachment img {
1298 #shownotice .notice .attachment img {
1314 #attachments ol li {
1316 list-style-type:decimal;
1322 #jOverlayContent #content,
1323 #jOverlayContent #content_inner {
1324 width: auto !important;
1327 #jOverlayContent #content {
1331 #jOverlayContent .external span {
1335 #jOverlayContent button {
1340 #jOverlayContent h1 {
1343 #jOverlayContent #content {
1345 -moz-border-radius:7px;
1346 -webkit-border-radius:7px;
1352 #attachment_view img {
1356 #attachment_view #oembed_info {
1359 #attachment_view #oembed_info dt,
1360 #attachment_view #oembed_info dd {
1363 #attachment_view #oembed_info dt {
1368 #attachment_view #oembed_info dt:after {
1372 #usergroups #new_group {
1376 #new_group, #group_search {
1391 list-style-type:none;
1397 border-left-width:1px;
1398 border-left-style:solid;
1400 #filter_tags #filter_tags_all {
1405 #filter_tags_all a {
1411 #filter_tags_item label {
1414 #filter_tags_item label,
1415 #filter_tags_item select {
1418 #filter_tags_item p {
1423 #filter_tags_item .submit {
1444 list-style-type:none;
1447 .pagination .nav_prev {
1450 .pagination .nav_next {
1456 text-decoration:none;
1461 -moz-border-radius:7px;
1462 -webkit-border-radius:7px;
1466 .pagination .nav_prev a {
1469 .pagination .nav_next a {
1474 .hentry .entry-content p {
1477 .hentry .entry-content ol,
1478 .hentry .entry-content ul {
1481 .hentry .entry-content li {
1484 .hentry .entry-content li li {
1487 .hentry .entry-content .form_settings ul {
1491 #content #plugin_authors {
1505 border-top-width:1px;
1506 border-top-style:dotted;
1509 padding:11px 18px 11px 0;
1512 #content td:last-child {
1519 padding-bottom:11px;
1521 .section .vcard .photo {
1532 .section .notice:first-child {
1536 .section .notice .author {
1539 .section .notice .author .fn {
1545 list-style-type:none;
1550 word-wrap:break-word;
1558 .tag-cloud li:before {
1562 .aside .tag-cloud li {
1566 text-decoration:none;
1568 #tagcloud.section dt {
1569 text-transform:uppercase;
1594 #publictagcloud #tagcloud.section dt {
1598 #form_settings_photo .form_data {
1602 #form_settings_avatar li {
1605 #form_settings_avatar input {
1615 #avatar_preview_view {
1623 #form_settings_avatar .form_actions {
1627 #form_settings_avatar .form_actions {
1631 #settings_design_background-image img {
1636 #settings_design_color .form_data,
1640 #settings_design_color .form_data {
1645 #settings_design_color .form_data li {
1648 #settings_design_color .form_data label {
1652 #settings_design_color .form_data .swatch {
1673 #bookmarklet address {
1676 #bookmarklet .form_notice {
1679 #bookmarklet #wrap {