2 * duepuntozero Frindika style
\r
3 * Fabio Comuni <fabrix.xm@gmail.com>
\r
5 * Heavily modified for Frost Mobile
\r
15 /* overflow-x:hidden;*/
\r
19 font-family: helvetica,arial,freesans,clean,sans-serif;
\r
21 /* line-height: 24px;*/
\r
22 background-color: #ffffff;
\r
23 background-image: url(head.jpg);
\r
24 background-repeat: repeat-x;
\r
40 a, a:visited, a:link { color: #3465a4; text-decoration: none; }
\r
41 a:hover {text-decoration: underline; }
\r
44 border: 1px solid #666666;
\r
45 /* -moz-border-radius: 3px;*/
\r
46 -webkit-border-radius: 3px;
\r
47 border-radius: 3px;
\r
51 img { border :0px; }
\r
53 #id_openid_url, .openid input {
\r
54 background: url(login-bg.gif) no-repeat;
\r
55 background-position: 0 50%;
\r
69 font-family: Courier, monospace;
\r
73 border: 1px solid #444;
\r
81 background-color: #f4f8f9;
\r
82 border-left: 4px solid #dae4ee;
\r
90 .icollapse-wrapper, .ccollapse-wrapper {
\r
91 border: 1px solid #CCC;
\r
95 .hide-comments-outer {
\r
105 background-color: ivory;
\r
106 position: absolute;
\r
110 border: 1px solid #444;
\r
128 margin-bottom: 0px;
\r
130 margin-right: auto;
\r
132 nav #site-location {
\r
135 position: absolute;
\r
141 border: 1px solid #FF8888;
\r
142 background-color: #FFEEEE;
\r
149 border: 1px solid #3465a4;
\r
150 background-color: #d7e3f1;
\r
156 /* display: block;*/
\r
159 position: absolute;
\r
161 nav #banner #logo-text a {
\r
169 nav #banner #logo-text a:hover { text-decoration: none; }
\r
172 /* ZP REMOVE? nav-commlink */
\r
173 .nav-commlink, .nav-login-link {
\r
178 /*padding: 6px 10px;*/
\r
182 border: 1px solid #babdb6;
\r
183 border-bottom: 0px;
\r
184 background-color: #aec0d3;
\r
186 /* -moz-border-radius: 3px 3px 0px 0px;*/
\r
187 -webkit-border-radius: 3px 3px 0px 0px;
\r
188 border-radius: 3px 3px 0px 0px;
\r
191 .nav-commlink.selected {
\r
192 background-color: #ffffff;
\r
193 border-bottom: 1px solid #ffffff;
\r
194 color: #000000 !important;
\r
197 padding-bottom: 8px;
\r
200 .nav-ajax-left.show {
\r
201 position: absolute;
\r
206 border-radius: 4px;
\r
207 /* -moz-border-radius: 4px;*/
\r
208 -webkit-border-radius: 4px;
\r
209 background-color: gold !important;
\r
214 nav #nav-link-wrapper .nav-link {
\r
215 /*border-right: 1px solid #babdb6;*/
\r
220 margin-bottom: 0.2em;
\r
223 background-color: transparent !important;
\r
226 .nav-button-container {
\r
228 position: relative;
\r
231 .nav-button-container .nav-ajax-left {
\r
235 text-align: center;
\r
239 border-left: 1px solid #aaa;/*#444444;*/
\r
240 border-right: 1px solid #aaa;
\r
241 border-top: 1px solid #aaa;
\r
242 border-bottom: 1px solid #aaa;
\r
244 background: #FFFFFF;
\r
250 position: absolute;
\r
255 /* -moz-box-shadow: 3px 3px 5px #555;*/
\r
256 -webkit-box-shadow: 3px 3px 5px #555;
\r
257 box-shadow: 3px 3px 5px #555;
\r
262 #network-menu-list {
\r
266 #contacts-menu-list {
\r
270 #system-menu-list {
\r
275 div.main-container {
\r
279 position: relative;
\r
282 /*div.main-content-loading {
\r
283 position: absolute;
\r
298 margin: 1em 0px 0px 0px;
\r
300 position: absolute;
\r
303 #dfrn-request-link {
\r
306 -webkit-border-radius: 5px ;
\r
307 /* -moz-border-radius: 5px;*/
\r
308 border-radius: 5px;
\r
311 background: #3465a4 url('friendika-16.png') no-repeat 95% center;
\r
313 #wallmessage-link {
\r
316 -webkit-border-radius: 5px ;
\r
317 /* -moz-border-radius: 5px;*/
\r
318 border-radius: 5px;
\r
321 background-color: #3465a4;
\r
325 div.section-wrapper {
\r
330 margin-right: auto;*/
\r
333 /*padding-right:2em;*/
\r
337 background-color: #ffffff;
\r
338 background-image: url(border.jpg);
\r
339 background-position: top right;
\r
340 background-repeat: no-repeat;
\r
344 margin: 0px 0px 0px 0px;
\r
347 padding-right: 5px;
\r
349 padding-bottom: 3em;
\r
351 background-image: url(border.jpg);
\r
352 background-position: top left;
\r
353 background-repeat: no-repeat;
\r
356 border-top: 1px solid #babdb6;
\r
361 /*background-image: url(head.jpg);
\r
362 background-repeat: repeat-x;
\r
363 background-position: 0px -20px;*/
\r
364 border-bottom: 1px solid #babdb6;
\r
367 .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }
\r
369 padding: 0.4em 2em;
\r
370 border: 1px solid #aaa;
\r
371 border-radius: 8px;
\r
372 /* -moz-border-radius: 8px;*/
\r
373 -webkit-border-radius: 8px;
\r
379 padding-right: 0.4em;
\r
380 padding-top: 0.4em;
\r
381 padding-bottom: 0.4em;
\r
382 /*margin-right: 1em;*/
\r
383 margin-right: 3px ;
\r
396 text-align: center;
\r
397 padding-bottom: 1em;
\r
400 .birthday-today, .event-today {
\r
405 background: #FFFFC8;
\r
409 margin: 15px 0 15px 15px;
\r
417 margin-bottom: 15px;
\r
423 #profile-nolocation,
\r
429 #wall-image-upload,
\r
431 #profile-upload-wrapper,
\r
432 #wall-image-upload-div,
\r
433 #wall-file-upload-div,
\r
442 #jot-title, #jot-category {
\r
447 margin-bottom: 5px;
\r
449 border: 1px solid #ffffff;
\r
452 #jot-title::-webkit-input-placeholder{font-weight: normal;}
\r
453 #jot-category::-webkit-input-placeholder{font-weight: normal;}
\r
454 /*#jot-title:-moz-placeholder{font-weight: normal;}
\r
455 #jot-category:-moz-placeholder{font-weight: normal;}*/
\r
460 #jot-category:hover,
\r
461 #jot-category:focus {
\r
462 border: 1px solid #cccccc;
\r
465 .jothidden { display:none; }
\r
468 .fakelink, .fakelink:visited, .fakelink:link {
\r
470 text-decoration: none;
\r
473 margin-bottom: 15px;
\r
480 margin-bottom: 10px;
\r
483 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
\r
485 /* -moz-border-radius: 3px;*/
\r
486 -webkit-border-radius: 3px;
\r
487 border-radius: 3px;
\r
488 border: 1px solid #CCCCCC;
\r
489 background: #F8F8F8;
\r
493 .settings-widget .selected {
\r
495 -moz-border-radius: 3px;
\r
496 -webkit-border-radius: 3px;
\r
497 border-radius: 3px;
\r
498 border: 1px solid #CCCCCC;*/
\r
499 background: #F8F8F8;
\r
505 text-decoration: underline;
\r
513 margin-bottom: 10px;
\r
516 #register-fill-ext {
\r
517 margin-bottom: 25px;
\r
520 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
\r
526 #register-name, #register-email, #register-nickname {
\r
538 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
\r
542 #register-nickname-desc {
\r
546 #register-sitename {
\r
551 #register-submit-button {
\r
562 margin-left: 250px;
\r
565 #login_standard input,
\r
566 #login_openid input {
\r
570 #login-extra-links {
\r
574 #register-link, #lost-password-link {
\r
577 margin-right: 15px;
\r
580 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
\r
584 #login-submit-button {
\r
586 margin-left: 200px;
\r
592 background: url(friendika-16.png) no-repeat;
\r
593 background-position: 2px center;
\r
595 padding-left: 21px;
\r
597 background-color: #FFFFFF;
\r
599 margin-bottom: 20px;
\r
607 #dfrn-request-url-end {
\r
611 #knowyouyes, #knowyouno {
\r
615 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
\r
619 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
\r
623 margin-bottom: 7px;
\r
625 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
\r
630 #dfrn-request-message-wrapper {
\r
631 margin-bottom: 50px;
\r
633 #dfrn-request-submit-wrapper {
\r
638 #dfrn-request-info-wrapper {
\r
644 #cropimage-wrapper, #cropimage-preview-wrapper {
\r
666 margin-bottom: 20px;
\r
681 .intro-approve-form {
\r
684 .intro-approve-as-friend-end {
\r
687 .intro-submit-approve, .intro-submit-ignore {
\r
688 margin-right: 20px;
\r
690 .intro-submit-approve {
\r
694 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
\r
699 .intro-approve-as-friend, .intro-approve-as-fan {
\r
705 .intro-approve-as-friend-desc {
\r
708 .intro-approve-as-end {
\r
710 margin-bottom: 10px;
\r
715 margin-bottom: 30px;
\r
720 #page-profile .title {
\r
723 #profile-vcard-break {
\r
726 #profile-extra-links {
\r
731 #profile-extra-links ul {
\r
732 list-style-type: none;
\r
737 #profile-extra-links li {
\r
741 #profile-edit-links ul {
\r
742 list-style-type: none;
\r
745 #profile-edit-links li {
\r
748 .profile-edit-side-div {
\r
751 .profile-edit-side-link {
\r
753 filter:alpha(opacity=30);
\r
755 .profile-edit-side-link:hover {
\r
757 filter:alpha(opacity=100);
\r
760 .view-contact-wrapper {
\r
774 #view-contact-end {
\r
782 #profile-edit-default-desc {
\r
784 border: 1px solid #FF8888;
\r
785 background-color: #FFEEEE;
\r
789 #profile-edit-clone-link-wrapper {
\r
792 margin-bottom: 20px;
\r
797 #profile-edit-links-end {
\r
799 margin-bottom: 15px;
\r
802 .profile-listing-photo {
\r
806 .profile-edit-submit-wrapper {
\r
808 margin-bottom: 20px;
\r
811 #profile-photo-link-select-wrapper {
\r
815 #profile-photo-submit-wrapper {
\r
819 #profile-photo-wrapper img {
\r
825 #profile-edit-profile-name-label,
\r
826 #profile-edit-name-label,
\r
827 #profile-edit-pdesc-label,
\r
828 #profile-edit-gender-label,
\r
829 #profile-edit-dob-label,
\r
830 #profile-edit-address-label,
\r
831 #profile-edit-locality-label,
\r
832 #profile-edit-region-label,
\r
833 #profile-edit-postal-code-label,
\r
834 #profile-edit-country-name-label,
\r
835 #profile-edit-marital-label,
\r
836 #profile-edit-sexual-label,
\r
837 #profile-edit-politic-label,
\r
838 #profile-edit-religion-label,
\r
839 #profile-edit-pubkeywords-label,
\r
840 #profile-edit-prvkeywords-label,
\r
841 #profile-edit-homepage-label,
\r
842 #profile-edit-hometown-label {
\r
848 #profile-edit-profile-name,
\r
849 #profile-edit-name,
\r
850 #profile-edit-pdesc,
\r
853 #profile-edit-address,
\r
854 #profile-edit-locality,
\r
855 #profile-edit-region,
\r
856 #profile-edit-postal-code,
\r
857 #profile-edit-country-name,
\r
860 #profile-edit-politic,
\r
861 #profile-edit-religion,
\r
862 #profile-edit-pubkeywords,
\r
863 #profile-edit-prvkeywords,
\r
864 #profile-in-dir-yes,
\r
865 #profile-in-dir-no,
\r
866 #profile-in-netdir-yes,
\r
867 #profile-in-netdir-no,
\r
873 margin-bottom: 20px;
\r
876 #profile-edit-country-name {
\r
879 #profile-edit-pubkeywords,
\r
880 #profile-edit-prvkeywords {
\r
881 margin-bottom: 5px;
\r
885 #settings-freelove,
\r
886 #settings-community {
\r
889 #settings-notifications label {
\r
892 #settings-notify-desc, #settings-activity-desc {
\r
894 margin-bottom: 15px;
\r
896 #settings-pagetype-desc {
\r
898 margin-bottom: 15px;
\r
901 #profile-in-dir-yes-label,
\r
902 #profile-in-dir-no-label,
\r
903 #profile-in-netdir-yes-label,
\r
904 #profile-in-netdir-no-label,
\r
905 #hide-wall-yes-label,
\r
906 #hide-wall-no-label,
\r
907 #hide-friends-yes-label,
\r
908 #hide-friends-no-label {
\r
909 margin-left: 125px;
\r
915 #profile-edit-howlong-label,
\r
916 #profile-edit-with-label {
\r
918 font-style: italic;
\r
922 #profile-edit-howlong,
\r
923 #profile-edit-with {
\r
925 margin-bottom: 20px;
\r
928 #profile-publish-yes-reg,
\r
929 #profile-publish-no-reg {
\r
931 margin-bottom: 10px;
\r
934 #profile-publish-yes-label-reg,
\r
935 #profile-publish-no-label-reg {
\r
936 margin-left: 350px;
\r
941 #profile-publish-break-reg,
\r
942 #profile-publish-end-reg {
\r
947 #profile-edit-pdesc-desc,
\r
948 #profile-edit-pubkeywords-desc,
\r
949 #profile-edit-prvkeywords-desc {
\r
953 margin-bottom: 20px;
\r
955 #profile-edit-prvkeywords-desc {
\r
956 margin-bottom: 0px;
\r
959 #profile-edit-homepage, #profile-edit-hometown {
\r
961 margin-bottom: 25px;
\r
964 #profile-edit-hometown {
\r
965 margin-bottom: 5px;
\r
967 #settings-normal-label,
\r
968 #settings-soapbox-label,
\r
969 #settings-community-label,
\r
970 #settings-freelove-label {
\r
974 #settings-normal-desc,
\r
975 #settings-soapbox-desc,
\r
976 #settings-community-desc,
\r
977 #settings-freelove-desc {
\r
979 margin-left: 75px;*/
\r
983 margin-bottom: 20px
\r
986 #profile-edit-profile-name-end,
\r
987 #profile-edit-name-end,
\r
988 #profile-edit-pdesc-end,
\r
989 #profile-edit-gender-end,
\r
990 #profile-edit-dob-end,
\r
991 #profile-edit-address-end,
\r
992 #profile-edit-locality-end,
\r
993 #profile-edit-region-end,
\r
994 #profile-edit-postal-code-end,
\r
995 #profile-edit-country-name-end,
\r
996 #profile-edit-marital-end,
\r
997 #profile-edit-sexual-end,
\r
998 #profile-edit-politic-end,
\r
999 #profile-edit-religion-end,
\r
1000 #profile-edit-pubkeywords-end,
\r
1001 #profile-edit-prvkeywords-end,
\r
1002 #profile-edit-homepage-end,
\r
1003 #profile-edit-hometown-end,
\r
1004 #profile-in-dir-break,
\r
1005 #profile-in-dir-end,
\r
1006 #profile-in-netdir-break,
\r
1007 #profile-in-netdir-end,
\r
1010 #hide-friends-break,
\r
1011 #hide-friends-end,
\r
1012 #settings-normal-break,
\r
1013 #settings-soapbox-break,
\r
1014 #settings-community-break,
\r
1015 #settings-freelove-break {
\r
1018 #profile-edit-marital-wrapper, #profile-edit-address-wrapper {
\r
1021 #profile-edit-marital-end {
\r
1022 margin-bottom: 20px;
\r
1026 #id_mobile_theme {
\r
1029 /*.settings-widget ul {
\r
1030 list-style-type: none;
\r
1034 .settings-widget li {
\r
1035 margin-left: 24px;
\r
1036 margin-bottom: 8px;
\r
1040 #gender-select, #marital-select, #sexual-select {
\r
1044 #profile-edit-profile-name-wrapper .required {
\r
1049 #contacts-search-submit {
\r
1051 padding: 5px 10px;
\r
1054 #contacts-display-wrapper {
\r
1055 padding-left: 35px;
\r
1060 margin-bottom: 20px;
\r
1063 .contact-entry-wrapper {
\r
1067 padding-left: 15px;
\r
1068 padding-right: 15px;
\r
1072 #contacts-search-end {
\r
1073 margin-bottom: 10px;
\r
1076 .contact-entry-direction-icon {
\r
1078 margin-right: 2px;
\r
1081 .contact-entry-photo img {
\r
1084 .contact-entry-photo-end {
\r
1087 .contact-entry-name {
\r
1090 margin-right: 10px;
\r
1091 padding-bottom: 5px;
\r
1096 .contact-entry-details {
\r
1097 font-style: italic;
\r
1101 .contact-entry-network {
\r
1105 .contact-entry-edit-links {
\r
1107 margin-left: 10px;
\r
1110 .contact-entry-nav-wrapper {
\r
1112 margin-left: 10px;
\r
1115 .contact-entry-edit-links img {
\r
1117 margin-right: 15px;
\r
1119 .contact-entry-photo {
\r
1121 position: relative;
\r
1123 .contact-entry-end {
\r
1127 #fsuggest-desc, #fsuggest-submit-wrapper {
\r
1129 margin-bottom: 15px;
\r
1132 #network-star-link{
\r
1137 margin-right: 5px;
\r
1139 #network-bmark-link {
\r
1143 .wall-item-content-wrapper {
\r
1145 padding-top: 30px;
\r
1146 border-top: 2px solid #AAAAAA;
\r
1147 position: relative;
\r
1151 .wall-item-content-wrapper.comment {
\r
1155 margin-right: 5px;
\r
1156 border: 2px solid #AAAAAA;
\r
1157 border-radius: 10px;
\r
1158 -webkit-border-radius: 10px;
\r
1159 /* -moz-border-radius: 10px;*/
\r
1160 /* background: #EEEEEE;*/
\r
1163 .wall-item-like, .wall-item-dislike {
\r
1164 font-style: italic;
\r
1169 .wall-item-like.comment, .wall-item-dislike.comment {
\r
1177 margin-right:10px;
\r
1179 .comment .wall-item-info {
\r
1183 .wall-item-photo-wrapper {
\r
1184 margin-bottom: 10px;
\r
1187 .wall-item-photo-menu-button {
\r
1189 position: absolute;
\r
1190 background-image: url("photo-menu.jpg");
\r
1191 background-position: top left;
\r
1192 background-repeat: no-repeat;
\r
1193 margin: 0px; padding: 0px;
\r
1196 top: 94px; left:0px;
\r
1198 text-indent: 40px;
\r
1202 .wall-item-photo-menu {
\r
1204 border: 2px solid #444444;
\r
1205 background: #FFFFFF;
\r
1206 position: absolute;
\r
1207 left: 0px; top:110px;
\r
1209 /* z-index: 10000;*/
\r
1211 .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }
\r
1212 .wall-item-photo-menu li a { display: block; padding: 2px; }
\r
1213 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
\r
1216 .comment .wall-item-photo-menu-button { top: 64px;}
\r
1217 .comment .wall-item-photo-menu { top: 80px; }
\r
1222 position: absolute;
\r
1226 .wallwall .wwto img {
\r
1227 width: 30px !important;
\r
1228 height: 30px !important;
\r
1231 .wallwall /*.wall-item-photo-end*/ {
\r
1235 .wall-item-arrowphoto-wrapper {
\r
1236 position: absolute;
\r
1239 /* z-index: 100;*/
\r
1241 .wall-item-wrapper {
\r
1247 position: absolute;
\r
1250 .comment .wall-item-lock {
\r
1260 .wall-item-location {
\r
1262 /* add ellipsis on text overflow */
\r
1263 /* this work on safari, opera, ie, chrome. */
\r
1264 /* firefox users have to wait support or we */
\r
1265 /* can use a jquery plugin http://bit.ly/zJskg */
\r
1266 text-overflow: ellipsis;
\r
1267 -o-text-overflow: ellipsis;
\r
1271 .wall-item-like-buttons {
\r
1273 margin-right: 3px;
\r
1280 .wall-item-like-buttons > a,
\r
1281 .wall-item-like-buttons > img {
\r
1285 .wall-item-like-buttons img {
\r
1289 .wall-item-share-buttons {
\r
1290 margin-left: 10px;
\r
1291 margin-right: 10px;
\r
1295 margin-left: 10px;
\r
1299 margin-left: 10px;
\r
1303 margin-left: 10px;
\r
1308 margin-left: 10px;
\r
1312 .wall-item-links-wrapper {
\r
1316 .wall-item-delete-wrapper {
\r
1320 /*.wall-item-delete-end {
\r
1324 .wall-item-delete-icon {
\r
1329 /*.wall-item-wrapper-end {
\r
1332 .wall-item-name-link {
\r
1333 font-weight: bold;
\r
1334 text-decoration: none;
\r
1337 .wall-item-photo {
\r
1340 .comment .wall-item-photo {
\r
1341 width: 50px !important;
\r
1342 height: 50px !important;
\r
1343 border-top-left-radius: 10px;
\r
1345 .wall-item-content {
\r
1348 /* padding-right: 1em;
\r
1349 max-height: 500px;
\r
1353 .wall-item-content img {
\r
1356 margin-right: auto;
\r
1357 margin-left: auto;
\r
1359 border-radius: 7px;
\r
1360 /* -moz-border-radius: 7px;*/
\r
1361 -webkit-border-radius: 7px;
\r
1364 .wall-item-content img.smiley {
\r
1368 -webkit-border-radius: 0;
\r
1371 .comment .wall-item-content img {
\r
1375 .divgrow-showmore {
\r
1378 text-align: center;
\r
1380 border-top: 1px dotted #888;
\r
1384 .wall-item-title {
\r
1386 font-weight: bold;
\r
1387 font-size: 1.6em;
\r
1391 /*.wall-item-title-end {
\r
1396 text-align: justify;
\r
1398 /* width: 300px;*/
\r
1401 padding-right: 1em;
\r
1402 line-height: 23px;
\r
1405 .wall-item-body iframe {
\r
1408 margin-top: 1.5em;
\r
1409 margin-bottom: 1.5em;
\r
1412 .wall-item-body code {
\r
1417 .comment .wall-item-body {
\r
1419 padding-right: 0.5em;
\r
1420 /* width: 280px;*/
\r
1423 .comment .wall-item-body blockquote {
\r
1425 margin-right: 0px;
\r
1429 .wall-item-tools {
\r
1431 /* background-image: url("head.jpg");
\r
1432 background-position: 0 -20px;
\r
1433 background-repeat: repeat-x;*/
\r
1434 padding: 5px 5px 0px;
\r
1438 .wall-item-author {
\r
1439 /* margin-top: 10px;*/
\r
1443 .comment .wall-item-tools {
\r
1444 /* background:none;*/
\r
1445 /* background-image: url("head.jpg");
\r
1446 background-position: 0 -20px;
\r
1447 background-repeat: repeat-x;*/
\r
1448 border-bottom-left-radius: 10px;
\r
1449 border-bottom-right-radius: 10px;
\r
1453 .comment-edit-wrapper {
\r
1455 background: #f3f3f3;
\r
1456 margin-left: 50px;
\r
1459 .comment-wwedit-wrapper {
\r
1462 background: #f3f3f3;
\r
1463 margin-left: 10px;
\r
1464 margin-right: 10px;
\r
1467 .comment-wwedit-wrapper.comment {
\r
1468 margin-left: 40px;
\r
1469 margin-right: 40px;
\r
1470 border-radius: 10px;
\r
1474 .comment-edit-photo {
\r
1476 margin-left: 10px;
\r
1477 margin-bottom: 10px;
\r
1481 .comment-edit-photo img {
\r
1484 .comment-edit-text-empty, .comment-edit-text-full {
\r
1486 /* -moz-border-radius: 3px;*/
\r
1487 -webkit-border-radius: 3px;
\r
1488 border-radius: 3px;
\r
1489 border: 1px solid #cccccc;
\r
1490 padding: 3px 1px 1px 3px;
\r
1493 .comment-edit-text-empty {
\r
1497 /* overflow: auto;*/
\r
1499 margin-bottom: 10px;
\r
1500 margin-left: 20px;
\r
1503 .comment-edit-text-full {
\r
1510 margin-left: 20px;
\r
1513 .comment .comment-edit-text-empty {
\r
1516 .comment .comment-edit-text-full {
\r
1517 margin-left: 10px;
\r
1522 .comment-edit-text-end {
\r
1526 .comment-edit-submit {
\r
1528 padding: 5px 10px;
\r
1529 margin: 10px 0px 10px 110px;
\r
1532 #profile-jot-wrapper {
\r
1533 padding-left: 10px;
\r
1536 #profile-jot-plugin-wrapper,
\r
1537 #profile-jot-submit-wrapper {
\r
1541 #profile-jot-submit {
\r
1546 #profile-upload-wrapper {
\r
1548 margin-left: 30px;
\r
1550 #profile-attach-wrapper {
\r
1552 margin-left: 15px;
\r
1554 #profile-rotator {
\r
1556 margin-left: 30px;
\r
1558 #profile-link-wrapper {
\r
1560 margin-left: 15px;
\r
1562 #profile-youtube-wrapper {
\r
1564 margin-left: 15px;
\r
1566 #profile-video-wrapper {
\r
1568 margin-left: 15px;
\r
1570 #profile-audio-wrapper {
\r
1572 margin-left: 15px;
\r
1574 #profile-location-wrapper {
\r
1576 margin-left: 15px;
\r
1578 #jot-preview-link {
\r
1581 margin-left: 45px;
\r
1582 margin-top: 0px !important;
\r
1586 #profile-nolocation-wrapper {
\r
1588 margin-left: 15px;
\r
1590 #profile-title-wrapper {
\r
1592 margin-left: 15px;
\r
1595 #profile-jot-perms {
\r
1597 margin-left: 40px;
\r
1598 font-weight: bold;
\r
1603 #profile-jot-perms-end {
\r
1608 #profile-jot-plugin-end{
\r
1611 .profile-jot-net {
\r
1613 margin-right: 10px;
\r
1615 margin-bottom: 5px;
\r
1618 #profile-jot-networks-end {
\r
1622 .profile-jot-box {
\r
1625 .profile-edit-textarea {
\r
1626 margin-left: 20px;
\r
1629 #profile-jot-end {
\r
1631 margin-bottom: 30px;
\r
1633 #about-jot-submit-wrapper {
\r
1637 margin-bottom: 30px;
\r
1640 margin-bottom: 30px;
\r
1643 #profile-listing-desc {
\r
1644 margin-left: 30px;
\r
1647 #profile-listing-new-link-wrapper {
\r
1648 margin-left: 30px;
\r
1649 margin-bottom: 30px;
\r
1651 .profile-listing-photo-wrapper {
\r
1655 .profile-listing-edit-buttons-wrapper {
\r
1658 .profile-listing-photo-edit-link {
\r
1662 .profile-listing-end {
\r
1665 .profile-listing-edit-buttons-wrapper img{
\r
1667 margin-right: 20px;
\r
1669 .profile-listing {
\r
1671 margin-left: 30px;
\r
1674 .profile-listing-visible {
\r
1675 margin-left: 100px;
\r
1677 .profile-listing-name {
\r
1679 margin-left: 12px;
\r
1682 font-weight: bold;
\r
1689 font-weight: bold;
\r
1690 margin-bottom: 20px;
\r
1698 text-align: center;
\r
1700 .directory-photo {
\r
1701 margin-left: 15px;
\r
1703 .directory-details {
\r
1705 text-align: center;
\r
1707 margin-right: 5px;
\r
1713 padding-left: 15px;
\r
1719 #directory-search-wrapper {
\r
1721 margin-right: 20px;
\r
1722 margin-bottom: 50px;
\r
1725 #directory-search-end {
\r
1728 .directory-photo-img {
\r
1736 margin-right: auto;
\r
1737 margin-left: auto;
\r
1739 padding-top: 10px;
\r
1740 padding-bottom: 10px;
\r
1741 padding-left: 10px;
\r
1742 text-align: center;
\r
1743 /* line-height: 2.75em;*/
\r
1748 padding: 0.2em 1em;
\r
1749 border: 1px solid #aaa;
\r
1750 border-radius: 10px;
\r
1751 /* -moz-border-radius: 10px;*/
\r
1752 -webkit-border-radius: 10px;
\r
1762 border: 1px solid black;
\r
1763 border-radius: 7px;
\r
1765 text-align: center;
\r
1767 margin-right: 5px;
\r
1768 margin-bottom: 10px;*/
\r
1770 /* margin-right: 15px;
\r
1771 margin-left: 15px;*/
\r
1785 padding-bottom: 5px;
\r
1786 padding-left: 25px;
\r
1787 padding-right: 30px;
\r
1789 border: 2px solid #AAAAAA;
\r
1790 border-radius: 10px;
\r
1791 -moz-border-radius: 10px;
\r
1792 -webkit-border-radius: 10px;
\r
1793 font-size: 1.25em;
\r
1794 text-align: center;
\r
1795 text-decoration: none;
\r
1799 padding-bottom: 2px;
\r
1800 padding-left: 9px;
\r
1801 padding-right: 18px;
\r
1802 text-decoration: none;
\r
1808 padding: 0.2em 1em;
\r
1809 border: 1px solid #aaa;
\r
1810 border-radius: 10px;
\r
1811 /* -moz-border-radius: 10px;*/
\r
1812 -webkit-border-radius: 10px;
\r
1818 border: 1px solid black;
\r
1819 border-radius: 7px;
\r
1820 /* -moz-border-radius: 7px;*/
\r
1821 -webkit-border-radius: 7px;
\r
1822 background: #FFCCCC;
\r
1823 font-size: 1.25em;
\r
1824 text-align: center;
\r
1826 margin-right: 5px;
\r
1827 margin-bottom: 10px;
\r
1831 #advanced-profile-name-wrapper,
\r
1832 #advanced-profile-gender-wrapper,
\r
1833 #advanced-profile-dob-wrapper,
\r
1834 #advanced-profile-age-wrapper,
\r
1835 #advanced-profile-marital-wrapper,
\r
1836 #advanced-profile-sexual-wrapper,
\r
1837 #advanced-profile-homepage-wrapper,
\r
1838 #advanced-profile-politic-wrapper,
\r
1839 #advanced-profile-religion-wrapper,
\r
1840 #advanced-profile-about-wrapper,
\r
1841 #advanced-profile-interest-wrapper,
\r
1842 #advanced-profile-contact-wrapper,
\r
1843 #advanced-profile-music-wrapper,
\r
1844 #advanced-profile-book-wrapper,
\r
1845 #advanced-profile-tv-wrapper,
\r
1846 #advanced-profile-film-wrapper,
\r
1847 #advanced-profile-romance-wrapper,
\r
1848 #advanced-profile-work-wrapper,
\r
1849 #advanced-profile-education-wrapper {
\r
1853 #advanced-profile-name-text,
\r
1854 #advanced-profile-gender-text,
\r
1855 #advanced-profile-dob-text,
\r
1856 #advanced-profile-age-text,
\r
1857 #advanced-profile-marital-text,
\r
1858 #advanced-profile-sexual-text,
\r
1859 #advanced-profile-homepage-text,
\r
1860 #advanced-profile-politic-text,
\r
1861 #advanced-profile-religion-text,
\r
1862 #advanced-profile-about-text,
\r
1863 #advanced-profile-interest-text,
\r
1864 #advanced-profile-contact-text,
\r
1865 #advanced-profile-music-text,
\r
1866 #advanced-profile-book-text,
\r
1867 #advanced-profile-tv-text,
\r
1868 #advanced-profile-film-text,
\r
1869 #advanced-profile-romance-text,
\r
1870 #advanced-profile-work-text,
\r
1871 #advanced-profile-education-text {
\r
1876 #advanced-profile-name-end,
\r
1877 #advanced-profile-gender-end,
\r
1878 #advanced-profile-dob-end,
\r
1879 #advanced-profile-age-end,
\r
1880 #advanced-profile-marital-end,
\r
1881 #advanced-profile-sexual-end,
\r
1882 #advanced-profile-homepage-end,
\r
1883 #advanced-profile-politic-end,
\r
1884 #advanced-profile-religion-end {
\r
1888 #advanced-profile-about-end,
\r
1889 #advanced-profile-interest-end,
\r
1890 #advanced-profile-contact-end,
\r
1891 #advanced-profile-music-end,
\r
1892 #advanced-profile-book-end,
\r
1893 #advanced-profile-tv-end,
\r
1894 #advanced-profile-film-end,
\r
1895 #advanced-profile-romance-end,
\r
1896 #advanced-profile-work-end,
\r
1897 #advanced-profile-education-end {
\r
1902 #advanced-profile-name,
\r
1903 #advanced-profile-gender,
\r
1904 #advanced-profile-dob,
\r
1905 #advanced-profile-age,
\r
1906 #advanced-profile-marital,
\r
1907 #advanced-profile-sexual,
\r
1908 #advanced-profile-homepage,
\r
1909 #advanced-profile-politic,
\r
1910 #advanced-profile-religion {
\r
1916 #advanced-profile-about,
\r
1917 #advanced-profile-interest,
\r
1918 #advanced-profile-contact,
\r
1919 #advanced-profile-music,
\r
1920 #advanced-profile-book,
\r
1921 #advanced-profile-tv,
\r
1922 #advanced-profile-film,
\r
1923 #advanced-profile-romance,
\r
1924 #advanced-profile-work,
\r
1925 #advanced-profile-education {
\r
1927 margin-left: 50px;
\r
1928 margin-right: 20px;
\r
1930 border: 1px solid #CCCCCC;
\r
1933 #advanced-profile-with {
\r
1935 margin-left: 15px;
\r
1938 #contact-edit-wrapper {
\r
1942 #contact-edit-banner-name {
\r
1944 font-weight: bold;
\r
1947 #contact-edit-poll-wrapper {
\r
1951 #contact-edit-last-update-text {
\r
1957 #contact-edit-poll-text {
\r
1961 margin-bottom: 0px;
\r
1964 #contact-edit-update-now {
\r
1968 #contact-edit-links{
\r
1972 #contact-edit-links ul {
\r
1974 list-style-type: none;
\r
1976 padding-left: 0px;
\r
1979 #contact-edit-links li {
\r
1983 #contact-edit-drop-link {
\r
1985 margin-right: 10px;
\r
1988 #contact-edit-nav-end {
\r
1992 #contact-edit-wrapper {
\r
1996 #update_now_link {
\r
1999 margin-bottom: 20px;
\r
2002 #label_id_hidden, #id_hidden {
\r
2009 #contact-edit-end {
\r
2014 #contact-profile-selector {
\r
2019 .contact-edit-submit {
\r
2021 padding: 0.2em 0.5em;
\r
2026 .contact-photo-menu-button {
\r
2027 /* position: absolute;
\r
2028 background-image: url("photo-menu.jpg");
\r
2029 background-position: top left;
\r
2030 background-repeat: no-repeat;
\r
2031 margin: 0px; padding: 0px;
\r
2034 top: 64px; left:0px;
\r
2036 text-indent: 40px;
\r
2040 .contact-photo-menu {
\r
2042 border: 1px solid #AAA;
\r
2043 background: #FFFFFF;
\r
2044 position: absolute;
\r
2045 left: -30px; top: 80px;
\r
2048 /* -moz-box-shadow: 3px 3px 5px #555;*/
\r
2049 -webkit-box-shadow: 3px 3px 5px #555;
\r
2050 box-shadow: 3px 3px 5px #555;
\r
2052 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
\r
2053 .contact-photo-menu li a { display: block; padding: 2px; }
\r
2054 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
\r
2057 #block-message, #ignore-message, #archive-message, #lost-contact-message {
\r
2061 #profile-edit-insecure {
\r
2065 border: 1px solid #FF8888;
\r
2066 background-color: #FFEEEE;
\r
2067 padding-left: 5px;
\r
2068 /*: 3px 3px 3px 5px; */
\r
2072 #profile-jot-desc {
\r
2077 margin-bottom: 10px;
\r
2080 #profile-jot-text {
\r
2084 border: 1px solid #cccccc;
\r
2085 padding: 3px 0px 0px 5px;
\r
2086 /* -moz-border-radius: 3px;*/
\r
2087 -webkit-border-radius: 3px;
\r
2088 border-radius: 3px;
\r
2093 #photo-edit-perms-select,
\r
2094 #photos-upload-permissions-wrapper,
\r
2095 #profile-jot-acl-wrapper{
\r
2096 display:block!important;
\r
2099 #photos-usage-message {
\r
2100 margin-bottom: 15px;
\r
2103 #profile-jot-acl-wrapper{
\r
2105 padding-left:10px;
\r
2117 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
\r
2118 padding-right:20px;
\r
2125 background-color: #cccccc;
\r
2126 background-image: url("../../../images/show_all_off.png");
\r
2127 background-position: 7px 7px;
\r
2128 background-repeat: no-repeat;
\r
2129 padding: 7px 5px 0px 30px;
\r
2130 -webkit-border-radius: 5px ;
\r
2131 /* -moz-border-radius: 5px;*/
\r
2132 border-radius: 5px;
\r
2135 #acl-showall.selected {
\r
2137 background-color: #ff9900;
\r
2138 background-image: url("../../../images/show_all_on.png");
\r
2142 /* height: 210px;*/
\r
2143 border: 1px solid #cccccc;
\r
2146 overflow: visible;
\r
2148 #acl-list-content {
\r
2155 border: 1px solid #cccccc;
\r
2156 /* -moz-border-radius: 4px;*/
\r
2157 -webkit-border-radius: 4px;
\r
2158 border-radius: 4px;
\r
2160 margin-bottom: 5px;
\r
2161 margin-right: 2px;
\r
2163 padding-left: 5px;
\r
2166 .acl-list-item img{
\r
2173 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
\r
2174 .acl-list-item a {
\r
2181 background-color: #cccccc;
\r
2182 background-position: 3px 3px;
\r
2183 background-repeat: no-repeat;
\r
2184 margin-right: 5px;
\r
2185 -webkit-border-radius: 2px ;
\r
2186 /* -moz-border-radius: 2px;*/
\r
2187 border-radius: 2px;
\r
2188 padding-left: 15px;
\r
2190 #acl-wrapper a:hover {
\r
2191 text-decoration: none;
\r
2194 .acl-button-show { background-image: url("../../../images/show_off.png"); }
\r
2195 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
\r
2197 .acl-button-show.selected {
\r
2199 background-color: #9ade00;
\r
2200 background-image: url("../../../images/show_on.png");
\r
2202 .acl-button-hide.selected {
\r
2204 background-color: #ff4141;
\r
2205 background-image: url("../../../images/hide_on.png");
\r
2207 .acl-list-item.groupshow { border-color: #9ade00; }
\r
2208 .acl-list-item.grouphide { border-color: #ff4141; }
\r
2212 #group-new-submit-wrapper {
\r
2216 #group-edit-name-label {
\r
2220 margin-bottom: 20px;
\r
2223 #group-edit-name {
\r
2227 margin-bottom: 20px;
\r
2230 #group-edit-name-wrapper {
\r
2236 #group_members_select_label {
\r
2242 .group_members_select {
\r
2248 #group_members_select_end {
\r
2251 #group-edit-name-end {
\r
2255 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
\r
2256 margin-bottom: 10px;
\r
2263 padding: 0.25em 0.5em;
\r
2265 margin-right: 30px;
\r
2267 #prvmail-upload-wrapper,
\r
2268 #prvmail-link-wrapper,
\r
2269 #prvmail-rotator-wrapper {
\r
2272 margin-right: 10px;
\r
2280 .mail-list-sender,
\r
2281 .mail-list-detail {
\r
2284 .mail-list-detail {
\r
2285 margin-left: 20px;
\r
2288 .mail-list-subject {
\r
2292 a.mail-list-link {
\r
2299 *a.mail-list-link:hover {
\r
2300 * background-color: #15607B;
\r
2305 .mail-list-outside-wrapper-end {
\r
2309 .mail-list-outside-wrapper {
\r
2313 .mail-list-delete-wrapper {
\r
2315 margin-right: 30px;
\r
2319 .mail-list-delete-icon {
\r
2323 .mail-conv-sender,
\r
2324 .mail-conv-detail {
\r
2327 .mail-conv-detail {
\r
2328 margin-left: 20px;
\r
2329 margin-bottom: 10px;
\r
2333 .mail-conv-subject {
\r
2339 padding-top: 20px;
\r
2343 .mail-conv-outside-wrapper-end {
\r
2347 .mail-conv-outside-wrapper {
\r
2351 .mail-conv-delete-wrapper {
\r
2353 padding-bottom: 0.5em;
\r
2354 margin-right: 5px;
\r
2357 .mail-conv-break {
\r
2361 .mail-conv-delete-icon {
\r
2365 .message-links ul {
\r
2366 list-style-type: none;
\r
2370 .message-links li {
\r
2374 .message-links a {
\r
2378 .message-links-end {
\r
2382 #sidebar-group-list ul {
\r
2383 list-style-type: none;
\r
2386 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
\r
2387 display: inline-block;
\r
2392 #sidebar-group-list li {
\r
2396 .nets-ul, .fileas-ul, .categories-ul {
\r
2397 list-style-type: none;
\r
2400 .nets-ul li, .fileas-ul li, .categories-ul li {
\r
2405 margin-left: 24px;
\r
2408 margin-left: 42px;
\r
2411 .fileas-link, .categories-link {
\r
2412 margin-left: 24px;
\r
2415 .fileas-all, .categories-all {
\r
2423 margin-right: 10px;
\r
2425 #saved-search-ul {
\r
2426 list-style-type: none;
\r
2428 .savedsearchdrop, .savedsearchterm {
\r
2432 .savedsearchterm {
\r
2433 margin-left: 10px;
\r
2437 #side-follow-wrapper {
\r
2440 #side-follow-url, #side-peoplefind-url {
\r
2443 #side-follow-submit, #side-peoplefind-submit {
\r
2445 padding: 5px 10px;
\r
2446 margin: 10px 0px 10px 10px;
\r
2449 #side-match-link {
\r
2453 aside input[type='text'] {
\r
2458 border: 1px solid #DDDDDD;
\r
2461 /* -moz-border-radius:5px;*/
\r
2462 -webkit-border-radius:5px;
\r
2463 border-radius:5px;
\r
2475 margin-bottom: 25px;
\r
2478 .photo-album-image-wrapper {
\r
2481 margin-right: 15px;
\r
2482 margin-left: 15px;
\r
2483 /* width: 200px; height: 200px;
\r
2484 overflow: hidden;
\r
2485 position: relative; */
\r
2487 .photo-album-image-wrapper .caption {
\r
2490 /* position: absolute; */
\r
2492 padding: 0.5em 0.5em 0px 0.5em;
\r
2493 background-color: rgba(245, 245, 255, 0.8);
\r
2494 border-bottom: 2px solid #CCC;
\r
2497 .photo-album-image-wrapper a:hover .caption {
\r
2501 #photo-album-end {
\r
2503 margin-bottom: 25px;
\r
2506 .photo-top-image-wrapper {
\r
2507 /* position: relative; */
\r
2510 margin-right: 15px;
\r
2511 margin-left: 15px;
\r
2512 margin-bottom: 15px;
\r
2513 /* width: 200px; height: 200px;
\r
2514 overflow: hidden; */
\r
2516 .photo-top-image-wrapper img {
\r
2518 border-radius: 10px;
\r
2519 /* -moz-border-radius: 10px;*/
\r
2520 -webkit-border-radius: 10px;
\r
2522 .photo-top-album-name {
\r
2525 /* position: absolute; */
\r
2528 padding-top: 0.5em;
\r
2529 background-color: rgb(255, 255, 255);
\r
2535 #photo-top-links {
\r
2536 margin-bottom: 30px;
\r
2537 margin-left: 30px;
\r
2540 #photos-upload-newalbum-div {
\r
2545 #photos-upload-noshare {
\r
2546 margin-bottom: 10px;
\r
2548 #photos-upload-existing-album-text {
\r
2552 #photos-upload-newalbum {
\r
2555 #photos-upload-album-select {
\r
2559 #photos-upload-spacer {
\r
2562 #photos-upload-new-end, #photos-upload-exist-end {
\r
2565 #photos-upload-exist-end {
\r
2566 margin-bottom: 15px;
\r
2568 #photos-upload-submit {
\r
2572 #photos_upload_applet_wrapper {
\r
2573 margin-bottom: 15px;
\r
2576 #photos-upload-no-java-message {
\r
2577 margin-bottom: 15px;
\r
2580 #character-counter {
\r
2585 #character-counter.grey {
\r
2589 #character-counter.orange {
\r
2592 #character-counter.red {
\r
2596 #profile-jot-banner-end {
\r
2597 /* clear: both; */
\r
2600 #photos-upload-select-files-text {
\r
2602 margin-bottom: 15px;
\r
2605 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
\r
2607 text-decoration: none;
\r
2611 #photos-upload-perms-menu {
\r
2612 margin-left: 15px;
\r
2615 #photos-upload-perms-menu:hover {
\r
2617 text-decoration: underline;
\r
2620 #settings-default-perms-menu {
\r
2622 margin-bottom: 15px;
\r
2625 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
\r
2630 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
\r
2634 #photos-upload-noshare-div {
\r
2635 margin-top: 140px;
\r
2636 margin-bottom: 15px;
\r
2639 #photos-upload-noshare-label {
\r
2640 margin-left: 25px;
\r
2643 #photos-upload-noshare {
\r
2647 .photo-perms-icon {
\r
2651 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
\r
2652 text-decoration: none;
\r
2655 .photo-jot-perms-text {
\r
2657 padding-left: 40px;
\r
2660 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {
\r
2663 #photos-upload-perms {
\r
2668 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {
\r
2670 margin-left: 20px;
\r
2673 #advanced-expire-popup {
\r
2674 padding-left: 1em;
\r
2676 border: 1px solid #aaa;
\r
2677 border-radius: 10px;
\r
2678 /* -moz-border-radius: 10px;*/
\r
2679 -webkit-border-radius: 10px;
\r
2682 #photo-edit-perms-end {
\r
2683 margin-bottom: 15px;
\r
2686 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
\r
2688 margin-bottom: 25px;
\r
2691 .photo-edit-rotate {
\r
2693 margin-left: 20px;
\r
2695 #photo-edit-link-wrap {
\r
2696 margin-bottom: 15px;
\r
2699 margin-left: 15px;
\r
2700 margin-bottom: 65px;
\r
2703 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
\r
2707 #photo-edit-rotate-end {
\r
2708 margin-bottom: 15px;
\r
2711 #photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {
\r
2713 padding: 0.25em 0.5em;
\r
2716 #photo-edit-submit-button {
\r
2717 margin-left: 10px;
\r
2719 #photo-edit-delete-button {
\r
2720 margin-left: 45px;
\r
2722 #photos-upload-choose {
\r
2723 position: absolute;
\r
2727 #photos-upload-submit {
\r
2729 margin-left: 100px;
\r
2730 margin-bottom: 20px;
\r
2732 .settings-submit, .profile-edit-submit-button {
\r
2733 padding: 0.25em 0.5em;
\r
2734 margin-bottom: 10px;
\r
2738 margin-bottom: 35px;
\r
2742 font-weight: bold;
\r
2744 margin-bottom: 15px;
\r
2747 #in-this-photo-text {
\r
2749 margin-left: 30px;
\r
2753 margin-left: 60px;
\r
2755 margin-bottom: 20px;
\r
2758 #photo-album-edit-submit, #photo-album-edit-drop {
\r
2760 margin-bottom: 15px;
\r
2763 #photo-album-edit-drop {
\r
2764 margin-left: 200px;
\r
2767 .group-delete-wrapper {
\r
2769 margin-right: 50px;
\r
2772 #install-dbhost-label,
\r
2773 #install-dbuser-label,
\r
2774 #install-dbpass-label,
\r
2775 #install-dbdata-label,
\r
2776 #install-tz-desc {
\r
2780 margin-bottom: 10px;
\r
2790 margin-left: 20px;
\r
2793 #install-dbhost-end,
\r
2794 #install-dbuser-end,
\r
2795 #install-dbpass-end,
\r
2796 #install-dbdata-end,
\r
2801 #install-form select#timezone_select {
\r
2804 margin-left: 20px;
\r
2807 #dfrn-request-networks {
\r
2808 margin-bottom: 30px;
\r
2818 cursor: url('lock.cur'), pointer;
\r
2819 /* cursor: pointer !important; */
\r
2822 .contact-block-div {
\r
2827 .contact-block-textdiv {
\r
2833 #contact-block-end {
\r
2836 .contact-block-link {
\r
2839 .contact-block-img {
\r
2845 margin-bottom: 15px;
\r
2849 margin-bottom: 10px;
\r
2852 #tagrm-submit, #tagrm-cancel {
\r
2857 margin-left: 15px;
\r
2862 margin-bottom: 25px;
\r
2866 margin-left: 15px;
\r
2870 margin-bottom: 25px;
\r
2873 .location-label, .gender-label, .marital-label, .homepage-label {
\r
2875 text-align: right;
\r
2880 .adr, .x-gender, .marital-text, .homepage-url {
\r
2901 #plugin-settings-link, #account-settings-link {
\r
2902 margin-bottom: 10px;
\r
2906 margin-bottom: 20px;
\r
2909 /* end from default */
\r
2913 padding: 0px 0px 5px 12px;
\r
2915 font-weight: bold;
\r
2919 margin-bottom: 5px;
\r
2920 margin-left: 12px;
\r
2929 font-weight: bold;
\r
2932 #birthday-adjust {
\r
2935 margin-left: 10px;
\r
2938 #birthday-title-end {
\r
2943 margin-left: 15px;
\r
2946 #birthday-wrapper {
\r
2947 margin-bottom: 20px;
\r
2950 #network-new-link {
\r
2952 margin-bottom: 15px;
\r
2958 margin-left: 15px;
\r
2970 #event-summary-text {
\r
2974 #event-share-checkbox {
\r
2979 #event-share-text {
\r
2985 #event-share-break {
\r
2987 margin-bottom: 10px;
\r
2995 border: 1px solid #CCCCCC;
\r
2998 .vevent .event-summary {
\r
2999 margin-left: 10px;
\r
3000 margin-right: 10px;
\r
3001 font-weight: bold;
\r
3004 .vevent .event-description, .vevent .event-location {
\r
3005 margin-left: 10px;
\r
3006 margin-right: 10px;
\r
3008 .vevent .event-start {
\r
3009 margin-left: 10px;
\r
3010 margin-right: 10px;
\r
3014 margin-bottom: 10px;
\r
3017 .edit-event-link, .plink-event-link {
\r
3020 margin-right: 4px;
\r
3021 margin-bottom: 15px;
\r
3024 .event-description:before {
\r
3025 content: url('../../../images/calendar.png');
\r
3026 margin-right: 15px;
\r
3029 .event-start, .event-end {
\r
3031 margin-left: 10px;
\r
3034 padding-bottom: 1.5em;
\r
3037 .event-start .dtstart, .event-end .dtend {
\r
3042 .event-list-date {
\r
3043 margin-bottom: 10px;
\r
3046 .prevcal, .nextcal {
\r
3048 margin-left: 32px;
\r
3049 margin-right: 32px;
\r
3052 .event-calendar-end {
\r
3058 font-family: Courier, monospace;
\r
3061 font-weight: bold;
\r
3066 border: 1px solid #AAA;
\r
3075 #identity-manage-desc {
\r
3077 margin-bottom: 15px;
\r
3080 #identity-manage-choose {
\r
3081 margin-bottom: 15px;
\r
3084 #identity-submit {
\r
3089 position: relative;
\r
3093 #photo-prev-link {
\r
3094 position: absolute;
\r
3097 #photo-next-link {
\r
3098 position: absolute;
\r
3101 #photo-prev-link, #photo-next-link {
\r
3110 #photo-photo img {
\r
3114 #photo-photo-end {
\r
3118 .profile-match-photo {
\r
3120 text-align: center;
\r
3124 .profile-match-name {
\r
3126 text-align: center;
\r
3131 .profile-match-break,
\r
3132 .profile-match-end {
\r
3136 .profile-match-connect {
\r
3137 text-align: center;
\r
3138 font-weight: bold;
\r
3141 .profile-match-wrapper {
\r
3148 #profile-match-wrapper-end {
\r
3152 margin-bottom: 15px;
\r
3155 #language-selector {
\r
3156 position: absolute;
\r
3166 border: 1px solid #ddd;
\r
3169 #group-members-end {
\r
3173 #group-separator {
\r
3175 margin-bottom: 10px;
\r
3178 #group-all-contacts {
\r
3182 border: 1px solid #ddd;
\r
3185 #group-all-contacts-end {
\r
3187 margin-bottom: 10px;
\r
3190 #group-edit-desc {
\r
3200 border: 1px solid #ddd;
\r
3203 #prof-members-end {
\r
3209 margin-bottom: 10px;
\r
3212 #prof-all-contacts {
\r
3216 border: 1px solid #ddd;
\r
3219 #prof-all-contacts-end {
\r
3221 margin-bottom: 10px;
\r
3228 #crepair-name-label,
\r
3229 #crepair-nick-label,
\r
3230 #crepair-attag-label,
\r
3231 #crepair-url-label,
\r
3232 #crepair-request-label,
\r
3233 #crepair-confirm-label,
\r
3234 #crepair-notify-label,
\r
3235 #crepair-photo-label,
\r
3236 #crepair-poll-label {
\r
3239 margin-bottom: 15px;
\r
3257 margin-top: 20px;
\r
3260 #netsearch-box #search-submit {
\r
3261 margin: 5px 0px 0px 0px;
\r
3268 #event-start-text, #event-finish-text {
\r
3270 margin-bottom: 5px;
\r
3273 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
\r
3276 #event-datetime-break {
\r
3277 margin-bottom: 10px;
\r
3280 #event-nofinish-break, #event-adjust-break {
\r
3284 #event-desc-text, #event-location-text {
\r
3286 margin-bottom: 5px;
\r
3292 .body-tag, .filesavetags, .categorytags {
\r
3294 filter:alpha(opacity=50);
\r
3297 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
\r
3298 opacity: 1.0 !important;
\r
3299 filter:alpha(opacity=100) !important;
\r
3305 filter:alpha(opacity=10);
\r
3307 margin-right: 10px;
\r
3310 .item-select:hover, .checkeditem {
\r
3312 filter:alpha(opacity=100);
\r
3316 #item-delete-selected {
\r
3320 #item-delete-selected-end {
\r
3323 #item-delete-selected-icon, #item-delete-selected-desc {
\r
3325 margin-right: 5px;
\r
3327 #item-delete-selected-desc:hover {
\r
3328 text-decoration: underline;
\r
3331 #lang-select-icon {
\r
3337 filter:alpha(opacity=20);
\r
3340 #lang-select-icon:hover {
\r
3342 filter:alpha(opacity=100);
\r
3348 margin-right: 15px;
\r
3350 .notification-listing-end {
\r
3352 margin-bottom: 15px;
\r
3358 * Plugins settings
\r
3361 .settings-block > h3,
\r
3362 .settings-heading {
\r
3363 border-bottom: 1px solid #babdb6;
\r
3371 margin-bottom: 10px;
\r
3372 padding-bottom: 10px;
\r
3386 margin-left: 20px;
\r
3388 .field input[type=checkbox],
\r
3389 .field input[type=radio] {
\r
3392 .field textarea { height: 100px; }
\r
3395 margin-left: 20px;
\r
3407 border:1px solid #666666;
\r
3408 background-image:url("../../../images/onoff.jpg");
\r
3409 background-repeat: no-repeat;
\r
3410 padding: 4px 2px 2px 2px;
\r
3412 text-decoration: none;
\r
3414 .field .onoff .off {
\r
3416 border-color:#666666;
\r
3417 padding-left: 40px;
\r
3418 background-position: left center;
\r
3419 background-color: #cccccc;
\r
3421 text-align: right;
\r
3423 .field .onoff .on {
\r
3424 border-color:#204A87;
\r
3425 padding-right: 40px;
\r
3426 background-position: right center;
\r
3427 background-color: #D7E3F1;
\r
3431 .hidden { display: none!important; }
\r
3433 .field.radio .field_help { clear: left; margin-left: 20px; }
\r
3441 font-weight: bold;
\r
3442 background-color: #FF0000;
\r
3443 padding: 0em 0.3em;
\r
3449 margin-bottom: 2px;
\r
3450 padding-bottom: 2px;
\r
3451 border-bottom: 1px solid black;
\r
3456 font-weight: bold;
\r
3459 margin-left: 180px;
\r
3463 border-bottom: 1px solid #cccccc;
\r
3465 #adminpage .field label {
\r
3466 font-weight: bold;
\r
3468 #adminpage .submit {
\r
3470 text-align: right;
\r
3473 #adminpage #pluginslist {
\r
3474 margin: 0px; padding: 0px;
\r
3476 #adminpage .plugin {
\r
3479 border: 1px solid #888888;
\r
3481 margin-bottom: 5px;
\r
3484 #adminpage .plugin .desc { margin-left: 2.5em;}
\r
3485 #adminpage .toggleplugin {
\r
3487 margin-right: 1em;
\r
3490 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
\r
3491 #adminpage table th { text-align: left;}
\r
3492 #adminpage td .icon { float: left;}
\r
3493 #adminpage table#users img { width: 16px; height: 16px; }
\r
3494 #adminpage table tr:hover { background-color: #bbc7d7; }
\r
3495 #adminpage .selectall { text-align: right; }
\r
3505 width: 100%; height: 100%;
\r
3506 top:0px; left:0px;
\r
3507 position: absolute;
\r
3511 .popup .background {
\r
3512 background-color: rgba(0,0,0,128);
\r
3514 width: 100%; height: 100%;
\r
3515 position: absolute;
\r
3516 top:0px; left:0px;
\r
3519 top:25%;left:25%;width:50%;height:50%;
\r
3521 position: absolute;
\r
3522 border: 4px solid #000000;
\r
3523 background-color: #FFFFFF;
\r
3525 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
\r
3526 .popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
\r
3527 .popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
\r
3528 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
\r
3529 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
\r
3535 height: auto; overflow: auto;
\r
3536 border-bottom: 2px solid #cccccc;
\r
3537 padding-bottom: 1em;
\r
3538 margin-bottom: 1em;
\r
3542 width: 48px; height: 48px;
\r
3545 .oauthapp img.noicon {
\r
3546 background-image: url("../../../images/icons/48/plugin.png");
\r
3547 background-position: center center;
\r
3548 background-repeat: no-repeat;
\r
3558 display: block; width: 16px; height: 16px;
\r
3562 display: block; width: 16px; height: 16px;
\r
3563 background-image: url('../../../images/icons.png');
\r
3565 .article { background-position: 0px 0px;}
\r
3566 .icon.audio { display: none; background-position: -16px 0px;}
\r
3567 .block { background-position: -32px 0px;}
\r
3568 /*.drop { background-position: -48px 0px;}
\r
3569 .drophide { background-position: -64px 0px;}*/
\r
3571 display: block; width: 28px; height: 28px;
\r
3572 background-size: 100% 100%;
\r
3573 background-image: url('images/drop-darkred.png');
\r
3574 background-repeat: no-repeat;
\r
3577 display: block; width: 28px; height: 28px;
\r
3578 background-size: 100% 100%;
\r
3579 background-image: url('images/drop-darkred.png');
\r
3580 background-repeat: no-repeat;
\r
3582 .edit { background-position: -80px 0px;}
\r
3583 /*.camera { background-position: -96px 0px;}*/
\r
3585 display: block; width: 28px; height: 21px;
\r
3587 background-size: 100% 100%;
\r
3588 background-image: url('images/camera.png');
\r
3589 background-repeat: no-repeat;
\r
3591 /*.dislike { background-position: -112px 0px;}*/
\r
3594 width: 26px; height: 28px;/*31 33*/
\r
3595 background-size: 100% 100%;
\r
3596 background-image: url('images/disapprove.png');
\r
3597 background-repeat: no-repeat;
\r
3600 /*.like { background-position: -128px 0px;}*/
\r
3602 display: block; width: 26px; height: 28px;/*31 33*/
\r
3603 margin-right: 7px;
\r
3604 background-size: 100% 100%;
\r
3605 background-image: url('images/approve.png');
\r
3606 background-repeat: no-repeat;
\r
3609 .icon.link { display: none; background-position: -144px 0px;}
\r
3611 /*.globe { background-position: 0px -16px;}*/
\r
3613 display: block; width: 28px; height: 28px;
\r
3614 background-size: 100% 100%;
\r
3615 background-image: url('images/globe.png');
\r
3616 background-repeat: no-repeat;
\r
3618 /*.noglobe { background-position: -16px -16px;}*/
\r
3620 display: block; width: 24px; height: 24px;
\r
3621 background-size: 100% 100%;
\r
3622 background-image: url('images/noglobe.png');
\r
3623 background-repeat: no-repeat;
\r
3625 .no { background-position: -32px -16px;}
\r
3626 .pause { background-position: -48px -16px;}
\r
3627 .play { background-position: -64px -16px;}
\r
3628 /*.pencil { background-position: -80px -16px;}
\r
3629 .small-pencil { background-position: -96px -16px;}*/
\r
3631 display: block; width: 28px; height: 28px;
\r
3632 background-size: 100% 100%;
\r
3633 background-image: url('images/pencil.png');
\r
3634 background-repeat: no-repeat;
\r
3637 .icon.small-pencil {
\r
3638 display: block; width: 28px; height: 28px;
\r
3639 background-size: 100% 100%;
\r
3640 background-image: url('images/pencil.png');
\r
3641 background-repeat: no-repeat;
\r
3644 /*.recycle { background-position: -112px -16px;}*/
\r
3647 width: 28px; height: 27px;/*33 32*/
\r
3648 background-size: 100% 100%;
\r
3649 background-image: url('images/recycle.png');
\r
3650 background-repeat: no-repeat;
\r
3653 /*.remote-link { background-position: -128px -16px;}*/
\r
3654 .icon.remote-link {
\r
3655 /* display: block;*/
\r
3657 width: 28px; height: 28px;
\r
3658 background-size: 100% 100%;
\r
3659 background-image: url('images/remote-link.png');
\r
3660 background-repeat: no-repeat;
\r
3663 .share { background-position: -144px -16px;}
\r
3665 .tools { background-position: 0px -32px;}
\r
3666 /*.lock { background-position: -16px -32px;}*/
\r
3668 display: block; width: 17px; height: 25px;
\r
3670 background-size: 100% 100%;
\r
3671 background-image: url('images/lock.png');
\r
3672 background-repeat: no-repeat;
\r
3674 /*.unlock { background-position: -32px -32px;}*/
\r
3676 display: block; width: 17px; height: 28px;
\r
3678 background-size: 100% 100%;
\r
3679 background-image: url('images/unlock.png');
\r
3680 background-repeat: no-repeat;
\r
3682 .icon.video { display: none; background-position: -48px -32px;}
\r
3683 .oembed.video a { display: block; }
\r
3684 .youtube { background-position: -64px -32px;}
\r
3685 /*.attach { background-position: -80px -32px; }*/
\r
3687 display: block; width: 28px; height: 28px;
\r
3688 background-size: 100% 100%;
\r
3689 background-image: url('images/paperclip.png');
\r
3690 background-repeat: no-repeat;
\r
3692 .language { background-position: -96px -32px; }
\r
3693 .prev { background-position: -112px -32px; }
\r
3694 .next { background-position: -128px -32px; }
\r
3695 .on { background-position: -144px -32px; }
\r
3697 .off { background-position: 0px -48px; }
\r
3698 /*.starred { background-position: -16px -48px; }*/
\r
3700 display: block; width: 28px; height: 28px;
\r
3701 background-size: 100% 100%;
\r
3702 background-image: url('images/star-yellow.png');
\r
3703 background-repeat: no-repeat;
\r
3705 /*.unstarred { background-position: -32px -48px; }*/
\r
3707 display: block; width: 28px; height: 28px;
\r
3708 background-size: 100% 100%;
\r
3709 background-image: url('images/star.png');
\r
3710 background-repeat: no-repeat;
\r
3713 /*.tagged { background-position: -48px -48px; }*/
\r
3715 display: block; width: 28px; height: 28px;
\r
3716 background-size: 100% 100%;
\r
3717 background-image: url('images/tag.png');
\r
3718 background-repeat: no-repeat;
\r
3721 .yellow { background-position: -64px -48px; }
\r
3725 display: block; width: 24px; height: 24px;
\r
3726 background-size: 100% 100%;
\r
3727 background-image: url('images/folder.png');
\r
3728 background-repeat: no-repeat;
\r
3732 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
\r
3734 [class^="comment-edit-bb"] {
\r
3737 margin: 0px 0 -5px 20px;
\r
3740 [class^="comment-edit-bb"] > li {
\r
3741 display: inline-block;
\r
3742 margin: 20px 10px 0 0;
\r
3745 /*[class^="comment-edit-bb-end"] {
\r
3749 display: inline-block;
\r
3750 background-size: 100% 100%;
\r
3751 background-repeat: no-repeat;
\r
3752 background-color: #f3f3f3;
\r
3753 text-decoration: none;
\r
3755 /*.editicon:hover {
\r
3756 background-color: #ccc;
\r
3759 /* background-position: 0px 0px;*/
\r
3760 width: 26px; height: 28px;
\r
3761 background-image: url('images/boldB-serif.png');
\r
3764 background-position: 0px -16px;
\r
3767 /* background-position: -16px 0px;*/
\r
3768 width: 16px; height: 28px;
\r
3769 background-image: url('images/italicI-serif.png');
\r
3771 /*.italicbb:hover {
\r
3772 background-position: -16px -16px;
\r
3775 /* background-position: -32px 0px;*/
\r
3776 width: 25px; height: 28px;
\r
3777 background-image: url('images/underlineU-serif.png');
\r
3779 /*.underlinebb:hover {
\r
3780 background-position: -32px -16px;
\r
3783 /* background-position: -48px 0px;*/
\r
3784 width: 28px; height: 28px;
\r
3785 background-image: url('images/quote.png');
\r
3787 /*.quotebb:hover {
\r
3788 background-position: -48px -16px;
\r
3791 /* background-position: -64px 0px;*/
\r
3792 width: 28px; height: 28px;
\r
3793 background-image: url('images/code.png');
\r
3796 background-position: -64px -16px;
\r
3799 background-position: -80px 0px;
\r
3802 background-position: -80px -16px;
\r
3805 background-position: -96px 0px;
\r
3808 background-position: -96px -16px;
\r
3811 background-position: -112px 0px;
\r
3814 background-position: -112px -16px;
\r
3818 display: block; width: 20px; height: 23px;
\r
3820 background-image: url('../../../images/content-types.png');
\r
3827 .type-video { background-position: 0px 0px; }
\r
3828 .type-image { background-position: -20px 0px; }
\r
3829 .type-audio { background-position: -40px 0px; }
\r
3830 .type-text { background-position: -60px 0px; }
\r
3831 .type-unkn { background-position: -80px 0px; }
\r
3834 /* autocomplete popup */
\r
3837 background-color:#ffffff;
\r
3840 border:1px solid #cccccc;
\r
3843 background-color:#ffffff; padding: 4px;
\r
3846 .acpopupitem img {
\r
3848 margin-right: 4px;
\r
3851 .acpopupitem.selected {
\r
3852 color: #FFFFFF; background: #3465A4;
\r
3855 /* popup notifications */
\r
3856 div.jGrowl div.notice {
\r
3857 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
\r
3859 padding-left: 58px;
\r
3861 div.jGrowl div.info {
\r
3862 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
\r
3864 padding-left: 58px;
\r
3866 #jGrowl.top-right {
\r
3871 border: 1px solid #EEE;
\r
3874 margin-left: 25px;
\r
3880 .qcomment option {
\r
3882 overflow-x: hidden;
\r
3887 filter:alpha(opacity=30);
\r
3891 filter:alpha(opacity=100);
\r
3894 /* notifications popup menu */
\r
3897 position: absolute;
\r
3903 text-align: right;
\r
3905 .nav-notify.show {
\r
3908 ul.notifications-menu-popup {
\r
3909 position: absolute;
\r
3913 padding: 0px 0.3em;
\r
3917 #nav-notifications-menu {
\r
3919 /* max-height: 400px;*/
\r
3921 /* overflow-y: scroll;overflow-style:scrollbar;*/
\r
3922 background-color:#FFFFFF;
\r
3923 /* -moz-border-radius: 5px;*/
\r
3924 -webkit-border-radius: 5px;
\r
3925 border-radius:5px;
\r
3926 border: 1px solid #AAA;
\r
3927 /* -moz-box-shadow: 3px 3px 5px #555;*/
\r
3928 -webkit-box-shadow: 3px 3px 5px #555;
\r
3929 box-shadow: 3px 3px 5px #555;
\r
3930 /* z-index: 103;*/
\r
3932 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
\r
3933 #nav-notifications-menu img { float: left; margin-right: 5px; }
\r
3934 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
\r
3935 #nav-notifications-menu li {
\r
3936 padding: 7px 0px 7px 10px;
\r
3938 border-bottom: 1px solid #000;
\r
3941 #nav-notifications-menu li:hover {
\r
3945 #nav-notifications-menu a:hover {
\r
3946 text-decoration: underline;
\r
3953 .notif-item a:hover {
\r
3954 text-decoration: underline;
\r
3960 padding: 7px 7px 0px 0px;
\r
3964 background: #DDDDDD;
\r
3977 .autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
\r
3978 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }
\r
3979 .autocomplete .selected { background:#F0F0F0; }
\r
3980 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
\r
3982 #datebrowse-sidebar select {
\r
3983 margin-left: 40px;
\r
3987 /*@media only screen and (min-device-width: 768px)
\r
3988 and (max-device-width: 1024px)*/
\r
3989 /*@media only screen and (min-device-width: 768px)
\r
3994 div.section-wrapper {
\r
4001 .comment .wall-item-body {
\r
4006 @media only screen and (min-device-width: 768px)
\r
4008 .wall-item-body code {
\r
4012 .comment .wall-item-body blockquote {
\r
4013 margin-left: 20px;
\r