2 * duepuntozero Frindika style
\r
3 * Fabio Comuni <fabrix.xm@gmail.com>
\r
5 * Heavily modified for Frost Mobile
\r
18 font-family: helvetica,arial,freesans,clean,sans-serif;
\r
20 /* line-height: 24px;*/
\r
21 background-color: #ffffff;
\r
22 background-image: url(head.jpg);
\r
23 background-repeat: repeat-x;
\r
37 a, a:visited, a:link { color: #3465a4; text-decoration: none; }
\r
38 a:hover {text-decoration: underline; }
\r
41 border: 1px solid #666666;
\r
42 -moz-border-radius: 3px;
\r
43 -webkit-border-radius: 3px;
\r
44 border-radius: 3px;
\r
48 img { border :0px; }
\r
50 #id_openid_url, .openid input {
\r
51 background: url(login-bg.gif) no-repeat;
\r
52 background-position: 0 50%;
\r
66 font-family: Courier, monospace;
\r
70 border: 1px solid #444;
\r
78 background-color: #f4f8f9;
\r
79 border-left: 4px solid #dae4ee;
\r
83 .icollapse-wrapper, .ccollapse-wrapper {
\r
84 border: 1px solid #CCC;
\r
88 .hide-comments-outer {
\r
98 background-color: ivory;
\r
103 border: 1px solid #444;
\r
121 margin-bottom: 0px;
\r
123 margin-right: auto;
\r
125 nav #site-location {
\r
128 position: absolute;
\r
134 border: 1px solid #FF8888;
\r
135 background-color: #FFEEEE;
\r
142 border: 1px solid #3465a4;
\r
143 background-color: #d7e3f1;
\r
149 /* display: block;*/
\r
152 position: absolute;
\r
154 nav #banner #logo-text a {
\r
162 nav #banner #logo-text a:hover { text-decoration: none; }
\r
165 /* ZP REMOVE? nav-commlink */
\r
166 .nav-commlink, .nav-login-link {
\r
171 /*padding: 6px 10px;*/
\r
175 border: 1px solid #babdb6;
\r
176 border-bottom: 0px;
\r
177 background-color: #aec0d3;
\r
179 -moz-border-radius: 3px 3px 0px 0px;
\r
180 -webkit-border-radius: 3px 3px 0px 0px;
\r
181 border-radius: 3px 3px 0px 0px;
\r
184 .nav-commlink.selected {
\r
185 background-color: #ffffff;
\r
186 border-bottom: 1px solid #ffffff;
\r
187 color: #000000 !important;
\r
190 padding-bottom: 8px;
\r
193 .nav-ajax-left.show {
\r
194 position: absolute;
\r
199 border-radius: 4px;
\r
200 -moz-border-radius: 4px;
\r
201 -webkit-border-radius: 4px;
\r
202 background-color: gold !important;
\r
207 nav #nav-link-wrapper .nav-link {
\r
208 /*border-right: 1px solid #babdb6;*/
\r
213 margin-bottom: 0.2em;
\r
216 background-color: transparent !important;
\r
219 .nav-button-container {
\r
221 position: relative;
\r
224 .nav-button-container .nav-ajax-left {
\r
228 text-align: center;
\r
232 border-left: 1px solid #aaa;/*#444444;*/
\r
233 border-right: 1px solid #aaa;
\r
234 border-top: 1px solid #aaa;
\r
235 border-bottom: 1px solid #aaa;
\r
237 background: #FFFFFF;
\r
243 position: absolute;
\r
248 -moz-box-shadow: 3px 3px 5px #555;
\r
249 -webkit-box-shadow: 3px 3px 5px #555;
\r
250 box-shadow: 3px 3px 5px #555;
\r
255 #network-menu-list {
\r
259 #contacts-menu-list {
\r
263 #system-menu-list {
\r
268 div.main-container {
\r
272 position: relative;
\r
275 /*div.main-content-loading {
\r
276 position: absolute;
\r
285 /* display: block;*/
\r
292 margin: 1em 0px 0px 0px;
\r
294 position: absolute;
\r
299 #dfrn-request-link {
\r
302 -webkit-border-radius: 5px ;
\r
303 -moz-border-radius: 5px;
\r
304 border-radius: 5px;
\r
307 background: #3465a4 url('friendika-16.png') no-repeat 95% center;
\r
309 #wallmessage-link {
\r
312 -webkit-border-radius: 5px ;
\r
313 -moz-border-radius: 5px;
\r
314 border-radius: 5px;
\r
317 background-color: #3465a4;
\r
321 div.section-wrapper {
\r
326 margin-right: auto;
\r
328 /*padding-right:2em;*/
\r
332 background-color: #ffffff;
\r
333 background-image: url(border.jpg);
\r
334 background-position: top right;
\r
335 background-repeat: no-repeat;
\r
339 margin: 0px 0px 0px 0px;
\r
342 padding-right: 5px;
\r
344 padding-bottom: 3em;
\r
346 background-image: url(border.jpg);
\r
347 background-position: top left;
\r
348 background-repeat: no-repeat;
\r
351 border-top: 1px solid #babdb6;
\r
355 /*background-image: url(head.jpg);
\r
356 background-repeat: repeat-x;
\r
357 background-position: 0px -20px;*/
\r
358 border-bottom: 1px solid #babdb6;
\r
361 .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }
\r
363 padding: 0.4em 2em;
\r
364 border: 1px solid #aaa;
\r
365 border-radius: 8px;
\r
366 -moz-border-radius: 8px;
\r
367 -webkit-border-radius: 8px;
\r
373 padding-right: 0.4em;
\r
374 padding-top: 0.4em;
\r
375 padding-bottom: 0.4em;
\r
376 /*margin-right: 1em;*/
\r
377 margin-right: 3px ;
\r
394 .birthday-today, .event-today {
\r
399 background: #FFFFC8;
\r
403 margin: 15px 0 15px 150px;
\r
409 #profile-nolocation,
\r
415 #wall-image-upload,
\r
417 #profile-upload-wrapper,
\r
418 #wall-image-upload-div,
\r
419 #wall-file-upload-div,
\r
428 #jot-title, #jot-category {
\r
433 margin-bottom: 5px;
\r
435 border: 1px solid #ffffff;
\r
438 #jot-title::-webkit-input-placeholder{font-weight: normal;}
\r
439 #jot-category::-webkit-input-placeholder{font-weight: normal;}
\r
440 #jot-title:-moz-placeholder{font-weight: normal;}
\r
441 #jot-category:-moz-placeholder{font-weight: normal;}
\r
446 #jot-category:hover,
\r
447 #jot-category:focus {
\r
448 border: 1px solid #cccccc;
\r
451 .jothidden { display:none; }
\r
454 .fakelink, .fakelink:visited, .fakelink:link {
\r
456 text-decoration: none;
\r
459 margin-bottom: 15px;
\r
466 margin-bottom: 10px;
\r
469 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
\r
471 -moz-border-radius: 3px;
\r
472 -webkit-border-radius: 3px;
\r
473 border-radius: 3px;
\r
474 border: 1px solid #CCCCCC;
\r
475 background: #F8F8F8;
\r
479 .settings-widget .selected {
\r
481 -moz-border-radius: 3px;
\r
482 -webkit-border-radius: 3px;
\r
483 border-radius: 3px;
\r
484 border: 1px solid #CCCCCC;
\r
485 background: #F8F8F8;
\r
491 text-decoration: underline;
\r
499 margin-bottom: 10px;
\r
502 #register-fill-ext {
\r
503 margin-bottom: 25px;
\r
506 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
\r
512 #register-name, #register-email, #register-nickname {
\r
524 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
\r
528 #register-nickname-desc {
\r
532 #register-sitename {
\r
537 #register-submit-button {
\r
548 margin-left: 250px;
\r
551 #login_standard input,
\r
552 #login_openid input {
\r
556 #login-extra-links {
\r
560 #register-link, #lost-password-link {
\r
563 margin-right: 15px;
\r
566 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
\r
570 #login-submit-button {
\r
571 /* margin-top: 10px; */
\r
572 margin-left: 200px;
\r
578 background: url(friendika-16.png) no-repeat;
\r
579 background-position: 2px center;
\r
581 padding-left: 21px;
\r
583 background-color: #FFFFFF;
\r
585 margin-bottom: 20px;
\r
593 #dfrn-request-url-end {
\r
597 #knowyouyes, #knowyouno {
\r
601 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
\r
605 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
\r
609 margin-bottom: 7px;
\r
611 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
\r
616 #dfrn-request-message-wrapper {
\r
617 margin-bottom: 50px;
\r
619 #dfrn-request-submit-wrapper {
\r
624 #dfrn-request-info-wrapper {
\r
630 #cropimage-wrapper, #cropimage-preview-wrapper {
\r
652 margin-bottom: 20px;
\r
667 .intro-approve-form {
\r
670 .intro-approve-as-friend-end {
\r
673 .intro-submit-approve, .intro-submit-ignore {
\r
674 margin-right: 20px;
\r
676 .intro-submit-approve {
\r
680 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
\r
685 .intro-approve-as-friend, .intro-approve-as-fan {
\r
691 .intro-approve-as-friend-desc {
\r
694 .intro-approve-as-end {
\r
696 margin-bottom: 10px;
\r
701 margin-bottom: 30px;
\r
706 #page-profile .title {
\r
709 #profile-vcard-break {
\r
712 #profile-extra-links {
\r
717 #profile-extra-links ul {
\r
718 list-style-type: none;
\r
723 #profile-extra-links li {
\r
727 #profile-edit-links ul {
\r
728 list-style-type: none;
\r
731 #profile-edit-links li {
\r
734 .profile-edit-side-div {
\r
737 .profile-edit-side-link {
\r
739 filter:alpha(opacity=30);
\r
741 .profile-edit-side-link:hover {
\r
743 filter:alpha(opacity=100);
\r
746 .view-contact-wrapper {
\r
760 #view-contact-end {
\r
768 #profile-edit-default-desc {
\r
770 border: 1px solid #FF8888;
\r
771 background-color: #FFEEEE;
\r
775 #profile-edit-clone-link-wrapper {
\r
778 margin-bottom: 20px;
\r
783 #profile-edit-links-end {
\r
785 margin-bottom: 15px;
\r
788 .profile-listing-photo {
\r
792 .profile-edit-submit-wrapper {
\r
794 margin-bottom: 20px;
\r
797 #profile-photo-link-select-wrapper {
\r
801 #profile-photo-submit-wrapper {
\r
805 #profile-photo-wrapper img {
\r
811 #profile-edit-profile-name-label,
\r
812 #profile-edit-name-label,
\r
813 #profile-edit-pdesc-label,
\r
814 #profile-edit-gender-label,
\r
815 #profile-edit-dob-label,
\r
816 #profile-edit-address-label,
\r
817 #profile-edit-locality-label,
\r
818 #profile-edit-region-label,
\r
819 #profile-edit-postal-code-label,
\r
820 #profile-edit-country-name-label,
\r
821 #profile-edit-marital-label,
\r
822 #profile-edit-sexual-label,
\r
823 #profile-edit-politic-label,
\r
824 #profile-edit-religion-label,
\r
825 #profile-edit-pubkeywords-label,
\r
826 #profile-edit-prvkeywords-label,
\r
827 #profile-edit-homepage-label,
\r
828 #profile-edit-hometown-label {
\r
834 #profile-edit-profile-name,
\r
835 #profile-edit-name,
\r
836 #profile-edit-pdesc,
\r
839 #profile-edit-address,
\r
840 #profile-edit-locality,
\r
841 #profile-edit-region,
\r
842 #profile-edit-postal-code,
\r
843 #profile-edit-country-name,
\r
846 #profile-edit-politic,
\r
847 #profile-edit-religion,
\r
848 #profile-edit-pubkeywords,
\r
849 #profile-edit-prvkeywords,
\r
850 #profile-in-dir-yes,
\r
851 #profile-in-dir-no,
\r
852 #profile-in-netdir-yes,
\r
853 #profile-in-netdir-no,
\r
859 margin-bottom: 20px;
\r
862 #profile-edit-country-name {
\r
865 #profile-edit-pubkeywords,
\r
866 #profile-edit-prvkeywords {
\r
867 margin-bottom: 5px;
\r
871 #settings-freelove,
\r
872 #settings-community {
\r
875 #settings-notifications label {
\r
878 #settings-notify-desc, #settings-activity-desc {
\r
880 margin-bottom: 15px;
\r
882 #settings-pagetype-desc {
\r
884 margin-bottom: 15px;
\r
887 #profile-in-dir-yes-label,
\r
888 #profile-in-dir-no-label,
\r
889 #profile-in-netdir-yes-label,
\r
890 #profile-in-netdir-no-label,
\r
891 #hide-wall-yes-label,
\r
892 #hide-wall-no-label,
\r
893 #hide-friends-yes-label,
\r
894 #hide-friends-no-label {
\r
895 margin-left: 125px;
\r
901 #profile-edit-howlong-label,
\r
902 #profile-edit-with-label {
\r
904 font-style: italic;
\r
908 #profile-edit-howlong,
\r
909 #profile-edit-with {
\r
911 margin-bottom: 20px;
\r
914 #profile-publish-yes-reg,
\r
915 #profile-publish-no-reg {
\r
917 margin-bottom: 10px;
\r
920 #profile-publish-yes-label-reg,
\r
921 #profile-publish-no-label-reg {
\r
922 margin-left: 350px;
\r
927 #profile-publish-break-reg,
\r
928 #profile-publish-end-reg {
\r
933 #profile-edit-pdesc-desc,
\r
934 #profile-edit-pubkeywords-desc,
\r
935 #profile-edit-prvkeywords-desc {
\r
939 margin-bottom: 20px;
\r
941 #profile-edit-prvkeywords-desc {
\r
942 margin-bottom: 0px;
\r
945 #profile-edit-homepage, #profile-edit-hometown {
\r
947 margin-bottom: 25px;
\r
950 #profile-edit-hometown {
\r
951 margin-bottom: 5px;
\r
953 #settings-normal-label,
\r
954 #settings-soapbox-label,
\r
955 #settings-community-label,
\r
956 #settings-freelove-label {
\r
960 #settings-normal-desc,
\r
961 #settings-soapbox-desc,
\r
962 #settings-community-desc,
\r
963 #settings-freelove-desc {
\r
965 margin-left: 75px;*/
\r
969 margin-bottom: 20px
\r
972 #profile-edit-profile-name-end,
\r
973 #profile-edit-name-end,
\r
974 #profile-edit-pdesc-end,
\r
975 #profile-edit-gender-end,
\r
976 #profile-edit-dob-end,
\r
977 #profile-edit-address-end,
\r
978 #profile-edit-locality-end,
\r
979 #profile-edit-region-end,
\r
980 #profile-edit-postal-code-end,
\r
981 #profile-edit-country-name-end,
\r
982 #profile-edit-marital-end,
\r
983 #profile-edit-sexual-end,
\r
984 #profile-edit-politic-end,
\r
985 #profile-edit-religion-end,
\r
986 #profile-edit-pubkeywords-end,
\r
987 #profile-edit-prvkeywords-end,
\r
988 #profile-edit-homepage-end,
\r
989 #profile-edit-hometown-end,
\r
990 #profile-in-dir-break,
\r
991 #profile-in-dir-end,
\r
992 #profile-in-netdir-break,
\r
993 #profile-in-netdir-end,
\r
996 #hide-friends-break,
\r
998 #settings-normal-break,
\r
999 #settings-soapbox-break,
\r
1000 #settings-community-break,
\r
1001 #settings-freelove-break {
\r
1004 #profile-edit-marital-wrapper, #profile-edit-address-wrapper {
\r
1007 #profile-edit-marital-end {
\r
1008 margin-bottom: 20px;
\r
1011 .settings-widget ul {
\r
1012 list-style-type: none;
\r
1016 .settings-widget li {
\r
1017 margin-left: 24px;
\r
1018 margin-bottom: 8px;
\r
1022 #gender-select, #marital-select, #sexual-select {
\r
1026 #profile-edit-profile-name-wrapper .required {
\r
1031 #contacts-display-wrapper {
\r
1032 padding-left: 35px;
\r
1037 margin-bottom: 20px;
\r
1040 .contact-entry-wrapper {
\r
1044 padding-left: 15px;
\r
1045 padding-right: 15px;
\r
1049 #contacts-search-end {
\r
1050 margin-bottom: 10px;
\r
1053 .contact-entry-direction-icon {
\r
1055 margin-right: 2px;
\r
1058 .contact-entry-photo img {
\r
1061 .contact-entry-photo-end {
\r
1064 .contact-entry-name {
\r
1067 margin-right: 10px;
\r
1068 padding-bottom: 5px;
\r
1073 .contact-entry-details {
\r
1074 font-style: italic;
\r
1078 .contact-entry-network {
\r
1082 .contact-entry-edit-links {
\r
1084 margin-left: 10px;
\r
1087 .contact-entry-nav-wrapper {
\r
1089 margin-left: 10px;
\r
1092 .contact-entry-edit-links img {
\r
1094 margin-right: 15px;
\r
1096 .contact-entry-photo {
\r
1098 position: relative;
\r
1100 .contact-entry-end {
\r
1104 #fsuggest-desc, #fsuggest-submit-wrapper {
\r
1106 margin-bottom: 15px;
\r
1109 #network-star-link{
\r
1114 margin-right: 5px;
\r
1116 #network-bmark-link {
\r
1120 .wall-item-content-wrapper {
\r
1122 padding-top: 30px;
\r
1123 border-top: 2px solid #AAAAAA;
\r
1124 position: relative;
\r
1128 .wall-item-content-wrapper.comment {
\r
1132 margin-right: 5px;
\r
1133 border: 2px solid #AAAAAA;
\r
1134 border-radius: 10px;
\r
1135 -webkit-border-radius: 10px;
\r
1136 -moz-border-radius: 10px;
\r
1137 /* background: #EEEEEE;*/
\r
1140 .wall-item-like, .wall-item-dislike {
\r
1141 font-style: italic;
\r
1146 .wall-item-like.comment, .wall-item-dislike.comment {
\r
1154 margin-right:10px;
\r
1156 .comment .wall-item-info {
\r
1160 .wall-item-photo-wrapper {
\r
1161 margin-bottom: 10px;
\r
1164 .wall-item-photo-menu-button {
\r
1166 position: absolute;
\r
1167 background-image: url("photo-menu.jpg");
\r
1168 background-position: top left;
\r
1169 background-repeat: no-repeat;
\r
1170 margin: 0px; padding: 0px;
\r
1173 top: 94px; left:0px;
\r
1175 text-indent: 40px;
\r
1179 .wall-item-photo-menu {
\r
1181 border: 2px solid #444444;
\r
1182 background: #FFFFFF;
\r
1183 position: absolute;
\r
1184 left: 0px; top:110px;
\r
1188 .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }
\r
1189 .wall-item-photo-menu li a { display: block; padding: 2px; }
\r
1190 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
\r
1193 .comment .wall-item-photo-menu-button { top: 64px;}
\r
1194 .comment .wall-item-photo-menu { top: 80px; }
\r
1199 position: absolute;
\r
1203 .wallwall .wwto img {
\r
1204 width: 30px !important;
\r
1205 height: 30px !important;
\r
1208 .wallwall /*.wall-item-photo-end*/ {
\r
1212 .wall-item-arrowphoto-wrapper {
\r
1213 position: absolute;
\r
1218 .wall-item-wrapper {
\r
1224 position: absolute;
\r
1227 .comment .wall-item-lock {
\r
1237 .wall-item-location {
\r
1239 /* add ellipsis on text overflow */
\r
1240 /* this work on safari, opera, ie, chrome. */
\r
1241 /* firefox users have to wait support or we */
\r
1242 /* can use a jquery plugin http://bit.ly/zJskg */
\r
1243 text-overflow: ellipsis;
\r
1244 -o-text-overflow: ellipsis;
\r
1248 .wall-item-like-buttons {
\r
1250 margin-right: 3px;
\r
1257 .wall-item-like-buttons > a,
\r
1258 .wall-item-like-buttons > img {
\r
1262 .wall-item-like-buttons img {
\r
1266 .wall-item-share-buttons {
\r
1267 margin-left: 10px;
\r
1268 margin-right: 10px;
\r
1272 margin-left: 10px;
\r
1276 margin-left: 10px;
\r
1280 margin-left: 10px;
\r
1285 margin-left: 10px;
\r
1289 .wall-item-links-wrapper {
\r
1293 .wall-item-delete-wrapper {
\r
1297 /*.wall-item-delete-end {
\r
1301 .wall-item-delete-icon {
\r
1306 /*.wall-item-wrapper-end {
\r
1309 .wall-item-name-link {
\r
1310 font-weight: bold;
\r
1311 text-decoration: none;
\r
1314 .wall-item-photo {
\r
1317 .comment .wall-item-photo {
\r
1318 width: 50px !important;
\r
1319 height: 50px !important;
\r
1320 border-top-left-radius: 10px;
\r
1322 .wall-item-content {
\r
1325 /* padding-right: 1em;
\r
1326 max-height: 500px;
\r
1330 .wall-item-content img {
\r
1332 border-radius: 7px;
\r
1333 -moz-border-radius: 7px;
\r
1334 -webkit-border-radius: 7px;
\r
1339 .wall-item-title {
\r
1341 font-weight: bold;
\r
1342 font-size: 1.6em;
\r
1346 /*.wall-item-title-end {
\r
1351 text-align: justify;
\r
1356 line-height: 23px;
\r
1359 .wall-item-body code {
\r
1363 .comment .wall-item-body {
\r
1368 .wall-item-tools {
\r
1370 /* background-image: url("head.jpg");
\r
1371 background-position: 0 -20px;
\r
1372 background-repeat: repeat-x;*/
\r
1373 padding: 5px 5px 0px;
\r
1376 .wall-item-author {
\r
1377 /* margin-top: 10px;*/
\r
1381 .comment .wall-item-tools {
\r
1382 /* background:none;*/
\r
1383 /* background-image: url("head.jpg");
\r
1384 background-position: 0 -20px;
\r
1385 background-repeat: repeat-x;*/
\r
1386 border-bottom-left-radius: 10px;
\r
1387 border-bottom-right-radius: 10px;
\r
1390 .comment-edit-wrapper {
\r
1392 background: #f3f3f3;
\r
1393 margin-left: 50px;
\r
1396 .comment-wwedit-wrapper {
\r
1399 background: #f3f3f3;
\r
1400 margin-left: 10px;
\r
1401 margin-right: 10px;
\r
1404 .comment-edit-photo {
\r
1406 margin-left: 10px;
\r
1407 margin-bottom: 10px;
\r
1411 .comment-edit-photo img {
\r
1414 .comment-edit-text-empty, .comment-edit-text-full {
\r
1416 -moz-border-radius: 3px;
\r
1417 -webkit-border-radius: 3px;
\r
1418 border-radius: 3px;
\r
1419 border: 1px solid #cccccc;
\r
1420 padding: 3px 1px 1px 3px;
\r
1423 .comment-edit-text-empty {
\r
1427 /* overflow: auto;*/
\r
1429 margin-bottom: 10px;
\r
1430 margin-left: 20px;
\r
1433 .comment-edit-text-full {
\r
1440 margin-left: 20px;
\r
1443 .comment-edit-text-end {
\r
1447 .comment-edit-submit {
\r
1449 padding: 5px 10px;
\r
1450 margin: 10px 0px 10px 110px;
\r
1453 #profile-jot-wrapper {
\r
1454 padding-left: 10px;
\r
1457 #profile-jot-plugin-wrapper,
\r
1458 #profile-jot-submit-wrapper {
\r
1462 #profile-jot-submit {
\r
1467 #profile-upload-wrapper {
\r
1469 margin-left: 30px;
\r
1471 #profile-attach-wrapper {
\r
1473 margin-left: 15px;
\r
1475 #profile-rotator {
\r
1477 margin-left: 30px;
\r
1479 #profile-link-wrapper {
\r
1481 margin-left: 15px;
\r
1483 #profile-youtube-wrapper {
\r
1485 margin-left: 15px;
\r
1487 #profile-video-wrapper {
\r
1489 margin-left: 15px;
\r
1491 #profile-audio-wrapper {
\r
1493 margin-left: 15px;
\r
1495 #profile-location-wrapper {
\r
1497 margin-left: 15px;
\r
1499 #jot-preview-link {
\r
1502 margin-left: 45px;
\r
1503 margin-top: 0px !important;
\r
1507 #profile-nolocation-wrapper {
\r
1509 margin-left: 15px;
\r
1511 #profile-title-wrapper {
\r
1513 margin-left: 15px;
\r
1516 #profile-jot-perms {
\r
1518 margin-left: 40px;
\r
1519 font-weight: bold;
\r
1524 #profile-jot-perms-end {
\r
1529 #profile-jot-plugin-end{
\r
1532 .profile-jot-net {
\r
1534 margin-right: 10px;
\r
1536 margin-bottom: 5px;
\r
1539 #profile-jot-networks-end {
\r
1543 .profile-jot-box {
\r
1546 .profile-edit-textarea {
\r
1547 margin-left: 20px;
\r
1550 #profile-jot-end {
\r
1552 margin-bottom: 30px;
\r
1554 #about-jot-submit-wrapper {
\r
1558 margin-bottom: 30px;
\r
1561 margin-bottom: 30px;
\r
1564 #profile-listing-desc {
\r
1565 margin-left: 30px;
\r
1568 #profile-listing-new-link-wrapper {
\r
1569 margin-left: 30px;
\r
1570 margin-bottom: 30px;
\r
1572 .profile-listing-photo-wrapper {
\r
1576 .profile-listing-edit-buttons-wrapper {
\r
1579 .profile-listing-photo-edit-link {
\r
1583 .profile-listing-end {
\r
1586 .profile-listing-edit-buttons-wrapper img{
\r
1588 margin-right: 20px;
\r
1590 .profile-listing {
\r
1592 margin-left: 30px;
\r
1595 .profile-listing-visible {
\r
1596 margin-left: 100px;
\r
1598 .profile-listing-name {
\r
1600 margin-left: 12px;
\r
1603 font-weight: bold;
\r
1610 font-weight: bold;
\r
1611 margin-bottom: 20px;
\r
1619 text-align: center;
\r
1621 .directory-photo {
\r
1622 margin-left: 15px;
\r
1624 .directory-details {
\r
1626 text-align: center;
\r
1628 margin-right: 5px;
\r
1634 padding-left: 15px;
\r
1640 #directory-search-wrapper {
\r
1642 margin-right: 20px;
\r
1643 margin-bottom: 50px;
\r
1646 #directory-search-end {
\r
1649 .directory-photo-img {
\r
1657 margin-right: auto;
\r
1658 margin-left: auto;
\r
1660 padding-top: 10px;
\r
1661 padding-bottom: 10px;
\r
1662 padding-left: 10px;
\r
1663 text-align: center;
\r
1664 /* line-height: 2.75em;*/
\r
1669 padding: 0.2em 1em;
\r
1670 border: 1px solid #aaa;
\r
1671 border-radius: 10px;
\r
1672 -moz-border-radius: 10px;
\r
1673 -webkit-border-radius: 10px;
\r
1683 border: 1px solid black;
\r
1684 border-radius: 7px;
\r
1686 text-align: center;
\r
1688 margin-right: 5px;
\r
1689 margin-bottom: 10px;*/
\r
1691 /* margin-right: 15px;
\r
1692 margin-left: 15px;*/
\r
1706 padding-bottom: 5px;
\r
1707 padding-left: 25px;
\r
1708 padding-right: 30px;
\r
1710 border: 2px solid #AAAAAA;
\r
1711 border-radius: 10px;
\r
1712 -moz-border-radius: 10px;
\r
1713 -webkit-border-radius: 10px;
\r
1714 font-size: 1.25em;
\r
1715 text-align: center;
\r
1716 text-decoration: none;
\r
1720 padding-bottom: 2px;
\r
1721 padding-left: 9px;
\r
1722 padding-right: 18px;
\r
1723 text-decoration: none;
\r
1729 padding: 0.2em 1em;
\r
1730 border: 1px solid #aaa;
\r
1731 border-radius: 10px;
\r
1732 -moz-border-radius: 10px;
\r
1733 -webkit-border-radius: 10px;
\r
1739 border: 1px solid black;
\r
1740 border-radius: 7px;
\r
1741 -moz-border-radius: 7px;
\r
1742 -webkit-border-radius: 7px;
\r
1743 background: #FFCCCC;
\r
1744 font-size: 1.25em;
\r
1745 text-align: center;
\r
1747 margin-right: 5px;
\r
1748 margin-bottom: 10px;
\r
1752 #advanced-profile-name-wrapper,
\r
1753 #advanced-profile-gender-wrapper,
\r
1754 #advanced-profile-dob-wrapper,
\r
1755 #advanced-profile-age-wrapper,
\r
1756 #advanced-profile-marital-wrapper,
\r
1757 #advanced-profile-sexual-wrapper,
\r
1758 #advanced-profile-homepage-wrapper,
\r
1759 #advanced-profile-politic-wrapper,
\r
1760 #advanced-profile-religion-wrapper,
\r
1761 #advanced-profile-about-wrapper,
\r
1762 #advanced-profile-interest-wrapper,
\r
1763 #advanced-profile-contact-wrapper,
\r
1764 #advanced-profile-music-wrapper,
\r
1765 #advanced-profile-book-wrapper,
\r
1766 #advanced-profile-tv-wrapper,
\r
1767 #advanced-profile-film-wrapper,
\r
1768 #advanced-profile-romance-wrapper,
\r
1769 #advanced-profile-work-wrapper,
\r
1770 #advanced-profile-education-wrapper {
\r
1774 #advanced-profile-name-text,
\r
1775 #advanced-profile-gender-text,
\r
1776 #advanced-profile-dob-text,
\r
1777 #advanced-profile-age-text,
\r
1778 #advanced-profile-marital-text,
\r
1779 #advanced-profile-sexual-text,
\r
1780 #advanced-profile-homepage-text,
\r
1781 #advanced-profile-politic-text,
\r
1782 #advanced-profile-religion-text,
\r
1783 #advanced-profile-about-text,
\r
1784 #advanced-profile-interest-text,
\r
1785 #advanced-profile-contact-text,
\r
1786 #advanced-profile-music-text,
\r
1787 #advanced-profile-book-text,
\r
1788 #advanced-profile-tv-text,
\r
1789 #advanced-profile-film-text,
\r
1790 #advanced-profile-romance-text,
\r
1791 #advanced-profile-work-text,
\r
1792 #advanced-profile-education-text {
\r
1797 #advanced-profile-name-end,
\r
1798 #advanced-profile-gender-end,
\r
1799 #advanced-profile-dob-end,
\r
1800 #advanced-profile-age-end,
\r
1801 #advanced-profile-marital-end,
\r
1802 #advanced-profile-sexual-end,
\r
1803 #advanced-profile-homepage-end,
\r
1804 #advanced-profile-politic-end,
\r
1805 #advanced-profile-religion-end {
\r
1809 #advanced-profile-about-end,
\r
1810 #advanced-profile-interest-end,
\r
1811 #advanced-profile-contact-end,
\r
1812 #advanced-profile-music-end,
\r
1813 #advanced-profile-book-end,
\r
1814 #advanced-profile-tv-end,
\r
1815 #advanced-profile-film-end,
\r
1816 #advanced-profile-romance-end,
\r
1817 #advanced-profile-work-end,
\r
1818 #advanced-profile-education-end {
\r
1823 #advanced-profile-name,
\r
1824 #advanced-profile-gender,
\r
1825 #advanced-profile-dob,
\r
1826 #advanced-profile-age,
\r
1827 #advanced-profile-marital,
\r
1828 #advanced-profile-sexual,
\r
1829 #advanced-profile-homepage,
\r
1830 #advanced-profile-politic,
\r
1831 #advanced-profile-religion {
\r
1837 #advanced-profile-about,
\r
1838 #advanced-profile-interest,
\r
1839 #advanced-profile-contact,
\r
1840 #advanced-profile-music,
\r
1841 #advanced-profile-book,
\r
1842 #advanced-profile-tv,
\r
1843 #advanced-profile-film,
\r
1844 #advanced-profile-romance,
\r
1845 #advanced-profile-work,
\r
1846 #advanced-profile-education {
\r
1848 margin-left: 50px;
\r
1849 margin-right: 20px;
\r
1851 border: 1px solid #CCCCCC;
\r
1854 #advanced-profile-with {
\r
1856 margin-left: 15px;
\r
1859 #contact-edit-wrapper {
\r
1863 #contact-edit-banner-name {
\r
1865 font-weight: bold;
\r
1868 #contact-edit-poll-wrapper {
\r
1872 #contact-edit-last-update-text {
\r
1878 #contact-edit-poll-text {
\r
1882 margin-bottom: 0px;
\r
1885 #contact-edit-update-now {
\r
1889 #contact-edit-links{
\r
1893 #contact-edit-links ul {
\r
1895 list-style-type: none;
\r
1897 padding-left: 0px;
\r
1900 #contact-edit-links li {
\r
1904 #contact-edit-drop-link {
\r
1906 margin-right: 10px;
\r
1909 #contact-edit-nav-end {
\r
1913 #contact-edit-wrapper {
\r
1917 #update_now_link {
\r
1920 margin-bottom: 20px;
\r
1923 #label_id_hidden, #id_hidden {
\r
1930 #contact-edit-end {
\r
1935 #contact-profile-selector {
\r
1940 .contact-edit-submit {
\r
1942 padding: 0.2em 0.5em;
\r
1947 .contact-photo-menu-button {
\r
1948 /* position: absolute;
\r
1949 background-image: url("photo-menu.jpg");
\r
1950 background-position: top left;
\r
1951 background-repeat: no-repeat;
\r
1952 margin: 0px; padding: 0px;
\r
1955 top: 64px; left:0px;
\r
1957 text-indent: 40px;
\r
1961 .contact-photo-menu {
\r
1963 border: 1px solid #AAA;
\r
1964 background: #FFFFFF;
\r
1965 position: absolute;
\r
1966 left: -30px; top: 80px;
\r
1969 -moz-box-shadow: 3px 3px 5px #555;
\r
1970 -webkit-box-shadow: 3px 3px 5px #555;
\r
1971 box-shadow: 3px 3px 5px #555;
\r
1973 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
\r
1974 .contact-photo-menu li a { display: block; padding: 2px; }
\r
1975 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
\r
1978 #block-message, #ignore-message, #archive-message, #lost-contact-message {
\r
1982 #profile-edit-insecure {
\r
1986 border: 1px solid #FF8888;
\r
1987 background-color: #FFEEEE;
\r
1988 padding-left: 5px;
\r
1989 /*: 3px 3px 3px 5px; */
\r
1993 #profile-jot-desc {
\r
1998 margin-bottom: 10px;
\r
2001 #profile-jot-text {
\r
2005 border: 1px solid #cccccc;
\r
2006 padding: 3px 0px 0px 5px;
\r
2007 -moz-border-radius: 3px;
\r
2008 -webkit-border-radius: 3px;
\r
2009 border-radius: 3px;
\r
2014 #photo-edit-perms-select,
\r
2015 #photos-upload-permissions-wrapper,
\r
2016 #profile-jot-acl-wrapper{
\r
2017 display:block!important;
\r
2020 #photos-usage-message {
\r
2021 margin-bottom: 15px;
\r
2024 #profile-jot-acl-wrapper{
\r
2026 padding-left:10px;
\r
2038 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
\r
2039 padding-right:20px;
\r
2046 background-color: #cccccc;
\r
2047 background-image: url("../../../images/show_all_off.png");
\r
2048 background-position: 7px 7px;
\r
2049 background-repeat: no-repeat;
\r
2050 padding: 7px 5px 0px 30px;
\r
2051 -webkit-border-radius: 5px ;
\r
2052 -moz-border-radius: 5px;
\r
2053 border-radius: 5px;
\r
2056 #acl-showall.selected {
\r
2058 background-color: #ff9900;
\r
2059 background-image: url("../../../images/show_all_on.png");
\r
2063 /* height: 210px;*/
\r
2064 border: 1px solid #cccccc;
\r
2067 overflow: visible;
\r
2069 #acl-list-content {
\r
2076 border: 1px solid #cccccc;
\r
2077 -moz-border-radius: 4px;
\r
2078 -webkit-border-radius: 4px;
\r
2079 border-radius: 4px;
\r
2081 margin-bottom: 5px;
\r
2082 margin-right: 2px;
\r
2084 padding-left: 5px;
\r
2087 .acl-list-item img{
\r
2094 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
\r
2095 .acl-list-item a {
\r
2102 background-color: #cccccc;
\r
2103 background-position: 3px 3px;
\r
2104 background-repeat: no-repeat;
\r
2105 margin-right: 5px;
\r
2106 -webkit-border-radius: 2px ;
\r
2107 -moz-border-radius: 2px;
\r
2108 border-radius: 2px;
\r
2109 padding-left: 15px;
\r
2111 #acl-wrapper a:hover {
\r
2112 text-decoration: none;
\r
2115 .acl-button-show { background-image: url("../../../images/show_off.png"); }
\r
2116 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
\r
2118 .acl-button-show.selected {
\r
2120 background-color: #9ade00;
\r
2121 background-image: url("../../../images/show_on.png");
\r
2123 .acl-button-hide.selected {
\r
2125 background-color: #ff4141;
\r
2126 background-image: url("../../../images/hide_on.png");
\r
2128 .acl-list-item.groupshow { border-color: #9ade00; }
\r
2129 .acl-list-item.grouphide { border-color: #ff4141; }
\r
2133 #group-new-submit-wrapper {
\r
2137 #group-edit-name-label {
\r
2141 margin-bottom: 20px;
\r
2144 #group-edit-name {
\r
2148 margin-bottom: 20px;
\r
2151 #group-edit-name-wrapper {
\r
2157 #group_members_select_label {
\r
2163 .group_members_select {
\r
2169 #group_members_select_end {
\r
2172 #group-edit-name-end {
\r
2176 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
\r
2177 margin-bottom: 10px;
\r
2184 padding: 0.25em 0.5em;
\r
2186 margin-right: 30px;
\r
2188 #prvmail-upload-wrapper,
\r
2189 #prvmail-link-wrapper,
\r
2190 #prvmail-rotator-wrapper {
\r
2193 margin-right: 10px;
\r
2201 .mail-list-sender,
\r
2202 .mail-list-detail {
\r
2205 .mail-list-detail {
\r
2206 margin-left: 20px;
\r
2209 .mail-list-subject {
\r
2213 a.mail-list-link {
\r
2220 *a.mail-list-link:hover {
\r
2221 * background-color: #15607B;
\r
2226 .mail-list-outside-wrapper-end {
\r
2230 .mail-list-outside-wrapper {
\r
2234 .mail-list-delete-wrapper {
\r
2236 margin-right: 30px;
\r
2240 .mail-list-delete-icon {
\r
2244 .mail-conv-sender,
\r
2245 .mail-conv-detail {
\r
2248 .mail-conv-detail {
\r
2249 margin-left: 20px;
\r
2250 margin-bottom: 10px;
\r
2254 .mail-conv-subject {
\r
2259 .mail-conv-outside-wrapper-end {
\r
2263 .mail-conv-outside-wrapper {
\r
2267 .mail-conv-delete-wrapper {
\r
2269 margin-right: 5px;
\r
2272 .mail-conv-break {
\r
2276 .mail-conv-delete-icon {
\r
2280 .message-links ul {
\r
2281 list-style-type: none;
\r
2285 .message-links li {
\r
2289 .message-links a {
\r
2293 .message-links-end {
\r
2297 #sidebar-group-list ul {
\r
2298 list-style-type: none;
\r
2301 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
\r
2302 display: inline-block;
\r
2307 #sidebar-group-list li {
\r
2311 .nets-ul, .fileas-ul, .categories-ul {
\r
2312 list-style-type: none;
\r
2315 .nets-ul li, .fileas-ul li, .categories-ul li {
\r
2320 margin-left: 24px;
\r
2323 margin-left: 42px;
\r
2326 .fileas-link, .categories-link {
\r
2327 margin-left: 24px;
\r
2330 .fileas-all, .categories-all {
\r
2338 margin-right: 10px;
\r
2340 #saved-search-ul {
\r
2341 list-style-type: none;
\r
2343 .savedsearchdrop, .savedsearchterm {
\r
2347 .savedsearchterm {
\r
2348 margin-left: 10px;
\r
2352 #side-follow-wrapper {
\r
2355 #side-follow-url, #side-peoplefind-url {
\r
2358 #side-follow-submit, #side-peoplefind-submit {
\r
2362 #side-match-link {
\r
2366 aside input[type='text'] {
\r
2371 border: 1px solid #DDDDDD;
\r
2374 -moz-border-radius:5px;
\r
2375 -webkit-border-radius:5px;
\r
2376 border-radius:5px;
\r
2388 margin-bottom: 25px;
\r
2391 .photo-album-image-wrapper {
\r
2394 margin-right: 15px;
\r
2395 margin-left: 15px;
\r
2396 /* width: 200px; height: 200px;
\r
2397 overflow: hidden;
\r
2398 position: relative; */
\r
2400 .photo-album-image-wrapper .caption {
\r
2403 /* position: absolute; */
\r
2405 padding: 0.5em 0.5em 0px 0.5em;
\r
2406 background-color: rgba(245, 245, 255, 0.8);
\r
2407 border-bottom: 2px solid #CCC;
\r
2410 .photo-album-image-wrapper a:hover .caption {
\r
2414 #photo-album-end {
\r
2416 margin-bottom: 25px;
\r
2419 .photo-top-image-wrapper {
\r
2420 /* position: relative; */
\r
2423 margin-right: 15px;
\r
2424 margin-left: 15px;
\r
2425 margin-bottom: 15px;
\r
2426 /* width: 200px; height: 200px;
\r
2427 overflow: hidden; */
\r
2429 .photo-top-image-wrapper img {
\r
2431 border-radius: 10px;
\r
2432 -moz-border-radius: 10px;
\r
2433 -webkit-border-radius: 10px;
\r
2435 .photo-top-album-name {
\r
2438 /* position: absolute; */
\r
2441 padding-top: 0.5em;
\r
2442 background-color: rgb(255, 255, 255);
\r
2448 #photo-top-links {
\r
2449 margin-bottom: 30px;
\r
2450 margin-left: 30px;
\r
2453 #photos-upload-newalbum-div {
\r
2458 #photos-upload-noshare {
\r
2459 margin-bottom: 10px;
\r
2461 #photos-upload-existing-album-text {
\r
2465 #photos-upload-newalbum {
\r
2468 #photos-upload-album-select {
\r
2472 #photos-upload-spacer {
\r
2475 #photos-upload-new-end, #photos-upload-exist-end {
\r
2478 #photos-upload-exist-end {
\r
2479 margin-bottom: 15px;
\r
2481 #photos-upload-submit {
\r
2485 #photos_upload_applet_wrapper {
\r
2486 margin-bottom: 15px;
\r
2489 #photos-upload-no-java-message {
\r
2490 margin-bottom: 15px;
\r
2493 #character-counter {
\r
2498 #character-counter.grey {
\r
2502 #character-counter.orange {
\r
2505 #character-counter.red {
\r
2509 #profile-jot-banner-end {
\r
2510 /* clear: both; */
\r
2513 #photos-upload-select-files-text {
\r
2515 margin-bottom: 15px;
\r
2518 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
\r
2520 text-decoration: none;
\r
2524 #photos-upload-perms-menu {
\r
2525 margin-left: 15px;
\r
2528 #photos-upload-perms-menu:hover {
\r
2530 text-decoration: underline;
\r
2533 #settings-default-perms-menu {
\r
2535 margin-bottom: 15px;
\r
2538 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
\r
2543 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
\r
2547 #photos-upload-noshare-div {
\r
2548 margin-top: 140px;
\r
2549 margin-bottom: 15px;
\r
2552 #photos-upload-noshare-label {
\r
2553 margin-left: 25px;
\r
2556 #photos-upload-noshare {
\r
2560 .photo-perms-icon {
\r
2564 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
\r
2565 text-decoration: none;
\r
2568 .photo-jot-perms-text {
\r
2570 padding-left: 40px;
\r
2573 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {
\r
2576 #photos-upload-perms {
\r
2581 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {
\r
2583 margin-left: 20px;
\r
2586 #advanced-expire-popup {
\r
2587 padding-left: 1em;
\r
2589 border: 1px solid #aaa;
\r
2590 border-radius: 10px;
\r
2591 -moz-border-radius: 10px;
\r
2592 -webkit-border-radius: 10px;
\r
2595 #photo-edit-perms-end {
\r
2596 margin-bottom: 15px;
\r
2599 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
\r
2601 margin-bottom: 25px;
\r
2604 .photo-edit-rotate {
\r
2606 margin-left: 20px;
\r
2608 #photo-edit-link-wrap {
\r
2609 margin-bottom: 15px;
\r
2612 margin-left: 15px;
\r
2613 margin-bottom: 65px;
\r
2616 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
\r
2620 #photo-edit-rotate-end {
\r
2621 margin-bottom: 15px;
\r
2624 #photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {
\r
2626 padding: 0.25em 0.5em;
\r
2629 #photo-edit-submit-button {
\r
2630 margin-left: 10px;
\r
2632 #photo-edit-delete-button {
\r
2633 margin-left: 45px;
\r
2635 #photos-upload-choose {
\r
2636 position: absolute;
\r
2640 #photos-upload-submit {
\r
2642 margin-left: 100px;
\r
2643 margin-bottom: 20px;
\r
2645 .settings-submit, .profile-edit-submit-button {
\r
2646 padding: 0.25em 0.5em;
\r
2647 margin-bottom: 10px;
\r
2651 margin-bottom: 35px;
\r
2655 font-weight: bold;
\r
2657 margin-bottom: 15px;
\r
2660 #in-this-photo-text {
\r
2662 margin-left: 30px;
\r
2666 margin-left: 60px;
\r
2668 margin-bottom: 20px;
\r
2671 #photo-album-edit-submit, #photo-album-edit-drop {
\r
2673 margin-bottom: 15px;
\r
2676 #photo-album-edit-drop {
\r
2677 margin-left: 200px;
\r
2680 .group-delete-wrapper {
\r
2682 margin-right: 50px;
\r
2685 #install-dbhost-label,
\r
2686 #install-dbuser-label,
\r
2687 #install-dbpass-label,
\r
2688 #install-dbdata-label,
\r
2689 #install-tz-desc {
\r
2693 margin-bottom: 10px;
\r
2703 margin-left: 20px;
\r
2706 #install-dbhost-end,
\r
2707 #install-dbuser-end,
\r
2708 #install-dbpass-end,
\r
2709 #install-dbdata-end,
\r
2714 #install-form select#timezone_select {
\r
2717 margin-left: 20px;
\r
2720 #dfrn-request-networks {
\r
2721 margin-bottom: 30px;
\r
2731 cursor: url('lock.cur'), pointer;
\r
2732 /* cursor: pointer !important; */
\r
2735 .contact-block-div {
\r
2740 .contact-block-textdiv {
\r
2746 #contact-block-end {
\r
2749 .contact-block-link {
\r
2752 .contact-block-img {
\r
2758 margin-bottom: 15px;
\r
2762 margin-bottom: 10px;
\r
2765 #tagrm-submit, #tagrm-cancel {
\r
2770 margin-left: 15px;
\r
2775 margin-bottom: 25px;
\r
2779 margin-left: 15px;
\r
2783 margin-bottom: 25px;
\r
2786 .location-label, .gender-label, .marital-label, .homepage-label {
\r
2788 text-align: right;
\r
2793 .adr, .x-gender, .marital-text, .homepage-url {
\r
2814 #plugin-settings-link, #account-settings-link {
\r
2815 margin-bottom: 10px;
\r
2819 margin-bottom: 20px;
\r
2822 /* end from default */
\r
2826 padding: 0px 0px 5px 12px;
\r
2828 font-weight: bold;
\r
2832 margin-bottom: 5px;
\r
2833 margin-left: 12px;
\r
2842 font-weight: bold;
\r
2845 #birthday-adjust {
\r
2848 margin-left: 10px;
\r
2851 #birthday-title-end {
\r
2856 margin-left: 15px;
\r
2859 #birthday-wrapper {
\r
2860 margin-bottom: 20px;
\r
2863 #network-new-link {
\r
2865 margin-bottom: 15px;
\r
2871 margin-left: 15px;
\r
2883 #event-summary-text {
\r
2887 #event-share-checkbox {
\r
2892 #event-share-text {
\r
2898 #event-share-break {
\r
2900 margin-bottom: 10px;
\r
2908 border: 1px solid #CCCCCC;
\r
2911 .vevent .event-summary {
\r
2912 margin-left: 10px;
\r
2913 margin-right: 10px;
\r
2914 font-weight: bold;
\r
2917 .vevent .event-description, .vevent .event-location {
\r
2918 margin-left: 10px;
\r
2919 margin-right: 10px;
\r
2921 .vevent .event-start {
\r
2922 margin-left: 10px;
\r
2923 margin-right: 10px;
\r
2927 margin-bottom: 10px;
\r
2930 .edit-event-link, .plink-event-link {
\r
2933 margin-right: 4px;
\r
2934 margin-bottom: 15px;
\r
2937 .event-description:before {
\r
2938 content: url('../../../images/calendar.png');
\r
2939 margin-right: 15px;
\r
2942 .event-start, .event-end {
\r
2944 margin-left: 10px;
\r
2947 padding-bottom: 1.5em;
\r
2950 .event-start .dtstart, .event-end .dtend {
\r
2955 .event-list-date {
\r
2956 margin-bottom: 10px;
\r
2959 .prevcal, .nextcal {
\r
2961 margin-left: 32px;
\r
2962 margin-right: 32px;
\r
2965 .event-calendar-end {
\r
2971 font-family: Courier, monospace;
\r
2974 font-weight: bold;
\r
2979 border: 1px solid #AAA;
\r
2988 #identity-manage-desc {
\r
2990 margin-bottom: 15px;
\r
2993 #identity-manage-choose {
\r
2994 margin-bottom: 15px;
\r
2997 #identity-submit {
\r
3002 position: relative;
\r
3006 #photo-prev-link {
\r
3007 position: absolute;
\r
3010 #photo-next-link {
\r
3011 position: absolute;
\r
3014 #photo-prev-link, #photo-next-link {
\r
3023 #photo-photo img {
\r
3027 #photo-photo-end {
\r
3031 .profile-match-photo {
\r
3033 text-align: center;
\r
3037 .profile-match-name {
\r
3039 text-align: center;
\r
3044 .profile-match-break,
\r
3045 .profile-match-end {
\r
3049 .profile-match-connect {
\r
3050 text-align: center;
\r
3051 font-weight: bold;
\r
3054 .profile-match-wrapper {
\r
3061 #profile-match-wrapper-end {
\r
3065 margin-bottom: 15px;
\r
3068 #language-selector {
\r
3069 position: absolute;
\r
3079 border: 1px solid #ddd;
\r
3082 #group-members-end {
\r
3086 #group-separator {
\r
3088 margin-bottom: 10px;
\r
3091 #group-all-contacts {
\r
3095 border: 1px solid #ddd;
\r
3098 #group-all-contacts-end {
\r
3100 margin-bottom: 10px;
\r
3103 #group-edit-desc {
\r
3113 border: 1px solid #ddd;
\r
3116 #prof-members-end {
\r
3122 margin-bottom: 10px;
\r
3125 #prof-all-contacts {
\r
3129 border: 1px solid #ddd;
\r
3132 #prof-all-contacts-end {
\r
3134 margin-bottom: 10px;
\r
3141 #crepair-name-label,
\r
3142 #crepair-nick-label,
\r
3143 #crepair-attag-label,
\r
3144 #crepair-url-label,
\r
3145 #crepair-request-label,
\r
3146 #crepair-confirm-label,
\r
3147 #crepair-notify-label,
\r
3148 #crepair-photo-label,
\r
3149 #crepair-poll-label {
\r
3152 margin-bottom: 15px;
\r
3170 margin-top: 20px;
\r
3173 #netsearch-box #search-submit {
\r
3174 margin: 5px 0px 0px 0px;
\r
3181 #event-start-text, #event-finish-text {
\r
3183 margin-bottom: 5px;
\r
3186 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
\r
3189 #event-datetime-break {
\r
3190 margin-bottom: 10px;
\r
3193 #event-nofinish-break, #event-adjust-break {
\r
3197 #event-desc-text, #event-location-text {
\r
3199 margin-bottom: 5px;
\r
3205 .body-tag, .filesavetags, .categorytags {
\r
3207 filter:alpha(opacity=50);
\r
3210 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
\r
3211 opacity: 1.0 !important;
\r
3212 filter:alpha(opacity=100) !important;
\r
3218 filter:alpha(opacity=10);
\r
3220 margin-right: 10px;
\r
3223 .item-select:hover, .checkeditem {
\r
3225 filter:alpha(opacity=100);
\r
3229 #item-delete-selected {
\r
3233 #item-delete-selected-end {
\r
3236 #item-delete-selected-icon, #item-delete-selected-desc {
\r
3238 margin-right: 5px;
\r
3240 #item-delete-selected-desc:hover {
\r
3241 text-decoration: underline;
\r
3244 #lang-select-icon {
\r
3250 filter:alpha(opacity=20);
\r
3253 #lang-select-icon:hover {
\r
3255 filter:alpha(opacity=100);
\r
3261 margin-right: 15px;
\r
3263 .notification-listing-end {
\r
3265 margin-bottom: 15px;
\r
3271 * Plugins settings
\r
3274 .settings-block > h3,
\r
3275 .settings-heading {
\r
3276 border-bottom: 1px solid #babdb6;
\r
3284 margin-bottom: 10px;
\r
3285 padding-bottom: 10px;
\r
3299 margin-left: 20px;
\r
3301 .field textarea { height: 100px; }
\r
3304 margin-left: 20px;
\r
3316 border:1px solid #666666;
\r
3317 background-image:url("../../../images/onoff.jpg");
\r
3318 background-repeat: no-repeat;
\r
3319 padding: 4px 2px 2px 2px;
\r
3321 text-decoration: none;
\r
3323 .field .onoff .off {
\r
3324 border-color:#666666;
\r
3325 padding-left: 40px;
\r
3326 background-position: left center;
\r
3327 background-color: #cccccc;
\r
3329 text-align: right;
\r
3331 .field .onoff .on {
\r
3332 border-color:#204A87;
\r
3333 padding-right: 40px;
\r
3334 background-position: right center;
\r
3335 background-color: #D7E3F1;
\r
3339 .hidden { display: none!important; }
\r
3341 .field.radio .field_help { clear: left; margin-left: 20px; }
\r
3349 font-weight: bold;
\r
3350 background-color: #FF0000;
\r
3351 padding: 0em 0.3em;
\r
3357 margin-bottom: 2px;
\r
3358 padding-bottom: 2px;
\r
3359 border-bottom: 1px solid black;
\r
3364 font-weight: bold;
\r
3367 margin-left: 180px;
\r
3371 border-bottom: 1px solid #cccccc;
\r
3373 #adminpage .field label {
\r
3374 font-weight: bold;
\r
3376 #adminpage .submit {
\r
3378 text-align: right;
\r
3381 #adminpage #pluginslist {
\r
3382 margin: 0px; padding: 0px;
\r
3384 #adminpage .plugin {
\r
3387 border: 1px solid #888888;
\r
3389 margin-bottom: 5px;
\r
3392 #adminpage .plugin .desc { margin-left: 2.5em;}
\r
3393 #adminpage .toggleplugin {
\r
3395 margin-right: 1em;
\r
3398 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
\r
3399 #adminpage table th { text-align: left;}
\r
3400 #adminpage td .icon { float: left;}
\r
3401 #adminpage table#users img { width: 16px; height: 16px; }
\r
3402 #adminpage table tr:hover { background-color: #bbc7d7; }
\r
3403 #adminpage .selectall { text-align: right; }
\r
3413 width: 100%; height: 100%;
\r
3414 top:0px; left:0px;
\r
3415 position: absolute;
\r
3419 .popup .background {
\r
3420 background-color: rgba(0,0,0,128);
\r
3422 width: 100%; height: 100%;
\r
3423 position: absolute;
\r
3424 top:0px; left:0px;
\r
3427 top:25%;left:25%;width:50%;height:50%;
\r
3429 position: absolute;
\r
3430 border: 4px solid #000000;
\r
3431 background-color: #FFFFFF;
\r
3433 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
\r
3434 .popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
\r
3435 .popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
\r
3436 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
\r
3437 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
\r
3443 height: auto; overflow: auto;
\r
3444 border-bottom: 2px solid #cccccc;
\r
3445 padding-bottom: 1em;
\r
3446 margin-bottom: 1em;
\r
3450 width: 48px; height: 48px;
\r
3453 .oauthapp img.noicon {
\r
3454 background-image: url("../../../images/icons/48/plugin.png");
\r
3455 background-position: center center;
\r
3456 background-repeat: no-repeat;
\r
3466 display: block; width: 16px; height: 16px;
\r
3470 display: block; width: 16px; height: 16px;
\r
3471 background-image: url('../../../images/icons.png');
\r
3473 .article { background-position: 0px 0px;}
\r
3474 .icon.audio { display: none; background-position: -16px 0px;}
\r
3475 .block { background-position: -32px 0px;}
\r
3476 /*.drop { background-position: -48px 0px;}
\r
3477 .drophide { background-position: -64px 0px;}*/
\r
3479 display: block; width: 28px; height: 28px;
\r
3480 background-size: 100% 100%;
\r
3481 background-image: url('images/drop-darkred.png');
\r
3482 background-repeat: no-repeat;
\r
3485 display: block; width: 28px; height: 28px;
\r
3486 background-size: 100% 100%;
\r
3487 background-image: url('images/drop-darkred.png');
\r
3488 background-repeat: no-repeat;
\r
3490 .edit { background-position: -80px 0px;}
\r
3491 /*.camera { background-position: -96px 0px;}*/
\r
3493 display: block; width: 28px; height: 21px;
\r
3495 background-size: 100% 100%;
\r
3496 background-image: url('images/camera.png');
\r
3497 background-repeat: no-repeat;
\r
3499 /*.dislike { background-position: -112px 0px;}*/
\r
3502 width: 26px; height: 28px;/*31 33*/
\r
3503 background-size: 100% 100%;
\r
3504 background-image: url('images/disapprove.png');
\r
3505 background-repeat: no-repeat;
\r
3508 /*.like { background-position: -128px 0px;}*/
\r
3510 display: block; width: 26px; height: 28px;/*31 33*/
\r
3511 margin-right: 7px;
\r
3512 background-size: 100% 100%;
\r
3513 background-image: url('images/approve.png');
\r
3514 background-repeat: no-repeat;
\r
3517 .icon.link { display: none; background-position: -144px 0px;}
\r
3519 /*.globe { background-position: 0px -16px;}*/
\r
3521 display: block; width: 28px; height: 28px;
\r
3522 background-size: 100% 100%;
\r
3523 background-image: url('images/globe.png');
\r
3524 background-repeat: no-repeat;
\r
3526 .noglobe { background-position: -16px -16px;}
\r
3527 .no { background-position: -32px -16px;}
\r
3528 .pause { background-position: -48px -16px;}
\r
3529 .play { background-position: -64px -16px;}
\r
3530 /*.pencil { background-position: -80px -16px;}
\r
3531 .small-pencil { background-position: -96px -16px;}*/
\r
3533 display: block; width: 28px; height: 28px;
\r
3534 background-size: 100% 100%;
\r
3535 background-image: url('images/pencil.png');
\r
3536 background-repeat: no-repeat;
\r
3539 .icon.small-pencil {
\r
3540 display: block; width: 28px; height: 28px;
\r
3541 background-size: 100% 100%;
\r
3542 background-image: url('images/pencil.png');
\r
3543 background-repeat: no-repeat;
\r
3546 /*.recycle { background-position: -112px -16px;}*/
\r
3549 width: 28px; height: 27px;/*33 32*/
\r
3550 background-size: 100% 100%;
\r
3551 background-image: url('images/recycle.png');
\r
3552 background-repeat: no-repeat;
\r
3555 /*.remote-link { background-position: -128px -16px;}*/
\r
3556 .icon.remote-link {
\r
3557 /* display: block;*/
\r
3559 width: 28px; height: 28px;
\r
3560 background-size: 100% 100%;
\r
3561 background-image: url('images/remote-link.png');
\r
3562 background-repeat: no-repeat;
\r
3565 .share { background-position: -144px -16px;}
\r
3567 .tools { background-position: 0px -32px;}
\r
3568 /*.lock { background-position: -16px -32px;}*/
\r
3570 display: block; width: 17px; height: 25px;
\r
3572 background-size: 100% 100%;
\r
3573 background-image: url('images/lock.png');
\r
3574 background-repeat: no-repeat;
\r
3576 /*.unlock { background-position: -32px -32px;}*/
\r
3578 display: block; width: 17px; height: 28px;
\r
3580 background-size: 100% 100%;
\r
3581 background-image: url('images/unlock.png');
\r
3582 background-repeat: no-repeat;
\r
3584 .icon.video { display: none; background-position: -48px -32px;}
\r
3585 .oembed.video a { display: block; }
\r
3586 .youtube { background-position: -64px -32px;}
\r
3587 /*.attach { background-position: -80px -32px; }*/
\r
3589 display: block; width: 28px; height: 28px;
\r
3590 background-size: 100% 100%;
\r
3591 background-image: url('images/paperclip.png');
\r
3592 background-repeat: no-repeat;
\r
3594 .language { background-position: -96px -32px; }
\r
3595 .prev { background-position: -112px -32px; }
\r
3596 .next { background-position: -128px -32px; }
\r
3597 .on { background-position: -144px -32px; }
\r
3599 .off { background-position: 0px -48px; }
\r
3600 /*.starred { background-position: -16px -48px; }*/
\r
3602 display: block; width: 28px; height: 28px;
\r
3603 background-size: 100% 100%;
\r
3604 background-image: url('images/star-yellow.png');
\r
3605 background-repeat: no-repeat;
\r
3607 /*.unstarred { background-position: -32px -48px; }*/
\r
3609 display: block; width: 28px; height: 28px;
\r
3610 background-size: 100% 100%;
\r
3611 background-image: url('images/star.png');
\r
3612 background-repeat: no-repeat;
\r
3615 /*.tagged { background-position: -48px -48px; }*/
\r
3617 display: block; width: 28px; height: 28px;
\r
3618 background-size: 100% 100%;
\r
3619 background-image: url('images/tag.png');
\r
3620 background-repeat: no-repeat;
\r
3623 .yellow { background-position: -64px -48px; }
\r
3627 display: block; width: 24px; height: 24px;
\r
3628 background-size: 100% 100%;
\r
3629 background-image: url('images/folder.png');
\r
3630 background-repeat: no-repeat;
\r
3634 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
\r
3636 [class^="comment-edit-bb"] {
\r
3639 margin: 0px 0 -5px 20px;
\r
3642 [class^="comment-edit-bb"] > li {
\r
3643 display: inline-block;
\r
3644 margin: 20px 10px 0 0;
\r
3647 /*[class^="comment-edit-bb-end"] {
\r
3651 display: inline-block;
\r
3652 background-size: 100% 100%;
\r
3653 background-repeat: no-repeat;
\r
3654 background-color: #f3f3f3;
\r
3655 text-decoration: none;
\r
3657 /*.editicon:hover {
\r
3658 background-color: #ccc;
\r
3661 /* background-position: 0px 0px;*/
\r
3662 width: 26px; height: 28px;
\r
3663 background-image: url('images/boldB-serif.png');
\r
3666 background-position: 0px -16px;
\r
3669 /* background-position: -16px 0px;*/
\r
3670 width: 16px; height: 28px;
\r
3671 background-image: url('images/italicI-serif.png');
\r
3673 /*.italicbb:hover {
\r
3674 background-position: -16px -16px;
\r
3677 /* background-position: -32px 0px;*/
\r
3678 width: 25px; height: 28px;
\r
3679 background-image: url('images/underlineU-serif.png');
\r
3681 /*.underlinebb:hover {
\r
3682 background-position: -32px -16px;
\r
3685 /* background-position: -48px 0px;*/
\r
3686 width: 28px; height: 28px;
\r
3687 background-image: url('images/quote.png');
\r
3689 /*.quotebb:hover {
\r
3690 background-position: -48px -16px;
\r
3693 /* background-position: -64px 0px;*/
\r
3694 width: 28px; height: 28px;
\r
3695 background-image: url('images/code.png');
\r
3698 background-position: -64px -16px;
\r
3701 background-position: -80px 0px;
\r
3704 background-position: -80px -16px;
\r
3707 background-position: -96px 0px;
\r
3710 background-position: -96px -16px;
\r
3713 background-position: -112px 0px;
\r
3716 background-position: -112px -16px;
\r
3720 display: block; width: 20px; height: 23px;
\r
3722 background-image: url('../../../images/content-types.png');
\r
3729 .type-video { background-position: 0px 0px; }
\r
3730 .type-image { background-position: -20px 0px; }
\r
3731 .type-audio { background-position: -40px 0px; }
\r
3732 .type-text { background-position: -60px 0px; }
\r
3733 .type-unkn { background-position: -80px 0px; }
\r
3736 /* autocomplete popup */
\r
3739 background-color:#ffffff;
\r
3742 border:1px solid #cccccc;
\r
3745 background-color:#ffffff; padding: 4px;
\r
3748 .acpopupitem img {
\r
3750 margin-right: 4px;
\r
3753 .acpopupitem.selected {
\r
3754 color: #FFFFFF; background: #3465A4;
\r
3757 /* popup notifications */
\r
3758 div.jGrowl div.notice {
\r
3759 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
\r
3761 padding-left: 58px;
\r
3763 div.jGrowl div.info {
\r
3764 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
\r
3766 padding-left: 58px;
\r
3768 #jGrowl.top-right {
\r
3773 border: 1px solid #EEE;
\r
3776 margin-left: 25px;
\r
3782 .qcomment option {
\r
3784 overflow-x: hidden;
\r
3789 filter:alpha(opacity=30);
\r
3793 filter:alpha(opacity=100);
\r
3796 /* notifications popup menu */
\r
3799 position: absolute;
\r
3805 text-align: right;
\r
3807 .nav-notify.show {
\r
3810 ul.notifications-menu-popup {
\r
3811 position: absolute;
\r
3820 #nav-notifications-menu {
\r
3822 /* max-height: 400px;*/
\r
3824 overflow-y: scroll;overflow-style:scrollbar;
\r
3825 background-color:#FFFFFF;
\r
3826 -moz-border-radius: 5px;
\r
3827 -webkit-border-radius: 5px;
\r
3828 border-radius:5px;
\r
3829 border: 1px solid #AAA;
\r
3830 -moz-box-shadow: 3px 3px 5px #555;
\r
3831 -webkit-box-shadow: 3px 3px 5px #555;
\r
3832 box-shadow: 3px 3px 5px #555;
\r
3834 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
\r
3835 #nav-notifications-menu img { float: left; margin-right: 5px; }
\r
3836 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
\r
3837 #nav-notifications-menu li {
\r
3838 padding: 7px 0px 7px 10px;
\r
3840 border-bottom: 1px solid #000;
\r
3843 #nav-notifications-menu li:hover {
\r
3847 #nav-notifications-menu a:hover {
\r
3848 text-decoration: underline;
\r
3855 .notif-item a:hover {
\r
3856 text-decoration: underline;
\r
3862 padding: 7px 7px 0px 0px;
\r
3866 background: #DDDDDD;
\r
3879 .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
3880 .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
3881 .autocomplete .selected { background:#F0F0F0; }
\r
3882 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
\r
3884 #datebrowse-sidebar select {
\r
3885 margin-left: 40px;
\r
3889 @media only screen and (min-device-width: 768px)
\r
3890 and (max-device-width: 1024px)
\r
3895 div.section-wrapper {
\r
3902 .comment .wall-item-body {
\r