4 * @author Sarven Capadisli <csarven@status.net>
5 * @copyright 2009-2010 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 {
373 body[id$=adminpanel] #site_nav_local_views li {
378 body[id$=adminpanel] #site_nav_local_views a {
383 border-radius-toprleft:0;
384 -moz-border-radius-topleft:0;
385 -webkit-border-top-left-radius:0;
386 border-radius-topright:4px;
387 -moz-border-radius-topright:4px;
388 -webkit-border-top-right-radius:4px;
389 border-radius-bottomright:4px;
390 -moz-border-radius-bottomright:4px;
391 -webkit-border-bottom-right-radius:4px;
393 body[id$=adminpanel] #site_nav_local_views li.current {
395 -moz-box-shadow:none;
396 -webkit-box-shadow:none;
399 body[id$=adminpanel] #content {
400 border-radius-topleft:7px;
401 border-radius-topright:7px;
402 -moz-border-radius-topleft:7px;
403 -moz-border-radius-topright:7px;
404 -webkit-border-top-left-radius:7px;
405 -webkit-border-top-right-radius:7px;
406 border-radius-topright:0;
407 -moz-border-radius-topright:0;
408 -webkit-border-top-right-radius:0;
410 body[id$=adminpanel] #aside_primary {
414 #site_nav_global_primary dt,
415 #site_nav_global_secondary dt {
419 #site_nav_global_secondary {
423 #site_nav_global_secondary ul li {
430 #export_data li a.foaf {
433 #export_data li a.export_vcard {
442 list-style-type:none;
460 #site_content_license_cc {
463 #site_content_license_cc img {
490 -moz-border-radius:7px;
491 -moz-border-radius-topleft:0;
492 -webkit-border-radius:7px;
493 -webkit-border-top-left-radius:0;
497 #shownotice #content {
514 -moz-border-radius:7px;
515 -webkit-border-radius:7px;
526 .form_notice fieldset {
531 .form_notice legend {
534 .form_notice textarea {
537 -moz-border-radius:7px;
538 -webkit-border-radius:7px;
542 padding:7px 7px 16px 7px;
552 .form_notice label[for=notice_data-attach],
553 .form_notice #notice_data-attach {
559 .form_notice label[for=notice_data-attach] {
564 .form_notice #notice_data-attach {
568 .form_notice .form_note {
574 .form_notice .form_note dt {
578 .form_notice #notice_text-count {
583 .form_notice #notice_action-submit {
591 .form_notice label[for=to] {
594 .form_notice select[id=to] {
601 .form_notice .success {
608 .form_notice #notice_data-attach_selected code {
616 .form_notice #notice_data-attach_selected button.close {
621 .form_notice #notice_data-geo_wrap label,
622 .form_notice #notice_data-geo_wrap input {
632 .form_notice #notice_data-geo_wrap input {
635 .form_notice #notice_data-geo_wrap label {
665 #entity_statistics dt {
672 .entity_profile .entity_depiction {
679 .entity_profile .entity_fn,
680 .entity_profile .entity_nickname,
681 .entity_profile .entity_location,
682 .entity_profile .entity_url,
683 .entity_profile .entity_note,
684 .entity_profile .entity_tags,
685 .entity_profile .entity_aliases,
686 .entity_profile .entity_statistics {
691 .entity_profile .entity_fn,
692 .entity_profile .entity_nickname {
696 .entity_profile .entity_nickname {
700 .entity_profile .nickname {
704 .entity_profile .fn:before {
708 .entity_profile .fn:after {
712 .entity_profile .nickname:after,
713 .entity_profile .nickname:before {
720 .entity_profile .role {
737 list-style-type:none;
742 .entity_actions li:first-child {
745 .entity_actions fieldset {
749 .entity_actions legend {
753 .entity_actions input.submit {
759 text-decoration:none;
764 .entity_actions input {
766 -moz-border-radius:4px;
767 -webkit-border-radius:4px;
771 .entity_actions input,
780 padding:2px 4px 1px 26px;
783 .entity_actions .accept {
787 .entity_send-a-message button {
793 .entity_send-a-message .form_notice {
801 -moz-border-radius:7px;
802 -webkit-border-radius:7px;
806 .entity_send-a-message .form_notice legend {
811 .entity_send-a-message .form_notice label,
812 .entity_send-a-message .form_notice select {
815 .entity_send-a-message .form_notice input.submit {
823 .entity_moderation p,
826 -moz-border-radius:4px;
827 -webkit-border-radius:4px;
832 .entity_moderation ul,
836 .entity_moderation:hover ul,
837 .entity_role:hover ul {
848 -moz-border-radius:7px;
849 -webkit-border-radius:7px;
853 list-style-type:none;
866 list-style-position:inside;
869 text-transform:uppercase;
873 #entity_statistics dt,
874 #entity_statistics dd {
878 #entity_statistics dt:after {
882 .section ul.entities {
886 .section .entities li {
887 list-style-type:none;
893 .section .entities li .photo {
897 .section .entities li .fn {
902 .aside .section .more {
906 .profile .entity_profile {
911 .profile .form_group_join legend,
912 .profile .form_group_leave legend,
913 .profile .form_user_subscribe legend,
914 .profile .form_user_unsubscribe legend {
919 list-style-type:none;
921 .profile .entity_profile .fn.nickname,
922 .profile .entity_profile .url[rel~=contact] {
927 .profile .entity_profile .fn,
928 .profile .entity_profile .location {
935 .profile .entity_profile .note,
936 .profile .entity_profile .url,
937 .profile .entity_profile .entity_tags,
938 .profile .entity_profile .form_subscription_edit {
944 .profile .entity_profile .entity_tags dt {
949 .profile .entity_profile .form_subscription_edit label {
961 list-style-type:none;
964 #showapplication .entity_profile img,
965 .form_data #application_icon img,
966 #apioauthauthorize .form_data img {
970 #apioauthauthorize .form_data img {
974 #showapplication .entity_profile {
977 #showapplication .entity_profile .entity_fn {
980 #showapplication .entity_profile .entity_fn .fn:before,
981 #showapplication .entity_profile .entity_fn .fn:after {
984 #showapplication .entity_data {
988 #showapplication .entity_data h2 {
991 #showapplication .entity_data dl {
994 #showapplication .entity_data dt {
997 #showapplication .entity_data dd {
999 font-family:monospace;
1002 .form_data #application_types label.radio,
1003 .form_data #default_access_types label.radio {
1013 padding-bottom:11px;
1017 border-top-width:1px;
1018 border-top-style:dotted;
1021 list-style-type:none;
1030 border-top-width:1px;
1031 border-top-style:solid;
1039 -moz-border-radius:7px;
1040 -webkit-border-radius:7px;
1042 #notices_primary h2 {
1045 .notice-data a span {
1053 #showstream #content .notice .author {
1061 .notice .author .fn {
1070 #shownotice .vcard .photo {
1073 #content .notice .author .photo {
1079 #content .notice .entry-title {
1085 text-decoration:none;
1088 text-decoration:underline;
1091 .notice .entry-title {
1093 word-wrap:break-word;
1095 .notice .entry-title.ov {
1098 #showstream .notice .entry-title,
1099 #showstream .notice div.entry-content {
1102 #shownotice .notice .entry-title {
1107 #shownotice .notice div.entry-content {
1111 .notice p.entry-content {
1115 #content .notice p.entry-content a:visited {
1117 -moz-border-radius:4px;
1118 -webkit-border-radius:4px;
1120 .notice p.entry-content .vcard a {
1122 -moz-border-radius:4px;
1123 -webkit-border-radius:4px;
1126 .notice div.entry-content {
1134 #showstream .notice div.entry-content,
1135 #shownotice .notice div.entry-content {
1139 .notice .notice-options a,
1140 .notice .notice-options input {
1145 .notice div.entry-content .timestamp {
1146 display:inline-block;
1149 .entry-content .repeat {
1152 .entry-content .repeat .photo {
1168 -moz-border-radius:7px;
1169 -webkit-border-radius:7px;
1175 display:block !important;
1180 .dialogbox button.close {
1186 .dialogbox .form_guide {
1191 .dialogbox .submit_dialogbox {
1199 .dialogbox fieldset {
1203 #wrap form.processing input.submit,
1204 .entity_actions a.processing,
1205 .dialogbox.processing .submit_dialogbox {
1208 text-indent:-9999px;
1211 .form_repeat.dialogbox {
1229 .notice-options .notice_reply,
1230 .notice-options .form_repeat,
1231 .notice-options .form_favor,
1232 .notice-options .form_disfavor,
1233 .notice-options .repeated {
1237 .notice-options .form_favor,
1238 .notice-options .form_disfavor {
1241 .notice-options input,
1243 .notice-options .repeated {
1244 text-indent:-9999px;
1247 .notice-options input.submit {
1251 .notice-options .notice_reply,
1252 .notice-options .notice_delete {
1253 text-decoration:none;
1255 .notice .notice-options .notice_delete {
1258 .notice-options form input.submit {
1263 -moz-border-radius:0;
1264 -webkit-border-radius:0;
1266 .notice-options .form_repeat legend,
1267 .notice-options .form_favor legend,
1268 .notice-options .form_disfavor legend {
1271 .notice-options .form_repeat fieldset,
1272 .notice-options .form_favor fieldset,
1273 .notice-options .form_disfavor fieldset {
1278 .notice-options .repeated {
1283 .notice .attachment {
1287 #attachments .attachment,
1288 .notice .attachment.more {
1291 .notice .attachment img {
1297 #shownotice .notice .attachment img {
1313 #attachments ol li {
1315 list-style-type:decimal;
1321 #jOverlayContent #content,
1322 #jOverlayContent #content_inner {
1323 width: auto !important;
1326 #jOverlayContent #content {
1330 #jOverlayContent .entry-title {
1334 #jOverlayContent button {
1339 #jOverlayContent h1 {
1342 #jOverlayContent #content {
1344 -moz-border-radius:7px;
1345 -webkit-border-radius:7px;
1351 #attachment_view img {
1355 #attachment_view #oembed_info {
1358 #attachment_view #oembed_info dt,
1359 #attachment_view #oembed_info dd {
1362 #attachment_view #oembed_info dt {
1367 #attachment_view #oembed_info dt:after {
1371 #usergroups #new_group {
1375 #new_group, #group_search {
1390 list-style-type:none;
1396 border-left-width:1px;
1397 border-left-style:solid;
1399 #filter_tags #filter_tags_all {
1404 #filter_tags_all a {
1410 #filter_tags_item label {
1413 #filter_tags_item label,
1414 #filter_tags_item select {
1417 #filter_tags_item p {
1422 #filter_tags_item .submit {
1443 list-style-type:none;
1446 .pagination .nav_prev {
1449 .pagination .nav_next {
1455 text-decoration:none;
1460 -moz-border-radius:7px;
1461 -webkit-border-radius:7px;
1465 .pagination .nav_prev a {
1468 .pagination .nav_next a {
1473 .hentry .entry-content p {
1476 .hentry .entry-content ol,
1477 .hentry .entry-content ul {
1480 .hentry .entry-content li {
1483 .hentry .entry-content li li {
1486 .hentry .entry-content .form_settings ul {
1490 #content #plugin_authors {
1504 border-top-width:1px;
1505 border-top-style:dotted;
1508 padding:11px 18px 11px 0;
1511 #content td:last-child {
1518 padding-bottom:11px;
1520 .section .vcard .photo {
1531 .section .notice:first-child {
1535 .section .notice .author {
1538 .section .notice .author .fn {
1544 list-style-type:none;
1549 word-wrap:break-word;
1557 .tag-cloud li:before {
1561 .aside .tag-cloud li {
1565 text-decoration:none;
1567 #tagcloud.section dt {
1568 text-transform:uppercase;
1593 #publictagcloud #tagcloud.section dt {
1597 #form_settings_photo .form_data {
1601 #form_settings_avatar li {
1604 #form_settings_avatar input {
1614 #avatar_preview_view {
1622 #form_settings_avatar .form_actions {
1626 #form_settings_avatar .form_actions {
1630 #settings_design_background-image img {
1635 #settings_design_color .form_data,
1639 #settings_design_color .form_data {
1644 #settings_design_color .form_data li {
1647 #settings_design_color .form_data label {
1651 #settings_design_color .form_data .swatch {
1672 #bookmarklet address {
1675 #bookmarklet .form_notice {
1678 #bookmarklet #wrap {