4 Maintainer: Nomen Nominandum
5 last change: 2013-05-08
9 Blue link hover - #6da6c4
10 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
11 Grey/body text - #626262
12 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
13 Dark Grey Gradients - #7c7d7b and #555753
17 @import url('css/typography.css');
19 @media only screen and (device-width: 768px) {
20 /* For general iPad layouts */
22 -moz-background-clip: border;
23 -moz-background-origin: pdading;
24 -moz-background-size: auto auto;
25 background-attachment: scroll;
26 background-color: transparent;
27 background-image: url( );
28 background-position: center top;
29 background-repeat: no-repeat;
33 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
34 /* For portrait layouts only */
37 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
38 /* For landscape layouts only */
52 border: 1px solid #b0b0b0;
56 -moz-border-radius: 3px;
57 -webkit-border-radius: 3px;
60 input[type=text-sidebar] {
61 border: 1px solid #b0b0b0;
67 -moz-border-radius: 3px;
68 -webkit-border-radius: 3px;
75 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
76 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
77 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
78 background-color: #bdbdbd;
81 border: 1px solid #7C7D7B;
83 -moz-border-radius: 5px;
84 -webkit-border-radius: 5px;
87 input[type=submit]:hover {
88 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
89 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
90 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
91 background-color: #1873a2;
93 border: 1px solid #7C7D7B;
94 box-shadow: 0 0 8px #BDBDBD;
95 -moz-box-shadow: 0 0 8px #BDBDBD;
96 -webkit-box-shadow: 0 0 8px #BDBDBD;
98 -moz-border-radius: 5px;
99 -webkit-border-radius: 5px;
102 input[type=submit]:active {
110 margin: 10px 10px 0 0;
114 #directory-search-submit,
118 #directory-search-end {
131 color: #000; /* Safari and Opera */
136 color: #000; /* Firefox */
142 margin: 50px auto -2em; /* the bottom margin is the negative value of the footer's height */
145 height: auto !important;
152 /* Contact-Header for the Network Stream */
153 #viewcontact_wrapper-network {
156 background-color: #FAFAFA;
157 box-shadow: 0 0 8px #BDBDBD;
158 border-bottom: 1px solid #dedede;
159 border: 1px solid #7C7D7B;
162 #contact-entry-wrapper-network {
169 #contact-entry-accounttype-network {
172 #contact-entry-name-network {
177 border: 1px solid #7C7D7B;
178 box-shadow: 3px 3px 6px #959494;
179 -moz-box-shadow: 3px 3px 6px #959494;
180 -webkit-box-shadow: 3px 3px 6px #959494;
181 background-color: #efefef;
187 background: none repeat scroll 0 0 #FFFFFF;
188 border: 1px solid #7C7D7B;
190 -moz-border-radius: 3px;
191 -webkit-border-radius: 3px;
192 box-shadow: 0 0 8px #BDBDBD;
193 -moz-box-shadow: 0 0 8px #BDBDBD;
194 -webkit-box-shadow: 0 0 8px #BDBDBD;
202 border: 1px solid #7C7D7B;
204 -moz-border-radius: 5px;
205 -webkit-border-radius: 5px;
207 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
208 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
209 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
210 background-color: #bdbdbd;
216 border: 1px solid #7C7D7B;
217 box-shadow: 0 0 8px #BDBDBD;
218 -moz-box-shadow: 0 0 8px #BDBDBD;
219 -webkit-box-shadow: 0 0 8px #BDBDBD;
221 -moz-border-radius: 5px;
222 -webkit-border-radius: 5px;
223 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
224 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
225 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
226 background-color: #1873a2;
244 #login-password-wrapper {
245 vertical-align: middle;
249 #login-name-wrapper input {
266 #login-extra-filler {
273 border: 1px solid #7C7D7B;
275 -moz-border-radius: 5px;
276 -webkit-border-radius: 5px;
277 padding: 15px 10px 10px 20px;
278 margin: 20px 0 0 210px;
282 #login-extra-links a {
285 margin: 5px 0 0 230px;
291 margin: 5px 0 0 230px;
294 #login_standard input,
295 #login_openid input {
301 #lost-password-link {
313 #login-submit-button,
314 #login-submit-wrapper {
317 #login-submit-button {
319 margin: 10px 0 0 230px;
334 -webkit-border-radius: 5px;
335 -moz-border-radius: 5px;
336 border: 1px solid #494948;
337 background-color: #2e3436;
342 box-shadow: 7px 7px 10px #434343;
343 -moz-box-shadow: 7px 7px 12px #434343;
344 -webkit-box-shadow: 7px75px 12px #434343;
367 background-color: #1873a2;
378 list-style: none outside none;
388 background-color: #BDBDBD;
389 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
390 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
391 border: 1px solid #7C7D7B;
392 box-shadow: 0 0 8px #BDBDBD;
393 -moz-box-shadow: 0 0 8px #BDBDBD;
394 -webkit-box-shadow: 0 0 8px #BDBDBD;
395 border-radius: 0px 0px 5px 5px;
396 -moz-border-radius: 0px 0px 5px 5px;
397 -webkit-border-radius: 0px 0px 5px 5px;
401 text-decoration: none;
407 text-decoration: none;
426 nav #banner #logo-text a {
431 text-shadow: #7C7D7B 3px 3px 5px;
443 vertical-align: middle;
444 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
445 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
446 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
447 background-color: #a2a2a2;
448 border: 1px solid #7C7D7B;
449 box-shadow: 0 0 8px #BDBDBD;
450 -moz-box-shadow: 0 0 8px #BDBDBD;
451 -webkit-box-shadow: 0 0 8px #BDBDBD;
453 -moz-border-radius: 5px;
454 -webkit-border-radius: 5px;
456 text-decoration: none;
460 nav #user-menu:hover {
461 border: 1px solid #7C7D7B;
462 box-shadow: 0 0 8px #BDBDBD;
463 -moz-box-shadow: 0 0 8px #BDBDBD;
464 -webkit-box-shadow: 0 0 8px #BDBDBD;
466 -moz-border-radius: 5px;
467 -webkit-border-radius: 5px;
468 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
469 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
470 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
471 background-color: #1873a2;
475 nav #user-menu-label::after {
476 content: url("images/menu-user-pin.png") no-repeat;
480 nav #user-menu-label {
481 vertical-align: middle;
493 nav #nav-link-wrapper .nav-link {
494 border-right: 1px solid #babdb6;
500 border: 1px solid #FF8888;
501 background-color: #FFEEEE;
508 border: 1px solid #3465a4;
509 background-color: #d7e3f1;
516 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
517 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
518 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
519 background-color: #898988;
526 border: 1px solid #9a9a9a;
528 border-radius: 0px 0px 5px 5px;
529 -webkit-border-radius: 0px 0px 5px 5px;
530 -moz-border-radius: 0px 0px 5px 5px;
531 box-shadow: 5px 5px 10px #242424;
532 -moz-box-shadow: 5px 5px 10px #242424;
533 -webkit-box-shadow: 5px 5px 10px #242424;
537 ul#user-menu-popup li {
541 ul#user-menu-popup li a {
546 ul#user-menu-popup li a:hover {
548 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
549 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
550 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
551 background-color: #1873a2;
554 ul#user-menu-popup li a.nav-sep {
555 border-top: 1px solid #989898;
573 background: transparent url('images/notifications.png') 0px 0px no-repeat;
583 background-position: 0px -168px;
587 background-position: 0px -126px;
591 background-position: 0px -40px;
595 background-position: 0px -84px;
599 background-position: 0px 0px;
604 /* =================== */
605 /* = System Messages = */
606 /* =================== */
611 bottom: 0px; right:20%;
612 box-shadow: 7px 7px 10px #434343;
613 -moz-box-shadow: 7px 7px 12px #434343;
614 -webkit-box-shadow: 7px75px 12px #434343;
616 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
617 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
618 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
619 background-color: #1873a2;
620 border-radius: 5px 5px 0px 0px;
621 -webkit-border-radius: 5px 5px 0px 0px;
622 -moz-border-radius: 5px 5px 0px 0px;
623 border: 1px solid #da2c2c;
625 padding-bottom: 50px;
635 border-top: 1px solid #7C7D7B;
638 /* ================= */
639 /* = Aside/Sidebar = */
640 /* ================= */
646 /*font-size: 0.9em;*/
651 /*padding-bottom: 5px;*/
660 padding-bottom: 10px;
661 /*border-bottom-style: dotted;*/
668 .vcard .account-type {
674 font-variant: normal;
675 -webkit-margin-start: 10px;
688 .vcard #profile-photo-wrapper {
692 /*background: none repeat scroll 0 0 #FFFFFF;
693 border: 1px solid #7C7D7B;
694 box-shadow: 0 0 8px #BDBDBD;
695 -moz-box-shadow: 0 0 8px #BDBDBD;
696 -webkit-box-shadow: 0 0 8px #BDBDBD;
697 -moz-box-shadow: 0 0 8px #BDBDBD;
698 -webkit-box-shadow: 0 0 8px #BDBDBD;
700 -moz-border-radius: 5px;
701 -webkit-border-radius: 5px;*/
712 padding-bottom: 10px;
715 #profile-extra-links ul {
721 #subscribe-feed-link,
723 box-shadow: inset 0px 1px 0px 0px #a65151;
724 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
725 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
726 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
727 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
728 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
729 background-color: #6da6c4;
731 -moz-border-radius: 5px;
732 -webkit-border-radius: 5px;
733 border: 1px solid #fc5656;
734 display: inline-block;
736 font-family: Trebuchet MS;
742 text-decoration: none;
743 text-shadow: 1px 1px 0px #b36f6f;
750 -webkit-border-radius: 5px ;
751 -moz-border-radius: 5px;
754 background-color: #3465a4;
757 #subscribe-feed-link:hover,
758 #dfrn-request-link:hover {
759 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
760 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
761 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
762 background-color: #1873a2;
765 #subscribe-feed-link:active,
766 #dfrn-request-link:active {
771 #dfrn-request-intro {
776 background-color: #f6f6f6;
777 padding: 5px 5px 0px 15px;
779 #netsearch-box input[type="text"] {
782 #netsearch-box input[type="submit"] {
787 content: url("images/search.png");
789 vertical-align: middle;
793 background-color: #f3f3f3;
794 border: 1px solid #7C7D7B;
797 -webkit-border-radius: 5px;
798 -moz-border-radius: 5px;
802 vertical-align: middle;
805 padding-bottom: 10px;
809 vertical-align: middle;
817 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
818 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
819 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
820 background-color: #bdbdbd;
821 display: inline-block;
823 text-decoration: none;
825 border: 1px solid #7C7D7B;
827 -moz-border-radius: 5px;
828 -webkit-border-radius: 5px;
835 #sidebar-group-list {
844 #sidebar-group-list a {
847 #sidebar-group-list .icon,
848 #sidebar-group-list .iconspacer {
849 display: inline-block;
854 #side-peoplefind-submit {
858 #side-peoplefind-url {
863 #sidebar-page-list {}
867 box-shadow: 1px 2px 6px 0px #959494;
868 -moz-box-shadow: 1px 2px 6px 0px #959494;
869 -webkit-box-shadow: 1px 2px 6px 0px #959494;
870 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
871 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
872 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
873 background-color: #f8f8f8;
875 -moz-border-radius: 5px;
876 -webkit-border-radius: 5px;
878 border: 1px solid #7C7D7B;
882 list-style: none outside none;
883 background: url("images/arrow.png") no-repeat scroll left center transparent;
889 #sidebar-edit-groups {
894 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
895 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
896 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
897 background-color: #bdbdbd;
898 display: inline-block;
900 text-decoration: none;
902 border: 1px solid #7C7D7B;
904 -moz-border-radius: 5px;
905 -webkit-border-radius: 5px;
909 #sidebar-new-group:hover {
910 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
911 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
912 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
913 background-color: #1873a2;
914 border: 1px solid #7C7D7B;
915 box-shadow: 0 0 8px #BDBDBD;
916 -moz-box-shadow: 0 0 8px #BDBDBD;
917 -webkit-box-shadow: 0 0 8px #BDBDBD;
919 -moz-border-radius: 5px;
920 -webkit-border-radius: 5px;
923 #sidebar-new-group:active {
931 .categories-selected {
935 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
936 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
937 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
938 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
939 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
940 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
941 background-color: #bdbdbd;
943 -moz-border-radius: 5px;
944 -webkit-border-radius: 5px;
945 display: inline-block;
947 text-decoration: none;
950 .settings-widget .selected {
954 #sidebar-new-group a {
961 ul .sidebar-group-li {
966 ul .sidebar-group-li .icon {
967 display: inline-block;
972 .nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
973 list-style-type: none;
984 text-decoration: none;
987 background: url("images/arrow.png") no-repeat scroll left center transparent;
1006 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
1007 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
1008 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
1009 background-color: #f0edf0;
1010 border-radius: 5px 5px 0px 0px;
1011 -moz-border-radius: 5px 5px 0px 0px;
1012 -webkit-border-radius: 5px 5px 0px 0px;
1013 border: 1px solid #e2e2e2;
1014 border-bottom: 1px solid #7C7D7B;
1016 padding-bottom: 5px;
1017 vertical-align: baseline;
1019 text-shadow: -1px 0px 0px #bdbdbd;
1026 #group-sidebar h3:before {
1027 content: url("images/groups.png");
1028 padding-right: 10px;
1029 vertical-align: middle;
1032 #saved-search-list {
1041 .saved-search-li .icon {
1061 /* ================== */
1062 /* = Contacts Block = */
1063 /* ================== */
1065 .contact-block-img {
1066 width: 47px !important;
1067 height: 47px !important;
1069 border: 1px solid #7C7D7B;
1071 -moz-border-radius: 3px;
1072 -webkit-border-radius: 3px;
1073 box-shadow: 0 0 8px #BDBDBD;
1074 -moz-box-shadow: 0 0 8px #BDBDBD;
1075 -webkit-box-shadow: 0 0 8px #BDBDBD;
1078 .contact-block-div {
1082 .contact-block-link {
1086 .contact-block-textdiv {
1093 .contact-block-content {
1099 #contact-block-end {
1113 margin: 0px 2em 20px 0px;
1116 #profile-jot-text-loading,
1122 #profile-jot-text_tbl {
1123 margin-bottom: 10px;
1127 #profile-jot-text_ifr {
1128 width: 99.9% !important;
1131 #profile-jot-submit-wrapper {
1141 border: 1px solid #cccccc;
1148 #jot-title::-webkit-input-placeholder,
1149 #jot-category::-webkit-input-placeholder {
1150 font-weight: normal;
1153 #jot-title:-moz-placeholder,
1154 #jot-category:-moz-placeholder {
1155 font-weight: normal;
1160 #jot-category:hover,
1161 #jot-category:focus {
1162 border: 1px solid #cccccc;
1166 background: #FFFFC8;
1170 margin: 15px 0 15px 0;
1174 #profile-jot-submit {
1177 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1178 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1180 background-color: #bdbdbd;
1181 display: inline-block;
1183 text-decoration: none;
1185 border: 1px solid #7C7D7B;
1187 -moz-border-radius: 5px;
1188 -webkit-border-radius: 5px;
1191 #jot-preview-form {}
1197 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1198 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1199 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1200 background-color: #bdbdbd;
1201 display: inline-block;
1203 text-decoration: none;
1206 border: 1px solid #7C7D7B;
1208 -moz-border-radius: 5px;
1209 -webkit-border-radius: 5px;
1212 #profile-jot-perms {
1219 border: 1px solid #7C7D7B;
1221 -moz-border-radius: 5px;
1222 -webkit-border-radius: 5px;
1225 #jot-perms-perms .icon {
1229 #profile-jot-submit {
1232 margin-right: 145px;
1236 border: 1px solid #7C7D7B;
1238 -moz-border-radius: 5px;
1239 -webkit-border-radius: 5px;
1242 #profile-jot-perms:hover,
1243 #profile-jot-submit:hover,
1244 #jot-preview-link:hover {
1245 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1246 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1247 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1248 background-color: #1873a2;
1249 border: 1px solid #7C7D7B;
1250 box-shadow: 0 0 8px #BDBDBD;
1251 -moz-box-shadow: 0 0 8px #BDBDBD;
1252 -webkit-box-shadow: 0 0 8px #BDBDBD;
1254 -moz-border-radius: 5px;
1255 -webkit-border-radius: 5px;
1258 #profile-jot-perms:active,
1259 #profile-jot-submit:active,
1260 #jot-preview-link:active {
1265 #character-counter {
1271 #profile-rotator-wrapper {
1280 #profile-jot-tools-end,
1281 #profile-jot-banner-end {
1285 #profile-jot-email-wrapper {
1286 margin: 10px 10% 0px 10%;
1287 border: 1px solid #eeeeee;
1291 #profile-jot-email-label {
1292 background-color: #555753;
1297 #profile-jot-email {
1302 #profile-jot-networks {
1304 border: 1px solid #eeeeee;
1310 #profile-jot-acl-wrapper {
1312 border: 1px solid #eeeeee;
1314 display: block !important;
1317 #profile-video-wrapper,
1318 #profile-audio-wrapper,
1319 #profile-location-wrapper,
1320 #profile-nolocation-wrapper {
1323 #group_allow_wrapper,
1324 #group_deny_wrapper,
1325 #acl-permit-outer-wrapper {
1330 #contact_allow_wrapper,
1331 #contact_deny_wrapper,
1332 #acl-deny-outer-wrapper {
1338 background-color: #555753;
1340 padding: 5px; float: left;
1344 background-color: #555753;
1351 background-color: #555753;
1357 #acl-permit-text-end,
1358 #acl-deny-text-end {
1362 #profile-jot-wrapper {
1374 #profile-jot-text-loading,
1375 #profile-attach-wrapper,
1376 #profile-link-wrapper,
1377 #profile-jot-banner-wrapper {}
1390 padding: 20px 0px 0px;
1399 padding: 5px 10px 5px 10px;
1400 display: inline-block;
1407 padding: 5px 10px 5px 10px;
1415 font-style: bold !important;
1416 border: 0px !important;
1417 border-radius: 0px !important;
1418 box-shadow: none !important;
1421 .wall-item-outside-wrapper {
1423 border-bottom: 1px solid #dedede;
1425 margin-bottom: 20px;
1426 padding-right: 10px;
1428 background: none repeat scroll 0 0 #FFFFFF;
1429 border: 1px solid #7C7D7B;
1431 -moz-border-radius: 5px;
1432 -webkit-border-radius: 5px;
1433 box-shadow: 0 0 8px #BDBDBD;
1434 -moz-box-shadow: 0 0 8px #BDBDBD;
1435 -webkit-box-shadow: 0 0 8px #BDBDBD;
1438 .wall-item-outside-wrapper-end {
1442 .wall-item-content-wrapper {
1448 .wall-item-comment-wrapper {
1452 .wall-item-photo-menu-button {
1454 text-indent: -99999px;
1455 background: #eeeeee url("images/menu-user-pin.png") no-repeat 35px center;
1462 border-right: 1px solid #7C7D7B;
1463 border-left: 1px solid #7C7D7B;
1464 border-bottom: 1px solid #7C7D7B;
1465 box-shadow: 0 0 8px #BDBDBD;
1466 -moz-box-shadow: 0 0 8px #BDBDBD;
1467 -webkit-box-shadow: 0 0 8px #BDBDBD;
1468 border-radius: 0px 0px 5px 5px;
1469 -webkit-border-radius: 0px 0px 5px 5px;
1470 -moz-border-radius: 0px 0px 5px 5px;
1478 .wall-item-photo-wrapper {
1483 /*border: 1px solid #7C7D7B;
1485 -webkit-border-radius: 5px;
1486 -moz-border-radius: 5px;
1487 box-shadow: 0 0 8px #BDBDBD;
1488 -moz-box-shadow: 0 0 8px #BDBDBD;
1489 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
1493 border: 0px solid #7C7D7B;
1495 -webkit-border-radius: 2px;
1496 -moz-border-radius: 2px;
1497 /*box-shadow: 0 0 8px #BDBDBD;
1498 -moz-box-shadow: 0 0 8px #BDBDBD;
1499 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
1503 filter: alpha(opacity=60);
1505 transition: all 0.25s ease-in-out;
1506 -webkit-transition: all 0.25s ease-in-out;
1507 -moz-transition: all 0.25s ease-in-out;
1509 padding-bottom: 5px;
1514 .wall-item-tools:hover {
1515 filter: alpha(opacity=100);
1517 transition: all 0.25s ease-in-out;
1518 -webkit-transition: all 0.25s ease-in-out;
1519 -moz-transition: all 0.25s ease-in-out;
1523 filter: alpha(opacity=60);
1525 transition: all 0.25s ease-in-out;
1526 -webkit-transition: all 0.25s ease-in-out;
1527 -moz-transition: all 0.25s ease-in-out;
1530 padding-bottom: 5px;
1535 .wall-item-social:hover {
1536 filter: alpha(opacity=100);
1538 transition: all 0.25s ease-in-out;
1539 -webkit-transition: all 0.25s ease-in-out;
1540 -moz-transition: all 0.25s ease-in-out;
1543 .wall-item-outside-wrapper.comment .wall-item-tools {
1547 .wall-item-like-buttons {
1551 .wall-item-like-buttons a.icon {
1557 .wall-item-links-wrapper {
1562 .wall-item-delete-wrapper {
1567 .wall-item-links-wrapper a.icon {
1592 padding-right: 10px;
1597 .wall-item-body img {
1607 .wall-item-lock-wrapper {
1615 margin: 0px 0px 10px 0px;
1621 margin: 0px 0px 0px 100px;
1625 .wall-item-author a {
1635 .wall-item-wrapper-end {
1639 .wall-item-location {
1642 text-overflow: ellipsis;
1643 -o-text-overflow: ellipsis;
1646 .wall-item-location .icon {
1650 .wall-item-location > a {
1655 font-variant: small-caps;
1659 .wall-item-location .smalltext {
1665 .wall-item-location > br {
1685 .wallwall .wwto img {
1686 width: 30px!important;
1687 height: 30px!important;
1690 .wallwall .wall-item-photo-end {
1694 .wall-item-arrowphoto-wrapper {
1701 .wall-item-photo-menu {
1706 background: #eeeeee;
1707 border-right: 1px solid #7C7D7B;
1708 border-left: 1px solid #7C7D7B;
1709 border-bottom: 1px solid #7C7D7B;
1715 border-radius: 0px 5px 5px 5px;
1716 -webkit-border-radius: 0px 5px 5px 5px;
1717 -moz-border-radius: 0px 5px 5px 5px;
1718 box-shadow: 0 0 8px #BDBDBD;
1719 -moz-box-shadow: 0 0 8px #BDBDBD;
1720 -webkit-box-shadow: 0 0 8px #BDBDBD;
1724 .fakelink wall-item-photo-menu-button {
1725 -webkit-border-radius: 0px 5px 5px 5px;
1726 -moz-border-radius: 0px 5px 5px 5px;
1727 border-radius: 0px 5px 5px 5px;
1728 box-shadow: 0 0 8px #BDBDBD;
1729 -moz-box-shadow: 0 0 8px #BDBDBD;
1730 -webkit-box-shadow: 0 0 8px #BDBDBD;
1733 .wall-item-photo-menu ul {
1739 .wall-item-photo-menu li a {
1740 white-space: nowrap;
1746 .wall-item-photo-menu li a:hover {
1748 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1749 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1750 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1751 background-color: #1873a2;
1754 .wall-item-container .wall-item-content .type-link img,
1761 .type-link blockquote {
1766 .type-link .oembed {
1772 border-top: 1px solid #D2D2D2;
1779 -webkit-transition: all 0.2s ease-in-out;
1780 -moz-transition: all 0.2s ease-in-out;
1781 -o-transition: all 0.2s ease-in-out;
1782 -ms-transition: all 0.2s ease-in-out;
1783 transition: all 0.2s ease-in-out;
1786 .shared_header a:hover {
1790 .shared_header img {
1791 -webkit-border-radius: 4px;
1792 -moz-border-radius: 4px;
1797 .shared_header span {
1801 blockquote.shared_content {
1812 #item-delete-selected-end,
1813 #item-delete-selected {
1820 #item-delete-selected-icon {}
1823 font-family: Courier, monospace;
1826 border: 1px solid #444;
1838 .ccollapse-wrapper {
1847 border: 0px solid #CDCDCD;
1849 -moz-border-radius: 5px;
1850 -webkit-border-radius: 5px;
1851 margin-bottom: 20px;
1852 background-color: #E2E2E2;
1855 .collapsed-comments,
1857 .hide-comments-outer,
1858 .wall-item-outside-wrapper.comment {
1860 margin-bottom: 20px;
1863 .wall-item-outside-wrapper.comment .wall-item-photo {
1864 width: 40px!important;
1865 height: 40px!important;
1867 -webkit-border-radius: 3px;
1868 -moz-border-radius: 3px;
1871 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1875 -webkit-border-radius: 3px;
1876 -moz-border-radius: 3px;
1879 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1881 background-position: 15px center;
1884 .wall-item-outside-wrapper.comment .wall-item-info {
1888 .wall-item-outside-wrapper.comment .wall-item-body {
1891 padding-right: 10px;
1895 .wall-item-outside-wrapper.comment .wall-item-author {
1899 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1903 .icollapse-wrapper {
1908 .comment-wwedit-wrapper,
1909 .comment-edit-wrapper {
1910 margin: 0px 0px 5px 0px;
1913 .comment-wwedit-wrapper img,
1914 .comment-edit-wrapper img {
1920 .comment-edit-photo-link {
1925 .comment-edit-text-empty {
1930 transition: all 0.5s ease-in-out;
1931 -webkit-transition: all 0.5s ease-in-out;
1932 -moz-transition: all 0.5s ease-in-out;
1935 .comment-edit-text-empty:hover {
1939 .comment-edit-text-full {
1943 transition: all 0.5s ease-in-out;
1944 -webkit-transition: all 0.5s ease-in-out;
1945 -moz-transition: all 0.5s ease-in-out;
1948 .comment-edit-submit-wrapper {
1955 .comment-edit-submit {
1958 background-color: #a2a2a2;
1960 border: 1px solid #7C7D7B;
1962 -moz-border-radius: 5px;
1963 -webkit-border-radius: 5px;
1966 .comment-edit-submit:hover {
1967 background-color: #1873a2;
1968 border: 1px solid #7C7D7B;
1970 -moz-border-radius: 5px;
1971 -webkit-border-radius: 5px;
1972 box-shadow: 0 0 8px #BDBDBD;
1973 -moz-box-shadow: 0 0 8px #BDBDBD;
1974 -webkit-box-shadow: 0 0 8px #BDBDBD;
1977 .comment-edit-submit:active {
1978 background-color: #1873a2;
1981 #item-delete-selected-desc {
1986 .wall-item-body code {
1987 font-family: Courier, monospace;
1990 border: 1px solid #cccccc;
1991 border-width: 1px 1px 1px 3px;
2000 .advanced-profile-content {
2002 margin-bottom: 10px;
2007 .advanced-profile-label {
2010 padding-bottom: 5px;
2014 div[id$="wrapper"] {
2018 div[id$="wrapper"] br {
2022 #advanced-profile-with {
2026 #profile-listing-desc,
2027 #profile-listing-new-link-wrapper {
2030 padding: 5px 10px 5px 10px;
2032 margin:20px 10px 0 0;
2033 display: inline-block;
2038 .profile-listing-name {
2041 .profile-listing-name a {
2045 #profile-edit-links {
2049 #profile-edit-links li {
2052 margin-bottom: 20px;
2054 background-color: #a2a2a2;
2056 padding: 5px 10px 5px 10px;
2060 -moz-border-radius: 5px;
2061 -webkit-border-radius: 5px;
2064 #profile-edit-links li a {
2068 #profile-edit-links li:hover {
2069 background-color: #1873a2;
2072 #profile-edit-links li:active {
2073 background-color: #1873a2;
2076 #profile-edit-links-end {
2078 margin-bottom: 15px;
2081 .profile-edit-side-div {
2089 #cropimage-wrapper {
2097 .profile-match-name {
2103 .profile-match-name a:hover {
2107 .profile-match-wrapper {
2113 margin-bottom: 70px;
2115 background-color: #f6f6f6;
2116 border: 1px solid #7C7D7B;
2117 box-shadow: 0 0 8px #BDBDBD;
2118 -moz-box-shadow: 0 0 8px #BDBDBD;
2119 -webkit-box-shadow: 0 0 8px #BDBDBD;
2122 .profile-match-break,
2123 .profile-match-end {
2127 .profile-match-connect {
2131 .profile-match-ignore {
2132 height: 0!important;
2135 #profile-match-wrapper-end {
2138 .profile-match-end {
2142 .profile-match-photo {
2158 height: 203px !important;
2159 width: 203px !important;
2160 border: 1px solid #7C7D7B;
2161 box-shadow: 0 0 8px #BDBDBD;
2162 -moz-box-shadow: 0 0 8px #BDBDBD;
2163 -webkit-box-shadow: 0 0 8px #BDBDBD;
2164 -moz-box-shadow: 0 0 8px #BDBDBD;
2165 -webkit-box-shadow: 0 0 8px #BDBDBD;
2167 -moz-border-radius: 5px;
2168 -webkit-border-radius: 5px;
2171 #side-bar-photos-albums {
2174 #photo-albums-upload-link {
2178 #side-bar-photos-albums h3:before {
2179 content: url("images/photography.png");
2180 padding-right: 10px;
2181 vertical-align: middle;
2184 #side-bar-photos-albums li {
2194 margin-bottom: 20px;
2196 background-color: #a2a2a2;
2198 padding: 5px 10px 5px 10px;
2202 -moz-border-radius: 5px;
2203 -webkit-border-radius: 5px;
2206 #photo-top-links a {
2210 #photo-top-links:hover {
2211 background-color: #1873a2;
2214 #photo-top-links:active {
2215 background-color: #1873a2;
2218 .photo-album-image-wrapper {
2220 margin: 0px 10px 10px 0px;
2221 padding-bottom: 30px;
2225 .photo-top-image-wrapper {
2229 margin: 0px 10px 10px 0px;
2230 padding-bottom: 30px;
2234 #photo-album-wrapper-inner {
2251 .photo-top-image-wrapper a:hover,
2252 #photo-photo a:hover,
2253 .photo-album-image-wrapper a:hover {
2260 .photo-album-photo {}
2262 .photo-top-album-name {
2267 font-stretch: semi-expanded;
2270 .photo-top-album-name a {
2303 background-color: rgba(255,255,255,0.2);
2305 transition: all 0.2s ease-in-out;
2306 -webkit-transition: all 0.2s ease-in-out;
2307 -moz-transition: all 0.2s ease-in-out;
2308 background-position: center center;
2309 background-repeat: no-repeat;
2315 background-image: url('images/prev.png');
2321 background-image: url('images/next.png');
2325 #photo-next-link a {
2330 text-indent: -900000px;
2333 #photo-prev-link:hover,
2334 #photo-next-link:hover {
2336 transition: all 0.2s ease-in-out;
2337 -webkit-transition: all 0.2s ease-in-out;
2338 -moz-transition: all 0.2s ease-in-out;
2341 #photo-next-link .icon,
2342 #photo-prev-link .icon {
2346 #photos-upload-spacer,
2347 #photos-upload-new-wrapper,
2348 #photos-upload-exist-wrapper {
2352 #photos-upload-existing-album-text,
2353 #photos-upload-newalbum-div {
2359 #photos-upload-album-select,
2360 #photos-upload-newalbum {
2362 margin-bottom: 10px;
2365 #photos-upload-perms-menu {
2370 #photos-upload-perms-menu .icon {
2374 #photos-upload-perms {
2378 .photos-upload-perms {}
2381 border: 1px solid #b0b0b0;
2384 -moz-border-radius: 3px;
2385 -webkit-border-radius: 3px;
2390 select[size][multiple] {
2391 margin: 5px 0px 10px 0px;
2395 -webkit-appearance: menulist;
2396 box-sizing: border-box;
2397 -webkit-box-align: center;
2404 letter-spacing: normal;
2405 word-spacing: normal;
2407 text-transform: none;
2410 display: inline-block;
2411 text-align: -webkit-auto;
2417 text-align: -webkit-auto;
2422 -moz-border-radius: 5px;
2423 -webkit-border-radius: 5px;
2428 margin-bottom: 20px;
2430 background-color: #a2a2a2;
2432 padding: 5px 10px 5px 10px;
2436 -moz-border-radius: 5px;
2437 -webkit-border-radius: 5px;
2440 #album-edit-link a {
2444 #album-edit-link:hover {
2445 background-color: #1873a2;
2448 #photo-edit-link-wrap {
2449 margin-bottom: 10px;
2458 input #photo_edit_form {
2463 #photo-edit-perms-menu {
2472 #photo-edit-perms-menu .icon {
2476 #photo-edit-delete-button {
2482 #photo-album-edit-wrapper {
2483 margin-bottom: 10px;
2497 background-color: #fff;
2498 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2499 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2500 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2501 border: 1px solid #7C7D7B;
2503 -moz-border-radius: 5px;
2504 -webkit-border-radius: 5px;
2507 #prvmail-wrapper:before,
2508 #prvmail-wrapper:after,
2509 .mail-conv-detail:before,
2510 .mail-conv-detail:after,
2511 .mail-list-detail:before,
2512 .mail-list-detail:after {
2519 background: transparent;
2520 transform: skew(-5deg) rotate(-5deg);
2521 -webkit-transform: skew(-5deg) rotate(-5deg);
2522 -moz-transform: skew(-5deg) rotate(-5deg);
2523 -ms-transform: skew(-5deg) rotate(-5deg);
2524 -o-transform: skew(-5deg) rotate(-5deg);
2525 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2526 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2527 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2529 border: 1px solid #7C7D7B;
2531 -moz-border-radius: 5px;
2532 -webkit-border-radius: 5px;
2535 #prvmail-wrapper:after,
2536 .mail-conv-detail:after,
2537 .mail-list-detail:after {
2540 transform: skew(5deg) rotate(5deg);
2541 -webkit-transform: skew(5deg) rotate(5deg);
2542 -moz-transform: skew(5deg) rotate(5deg);
2543 -ms-transform: skew(5deg) rotate(5deg);
2544 -o-transform: skew(5deg) rotate(5deg);
2545 border: 1px solid #7C7D7B;
2547 -moz-border-radius: 5px;
2548 -webkit-border-radius: 5px;
2564 #prvmail-subject .input {
2565 border: none !important;
2568 #prvmail-subject-label {}
2574 #prvmail-to-label {}
2576 #prvmail-message-label {
2580 #prvmail-submit-wrapper {
2594 #prvmail-submit-wrapper > div {
2599 .mail-list-outside-wrapper {
2606 background-color: #efefef;
2607 border: 1px solid #7C7D7B;
2609 -moz-border-radius: 3px;
2610 -webkit-border-radius: 3px;
2611 box-shadow: 0 0 8px #BDBDBD;
2612 -moz-box-shadow: 0 0 8px #BDBDBD;
2613 -webkit-box-shadow: 0 0 8px #BDBDBD;
2622 border: 1px solid #7C7D7B;
2625 .mail-list-sender-name {
2636 font-stretch: ultra-condensed;
2639 .mail-list-subject {
2643 padding-right: 50px;
2646 .mail-list-subject a {
2650 .mail-list-delete-wrapper {
2654 .mail-list-outside-wrapper-end {
2658 .mail-conv-outside-wrapper {
2659 margin-bottom: 10px;
2665 margin: 0px 5px 5px 0px;
2668 .mail-conv-sender-photo {
2671 border-radius: 3px 3px 3px 3px;
2674 .mail-conv-sender-name {
2683 .mail-conv-subject {
2696 padding-bottom: 20px;
2699 vertical-align: middle;
2701 border: 1px solid #7C7D7B;
2709 .mail-conv-delete-wrapper {
2717 border: 1px solid #7C7D7B;
2727 /* ================= */
2728 /* = Notifications = */
2729 /* ================= */
2731 #notification-show-hide-wrapper {
2733 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2734 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2735 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2736 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2737 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2738 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2739 background-color: #bdbdbd;
2741 -moz-border-radius: 5px;
2742 -webkit-border-radius: 5px;
2743 padding: 5px 10px 5px 10px;
2751 #notification-show-hide-wrapper:hover {
2753 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2754 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2755 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2756 background-color: #1873a2;
2759 #notification-show-hide-wrapper:active {
2760 background-color: #1873a2;
2765 #notification-show-hide-wrapper a {
2774 margin-bottom: 10px;
2784 .view-contact-wrapper,
2785 .contact-entry-wrapper {
2787 padding-right: 10px;
2790 margin: 0 10px 10px 0px;
2801 .contact-entry-wrapper .contact-entry-photo-wrapper {
2805 .contact-entry-direction-wrapper {
2810 .contact-entry-edit-links {
2815 #contacts-show-hide-link {
2816 margin-bottom: 20px;
2821 .contact-entry-desc {
2825 .contact-entry-name, .contact-entry-connect {
2833 .contact-entry-details {
2836 white-space: nowrap;
2838 text-overflow: ellipsis;
2841 .contact-entry-photo-wrapper {
2843 /*border: 1px solid #7C7D7B;
2845 -moz-border-radius: 3px;
2846 -webkit-border-radius: 3px;
2847 box-shadow: 0 0 8px #BDBDBD;
2848 -moz-box-shadow: 0 0 8px #BDBDBD;
2849 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
2852 .contact-entry-photo {
2856 .contact-entry-photo a img {
2861 .contact-entry-edit-links .icon {
2862 border: 1px solid #babdb6;
2864 -webkit-border-radius: 3px;
2865 -moz-border-radius: 3px;
2866 background-color: #ffffff;
2869 #contact-edit-banner-name {
2874 #contact-edit-update-now {
2879 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2880 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2881 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2882 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2883 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2884 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2885 background-color: #bdbdbd;
2887 -moz-border-radius: 5px;
2888 -webkit-border-radius: 5px;
2889 display: inline-block;
2891 text-decoration: none;
2895 #contact-edit-update-now:hover {
2897 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2898 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2899 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2900 background-color: #1873a2;
2901 border: 1px solid #7C7D7B;
2902 box-shadow: 0 0 8px #BDBDBD;
2903 -moz-box-shadow: 0 0 8px #BDBDBD;
2904 -webkit-box-shadow: 0 0 8px #BDBDBD;
2906 -moz-border-radius: 5px;
2907 -webkit-border-radius: 5px;
2910 #contact-edit-update-now:active {
2915 #contact-edit-update-now a {
2922 #contact-edit-info-wrapper,
2923 #contact-edit-info-end,
2924 #contact-edit-profile-select-text,
2925 #contact-edit-profile-select-end,
2926 #contact-edit-poll-wrapper,
2930 .contact-edit-submit {
2933 #contact-profile-selector {
2936 .contact-photo-menu-button {
2938 background-image: url("images/photo-menu.jpg");
2939 background-position: top left;
2940 background-repeat: no-repeat;
2945 top: 64px; left:0px;
2951 .contact-photo-menu {
2953 border: 1px solid #ddd;
2954 background: #f1f1f1;
2960 box-shadow: 3px 3px 5px #888;
2961 -moz-box-shadow: 3px 3px 5px #888;
2962 -webkit-box-shadow: 3px 3px 5px #888;
2965 .contact-photo-menu ul {
2971 .contact-photo-menu li a {
2978 .contact-photo-menu li a:hover {
2980 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2981 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2982 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2983 background-color: #1873a2;
2984 text-decoration: none;
2987 .view-contact-name {}
2990 background-color: #efefef;
2996 margin-bottom: 10px;
2999 #follow-sidebar h3:before {
3000 content: url("images/user.png");
3001 padding-right: 10px;
3002 vertical-align: middle;
3005 #follow-sidebar input[type="text"] {
3007 margin-bottom: 10px;
3010 #side-follow-submit {
3017 #side-random-profile-link,
3023 margin-bottom: 20px;
3024 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3025 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3026 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3027 background-color: #bdbdbd;
3028 padding: 5px 10px 5px 10px;
3032 border: 1px solid #7C7D7B;
3034 -moz-border-radius: 5px;
3035 -webkit-border-radius: 5px;
3038 #side-invite-link:hover,
3039 #side-random-profile-link:hover,
3040 #side-suggest-link:hover,
3041 #side-match-link:hover {
3043 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3044 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3045 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3046 background-color: #1873a2;
3047 border: 1px solid #7C7D7B;
3048 box-shadow: 0 0 8px #BDBDBD;
3049 -moz-box-shadow: 0 0 8px #BDBDBD;
3050 -webkit-box-shadow: 0 0 8px #BDBDBD;
3052 -moz-border-radius: 5px;
3053 -webkit-border-radius: 5px;
3057 #side-invite-link:active,
3058 #side-random-profile-link:active,
3059 #side-suggest-link:active,
3060 #side-match-link:active {
3061 background-color: #1873a2;
3066 #side-invite-link a,
3067 #side-random-profile-link a,
3068 #side-suggest-link a,
3069 #side-match-link a {
3076 #invite-recipient-text {
3080 #side-follow-wrapper {
3083 font-stretch: semi-expanded;
3084 background-color: #f3f3f3;
3085 border: 1px solid #7C7D7B;
3089 -moz-border-radius: 5px;
3090 -webkit-border-radius: 5px;
3093 #side-follow-wrapper label{
3095 font-variant: normal;
3103 margin-bottom: 20px;
3104 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3105 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3106 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3107 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3108 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3109 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3110 background-color: #bdbdbd;
3112 -moz-border-radius: 5px;
3113 -webkit-border-radius: 5px;
3114 padding: 5px 10px 5px 10px;
3120 #contact-suggest:hover {
3122 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3123 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3124 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3125 background-color: #1873a2;
3128 #contact-suggest:active {
3129 background-color: #1873a2;
3134 #contact-suggest a {
3150 /* ===================================== */
3151 /* = Register, Settings, Profile Forms = */
3152 /* ===================================== */
3156 background: url(images/login-bg.gif) no-repeat;
3157 background-position: 0 50%;
3159 width: 250px!important;
3165 #profile-tabs-wrapper {
3169 #profile-tab-status-link {
3171 padding: 5px 10px 5px 10px;
3179 #profile-tab-profile-link {
3181 padding: 5px 10px 5px 10px;
3186 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3187 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3188 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3189 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
3190 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
3191 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
3192 background-color: #7c7d7b;
3194 -moz-border-radius: 5px;
3195 -webkit-border-radius: 5px;
3196 padding: 5px 10px 5px 10px;
3197 margin-bottom: 10px;
3200 #uexport-link:hover {
3202 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
3203 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
3204 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
3205 background-color: #555753;
3208 #uexport-link:active {
3210 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3211 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3212 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3213 background-color: #1873a2;
3218 #settings-default-perms .fakelink {
3222 #settings-default-perms {
3226 padding: 5px 10px 5px 10px;
3227 margin-bottom: 10px;
3228 background-color: #BDBDBD;
3229 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
3230 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3231 border: 1px solid #7C7D7B;
3233 -moz-border-radius: 5px;
3234 -webkit-border-radius: 5px;
3237 #settings-default-perms:hover {
3239 background-color: #555753;
3240 border: 1px solid #7C7D7B;
3241 box-shadow: 0 0 8px #BDBDBD;
3242 -moz-box-shadow: 0 0 8px #BDBDBD;
3243 -webkit-box-shadow: 0 0 8px #BDBDBD;
3245 -moz-border-radius: 5px;
3246 -webkit-border-radius: 5px;
3249 #settings-default-perms:active {
3251 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3252 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3253 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3254 background-color: #1873a2;
3259 #settings-nickname-desc {
3261 background-color: #efefef;
3263 margin-bottom: 10px;
3265 -webkit-border-radius: 5px;
3266 -moz-border-radius: 5px;
3270 #register-form div {
3274 #profile-edit-form div {
3278 #profile-edit-form div[id$='desc'] {
3283 #register-form label,
3284 #profile-edit-form label {
3287 margin-right: 155px;
3290 #register-form span {
3293 margin-bottom: 20px;
3297 .settings-submit-wrapper,
3298 .profile-edit-submit-wrapper {
3303 .profile-listing-end {
3306 margin: 20px 20px 0px 0px;
3310 #register-sitename {
3315 #register-submit-button {
3319 #label-register-name,
3320 #label-register-email,
3321 #label-register-nickname,
3322 #label-register-openid {
3330 #register-nickname {
3342 #register-fill-ext {
3343 margin-bottom: 25px;
3347 #register-email-end,
3348 #register-nickname-end,
3349 #register-submit-end,
3350 #register-openid-end {
3354 #register-nickname-desc {
3359 /* ===================== */
3360 /* = Contacts Selector = */
3361 /* ===================== */
3363 #group-edit-wrapper {
3364 margin-bottom: 10px;
3367 #group-edit-name-wrapper {
3371 #group-edit-submit-wrapper {
3372 margin-bottom: 10px;
3373 margin-right: 400px;
3378 .group-delete-wrapper {
3382 margin-bottom: 10px;
3383 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3384 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3385 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3386 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3387 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3389 background-color: #bdbdbd;
3391 -moz-border-radius: 5px;
3392 -webkit-border-radius: 5px;
3395 .group-delete-wrapper:hover {
3396 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3397 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3398 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3399 background-color: #1873a2;
3402 .group-delete-wrapper:active {
3403 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3404 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3405 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3406 background-color: #1873a2;
3409 .group-delete-wrapper a {
3428 background-color: #f0edf0;
3430 border: 1px solid #ccc;
3431 margin-bottom: 10px;
3435 #group-all-contacts,
3436 #prof-all-contacts {
3440 border: 1px solid #ccc;
3441 background-color: #f0edf0;
3446 #group-all-contacts h3,
3448 #prof-all-contacts h3 {
3482 margin-bottom: 10px;
3483 background-color: #fff;
3484 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3485 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3486 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3497 background: transparent;
3498 transform: skew(-5deg) rotate(-5deg);
3499 -webkit-transform: skew(-5deg) rotate(-5deg);
3500 -moz-transform: skew(-5deg) rotate(-5deg);
3501 -ms-transform: skew(-5deg) rotate(-5deg);
3502 -o-transform: skew(-5deg) rotate(-5deg);
3503 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3504 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3505 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3512 transform: skew(5deg) rotate(5deg);
3513 -webkit-transform: skew(5deg) rotate(5deg);
3514 -moz-transform: skew(5deg) rotate(5deg);
3515 -ms-transform: skew(5deg) rotate(5deg);
3516 -o-transform: skew(5deg) rotate(5deg);
3519 .vevent .event-description {
3524 font-weight: bolder;
3527 .vevent .event-location {
3531 font-style: oblique;
3535 .vevent .event-start,
3536 .vevent .event-end {
3548 margin-bottom: 10px;
3550 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3551 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3552 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3553 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3554 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3555 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3556 background-color: #bdbdbd;
3558 -moz-border-radius: 5px;
3559 -webkit-border-radius: 5px;
3563 #new-event-link:hover {
3565 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3566 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3567 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3568 background-color: #1873a2;
3571 #new-event-link:active {
3572 background-color: #1873a2;
3582 .edit-event-link, .plink-event-link {
3586 margin-bottom: 15px;
3589 .event-description:before {
3590 content: url('images/calendar.png');
3592 vertical-align: middle;
3601 .event-start .dtstart,
3608 margin-bottom: 10px;
3609 font-stretch: condensed;
3620 .event-calendar-end {
3626 font-family: Helvetica, Arial, sans-serif;
3627 background-color: #f1f1f1;
3628 border: 1px solid #dedede;
3629 margin-bottom: 10px;
3630 box-shadow: 5px 5px 8px #959494;
3631 -moz-box-shadow: 5px 5px 8px #959494;
3632 -webkit-box-shadow: 5px 5px 8px #959494;
3636 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3637 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3638 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3639 background-color: #1873a2;
3640 padding: 10px 0px 10px 0px;
3645 box-shadow: 5px 2px 8px #959494;
3646 -moz-box-shadow: 5px 2px 8px #959494;
3647 -webkit-box-shadow: 5px 2px 8px #959494;
3657 background-color: #cdcdcd;
3669 background-color: #1873a2;
3674 #event-finish-text {
3679 #event-nofinish-checkbox,
3680 #event-nofinish-text,
3681 #event-adjust-checkbox,
3683 #event-share-checkbox {
3687 #event-datetime-break {
3688 margin-bottom: 10px;
3691 #event-nofinish-break,
3692 #event-adjust-break,
3693 #event-share-break {
3698 #event-location-text {
3713 margin: 50px 50px 0px 0px;
3716 .directory-details {
3738 background-color: #FF0000;
3743 border: 0px; padding: 0px;
3747 list-style-position: inside;
3757 padding-bottom: 2px;
3758 border-bottom: 1px solid black;
3771 border-bottom: 1px solid #898989;
3773 padding-bottom: 5px;
3777 #adminpage .submit {
3787 #adminpage .plugin {
3791 border: 1px solid #7C7D7B;
3792 box-shadow: 0 0 8px #BDBDBD;
3793 -moz-box-shadow: 0 0 8px #BDBDBD;
3794 -webkit-box-shadow: 0 0 8px #BDBDBD;
3796 -moz-border-radius: 5px;
3797 -webkit-border-radius: 5px;
3799 margin:10px 10px 10px 0;
3802 #adminpage .toggleplugin {
3809 border-bottom: 1p solid #000000;
3813 #adminpage table th {
3817 #adminpage td .icon {
3821 #adminpage table#users img {
3826 #adminpage table tr:hover {
3827 background-color: #eeeeee;
3830 #adminpage .selectall {
3834 /* =============== */
3835 /* = Form Fields = */
3836 /* =============== */
3839 /*margin-bottom: 10px;*/
3841 padding-bottom: 10px;
3845 .field.radio .field_help {
3849 .field .field_help {
3869 border: 1px solid #7C7D7B;
3871 -moz-border-radius: 5px;
3872 -webkit-border-radius: 5px;
3883 margin-bottom: 10px;
3893 border: 1px solid #c1c1c1;
3894 background-image: url("../../../images/onoff.jpg");
3895 background-repeat: no-repeat;
3896 padding: 4px 2px 2px 2px;
3898 text-decoration: none;
3900 .field .onoff .off {
3901 border-color: #c1c1c1;
3903 background-position: left center;
3904 background-color: #cccccc;
3910 border-color: #c1c1c1;
3911 padding-right: 40px;
3912 background-position: right center;
3913 background-color: #1873a2;
3918 .field .radio .field_help {
3927 cursor: url('lock.cur'), pointer;
3930 /*border: 1px solid #7C7D7B;
3932 -moz-border-radius: 3px;
3933 -webkit-border-radius: 3px;
3934 box-shadow: 0 0 8px #BDBDBD;
3935 -moz-box-shadow: 0 0 8px #BDBDBD;
3936 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
3951 background-image: url("images/icons.png");
3954 background-image: url("images/star.png");
3958 background-image: url("images/premium.png");
3963 background-image: url("images/notifications.png");
3968 border: 1px solid #c1c1c1;
3970 -webkit-border-radius: 3px;
3971 -moz-border-radius: 3px;
3974 .article { background-position: -50px 0px;}
3975 .audio { background-position: -70px 0px;}
3976 .block { background-position: -90px 0px;}
3977 .drop { background-position: -110px 0px;}
3978 .drophide { background-position: -130px 0px;}
3979 .edit { background-position: -150px 0px;}
3980 .camera { background-position: -170px 0px;}
3981 .dislike { background-position: -190px 0px;}
3982 .like { background-position: -210px 0px;}
3983 .link { background-position: -230px 0px;}
3984 .globe { background-position: -50px -20px;}
3985 .noglobe { background-position: -70px -20px;}
3986 .no { background-position: -90px -20px;}
3987 .pause { background-position: -110px -20px;}
3988 .play { background-position: -130px -20px;}
3989 .pencil { background-position: -150px -20px; margin-right: 12px;}
3990 .small-pencil { background-position: -170px -20px;}
3991 .recycle { background-position: -190px -20px;}
3992 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3993 .share { background-position: -230px -20px;}
3994 .tools { background-position: -50px -40px;}
3995 .lock { background-position: -70px -40px;}
3997 background-position: -90px -40px;
3998 background-image: none;
4004 background-image: url("images/icons.png");
4007 margin: 2px 0px 2px 3px;
4011 .video { background-position: -110px -40px;}
4012 .youtube { background-position: -130px -40px;}
4013 .attach { background-position: -190px -40px;}
4014 .language { background-position: -210px -40px;}
4015 .on { background-position: -50px -60px;}
4016 .off { background-position: -70px -60px;}
4017 .prev { background-position: -90px -60px;}
4018 .next { background-position: -110px -60px;}
4019 .tagged { background-position: -130px -60px; margin-right: 10px;}
4020 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
4023 display: block; width: 20px; height: 23px;
4024 background-image: url("../../../images/content-types.png");
4025 background-position: -80px 0px;
4028 .type-video { background-position: 0px 0px; }
4029 .type-image { background-position: -20px 0px; }
4030 .type-audio { background-position: -40px 0px; }
4031 .type-text { background-position: -60px 0px; }
4032 .type-unkn { background-position: -80px 0px; }
4043 footer { display: block; margin: 50px 20%; clear: both; }
4050 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
4051 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
4052 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
4053 background-color: #f0edf0;
4054 border-radius: 5px 5px 0px 0px;
4055 -moz-border-radius: 5px 5px 0px 0px;
4056 -webkit-border-radius: 5px 5px 0px 0px;
4057 border: 1px solid #7C7D7B;
4058 border-bottom: none;
4059 box-shadow: 1px 2px 6px 0px #959494;
4060 -moz-box-shadow: 1px 2px 6px 0px #959494;
4061 -webkit-box-shadow: 1px 2px 6px 0px #959494;
4067 list-style: none outside none;
4068 margin: 0 0 0 755px;
4081 #photo-edit-perms-select,
4082 #photos-upload-permissions-wrapper,
4083 #profile-jot-acl-wrapper{
4084 display: block!important;
4093 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
4094 padding-right: 20px;
4105 background-color: #cccccc;
4106 background-position: 7px 7px;
4107 background-repeat: no-repeat;
4110 -webkit-border-radius: 5px ;
4111 -moz-border-radius: 5px;
4115 #acl-showall.selected {
4117 background-color: #1873a2;
4122 border: 1px solid #cccccc;
4123 background-color: #efefef;
4136 border: 1px solid #cccccc;
4137 background-color: #fff;
4140 box-shadow: 2px 2px 3px #c1c1c1;
4141 -moz-box-shadow: 2px 2px 3px #c1c1c1;
4142 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
4144 .acl-list-item img {
4156 padding: 2px 0px 1px;
4165 background-color: #898989;
4166 background-position: 3px 3px;
4167 background-repeat: no-repeat;
4168 margin: 10px 0 0 5px;
4170 -webkit-border-radius: 2px ;
4171 -moz-border-radius: 2px;
4175 #acl-wrapper a:hover {
4176 text-decoration: none;
4177 background-color:#1873a2;
4180 .acl-button-show.selected {
4182 background-color: #1873a2;
4185 .acl-button-hide .selected {
4187 background-color: #a2a2a2;
4190 .acl-list-item.groupshow { border-color: #1873a2; }
4191 .acl-list-item.grouphide { border-color: #a2a2a2; }
4193 /* ========================= */
4194 /* = Global Directory Link = */
4195 /* ========================= */
4197 #global-directory-link {
4200 /*margin-bottom: 10px;*/
4201 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
4202 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
4203 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
4204 background-color: #bdbdbd;
4207 -webkit-padding-start: 0px;
4208 border: 1px solid #7C7D7B;
4210 -moz-border-radius: 5px;
4211 -webkit-border-radius: 5px;
4214 #global-directory-link:hover {
4216 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4217 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4218 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4219 background-color: #1873a2;
4220 border: 1px solid #7C7D7B;
4221 box-shadow: 0 0 8px #BDBDBD;
4222 -moz-box-shadow: 0 0 8px #BDBDBD;
4223 -webkit-box-shadow: 0 0 8px #BDBDBD;
4225 -moz-border-radius: 5px;
4226 -webkit-border-radius: 5px;
4229 #global-directory-link:active {
4230 background-color: #1873a2;
4235 #global-directory-link a {
4240 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4241 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4242 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4243 background-color: #1873a2;
4245 padding: 5px 10px 5px 10px;
4249 /* notifications popup menu */
4258 margin-right: -20px;
4284 #nav-notifications-menu {
4288 overflow-style: scrollbar;
4289 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
4290 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
4291 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
4292 background-color: #a2a2a2;
4293 border-radius: 0px 0px 5px 5px;
4294 -moz-border-radius: 0px 0px 5px 5px;
4295 -webkit-border-radius: 0px 0px 5px 5px;
4296 border: 1px solid #9A9A9A;
4298 box-shadow: 5px 5px 10px #242424;
4299 -moz-box-shadow: 5px 5px 10px #242424;
4300 -webkit-box-shadow: 5px 5px 10px #242424;
4303 #nav-notifications-menu .contactname {
4308 #nav-notifications-menu img {
4313 #nav-notifications-menu .notif-when {
4318 #nav-notifications-menu li {
4319 padding: 7px 0px 7px 10px;
4321 border-bottom: 1px solid #626262;
4324 #nav-notifications-menu li:hover {
4325 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4326 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4327 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4328 background-color: #1873a2;
4331 #nav-notifications-menu a:hover {
4332 text-decoration: underline;
4336 vertical-align: middle;
4338 padding-bottom: 7px;
4341 .notif-item a:hover {
4348 padding: 7px 7px 0px 0px;
4355 /* autocomplete popup */
4362 background: #eeeeee;
4363 border-right: 1px solid #7C7D7B;
4364 border-left: 1px solid #7C7D7B;
4365 border-bottom: 1px solid #7C7D7B;
4366 border-radius: 0px 5px 5px 5px;
4367 -webkit-border-radius: 0px 5px 5px 5px;
4368 -moz-border-radius: 0px 5px 5px 5px;
4369 box-shadow: 0 0 8px #BDBDBD;
4370 -moz-box-shadow: 0 0 8px #BDBDBD;
4371 -webkit-box-shadow: 0 0 8px #BDBDBD;
4384 .acpopupitem.selected {
4386 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4387 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4389 background-color: #1873a2;
4395 filter: alpha(opacity=0);
4402 filter: alpha(opacity=100);
4406 background: #000000;
4409 /* Pages profile widget ----------------------------------------------------------- */
4412 #profile-page-list {
4416 #page-profile .title {
4420 #profile-vcard-break {
4424 #profile-extra-links {
4429 #profile-extra-links ul {
4430 list-style-type: none;
4435 #profile-extra-links li {
4439 .profile-edit-side-div {
4443 .profile-edit-side-link {
4445 filter:alpha(opacity=30);
4447 .profile-edit-side-link:hover {
4449 filter:alpha(opacity=100);
4453 ----------------------------------------------------------- */
4459 padding-right: 10px;
4463 text-decoration: none;
4471 /* New posts and comments => background color
4472 ----------------------------------------------------------- */
4474 background: #fbfde9;
4477 div.wall-item-content-wrapper.shiny {
4478 background-image: url("images/shiny.png");
4479 background-repeat: repeat-x;
4485 #profile-nolocation,
4493 #profile-upload-wrapper,
4494 #wall-image-upload-div,
4495 #wall-file-upload-div,
4502 background: url("images/dot.png") repeat-x scroll left center transparent;
4503 border: medium none;
4510 filter:alpha(opacity=50);
4514 .filesavetags:hover,
4515 .categorytags:hover {
4516 opacity: 1.0 !important;
4517 filter:alpha(opacity=100) !important;
4522 filter:alpha(opacity=10);
4530 filter:alpha(opacity=100);
4534 display: block; width: 16px; height: 16px;
4535 background-image: url('images/file.gif');
4540 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4541 [class^="comment-edit-bb"] {
4544 margin: 0px 0 -5px 0px;
4582 #nav-notifications-template {}
4583 #categories-sidebar {}
4601 .fc-border-separate,
4604 div #datebrowse-sidebar.widget {
4615 margin-bottom: 10px;
4616 /*background: url("images/down.png") no-repeat scroll left center transparent;*/
4624 margin:10px 10px 0 0;
4635 #id_post_profilechange,
4644 #id_allow_location {
4645 margin: 6px 0 0 10px;
4654 #settings-activity-desc,
4655 #settings-notify-desc {
4656 margin: 10px 10px 10px 0;
4660 #settings-notifications {
4662 border: 1px solid #7C7D7B;
4663 box-shadow: 0 0 8px #BDBDBD;
4664 -moz-box-shadow: 0 0 8px #BDBDBD;
4665 -webkit-box-shadow: 0 0 8px #BDBDBD;
4667 -moz-border-radius: 5px;
4668 -webkit-border-radius: 5px;
4670 margin: 10px 10px 10px 0;
4675 #hide-comments-page-widget {
4679 #collapsed-comments-page-widget {}
4682 list-style-type: disc;
4694 #remote-friends-in-common {}
4697 border: 1px solid #7C7D7B;
4698 box-shadow: 0 0 8px #BDBDBD;
4699 -moz-box-shadow: 0 0 8px #BDBDBD;
4700 -webkit-box-shadow: 0 0 8px #BDBDBD;
4702 -moz-border-radius: 5px;
4703 -webkit-border-radius: 5px;
4705 margin:10px 10px 10px 0;
4708 #page-settings-label{
4709 width: auto !important;
4710 margin-bottom: 5px !important;
4718 margin: 25px 0 25px 0;
4729 #id_directory_submit_url,
4734 #id_itemcache_duration,
4738 #id_delivery_interval,
4740 #id_jpegimagequality,
4743 #id_max_daily_registrations {
4752 .field.input.openid {