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 .comment .wall-item-content img {
\r
1368 .divgrow-showmore {
\r
1371 text-align: center;
\r
1373 border-top: 1px dotted #888;
\r
1377 .wall-item-title {
\r
1379 font-weight: bold;
\r
1380 font-size: 1.6em;
\r
1384 /*.wall-item-title-end {
\r
1389 text-align: justify;
\r
1391 /* width: 300px;*/
\r
1394 padding-right: 1em;
\r
1395 line-height: 23px;
\r
1398 .wall-item-body code {
\r
1403 .comment .wall-item-body {
\r
1405 padding-right: 0.5em;
\r
1406 /* width: 280px;*/
\r
1409 .comment .wall-item-body blockquote {
\r
1411 margin-right: 0px;
\r
1415 .wall-item-tools {
\r
1417 /* background-image: url("head.jpg");
\r
1418 background-position: 0 -20px;
\r
1419 background-repeat: repeat-x;*/
\r
1420 padding: 5px 5px 0px;
\r
1424 .wall-item-author {
\r
1425 /* margin-top: 10px;*/
\r
1429 .comment .wall-item-tools {
\r
1430 /* background:none;*/
\r
1431 /* background-image: url("head.jpg");
\r
1432 background-position: 0 -20px;
\r
1433 background-repeat: repeat-x;*/
\r
1434 border-bottom-left-radius: 10px;
\r
1435 border-bottom-right-radius: 10px;
\r
1439 .comment-edit-wrapper {
\r
1441 background: #f3f3f3;
\r
1442 margin-left: 50px;
\r
1445 .comment-wwedit-wrapper {
\r
1448 background: #f3f3f3;
\r
1449 margin-left: 10px;
\r
1450 margin-right: 10px;
\r
1453 .comment-wwedit-wrapper.comment {
\r
1454 margin-left: 40px;
\r
1455 margin-right: 40px;
\r
1456 border-radius: 10px;
\r
1460 .comment-edit-photo {
\r
1462 margin-left: 10px;
\r
1463 margin-bottom: 10px;
\r
1467 .comment-edit-photo img {
\r
1470 .comment-edit-text-empty, .comment-edit-text-full {
\r
1472 /* -moz-border-radius: 3px;*/
\r
1473 -webkit-border-radius: 3px;
\r
1474 border-radius: 3px;
\r
1475 border: 1px solid #cccccc;
\r
1476 padding: 3px 1px 1px 3px;
\r
1479 .comment-edit-text-empty {
\r
1483 /* overflow: auto;*/
\r
1485 margin-bottom: 10px;
\r
1486 margin-left: 20px;
\r
1489 .comment-edit-text-full {
\r
1496 margin-left: 20px;
\r
1499 .comment .comment-edit-text-empty {
\r
1502 .comment .comment-edit-text-full {
\r
1503 margin-left: 10px;
\r
1508 .comment-edit-text-end {
\r
1512 .comment-edit-submit {
\r
1514 padding: 5px 10px;
\r
1515 margin: 10px 0px 10px 110px;
\r
1518 #profile-jot-wrapper {
\r
1519 padding-left: 10px;
\r
1522 #profile-jot-plugin-wrapper,
\r
1523 #profile-jot-submit-wrapper {
\r
1527 #profile-jot-submit {
\r
1532 #profile-upload-wrapper {
\r
1534 margin-left: 30px;
\r
1536 #profile-attach-wrapper {
\r
1538 margin-left: 15px;
\r
1540 #profile-rotator {
\r
1542 margin-left: 30px;
\r
1544 #profile-link-wrapper {
\r
1546 margin-left: 15px;
\r
1548 #profile-youtube-wrapper {
\r
1550 margin-left: 15px;
\r
1552 #profile-video-wrapper {
\r
1554 margin-left: 15px;
\r
1556 #profile-audio-wrapper {
\r
1558 margin-left: 15px;
\r
1560 #profile-location-wrapper {
\r
1562 margin-left: 15px;
\r
1564 #jot-preview-link {
\r
1567 margin-left: 45px;
\r
1568 margin-top: 0px !important;
\r
1572 #profile-nolocation-wrapper {
\r
1574 margin-left: 15px;
\r
1576 #profile-title-wrapper {
\r
1578 margin-left: 15px;
\r
1581 #profile-jot-perms {
\r
1583 margin-left: 40px;
\r
1584 font-weight: bold;
\r
1589 #profile-jot-perms-end {
\r
1594 #profile-jot-plugin-end{
\r
1597 .profile-jot-net {
\r
1599 margin-right: 10px;
\r
1601 margin-bottom: 5px;
\r
1604 #profile-jot-networks-end {
\r
1608 .profile-jot-box {
\r
1611 .profile-edit-textarea {
\r
1612 margin-left: 20px;
\r
1615 #profile-jot-end {
\r
1617 margin-bottom: 30px;
\r
1619 #about-jot-submit-wrapper {
\r
1623 margin-bottom: 30px;
\r
1626 margin-bottom: 30px;
\r
1629 #profile-listing-desc {
\r
1630 margin-left: 30px;
\r
1633 #profile-listing-new-link-wrapper {
\r
1634 margin-left: 30px;
\r
1635 margin-bottom: 30px;
\r
1637 .profile-listing-photo-wrapper {
\r
1641 .profile-listing-edit-buttons-wrapper {
\r
1644 .profile-listing-photo-edit-link {
\r
1648 .profile-listing-end {
\r
1651 .profile-listing-edit-buttons-wrapper img{
\r
1653 margin-right: 20px;
\r
1655 .profile-listing {
\r
1657 margin-left: 30px;
\r
1660 .profile-listing-visible {
\r
1661 margin-left: 100px;
\r
1663 .profile-listing-name {
\r
1665 margin-left: 12px;
\r
1668 font-weight: bold;
\r
1675 font-weight: bold;
\r
1676 margin-bottom: 20px;
\r
1684 text-align: center;
\r
1686 .directory-photo {
\r
1687 margin-left: 15px;
\r
1689 .directory-details {
\r
1691 text-align: center;
\r
1693 margin-right: 5px;
\r
1699 padding-left: 15px;
\r
1705 #directory-search-wrapper {
\r
1707 margin-right: 20px;
\r
1708 margin-bottom: 50px;
\r
1711 #directory-search-end {
\r
1714 .directory-photo-img {
\r
1722 margin-right: auto;
\r
1723 margin-left: auto;
\r
1725 padding-top: 10px;
\r
1726 padding-bottom: 10px;
\r
1727 padding-left: 10px;
\r
1728 text-align: center;
\r
1729 /* line-height: 2.75em;*/
\r
1734 padding: 0.2em 1em;
\r
1735 border: 1px solid #aaa;
\r
1736 border-radius: 10px;
\r
1737 /* -moz-border-radius: 10px;*/
\r
1738 -webkit-border-radius: 10px;
\r
1748 border: 1px solid black;
\r
1749 border-radius: 7px;
\r
1751 text-align: center;
\r
1753 margin-right: 5px;
\r
1754 margin-bottom: 10px;*/
\r
1756 /* margin-right: 15px;
\r
1757 margin-left: 15px;*/
\r
1771 padding-bottom: 5px;
\r
1772 padding-left: 25px;
\r
1773 padding-right: 30px;
\r
1775 border: 2px solid #AAAAAA;
\r
1776 border-radius: 10px;
\r
1777 -moz-border-radius: 10px;
\r
1778 -webkit-border-radius: 10px;
\r
1779 font-size: 1.25em;
\r
1780 text-align: center;
\r
1781 text-decoration: none;
\r
1785 padding-bottom: 2px;
\r
1786 padding-left: 9px;
\r
1787 padding-right: 18px;
\r
1788 text-decoration: none;
\r
1794 padding: 0.2em 1em;
\r
1795 border: 1px solid #aaa;
\r
1796 border-radius: 10px;
\r
1797 /* -moz-border-radius: 10px;*/
\r
1798 -webkit-border-radius: 10px;
\r
1804 border: 1px solid black;
\r
1805 border-radius: 7px;
\r
1806 /* -moz-border-radius: 7px;*/
\r
1807 -webkit-border-radius: 7px;
\r
1808 background: #FFCCCC;
\r
1809 font-size: 1.25em;
\r
1810 text-align: center;
\r
1812 margin-right: 5px;
\r
1813 margin-bottom: 10px;
\r
1817 #advanced-profile-name-wrapper,
\r
1818 #advanced-profile-gender-wrapper,
\r
1819 #advanced-profile-dob-wrapper,
\r
1820 #advanced-profile-age-wrapper,
\r
1821 #advanced-profile-marital-wrapper,
\r
1822 #advanced-profile-sexual-wrapper,
\r
1823 #advanced-profile-homepage-wrapper,
\r
1824 #advanced-profile-politic-wrapper,
\r
1825 #advanced-profile-religion-wrapper,
\r
1826 #advanced-profile-about-wrapper,
\r
1827 #advanced-profile-interest-wrapper,
\r
1828 #advanced-profile-contact-wrapper,
\r
1829 #advanced-profile-music-wrapper,
\r
1830 #advanced-profile-book-wrapper,
\r
1831 #advanced-profile-tv-wrapper,
\r
1832 #advanced-profile-film-wrapper,
\r
1833 #advanced-profile-romance-wrapper,
\r
1834 #advanced-profile-work-wrapper,
\r
1835 #advanced-profile-education-wrapper {
\r
1839 #advanced-profile-name-text,
\r
1840 #advanced-profile-gender-text,
\r
1841 #advanced-profile-dob-text,
\r
1842 #advanced-profile-age-text,
\r
1843 #advanced-profile-marital-text,
\r
1844 #advanced-profile-sexual-text,
\r
1845 #advanced-profile-homepage-text,
\r
1846 #advanced-profile-politic-text,
\r
1847 #advanced-profile-religion-text,
\r
1848 #advanced-profile-about-text,
\r
1849 #advanced-profile-interest-text,
\r
1850 #advanced-profile-contact-text,
\r
1851 #advanced-profile-music-text,
\r
1852 #advanced-profile-book-text,
\r
1853 #advanced-profile-tv-text,
\r
1854 #advanced-profile-film-text,
\r
1855 #advanced-profile-romance-text,
\r
1856 #advanced-profile-work-text,
\r
1857 #advanced-profile-education-text {
\r
1862 #advanced-profile-name-end,
\r
1863 #advanced-profile-gender-end,
\r
1864 #advanced-profile-dob-end,
\r
1865 #advanced-profile-age-end,
\r
1866 #advanced-profile-marital-end,
\r
1867 #advanced-profile-sexual-end,
\r
1868 #advanced-profile-homepage-end,
\r
1869 #advanced-profile-politic-end,
\r
1870 #advanced-profile-religion-end {
\r
1874 #advanced-profile-about-end,
\r
1875 #advanced-profile-interest-end,
\r
1876 #advanced-profile-contact-end,
\r
1877 #advanced-profile-music-end,
\r
1878 #advanced-profile-book-end,
\r
1879 #advanced-profile-tv-end,
\r
1880 #advanced-profile-film-end,
\r
1881 #advanced-profile-romance-end,
\r
1882 #advanced-profile-work-end,
\r
1883 #advanced-profile-education-end {
\r
1888 #advanced-profile-name,
\r
1889 #advanced-profile-gender,
\r
1890 #advanced-profile-dob,
\r
1891 #advanced-profile-age,
\r
1892 #advanced-profile-marital,
\r
1893 #advanced-profile-sexual,
\r
1894 #advanced-profile-homepage,
\r
1895 #advanced-profile-politic,
\r
1896 #advanced-profile-religion {
\r
1902 #advanced-profile-about,
\r
1903 #advanced-profile-interest,
\r
1904 #advanced-profile-contact,
\r
1905 #advanced-profile-music,
\r
1906 #advanced-profile-book,
\r
1907 #advanced-profile-tv,
\r
1908 #advanced-profile-film,
\r
1909 #advanced-profile-romance,
\r
1910 #advanced-profile-work,
\r
1911 #advanced-profile-education {
\r
1913 margin-left: 50px;
\r
1914 margin-right: 20px;
\r
1916 border: 1px solid #CCCCCC;
\r
1919 #advanced-profile-with {
\r
1921 margin-left: 15px;
\r
1924 #contact-edit-wrapper {
\r
1928 #contact-edit-banner-name {
\r
1930 font-weight: bold;
\r
1933 #contact-edit-poll-wrapper {
\r
1937 #contact-edit-last-update-text {
\r
1943 #contact-edit-poll-text {
\r
1947 margin-bottom: 0px;
\r
1950 #contact-edit-update-now {
\r
1954 #contact-edit-links{
\r
1958 #contact-edit-links ul {
\r
1960 list-style-type: none;
\r
1962 padding-left: 0px;
\r
1965 #contact-edit-links li {
\r
1969 #contact-edit-drop-link {
\r
1971 margin-right: 10px;
\r
1974 #contact-edit-nav-end {
\r
1978 #contact-edit-wrapper {
\r
1982 #update_now_link {
\r
1985 margin-bottom: 20px;
\r
1988 #label_id_hidden, #id_hidden {
\r
1995 #contact-edit-end {
\r
2000 #contact-profile-selector {
\r
2005 .contact-edit-submit {
\r
2007 padding: 0.2em 0.5em;
\r
2012 .contact-photo-menu-button {
\r
2013 /* position: absolute;
\r
2014 background-image: url("photo-menu.jpg");
\r
2015 background-position: top left;
\r
2016 background-repeat: no-repeat;
\r
2017 margin: 0px; padding: 0px;
\r
2020 top: 64px; left:0px;
\r
2022 text-indent: 40px;
\r
2026 .contact-photo-menu {
\r
2028 border: 1px solid #AAA;
\r
2029 background: #FFFFFF;
\r
2030 position: absolute;
\r
2031 left: -30px; top: 80px;
\r
2034 /* -moz-box-shadow: 3px 3px 5px #555;*/
\r
2035 -webkit-box-shadow: 3px 3px 5px #555;
\r
2036 box-shadow: 3px 3px 5px #555;
\r
2038 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
\r
2039 .contact-photo-menu li a { display: block; padding: 2px; }
\r
2040 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
\r
2043 #block-message, #ignore-message, #archive-message, #lost-contact-message {
\r
2047 #profile-edit-insecure {
\r
2051 border: 1px solid #FF8888;
\r
2052 background-color: #FFEEEE;
\r
2053 padding-left: 5px;
\r
2054 /*: 3px 3px 3px 5px; */
\r
2058 #profile-jot-desc {
\r
2063 margin-bottom: 10px;
\r
2066 #profile-jot-text {
\r
2070 border: 1px solid #cccccc;
\r
2071 padding: 3px 0px 0px 5px;
\r
2072 /* -moz-border-radius: 3px;*/
\r
2073 -webkit-border-radius: 3px;
\r
2074 border-radius: 3px;
\r
2079 #photo-edit-perms-select,
\r
2080 #photos-upload-permissions-wrapper,
\r
2081 #profile-jot-acl-wrapper{
\r
2082 display:block!important;
\r
2085 #photos-usage-message {
\r
2086 margin-bottom: 15px;
\r
2089 #profile-jot-acl-wrapper{
\r
2091 padding-left:10px;
\r
2103 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
\r
2104 padding-right:20px;
\r
2111 background-color: #cccccc;
\r
2112 background-image: url("../../../images/show_all_off.png");
\r
2113 background-position: 7px 7px;
\r
2114 background-repeat: no-repeat;
\r
2115 padding: 7px 5px 0px 30px;
\r
2116 -webkit-border-radius: 5px ;
\r
2117 /* -moz-border-radius: 5px;*/
\r
2118 border-radius: 5px;
\r
2121 #acl-showall.selected {
\r
2123 background-color: #ff9900;
\r
2124 background-image: url("../../../images/show_all_on.png");
\r
2128 /* height: 210px;*/
\r
2129 border: 1px solid #cccccc;
\r
2132 overflow: visible;
\r
2134 #acl-list-content {
\r
2141 border: 1px solid #cccccc;
\r
2142 /* -moz-border-radius: 4px;*/
\r
2143 -webkit-border-radius: 4px;
\r
2144 border-radius: 4px;
\r
2146 margin-bottom: 5px;
\r
2147 margin-right: 2px;
\r
2149 padding-left: 5px;
\r
2152 .acl-list-item img{
\r
2159 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
\r
2160 .acl-list-item a {
\r
2167 background-color: #cccccc;
\r
2168 background-position: 3px 3px;
\r
2169 background-repeat: no-repeat;
\r
2170 margin-right: 5px;
\r
2171 -webkit-border-radius: 2px ;
\r
2172 /* -moz-border-radius: 2px;*/
\r
2173 border-radius: 2px;
\r
2174 padding-left: 15px;
\r
2176 #acl-wrapper a:hover {
\r
2177 text-decoration: none;
\r
2180 .acl-button-show { background-image: url("../../../images/show_off.png"); }
\r
2181 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
\r
2183 .acl-button-show.selected {
\r
2185 background-color: #9ade00;
\r
2186 background-image: url("../../../images/show_on.png");
\r
2188 .acl-button-hide.selected {
\r
2190 background-color: #ff4141;
\r
2191 background-image: url("../../../images/hide_on.png");
\r
2193 .acl-list-item.groupshow { border-color: #9ade00; }
\r
2194 .acl-list-item.grouphide { border-color: #ff4141; }
\r
2198 #group-new-submit-wrapper {
\r
2202 #group-edit-name-label {
\r
2206 margin-bottom: 20px;
\r
2209 #group-edit-name {
\r
2213 margin-bottom: 20px;
\r
2216 #group-edit-name-wrapper {
\r
2222 #group_members_select_label {
\r
2228 .group_members_select {
\r
2234 #group_members_select_end {
\r
2237 #group-edit-name-end {
\r
2241 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
\r
2242 margin-bottom: 10px;
\r
2249 padding: 0.25em 0.5em;
\r
2251 margin-right: 30px;
\r
2253 #prvmail-upload-wrapper,
\r
2254 #prvmail-link-wrapper,
\r
2255 #prvmail-rotator-wrapper {
\r
2258 margin-right: 10px;
\r
2266 .mail-list-sender,
\r
2267 .mail-list-detail {
\r
2270 .mail-list-detail {
\r
2271 margin-left: 20px;
\r
2274 .mail-list-subject {
\r
2278 a.mail-list-link {
\r
2285 *a.mail-list-link:hover {
\r
2286 * background-color: #15607B;
\r
2291 .mail-list-outside-wrapper-end {
\r
2295 .mail-list-outside-wrapper {
\r
2299 .mail-list-delete-wrapper {
\r
2301 margin-right: 30px;
\r
2305 .mail-list-delete-icon {
\r
2309 .mail-conv-sender,
\r
2310 .mail-conv-detail {
\r
2313 .mail-conv-detail {
\r
2314 margin-left: 20px;
\r
2315 margin-bottom: 10px;
\r
2319 .mail-conv-subject {
\r
2325 padding-top: 20px;
\r
2329 .mail-conv-outside-wrapper-end {
\r
2333 .mail-conv-outside-wrapper {
\r
2337 .mail-conv-delete-wrapper {
\r
2339 padding-bottom: 0.5em;
\r
2340 margin-right: 5px;
\r
2343 .mail-conv-break {
\r
2347 .mail-conv-delete-icon {
\r
2351 .message-links ul {
\r
2352 list-style-type: none;
\r
2356 .message-links li {
\r
2360 .message-links a {
\r
2364 .message-links-end {
\r
2368 #sidebar-group-list ul {
\r
2369 list-style-type: none;
\r
2372 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
\r
2373 display: inline-block;
\r
2378 #sidebar-group-list li {
\r
2382 .nets-ul, .fileas-ul, .categories-ul {
\r
2383 list-style-type: none;
\r
2386 .nets-ul li, .fileas-ul li, .categories-ul li {
\r
2391 margin-left: 24px;
\r
2394 margin-left: 42px;
\r
2397 .fileas-link, .categories-link {
\r
2398 margin-left: 24px;
\r
2401 .fileas-all, .categories-all {
\r
2409 margin-right: 10px;
\r
2411 #saved-search-ul {
\r
2412 list-style-type: none;
\r
2414 .savedsearchdrop, .savedsearchterm {
\r
2418 .savedsearchterm {
\r
2419 margin-left: 10px;
\r
2423 #side-follow-wrapper {
\r
2426 #side-follow-url, #side-peoplefind-url {
\r
2429 #side-follow-submit, #side-peoplefind-submit {
\r
2431 padding: 5px 10px;
\r
2432 margin: 10px 0px 10px 10px;
\r
2435 #side-match-link {
\r
2439 aside input[type='text'] {
\r
2444 border: 1px solid #DDDDDD;
\r
2447 /* -moz-border-radius:5px;*/
\r
2448 -webkit-border-radius:5px;
\r
2449 border-radius:5px;
\r
2461 margin-bottom: 25px;
\r
2464 .photo-album-image-wrapper {
\r
2467 margin-right: 15px;
\r
2468 margin-left: 15px;
\r
2469 /* width: 200px; height: 200px;
\r
2470 overflow: hidden;
\r
2471 position: relative; */
\r
2473 .photo-album-image-wrapper .caption {
\r
2476 /* position: absolute; */
\r
2478 padding: 0.5em 0.5em 0px 0.5em;
\r
2479 background-color: rgba(245, 245, 255, 0.8);
\r
2480 border-bottom: 2px solid #CCC;
\r
2483 .photo-album-image-wrapper a:hover .caption {
\r
2487 #photo-album-end {
\r
2489 margin-bottom: 25px;
\r
2492 .photo-top-image-wrapper {
\r
2493 /* position: relative; */
\r
2496 margin-right: 15px;
\r
2497 margin-left: 15px;
\r
2498 margin-bottom: 15px;
\r
2499 /* width: 200px; height: 200px;
\r
2500 overflow: hidden; */
\r
2502 .photo-top-image-wrapper img {
\r
2504 border-radius: 10px;
\r
2505 /* -moz-border-radius: 10px;*/
\r
2506 -webkit-border-radius: 10px;
\r
2508 .photo-top-album-name {
\r
2511 /* position: absolute; */
\r
2514 padding-top: 0.5em;
\r
2515 background-color: rgb(255, 255, 255);
\r
2521 #photo-top-links {
\r
2522 margin-bottom: 30px;
\r
2523 margin-left: 30px;
\r
2526 #photos-upload-newalbum-div {
\r
2531 #photos-upload-noshare {
\r
2532 margin-bottom: 10px;
\r
2534 #photos-upload-existing-album-text {
\r
2538 #photos-upload-newalbum {
\r
2541 #photos-upload-album-select {
\r
2545 #photos-upload-spacer {
\r
2548 #photos-upload-new-end, #photos-upload-exist-end {
\r
2551 #photos-upload-exist-end {
\r
2552 margin-bottom: 15px;
\r
2554 #photos-upload-submit {
\r
2558 #photos_upload_applet_wrapper {
\r
2559 margin-bottom: 15px;
\r
2562 #photos-upload-no-java-message {
\r
2563 margin-bottom: 15px;
\r
2566 #character-counter {
\r
2571 #character-counter.grey {
\r
2575 #character-counter.orange {
\r
2578 #character-counter.red {
\r
2582 #profile-jot-banner-end {
\r
2583 /* clear: both; */
\r
2586 #photos-upload-select-files-text {
\r
2588 margin-bottom: 15px;
\r
2591 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
\r
2593 text-decoration: none;
\r
2597 #photos-upload-perms-menu {
\r
2598 margin-left: 15px;
\r
2601 #photos-upload-perms-menu:hover {
\r
2603 text-decoration: underline;
\r
2606 #settings-default-perms-menu {
\r
2608 margin-bottom: 15px;
\r
2611 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
\r
2616 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
\r
2620 #photos-upload-noshare-div {
\r
2621 margin-top: 140px;
\r
2622 margin-bottom: 15px;
\r
2625 #photos-upload-noshare-label {
\r
2626 margin-left: 25px;
\r
2629 #photos-upload-noshare {
\r
2633 .photo-perms-icon {
\r
2637 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
\r
2638 text-decoration: none;
\r
2641 .photo-jot-perms-text {
\r
2643 padding-left: 40px;
\r
2646 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {
\r
2649 #photos-upload-perms {
\r
2654 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {
\r
2656 margin-left: 20px;
\r
2659 #advanced-expire-popup {
\r
2660 padding-left: 1em;
\r
2662 border: 1px solid #aaa;
\r
2663 border-radius: 10px;
\r
2664 /* -moz-border-radius: 10px;*/
\r
2665 -webkit-border-radius: 10px;
\r
2668 #photo-edit-perms-end {
\r
2669 margin-bottom: 15px;
\r
2672 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
\r
2674 margin-bottom: 25px;
\r
2677 .photo-edit-rotate {
\r
2679 margin-left: 20px;
\r
2681 #photo-edit-link-wrap {
\r
2682 margin-bottom: 15px;
\r
2685 margin-left: 15px;
\r
2686 margin-bottom: 65px;
\r
2689 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
\r
2693 #photo-edit-rotate-end {
\r
2694 margin-bottom: 15px;
\r
2697 #photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {
\r
2699 padding: 0.25em 0.5em;
\r
2702 #photo-edit-submit-button {
\r
2703 margin-left: 10px;
\r
2705 #photo-edit-delete-button {
\r
2706 margin-left: 45px;
\r
2708 #photos-upload-choose {
\r
2709 position: absolute;
\r
2713 #photos-upload-submit {
\r
2715 margin-left: 100px;
\r
2716 margin-bottom: 20px;
\r
2718 .settings-submit, .profile-edit-submit-button {
\r
2719 padding: 0.25em 0.5em;
\r
2720 margin-bottom: 10px;
\r
2724 margin-bottom: 35px;
\r
2728 font-weight: bold;
\r
2730 margin-bottom: 15px;
\r
2733 #in-this-photo-text {
\r
2735 margin-left: 30px;
\r
2739 margin-left: 60px;
\r
2741 margin-bottom: 20px;
\r
2744 #photo-album-edit-submit, #photo-album-edit-drop {
\r
2746 margin-bottom: 15px;
\r
2749 #photo-album-edit-drop {
\r
2750 margin-left: 200px;
\r
2753 .group-delete-wrapper {
\r
2755 margin-right: 50px;
\r
2758 #install-dbhost-label,
\r
2759 #install-dbuser-label,
\r
2760 #install-dbpass-label,
\r
2761 #install-dbdata-label,
\r
2762 #install-tz-desc {
\r
2766 margin-bottom: 10px;
\r
2776 margin-left: 20px;
\r
2779 #install-dbhost-end,
\r
2780 #install-dbuser-end,
\r
2781 #install-dbpass-end,
\r
2782 #install-dbdata-end,
\r
2787 #install-form select#timezone_select {
\r
2790 margin-left: 20px;
\r
2793 #dfrn-request-networks {
\r
2794 margin-bottom: 30px;
\r
2804 cursor: url('lock.cur'), pointer;
\r
2805 /* cursor: pointer !important; */
\r
2808 .contact-block-div {
\r
2813 .contact-block-textdiv {
\r
2819 #contact-block-end {
\r
2822 .contact-block-link {
\r
2825 .contact-block-img {
\r
2831 margin-bottom: 15px;
\r
2835 margin-bottom: 10px;
\r
2838 #tagrm-submit, #tagrm-cancel {
\r
2843 margin-left: 15px;
\r
2848 margin-bottom: 25px;
\r
2852 margin-left: 15px;
\r
2856 margin-bottom: 25px;
\r
2859 .location-label, .gender-label, .marital-label, .homepage-label {
\r
2861 text-align: right;
\r
2866 .adr, .x-gender, .marital-text, .homepage-url {
\r
2887 #plugin-settings-link, #account-settings-link {
\r
2888 margin-bottom: 10px;
\r
2892 margin-bottom: 20px;
\r
2895 /* end from default */
\r
2899 padding: 0px 0px 5px 12px;
\r
2901 font-weight: bold;
\r
2905 margin-bottom: 5px;
\r
2906 margin-left: 12px;
\r
2915 font-weight: bold;
\r
2918 #birthday-adjust {
\r
2921 margin-left: 10px;
\r
2924 #birthday-title-end {
\r
2929 margin-left: 15px;
\r
2932 #birthday-wrapper {
\r
2933 margin-bottom: 20px;
\r
2936 #network-new-link {
\r
2938 margin-bottom: 15px;
\r
2944 margin-left: 15px;
\r
2956 #event-summary-text {
\r
2960 #event-share-checkbox {
\r
2965 #event-share-text {
\r
2971 #event-share-break {
\r
2973 margin-bottom: 10px;
\r
2981 border: 1px solid #CCCCCC;
\r
2984 .vevent .event-summary {
\r
2985 margin-left: 10px;
\r
2986 margin-right: 10px;
\r
2987 font-weight: bold;
\r
2990 .vevent .event-description, .vevent .event-location {
\r
2991 margin-left: 10px;
\r
2992 margin-right: 10px;
\r
2994 .vevent .event-start {
\r
2995 margin-left: 10px;
\r
2996 margin-right: 10px;
\r
3000 margin-bottom: 10px;
\r
3003 .edit-event-link, .plink-event-link {
\r
3006 margin-right: 4px;
\r
3007 margin-bottom: 15px;
\r
3010 .event-description:before {
\r
3011 content: url('../../../images/calendar.png');
\r
3012 margin-right: 15px;
\r
3015 .event-start, .event-end {
\r
3017 margin-left: 10px;
\r
3020 padding-bottom: 1.5em;
\r
3023 .event-start .dtstart, .event-end .dtend {
\r
3028 .event-list-date {
\r
3029 margin-bottom: 10px;
\r
3032 .prevcal, .nextcal {
\r
3034 margin-left: 32px;
\r
3035 margin-right: 32px;
\r
3038 .event-calendar-end {
\r
3044 font-family: Courier, monospace;
\r
3047 font-weight: bold;
\r
3052 border: 1px solid #AAA;
\r
3061 #identity-manage-desc {
\r
3063 margin-bottom: 15px;
\r
3066 #identity-manage-choose {
\r
3067 margin-bottom: 15px;
\r
3070 #identity-submit {
\r
3075 position: relative;
\r
3079 #photo-prev-link {
\r
3080 position: absolute;
\r
3083 #photo-next-link {
\r
3084 position: absolute;
\r
3087 #photo-prev-link, #photo-next-link {
\r
3096 #photo-photo img {
\r
3100 #photo-photo-end {
\r
3104 .profile-match-photo {
\r
3106 text-align: center;
\r
3110 .profile-match-name {
\r
3112 text-align: center;
\r
3117 .profile-match-break,
\r
3118 .profile-match-end {
\r
3122 .profile-match-connect {
\r
3123 text-align: center;
\r
3124 font-weight: bold;
\r
3127 .profile-match-wrapper {
\r
3134 #profile-match-wrapper-end {
\r
3138 margin-bottom: 15px;
\r
3141 #language-selector {
\r
3142 position: absolute;
\r
3152 border: 1px solid #ddd;
\r
3155 #group-members-end {
\r
3159 #group-separator {
\r
3161 margin-bottom: 10px;
\r
3164 #group-all-contacts {
\r
3168 border: 1px solid #ddd;
\r
3171 #group-all-contacts-end {
\r
3173 margin-bottom: 10px;
\r
3176 #group-edit-desc {
\r
3186 border: 1px solid #ddd;
\r
3189 #prof-members-end {
\r
3195 margin-bottom: 10px;
\r
3198 #prof-all-contacts {
\r
3202 border: 1px solid #ddd;
\r
3205 #prof-all-contacts-end {
\r
3207 margin-bottom: 10px;
\r
3214 #crepair-name-label,
\r
3215 #crepair-nick-label,
\r
3216 #crepair-attag-label,
\r
3217 #crepair-url-label,
\r
3218 #crepair-request-label,
\r
3219 #crepair-confirm-label,
\r
3220 #crepair-notify-label,
\r
3221 #crepair-photo-label,
\r
3222 #crepair-poll-label {
\r
3225 margin-bottom: 15px;
\r
3243 margin-top: 20px;
\r
3246 #netsearch-box #search-submit {
\r
3247 margin: 5px 0px 0px 0px;
\r
3254 #event-start-text, #event-finish-text {
\r
3256 margin-bottom: 5px;
\r
3259 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
\r
3262 #event-datetime-break {
\r
3263 margin-bottom: 10px;
\r
3266 #event-nofinish-break, #event-adjust-break {
\r
3270 #event-desc-text, #event-location-text {
\r
3272 margin-bottom: 5px;
\r
3278 .body-tag, .filesavetags, .categorytags {
\r
3280 filter:alpha(opacity=50);
\r
3283 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
\r
3284 opacity: 1.0 !important;
\r
3285 filter:alpha(opacity=100) !important;
\r
3291 filter:alpha(opacity=10);
\r
3293 margin-right: 10px;
\r
3296 .item-select:hover, .checkeditem {
\r
3298 filter:alpha(opacity=100);
\r
3302 #item-delete-selected {
\r
3306 #item-delete-selected-end {
\r
3309 #item-delete-selected-icon, #item-delete-selected-desc {
\r
3311 margin-right: 5px;
\r
3313 #item-delete-selected-desc:hover {
\r
3314 text-decoration: underline;
\r
3317 #lang-select-icon {
\r
3323 filter:alpha(opacity=20);
\r
3326 #lang-select-icon:hover {
\r
3328 filter:alpha(opacity=100);
\r
3334 margin-right: 15px;
\r
3336 .notification-listing-end {
\r
3338 margin-bottom: 15px;
\r
3344 * Plugins settings
\r
3347 .settings-block > h3,
\r
3348 .settings-heading {
\r
3349 border-bottom: 1px solid #babdb6;
\r
3357 margin-bottom: 10px;
\r
3358 padding-bottom: 10px;
\r
3372 margin-left: 20px;
\r
3374 .field input[type=checkbox],
\r
3375 .field input[type=radio] {
\r
3378 .field textarea { height: 100px; }
\r
3381 margin-left: 20px;
\r
3393 border:1px solid #666666;
\r
3394 background-image:url("../../../images/onoff.jpg");
\r
3395 background-repeat: no-repeat;
\r
3396 padding: 4px 2px 2px 2px;
\r
3398 text-decoration: none;
\r
3400 .field .onoff .off {
\r
3401 border-color:#666666;
\r
3402 padding-left: 40px;
\r
3403 background-position: left center;
\r
3404 background-color: #cccccc;
\r
3406 text-align: right;
\r
3408 .field .onoff .on {
\r
3409 border-color:#204A87;
\r
3410 padding-right: 40px;
\r
3411 background-position: right center;
\r
3412 background-color: #D7E3F1;
\r
3416 .hidden { display: none!important; }
\r
3418 .field.radio .field_help { clear: left; margin-left: 20px; }
\r
3426 font-weight: bold;
\r
3427 background-color: #FF0000;
\r
3428 padding: 0em 0.3em;
\r
3434 margin-bottom: 2px;
\r
3435 padding-bottom: 2px;
\r
3436 border-bottom: 1px solid black;
\r
3441 font-weight: bold;
\r
3444 margin-left: 180px;
\r
3448 border-bottom: 1px solid #cccccc;
\r
3450 #adminpage .field label {
\r
3451 font-weight: bold;
\r
3453 #adminpage .submit {
\r
3455 text-align: right;
\r
3458 #adminpage #pluginslist {
\r
3459 margin: 0px; padding: 0px;
\r
3461 #adminpage .plugin {
\r
3464 border: 1px solid #888888;
\r
3466 margin-bottom: 5px;
\r
3469 #adminpage .plugin .desc { margin-left: 2.5em;}
\r
3470 #adminpage .toggleplugin {
\r
3472 margin-right: 1em;
\r
3475 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
\r
3476 #adminpage table th { text-align: left;}
\r
3477 #adminpage td .icon { float: left;}
\r
3478 #adminpage table#users img { width: 16px; height: 16px; }
\r
3479 #adminpage table tr:hover { background-color: #bbc7d7; }
\r
3480 #adminpage .selectall { text-align: right; }
\r
3490 width: 100%; height: 100%;
\r
3491 top:0px; left:0px;
\r
3492 position: absolute;
\r
3496 .popup .background {
\r
3497 background-color: rgba(0,0,0,128);
\r
3499 width: 100%; height: 100%;
\r
3500 position: absolute;
\r
3501 top:0px; left:0px;
\r
3504 top:25%;left:25%;width:50%;height:50%;
\r
3506 position: absolute;
\r
3507 border: 4px solid #000000;
\r
3508 background-color: #FFFFFF;
\r
3510 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
\r
3511 .popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
\r
3512 .popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
\r
3513 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
\r
3514 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
\r
3520 height: auto; overflow: auto;
\r
3521 border-bottom: 2px solid #cccccc;
\r
3522 padding-bottom: 1em;
\r
3523 margin-bottom: 1em;
\r
3527 width: 48px; height: 48px;
\r
3530 .oauthapp img.noicon {
\r
3531 background-image: url("../../../images/icons/48/plugin.png");
\r
3532 background-position: center center;
\r
3533 background-repeat: no-repeat;
\r
3543 display: block; width: 16px; height: 16px;
\r
3547 display: block; width: 16px; height: 16px;
\r
3548 background-image: url('../../../images/icons.png');
\r
3550 .article { background-position: 0px 0px;}
\r
3551 .icon.audio { display: none; background-position: -16px 0px;}
\r
3552 .block { background-position: -32px 0px;}
\r
3553 /*.drop { background-position: -48px 0px;}
\r
3554 .drophide { background-position: -64px 0px;}*/
\r
3556 display: block; width: 28px; height: 28px;
\r
3557 background-size: 100% 100%;
\r
3558 background-image: url('images/drop-darkred.png');
\r
3559 background-repeat: no-repeat;
\r
3562 display: block; width: 28px; height: 28px;
\r
3563 background-size: 100% 100%;
\r
3564 background-image: url('images/drop-darkred.png');
\r
3565 background-repeat: no-repeat;
\r
3567 .edit { background-position: -80px 0px;}
\r
3568 /*.camera { background-position: -96px 0px;}*/
\r
3570 display: block; width: 28px; height: 21px;
\r
3572 background-size: 100% 100%;
\r
3573 background-image: url('images/camera.png');
\r
3574 background-repeat: no-repeat;
\r
3576 /*.dislike { background-position: -112px 0px;}*/
\r
3579 width: 26px; height: 28px;/*31 33*/
\r
3580 background-size: 100% 100%;
\r
3581 background-image: url('images/disapprove.png');
\r
3582 background-repeat: no-repeat;
\r
3585 /*.like { background-position: -128px 0px;}*/
\r
3587 display: block; width: 26px; height: 28px;/*31 33*/
\r
3588 margin-right: 7px;
\r
3589 background-size: 100% 100%;
\r
3590 background-image: url('images/approve.png');
\r
3591 background-repeat: no-repeat;
\r
3594 .icon.link { display: none; background-position: -144px 0px;}
\r
3596 /*.globe { background-position: 0px -16px;}*/
\r
3598 display: block; width: 28px; height: 28px;
\r
3599 background-size: 100% 100%;
\r
3600 background-image: url('images/globe.png');
\r
3601 background-repeat: no-repeat;
\r
3603 /*.noglobe { background-position: -16px -16px;}*/
\r
3605 display: block; width: 24px; height: 24px;
\r
3606 background-size: 100% 100%;
\r
3607 background-image: url('images/noglobe.png');
\r
3608 background-repeat: no-repeat;
\r
3610 .no { background-position: -32px -16px;}
\r
3611 .pause { background-position: -48px -16px;}
\r
3612 .play { background-position: -64px -16px;}
\r
3613 /*.pencil { background-position: -80px -16px;}
\r
3614 .small-pencil { background-position: -96px -16px;}*/
\r
3616 display: block; width: 28px; height: 28px;
\r
3617 background-size: 100% 100%;
\r
3618 background-image: url('images/pencil.png');
\r
3619 background-repeat: no-repeat;
\r
3622 .icon.small-pencil {
\r
3623 display: block; width: 28px; height: 28px;
\r
3624 background-size: 100% 100%;
\r
3625 background-image: url('images/pencil.png');
\r
3626 background-repeat: no-repeat;
\r
3629 /*.recycle { background-position: -112px -16px;}*/
\r
3632 width: 28px; height: 27px;/*33 32*/
\r
3633 background-size: 100% 100%;
\r
3634 background-image: url('images/recycle.png');
\r
3635 background-repeat: no-repeat;
\r
3638 /*.remote-link { background-position: -128px -16px;}*/
\r
3639 .icon.remote-link {
\r
3640 /* display: block;*/
\r
3642 width: 28px; height: 28px;
\r
3643 background-size: 100% 100%;
\r
3644 background-image: url('images/remote-link.png');
\r
3645 background-repeat: no-repeat;
\r
3648 .share { background-position: -144px -16px;}
\r
3650 .tools { background-position: 0px -32px;}
\r
3651 /*.lock { background-position: -16px -32px;}*/
\r
3653 display: block; width: 17px; height: 25px;
\r
3655 background-size: 100% 100%;
\r
3656 background-image: url('images/lock.png');
\r
3657 background-repeat: no-repeat;
\r
3659 /*.unlock { background-position: -32px -32px;}*/
\r
3661 display: block; width: 17px; height: 28px;
\r
3663 background-size: 100% 100%;
\r
3664 background-image: url('images/unlock.png');
\r
3665 background-repeat: no-repeat;
\r
3667 .icon.video { display: none; background-position: -48px -32px;}
\r
3668 .oembed.video a { display: block; }
\r
3669 .youtube { background-position: -64px -32px;}
\r
3670 /*.attach { background-position: -80px -32px; }*/
\r
3672 display: block; width: 28px; height: 28px;
\r
3673 background-size: 100% 100%;
\r
3674 background-image: url('images/paperclip.png');
\r
3675 background-repeat: no-repeat;
\r
3677 .language { background-position: -96px -32px; }
\r
3678 .prev { background-position: -112px -32px; }
\r
3679 .next { background-position: -128px -32px; }
\r
3680 .on { background-position: -144px -32px; }
\r
3682 .off { background-position: 0px -48px; }
\r
3683 /*.starred { background-position: -16px -48px; }*/
\r
3685 display: block; width: 28px; height: 28px;
\r
3686 background-size: 100% 100%;
\r
3687 background-image: url('images/star-yellow.png');
\r
3688 background-repeat: no-repeat;
\r
3690 /*.unstarred { background-position: -32px -48px; }*/
\r
3692 display: block; width: 28px; height: 28px;
\r
3693 background-size: 100% 100%;
\r
3694 background-image: url('images/star.png');
\r
3695 background-repeat: no-repeat;
\r
3698 /*.tagged { background-position: -48px -48px; }*/
\r
3700 display: block; width: 28px; height: 28px;
\r
3701 background-size: 100% 100%;
\r
3702 background-image: url('images/tag.png');
\r
3703 background-repeat: no-repeat;
\r
3706 .yellow { background-position: -64px -48px; }
\r
3710 display: block; width: 24px; height: 24px;
\r
3711 background-size: 100% 100%;
\r
3712 background-image: url('images/folder.png');
\r
3713 background-repeat: no-repeat;
\r
3717 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
\r
3719 [class^="comment-edit-bb"] {
\r
3722 margin: 0px 0 -5px 20px;
\r
3725 [class^="comment-edit-bb"] > li {
\r
3726 display: inline-block;
\r
3727 margin: 20px 10px 0 0;
\r
3730 /*[class^="comment-edit-bb-end"] {
\r
3734 display: inline-block;
\r
3735 background-size: 100% 100%;
\r
3736 background-repeat: no-repeat;
\r
3737 background-color: #f3f3f3;
\r
3738 text-decoration: none;
\r
3740 /*.editicon:hover {
\r
3741 background-color: #ccc;
\r
3744 /* background-position: 0px 0px;*/
\r
3745 width: 26px; height: 28px;
\r
3746 background-image: url('images/boldB-serif.png');
\r
3749 background-position: 0px -16px;
\r
3752 /* background-position: -16px 0px;*/
\r
3753 width: 16px; height: 28px;
\r
3754 background-image: url('images/italicI-serif.png');
\r
3756 /*.italicbb:hover {
\r
3757 background-position: -16px -16px;
\r
3760 /* background-position: -32px 0px;*/
\r
3761 width: 25px; height: 28px;
\r
3762 background-image: url('images/underlineU-serif.png');
\r
3764 /*.underlinebb:hover {
\r
3765 background-position: -32px -16px;
\r
3768 /* background-position: -48px 0px;*/
\r
3769 width: 28px; height: 28px;
\r
3770 background-image: url('images/quote.png');
\r
3772 /*.quotebb:hover {
\r
3773 background-position: -48px -16px;
\r
3776 /* background-position: -64px 0px;*/
\r
3777 width: 28px; height: 28px;
\r
3778 background-image: url('images/code.png');
\r
3781 background-position: -64px -16px;
\r
3784 background-position: -80px 0px;
\r
3787 background-position: -80px -16px;
\r
3790 background-position: -96px 0px;
\r
3793 background-position: -96px -16px;
\r
3796 background-position: -112px 0px;
\r
3799 background-position: -112px -16px;
\r
3803 display: block; width: 20px; height: 23px;
\r
3805 background-image: url('../../../images/content-types.png');
\r
3812 .type-video { background-position: 0px 0px; }
\r
3813 .type-image { background-position: -20px 0px; }
\r
3814 .type-audio { background-position: -40px 0px; }
\r
3815 .type-text { background-position: -60px 0px; }
\r
3816 .type-unkn { background-position: -80px 0px; }
\r
3819 /* autocomplete popup */
\r
3822 background-color:#ffffff;
\r
3825 border:1px solid #cccccc;
\r
3828 background-color:#ffffff; padding: 4px;
\r
3831 .acpopupitem img {
\r
3833 margin-right: 4px;
\r
3836 .acpopupitem.selected {
\r
3837 color: #FFFFFF; background: #3465A4;
\r
3840 /* popup notifications */
\r
3841 div.jGrowl div.notice {
\r
3842 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
\r
3844 padding-left: 58px;
\r
3846 div.jGrowl div.info {
\r
3847 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
\r
3849 padding-left: 58px;
\r
3851 #jGrowl.top-right {
\r
3856 border: 1px solid #EEE;
\r
3859 margin-left: 25px;
\r
3865 .qcomment option {
\r
3867 overflow-x: hidden;
\r
3872 filter:alpha(opacity=30);
\r
3876 filter:alpha(opacity=100);
\r
3879 /* notifications popup menu */
\r
3882 position: absolute;
\r
3888 text-align: right;
\r
3890 .nav-notify.show {
\r
3893 ul.notifications-menu-popup {
\r
3894 position: absolute;
\r
3898 padding: 0px 0.3em;
\r
3902 #nav-notifications-menu {
\r
3904 /* max-height: 400px;*/
\r
3906 /* overflow-y: scroll;overflow-style:scrollbar;*/
\r
3907 background-color:#FFFFFF;
\r
3908 /* -moz-border-radius: 5px;*/
\r
3909 -webkit-border-radius: 5px;
\r
3910 border-radius:5px;
\r
3911 border: 1px solid #AAA;
\r
3912 /* -moz-box-shadow: 3px 3px 5px #555;*/
\r
3913 -webkit-box-shadow: 3px 3px 5px #555;
\r
3914 box-shadow: 3px 3px 5px #555;
\r
3915 /* z-index: 103;*/
\r
3917 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
\r
3918 #nav-notifications-menu img { float: left; margin-right: 5px; }
\r
3919 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
\r
3920 #nav-notifications-menu li {
\r
3921 padding: 7px 0px 7px 10px;
\r
3923 border-bottom: 1px solid #000;
\r
3926 #nav-notifications-menu li:hover {
\r
3930 #nav-notifications-menu a:hover {
\r
3931 text-decoration: underline;
\r
3938 .notif-item a:hover {
\r
3939 text-decoration: underline;
\r
3945 padding: 7px 7px 0px 0px;
\r
3949 background: #DDDDDD;
\r
3962 .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
3963 .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
3964 .autocomplete .selected { background:#F0F0F0; }
\r
3965 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
\r
3967 #datebrowse-sidebar select {
\r
3968 margin-left: 40px;
\r
3972 /*@media only screen and (min-device-width: 768px)
\r
3973 and (max-device-width: 1024px)*/
\r
3974 /*@media only screen and (min-device-width: 768px)
\r
3979 div.section-wrapper {
\r
3986 .comment .wall-item-body {
\r
3991 @media only screen and (min-device-width: 768px)
\r
3993 .wall-item-body code {
\r
3997 .comment .wall-item-body blockquote {
\r
3998 margin-left: 20px;
\r