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;*/
670 font-variant: normal;
671 -webkit-margin-start: 10px;
684 .vcard #profile-photo-wrapper {
688 /*background: none repeat scroll 0 0 #FFFFFF;
689 border: 1px solid #7C7D7B;
690 box-shadow: 0 0 8px #BDBDBD;
691 -moz-box-shadow: 0 0 8px #BDBDBD;
692 -webkit-box-shadow: 0 0 8px #BDBDBD;
693 -moz-box-shadow: 0 0 8px #BDBDBD;
694 -webkit-box-shadow: 0 0 8px #BDBDBD;
696 -moz-border-radius: 5px;
697 -webkit-border-radius: 5px;*/
708 padding-bottom: 10px;
711 #profile-extra-links ul {
717 #subscribe-feed-link,
719 box-shadow: inset 0px 1px 0px 0px #a65151;
720 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
721 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
722 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
723 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
724 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
725 background-color: #6da6c4;
727 -moz-border-radius: 5px;
728 -webkit-border-radius: 5px;
729 border: 1px solid #fc5656;
730 display: inline-block;
732 font-family: Trebuchet MS;
738 text-decoration: none;
739 text-shadow: 1px 1px 0px #b36f6f;
746 -webkit-border-radius: 5px ;
747 -moz-border-radius: 5px;
750 background-color: #3465a4;
753 #subscribe-feed-link:hover,
754 #dfrn-request-link:hover {
755 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
756 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
757 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
758 background-color: #1873a2;
761 #subscribe-feed-link:active,
762 #dfrn-request-link:active {
767 #dfrn-request-intro {
772 background-color: #f6f6f6;
773 padding: 5px 5px 0px 15px;
775 #netsearch-box input[type="text"] {
778 #netsearch-box input[type="submit"] {
783 content: url("images/search.png");
785 vertical-align: middle;
789 background-color: #f3f3f3;
790 border: 1px solid #7C7D7B;
793 -webkit-border-radius: 5px;
794 -moz-border-radius: 5px;
798 vertical-align: middle;
801 padding-bottom: 10px;
805 vertical-align: middle;
813 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
814 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
815 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
816 background-color: #bdbdbd;
817 display: inline-block;
819 text-decoration: none;
821 border: 1px solid #7C7D7B;
823 -moz-border-radius: 5px;
824 -webkit-border-radius: 5px;
831 #sidebar-group-list {
840 #sidebar-group-list a {
843 #sidebar-group-list .icon,
844 #sidebar-group-list .iconspacer {
845 display: inline-block;
850 #side-peoplefind-submit {
854 #side-peoplefind-url {
859 #sidebar-page-list {}
863 box-shadow: 1px 2px 6px 0px #959494;
864 -moz-box-shadow: 1px 2px 6px 0px #959494;
865 -webkit-box-shadow: 1px 2px 6px 0px #959494;
866 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
867 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
868 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
869 background-color: #f8f8f8;
871 -moz-border-radius: 5px;
872 -webkit-border-radius: 5px;
874 border: 1px solid #7C7D7B;
878 list-style: none outside none;
879 background: url("images/arrow.png") no-repeat scroll left center transparent;
885 #sidebar-edit-groups {
890 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
891 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
892 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
893 background-color: #bdbdbd;
894 display: inline-block;
896 text-decoration: none;
898 border: 1px solid #7C7D7B;
900 -moz-border-radius: 5px;
901 -webkit-border-radius: 5px;
905 #sidebar-new-group:hover {
906 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
907 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
908 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
909 background-color: #1873a2;
910 border: 1px solid #7C7D7B;
911 box-shadow: 0 0 8px #BDBDBD;
912 -moz-box-shadow: 0 0 8px #BDBDBD;
913 -webkit-box-shadow: 0 0 8px #BDBDBD;
915 -moz-border-radius: 5px;
916 -webkit-border-radius: 5px;
919 #sidebar-new-group:active {
927 .categories-selected {
931 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
932 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
933 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
934 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
935 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
936 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
937 background-color: #bdbdbd;
939 -moz-border-radius: 5px;
940 -webkit-border-radius: 5px;
941 display: inline-block;
943 text-decoration: none;
946 .settings-widget .selected {
950 #sidebar-new-group a {
957 ul .sidebar-group-li {
962 ul .sidebar-group-li .icon {
963 display: inline-block;
968 .nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
969 list-style-type: none;
980 text-decoration: none;
983 background: url("images/arrow.png") no-repeat scroll left center transparent;
1002 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
1003 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
1004 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
1005 background-color: #f0edf0;
1006 border-radius: 5px 5px 0px 0px;
1007 -moz-border-radius: 5px 5px 0px 0px;
1008 -webkit-border-radius: 5px 5px 0px 0px;
1009 border: 1px solid #e2e2e2;
1010 border-bottom: 1px solid #7C7D7B;
1012 padding-bottom: 5px;
1013 vertical-align: baseline;
1015 text-shadow: -1px 0px 0px #bdbdbd;
1022 #group-sidebar h3:before {
1023 content: url("images/groups.png");
1024 padding-right: 10px;
1025 vertical-align: middle;
1028 #saved-search-list {
1037 .saved-search-li .icon {
1057 /* ================== */
1058 /* = Contacts Block = */
1059 /* ================== */
1061 .contact-block-img {
1062 width: 47px !important;
1063 height: 47px !important;
1065 border: 1px solid #7C7D7B;
1067 -moz-border-radius: 3px;
1068 -webkit-border-radius: 3px;
1069 box-shadow: 0 0 8px #BDBDBD;
1070 -moz-box-shadow: 0 0 8px #BDBDBD;
1071 -webkit-box-shadow: 0 0 8px #BDBDBD;
1074 .contact-block-div {
1078 .contact-block-link {
1082 .contact-block-textdiv {
1089 .contact-block-content {
1095 #contact-block-end {
1109 margin: 0px 2em 20px 0px;
1112 #profile-jot-text-loading,
1118 #profile-jot-text_tbl {
1119 margin-bottom: 10px;
1123 #profile-jot-text_ifr {
1124 width: 99.9% !important;
1127 #profile-jot-submit-wrapper {
1137 border: 1px solid #cccccc;
1144 #jot-title::-webkit-input-placeholder,
1145 #jot-category::-webkit-input-placeholder {
1146 font-weight: normal;
1149 #jot-title:-moz-placeholder,
1150 #jot-category:-moz-placeholder {
1151 font-weight: normal;
1156 #jot-category:hover,
1157 #jot-category:focus {
1158 border: 1px solid #cccccc;
1162 background: #FFFFC8;
1166 margin: 15px 0 15px 0;
1170 #profile-jot-submit {
1173 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1174 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1175 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1176 background-color: #bdbdbd;
1177 display: inline-block;
1179 text-decoration: none;
1181 border: 1px solid #7C7D7B;
1183 -moz-border-radius: 5px;
1184 -webkit-border-radius: 5px;
1187 #jot-preview-form {}
1193 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1194 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1195 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1196 background-color: #bdbdbd;
1197 display: inline-block;
1199 text-decoration: none;
1202 border: 1px solid #7C7D7B;
1204 -moz-border-radius: 5px;
1205 -webkit-border-radius: 5px;
1208 #profile-jot-perms {
1215 border: 1px solid #7C7D7B;
1217 -moz-border-radius: 5px;
1218 -webkit-border-radius: 5px;
1221 #jot-perms-perms .icon {
1225 #profile-jot-submit {
1228 margin-right: 145px;
1232 border: 1px solid #7C7D7B;
1234 -moz-border-radius: 5px;
1235 -webkit-border-radius: 5px;
1238 #profile-jot-perms:hover,
1239 #profile-jot-submit:hover,
1240 #jot-preview-link:hover {
1241 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1242 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1243 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1244 background-color: #1873a2;
1245 border: 1px solid #7C7D7B;
1246 box-shadow: 0 0 8px #BDBDBD;
1247 -moz-box-shadow: 0 0 8px #BDBDBD;
1248 -webkit-box-shadow: 0 0 8px #BDBDBD;
1250 -moz-border-radius: 5px;
1251 -webkit-border-radius: 5px;
1254 #profile-jot-perms:active,
1255 #profile-jot-submit:active,
1256 #jot-preview-link:active {
1261 #character-counter {
1267 #profile-rotator-wrapper {
1276 #profile-jot-tools-end,
1277 #profile-jot-banner-end {
1281 #profile-jot-email-wrapper {
1282 margin: 10px 10% 0px 10%;
1283 border: 1px solid #eeeeee;
1287 #profile-jot-email-label {
1288 background-color: #555753;
1293 #profile-jot-email {
1298 #profile-jot-networks {
1300 border: 1px solid #eeeeee;
1306 #profile-jot-acl-wrapper {
1308 border: 1px solid #eeeeee;
1310 display: block !important;
1313 #profile-video-wrapper,
1314 #profile-audio-wrapper,
1315 #profile-location-wrapper,
1316 #profile-nolocation-wrapper {
1319 #group_allow_wrapper,
1320 #group_deny_wrapper,
1321 #acl-permit-outer-wrapper {
1326 #contact_allow_wrapper,
1327 #contact_deny_wrapper,
1328 #acl-deny-outer-wrapper {
1334 background-color: #555753;
1336 padding: 5px; float: left;
1340 background-color: #555753;
1347 background-color: #555753;
1353 #acl-permit-text-end,
1354 #acl-deny-text-end {
1358 #profile-jot-wrapper {
1370 #profile-jot-text-loading,
1371 #profile-attach-wrapper,
1372 #profile-link-wrapper,
1373 #profile-jot-banner-wrapper {}
1386 padding: 20px 0px 0px;
1395 padding: 5px 10px 5px 10px;
1396 display: inline-block;
1403 padding: 5px 10px 5px 10px;
1411 font-style: bold !important;
1412 border: 0px !important;
1413 border-radius: 0px !important;
1414 box-shadow: none !important;
1417 .wall-item-outside-wrapper {
1419 border-bottom: 1px solid #dedede;
1421 margin-bottom: 20px;
1422 padding-right: 10px;
1424 background: none repeat scroll 0 0 #FFFFFF;
1425 border: 1px solid #7C7D7B;
1427 -moz-border-radius: 5px;
1428 -webkit-border-radius: 5px;
1429 box-shadow: 0 0 8px #BDBDBD;
1430 -moz-box-shadow: 0 0 8px #BDBDBD;
1431 -webkit-box-shadow: 0 0 8px #BDBDBD;
1434 .wall-item-outside-wrapper-end {
1438 .wall-item-content-wrapper {
1444 .wall-item-comment-wrapper {
1448 .wall-item-photo-menu-button {
1450 text-indent: -99999px;
1451 background: #eeeeee url("images/menu-user-pin.png") no-repeat 35px center;
1458 border-right: 1px solid #7C7D7B;
1459 border-left: 1px solid #7C7D7B;
1460 border-bottom: 1px solid #7C7D7B;
1461 box-shadow: 0 0 8px #BDBDBD;
1462 -moz-box-shadow: 0 0 8px #BDBDBD;
1463 -webkit-box-shadow: 0 0 8px #BDBDBD;
1464 border-radius: 0px 0px 5px 5px;
1465 -webkit-border-radius: 0px 0px 5px 5px;
1466 -moz-border-radius: 0px 0px 5px 5px;
1474 .wall-item-photo-wrapper {
1479 /*border: 1px solid #7C7D7B;
1481 -webkit-border-radius: 5px;
1482 -moz-border-radius: 5px;
1483 box-shadow: 0 0 8px #BDBDBD;
1484 -moz-box-shadow: 0 0 8px #BDBDBD;
1485 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
1489 border: 0px solid #7C7D7B;
1491 -webkit-border-radius: 2px;
1492 -moz-border-radius: 2px;
1493 /*box-shadow: 0 0 8px #BDBDBD;
1494 -moz-box-shadow: 0 0 8px #BDBDBD;
1495 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
1499 filter: alpha(opacity=60);
1501 transition: all 0.25s ease-in-out;
1502 -webkit-transition: all 0.25s ease-in-out;
1503 -moz-transition: all 0.25s ease-in-out;
1505 padding-bottom: 5px;
1510 .wall-item-tools:hover {
1511 filter: alpha(opacity=100);
1513 transition: all 0.25s ease-in-out;
1514 -webkit-transition: all 0.25s ease-in-out;
1515 -moz-transition: all 0.25s ease-in-out;
1519 filter: alpha(opacity=60);
1521 transition: all 0.25s ease-in-out;
1522 -webkit-transition: all 0.25s ease-in-out;
1523 -moz-transition: all 0.25s ease-in-out;
1526 padding-bottom: 5px;
1531 .wall-item-social:hover {
1532 filter: alpha(opacity=100);
1534 transition: all 0.25s ease-in-out;
1535 -webkit-transition: all 0.25s ease-in-out;
1536 -moz-transition: all 0.25s ease-in-out;
1539 .wall-item-outside-wrapper.comment .wall-item-tools {
1543 .wall-item-like-buttons {
1547 .wall-item-like-buttons a.icon {
1553 .wall-item-links-wrapper {
1558 .wall-item-delete-wrapper {
1563 .wall-item-links-wrapper a.icon {
1588 padding-right: 10px;
1593 .wall-item-body img {
1603 .wall-item-lock-wrapper {
1611 margin: 0px 0px 10px 0px;
1617 margin: 0px 0px 0px 100px;
1621 .wall-item-author a {
1631 .wall-item-wrapper-end {
1635 .wall-item-location {
1638 text-overflow: ellipsis;
1639 -o-text-overflow: ellipsis;
1642 .wall-item-location .icon {
1646 .wall-item-location > a {
1651 font-variant: small-caps;
1655 .wall-item-location .smalltext {
1661 .wall-item-location > br {
1681 .wallwall .wwto img {
1682 width: 30px!important;
1683 height: 30px!important;
1686 .wallwall .wall-item-photo-end {
1690 .wall-item-arrowphoto-wrapper {
1697 .wall-item-photo-menu {
1702 background: #eeeeee;
1703 border-right: 1px solid #7C7D7B;
1704 border-left: 1px solid #7C7D7B;
1705 border-bottom: 1px solid #7C7D7B;
1711 border-radius: 0px 5px 5px 5px;
1712 -webkit-border-radius: 0px 5px 5px 5px;
1713 -moz-border-radius: 0px 5px 5px 5px;
1714 box-shadow: 0 0 8px #BDBDBD;
1715 -moz-box-shadow: 0 0 8px #BDBDBD;
1716 -webkit-box-shadow: 0 0 8px #BDBDBD;
1720 .fakelink wall-item-photo-menu-button {
1721 -webkit-border-radius: 0px 5px 5px 5px;
1722 -moz-border-radius: 0px 5px 5px 5px;
1723 border-radius: 0px 5px 5px 5px;
1724 box-shadow: 0 0 8px #BDBDBD;
1725 -moz-box-shadow: 0 0 8px #BDBDBD;
1726 -webkit-box-shadow: 0 0 8px #BDBDBD;
1729 .wall-item-photo-menu ul {
1735 .wall-item-photo-menu li a {
1736 white-space: nowrap;
1742 .wall-item-photo-menu li a:hover {
1744 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1745 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1746 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1747 background-color: #1873a2;
1750 .wall-item-container .wall-item-content .type-link img,
1757 .type-link blockquote {
1762 .type-link .oembed {
1768 border-top: 1px solid #D2D2D2;
1775 -webkit-transition: all 0.2s ease-in-out;
1776 -moz-transition: all 0.2s ease-in-out;
1777 -o-transition: all 0.2s ease-in-out;
1778 -ms-transition: all 0.2s ease-in-out;
1779 transition: all 0.2s ease-in-out;
1782 .shared_header a:hover {
1786 .shared_header img {
1787 -webkit-border-radius: 4px;
1788 -moz-border-radius: 4px;
1793 .shared_header span {
1797 blockquote.shared_content {
1808 #item-delete-selected-end,
1809 #item-delete-selected {
1816 #item-delete-selected-icon {}
1819 font-family: Courier, monospace;
1822 border: 1px solid #444;
1834 .ccollapse-wrapper {
1843 border: 0px solid #CDCDCD;
1845 -moz-border-radius: 5px;
1846 -webkit-border-radius: 5px;
1847 margin-bottom: 20px;
1848 background-color: #E2E2E2;
1851 .collapsed-comments,
1853 .hide-comments-outer,
1854 .wall-item-outside-wrapper.comment {
1856 margin-bottom: 20px;
1859 .wall-item-outside-wrapper.comment .wall-item-photo {
1860 width: 40px!important;
1861 height: 40px!important;
1863 -webkit-border-radius: 3px;
1864 -moz-border-radius: 3px;
1867 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1871 -webkit-border-radius: 3px;
1872 -moz-border-radius: 3px;
1875 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1877 background-position: 15px center;
1880 .wall-item-outside-wrapper.comment .wall-item-info {
1884 .wall-item-outside-wrapper.comment .wall-item-body {
1887 padding-right: 10px;
1891 .wall-item-outside-wrapper.comment .wall-item-author {
1895 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1899 .icollapse-wrapper {
1904 .comment-wwedit-wrapper,
1905 .comment-edit-wrapper {
1906 margin: 0px 0px 5px 0px;
1909 .comment-wwedit-wrapper img,
1910 .comment-edit-wrapper img {
1916 .comment-edit-photo-link {
1921 .comment-edit-text-empty {
1926 transition: all 0.5s ease-in-out;
1927 -webkit-transition: all 0.5s ease-in-out;
1928 -moz-transition: all 0.5s ease-in-out;
1931 .comment-edit-text-empty:hover {
1935 .comment-edit-text-full {
1939 transition: all 0.5s ease-in-out;
1940 -webkit-transition: all 0.5s ease-in-out;
1941 -moz-transition: all 0.5s ease-in-out;
1944 .comment-edit-submit-wrapper {
1951 .comment-edit-submit {
1954 background-color: #a2a2a2;
1956 border: 1px solid #7C7D7B;
1958 -moz-border-radius: 5px;
1959 -webkit-border-radius: 5px;
1962 .comment-edit-submit:hover {
1963 background-color: #1873a2;
1964 border: 1px solid #7C7D7B;
1966 -moz-border-radius: 5px;
1967 -webkit-border-radius: 5px;
1968 box-shadow: 0 0 8px #BDBDBD;
1969 -moz-box-shadow: 0 0 8px #BDBDBD;
1970 -webkit-box-shadow: 0 0 8px #BDBDBD;
1973 .comment-edit-submit:active {
1974 background-color: #1873a2;
1977 #item-delete-selected-desc {
1982 .wall-item-body code {
1983 font-family: Courier, monospace;
1986 border: 1px solid #cccccc;
1987 border-width: 1px 1px 1px 3px;
1996 .advanced-profile-content {
1998 margin-bottom: 10px;
2003 .advanced-profile-label {
2006 padding-bottom: 5px;
2010 div[id$="wrapper"] {
2014 div[id$="wrapper"] br {
2018 #advanced-profile-with {
2022 #profile-listing-desc,
2023 #profile-listing-new-link-wrapper {
2026 padding: 5px 10px 5px 10px;
2028 margin:20px 10px 0 0;
2029 display: inline-block;
2034 .profile-listing-name {
2037 .profile-listing-name a {
2041 #profile-edit-links {
2045 #profile-edit-links li {
2048 margin-bottom: 20px;
2050 background-color: #a2a2a2;
2052 padding: 5px 10px 5px 10px;
2056 -moz-border-radius: 5px;
2057 -webkit-border-radius: 5px;
2060 #profile-edit-links li a {
2064 #profile-edit-links li:hover {
2065 background-color: #1873a2;
2068 #profile-edit-links li:active {
2069 background-color: #1873a2;
2072 #profile-edit-links-end {
2074 margin-bottom: 15px;
2077 .profile-edit-side-div {
2085 #cropimage-wrapper {
2093 .profile-match-name {
2099 .profile-match-name a:hover {
2103 .profile-match-wrapper {
2109 margin-bottom: 70px;
2111 background-color: #f6f6f6;
2112 border: 1px solid #7C7D7B;
2113 box-shadow: 0 0 8px #BDBDBD;
2114 -moz-box-shadow: 0 0 8px #BDBDBD;
2115 -webkit-box-shadow: 0 0 8px #BDBDBD;
2118 .profile-match-break,
2119 .profile-match-end {
2123 .profile-match-connect {
2127 .profile-match-ignore {
2128 height: 0!important;
2131 #profile-match-wrapper-end {
2134 .profile-match-end {
2138 .profile-match-photo {
2154 height: 203px !important;
2155 width: 203px !important;
2156 border: 1px solid #7C7D7B;
2157 box-shadow: 0 0 8px #BDBDBD;
2158 -moz-box-shadow: 0 0 8px #BDBDBD;
2159 -webkit-box-shadow: 0 0 8px #BDBDBD;
2160 -moz-box-shadow: 0 0 8px #BDBDBD;
2161 -webkit-box-shadow: 0 0 8px #BDBDBD;
2163 -moz-border-radius: 5px;
2164 -webkit-border-radius: 5px;
2167 #sidebar-photos-albums {
2170 #photo-albums-upload-link {
2174 #sidebar-photos-albums h3:before {
2175 content: url("images/photography.png");
2176 padding-right: 10px;
2177 vertical-align: middle;
2180 #sidebar-photos-albums li {
2190 margin-bottom: 20px;
2192 background-color: #a2a2a2;
2194 padding: 5px 10px 5px 10px;
2198 -moz-border-radius: 5px;
2199 -webkit-border-radius: 5px;
2202 #photo-top-links a {
2206 #photo-top-links:hover {
2207 background-color: #1873a2;
2210 #photo-top-links:active {
2211 background-color: #1873a2;
2214 .photo-album-image-wrapper {
2216 margin: 0px 10px 10px 0px;
2217 padding-bottom: 30px;
2221 .photo-top-image-wrapper {
2225 margin: 0px 10px 10px 0px;
2226 padding-bottom: 30px;
2230 #photo-album-wrapper-inner {
2247 .photo-top-image-wrapper a:hover,
2248 #photo-photo a:hover,
2249 .photo-album-image-wrapper a:hover {
2256 .photo-album-photo {}
2258 .photo-top-album-name {
2263 font-stretch: semi-expanded;
2266 .photo-top-album-name a {
2299 background-color: rgba(255,255,255,0.2);
2301 transition: all 0.2s ease-in-out;
2302 -webkit-transition: all 0.2s ease-in-out;
2303 -moz-transition: all 0.2s ease-in-out;
2304 background-position: center center;
2305 background-repeat: no-repeat;
2311 background-image: url('images/prev.png');
2317 background-image: url('images/next.png');
2321 #photo-next-link a {
2326 text-indent: -900000px;
2329 #photo-prev-link:hover,
2330 #photo-next-link:hover {
2332 transition: all 0.2s ease-in-out;
2333 -webkit-transition: all 0.2s ease-in-out;
2334 -moz-transition: all 0.2s ease-in-out;
2337 #photo-next-link .icon,
2338 #photo-prev-link .icon {
2342 #photos-upload-spacer,
2343 #photos-upload-new-wrapper,
2344 #photos-upload-exist-wrapper {
2348 #photos-upload-existing-album-text,
2349 #photos-upload-newalbum-div {
2355 #photos-upload-album-select,
2356 #photos-upload-newalbum {
2358 margin-bottom: 10px;
2361 #photos-upload-perms-menu {
2366 #photos-upload-perms-menu .icon {
2370 #photos-upload-perms {
2374 .photos-upload-perms {}
2377 border: 1px solid #b0b0b0;
2380 -moz-border-radius: 3px;
2381 -webkit-border-radius: 3px;
2386 select[size][multiple] {
2387 margin: 5px 0px 10px 0px;
2391 -webkit-appearance: menulist;
2392 box-sizing: border-box;
2393 -webkit-box-align: center;
2400 letter-spacing: normal;
2401 word-spacing: normal;
2403 text-transform: none;
2406 display: inline-block;
2407 text-align: -webkit-auto;
2413 text-align: -webkit-auto;
2418 -moz-border-radius: 5px;
2419 -webkit-border-radius: 5px;
2424 margin-bottom: 20px;
2426 background-color: #a2a2a2;
2428 padding: 5px 10px 5px 10px;
2432 -moz-border-radius: 5px;
2433 -webkit-border-radius: 5px;
2436 #album-edit-link a {
2440 #album-edit-link:hover {
2441 background-color: #1873a2;
2444 #photo-edit-link-wrap {
2445 margin-bottom: 10px;
2454 input #photo_edit_form {
2459 #photo-edit-perms-menu {
2468 #photo-edit-perms-menu .icon {
2472 #photo-edit-delete-button {
2478 #photo-album-edit-wrapper {
2479 margin-bottom: 10px;
2493 background-color: #fff;
2494 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2495 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2496 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2497 border: 1px solid #7C7D7B;
2499 -moz-border-radius: 5px;
2500 -webkit-border-radius: 5px;
2503 #prvmail-wrapper:before,
2504 #prvmail-wrapper:after,
2505 .mail-conv-detail:before,
2506 .mail-conv-detail:after,
2507 .mail-list-detail:before,
2508 .mail-list-detail:after {
2515 background: transparent;
2516 transform: skew(-5deg) rotate(-5deg);
2517 -webkit-transform: skew(-5deg) rotate(-5deg);
2518 -moz-transform: skew(-5deg) rotate(-5deg);
2519 -ms-transform: skew(-5deg) rotate(-5deg);
2520 -o-transform: skew(-5deg) rotate(-5deg);
2521 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2522 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2523 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2525 border: 1px solid #7C7D7B;
2527 -moz-border-radius: 5px;
2528 -webkit-border-radius: 5px;
2531 #prvmail-wrapper:after,
2532 .mail-conv-detail:after,
2533 .mail-list-detail:after {
2536 transform: skew(5deg) rotate(5deg);
2537 -webkit-transform: skew(5deg) rotate(5deg);
2538 -moz-transform: skew(5deg) rotate(5deg);
2539 -ms-transform: skew(5deg) rotate(5deg);
2540 -o-transform: skew(5deg) rotate(5deg);
2541 border: 1px solid #7C7D7B;
2543 -moz-border-radius: 5px;
2544 -webkit-border-radius: 5px;
2560 #prvmail-subject .input {
2561 border: none !important;
2564 #prvmail-subject-label {}
2570 #prvmail-to-label {}
2572 #prvmail-message-label {
2576 #prvmail-submit-wrapper {
2590 #prvmail-submit-wrapper > div {
2595 .mail-list-outside-wrapper {
2602 background-color: #efefef;
2603 border: 1px solid #7C7D7B;
2605 -moz-border-radius: 3px;
2606 -webkit-border-radius: 3px;
2607 box-shadow: 0 0 8px #BDBDBD;
2608 -moz-box-shadow: 0 0 8px #BDBDBD;
2609 -webkit-box-shadow: 0 0 8px #BDBDBD;
2618 border: 1px solid #7C7D7B;
2621 .mail-list-sender-name {
2632 font-stretch: ultra-condensed;
2635 .mail-list-subject {
2639 padding-right: 50px;
2642 .mail-list-subject a {
2646 .mail-list-delete-wrapper {
2650 .mail-list-outside-wrapper-end {
2654 .mail-conv-outside-wrapper {
2655 margin-bottom: 10px;
2661 margin: 0px 5px 5px 0px;
2664 .mail-conv-sender-photo {
2667 border-radius: 3px 3px 3px 3px;
2670 .mail-conv-sender-name {
2679 .mail-conv-subject {
2692 padding-bottom: 20px;
2695 vertical-align: middle;
2697 border: 1px solid #7C7D7B;
2705 .mail-conv-delete-wrapper {
2713 border: 1px solid #7C7D7B;
2723 /* ================= */
2724 /* = Notifications = */
2725 /* ================= */
2727 #notification-show-hide-wrapper {
2729 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2730 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2731 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2732 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2733 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2734 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2735 background-color: #bdbdbd;
2737 -moz-border-radius: 5px;
2738 -webkit-border-radius: 5px;
2739 padding: 5px 10px 5px 10px;
2747 #notification-show-hide-wrapper:hover {
2749 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2750 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2751 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2752 background-color: #1873a2;
2755 #notification-show-hide-wrapper:active {
2756 background-color: #1873a2;
2761 #notification-show-hide-wrapper a {
2770 margin-bottom: 10px;
2780 .view-contact-wrapper,
2781 .contact-entry-wrapper {
2783 padding-right: 10px;
2786 margin: 0 10px 10px 0px;
2797 .contact-entry-wrapper .contact-entry-photo-wrapper {
2801 .contact-entry-direction-wrapper {
2806 .contact-entry-edit-links {
2811 #contacts-show-hide-link {
2812 margin-bottom: 20px;
2817 .contact-entry-desc {
2821 .contact-entry-name, .contact-entry-connect {
2829 .contact-entry-details {
2832 white-space: nowrap;
2834 text-overflow: ellipsis;
2837 .contact-entry-photo-wrapper {
2839 /*border: 1px solid #7C7D7B;
2841 -moz-border-radius: 3px;
2842 -webkit-border-radius: 3px;
2843 box-shadow: 0 0 8px #BDBDBD;
2844 -moz-box-shadow: 0 0 8px #BDBDBD;
2845 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
2848 .contact-entry-photo {
2852 .contact-entry-photo a img {
2857 .contact-entry-edit-links .icon {
2858 border: 1px solid #babdb6;
2860 -webkit-border-radius: 3px;
2861 -moz-border-radius: 3px;
2862 background-color: #ffffff;
2865 #contact-edit-banner-name {
2870 #contact-edit-update-now {
2875 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2876 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2877 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2878 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2879 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2880 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2881 background-color: #bdbdbd;
2883 -moz-border-radius: 5px;
2884 -webkit-border-radius: 5px;
2885 display: inline-block;
2887 text-decoration: none;
2891 #contact-edit-update-now:hover {
2893 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2894 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2895 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2896 background-color: #1873a2;
2897 border: 1px solid #7C7D7B;
2898 box-shadow: 0 0 8px #BDBDBD;
2899 -moz-box-shadow: 0 0 8px #BDBDBD;
2900 -webkit-box-shadow: 0 0 8px #BDBDBD;
2902 -moz-border-radius: 5px;
2903 -webkit-border-radius: 5px;
2906 #contact-edit-update-now:active {
2911 #contact-edit-update-now a {
2918 #contact-edit-info-wrapper,
2919 #contact-edit-info-end,
2920 #contact-edit-profile-select-text,
2921 #contact-edit-profile-select-end,
2922 #contact-edit-poll-wrapper,
2926 .contact-edit-submit {
2929 #contact-profile-selector {
2932 .contact-photo-menu-button {
2934 background-image: url("images/photo-menu.jpg");
2935 background-position: top left;
2936 background-repeat: no-repeat;
2941 top: 64px; left:0px;
2947 .contact-photo-menu {
2949 border: 1px solid #ddd;
2950 background: #f1f1f1;
2956 box-shadow: 3px 3px 5px #888;
2957 -moz-box-shadow: 3px 3px 5px #888;
2958 -webkit-box-shadow: 3px 3px 5px #888;
2961 .contact-photo-menu ul {
2967 .contact-photo-menu li a {
2974 .contact-photo-menu li a:hover {
2976 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2977 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2978 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2979 background-color: #1873a2;
2980 text-decoration: none;
2983 .view-contact-name {}
2986 background-color: #efefef;
2992 margin-bottom: 10px;
2995 #follow-sidebar h3:before {
2996 content: url("images/user.png");
2997 padding-right: 10px;
2998 vertical-align: middle;
3001 #follow-sidebar input[type="text"] {
3003 margin-bottom: 10px;
3006 #side-follow-submit {
3013 #side-random-profile-link,
3019 margin-bottom: 20px;
3020 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3021 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3022 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3023 background-color: #bdbdbd;
3024 padding: 5px 10px 5px 10px;
3028 border: 1px solid #7C7D7B;
3030 -moz-border-radius: 5px;
3031 -webkit-border-radius: 5px;
3034 #side-invite-link:hover,
3035 #side-random-profile-link:hover,
3036 #side-suggest-link:hover,
3037 #side-match-link:hover {
3039 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3040 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3041 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3042 background-color: #1873a2;
3043 border: 1px solid #7C7D7B;
3044 box-shadow: 0 0 8px #BDBDBD;
3045 -moz-box-shadow: 0 0 8px #BDBDBD;
3046 -webkit-box-shadow: 0 0 8px #BDBDBD;
3048 -moz-border-radius: 5px;
3049 -webkit-border-radius: 5px;
3053 #side-invite-link:active,
3054 #side-random-profile-link:active,
3055 #side-suggest-link:active,
3056 #side-match-link:active {
3057 background-color: #1873a2;
3062 #side-invite-link a,
3063 #side-random-profile-link a,
3064 #side-suggest-link a,
3065 #side-match-link a {
3072 #invite-recipient-text {
3076 #side-follow-wrapper {
3079 font-stretch: semi-expanded;
3080 background-color: #f3f3f3;
3081 border: 1px solid #7C7D7B;
3085 -moz-border-radius: 5px;
3086 -webkit-border-radius: 5px;
3089 #side-follow-wrapper label{
3091 font-variant: normal;
3099 margin-bottom: 20px;
3100 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3101 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3102 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3103 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3104 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3105 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3106 background-color: #bdbdbd;
3108 -moz-border-radius: 5px;
3109 -webkit-border-radius: 5px;
3110 padding: 5px 10px 5px 10px;
3116 #contact-suggest:hover {
3118 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3119 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3120 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3121 background-color: #1873a2;
3124 #contact-suggest:active {
3125 background-color: #1873a2;
3130 #contact-suggest a {
3146 /* ===================================== */
3147 /* = Register, Settings, Profile Forms = */
3148 /* ===================================== */
3152 background: url(images/login-bg.gif) no-repeat;
3153 background-position: 0 50%;
3155 width: 250px!important;
3161 #profile-tabs-wrapper {
3165 #profile-tab-status-link {
3167 padding: 5px 10px 5px 10px;
3175 #profile-tab-profile-link {
3177 padding: 5px 10px 5px 10px;
3182 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3183 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3184 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3185 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
3186 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
3187 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
3188 background-color: #7c7d7b;
3190 -moz-border-radius: 5px;
3191 -webkit-border-radius: 5px;
3192 padding: 5px 10px 5px 10px;
3193 margin-bottom: 10px;
3196 #uexport-link:hover {
3198 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
3199 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
3200 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
3201 background-color: #555753;
3204 #uexport-link:active {
3206 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3207 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3208 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3209 background-color: #1873a2;
3214 #settings-default-perms .fakelink {
3218 #settings-default-perms {
3222 padding: 5px 10px 5px 10px;
3223 margin-bottom: 10px;
3224 background-color: #BDBDBD;
3225 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
3226 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3227 border: 1px solid #7C7D7B;
3229 -moz-border-radius: 5px;
3230 -webkit-border-radius: 5px;
3233 #settings-default-perms:hover {
3235 background-color: #555753;
3236 border: 1px solid #7C7D7B;
3237 box-shadow: 0 0 8px #BDBDBD;
3238 -moz-box-shadow: 0 0 8px #BDBDBD;
3239 -webkit-box-shadow: 0 0 8px #BDBDBD;
3241 -moz-border-radius: 5px;
3242 -webkit-border-radius: 5px;
3245 #settings-default-perms:active {
3247 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3248 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3249 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3250 background-color: #1873a2;
3255 #settings-nickname-desc {
3257 background-color: #efefef;
3259 margin-bottom: 10px;
3261 -webkit-border-radius: 5px;
3262 -moz-border-radius: 5px;
3266 #register-form div {
3270 #profile-edit-form div {
3274 #profile-edit-form div[id$='desc'] {
3279 #register-form label,
3280 #profile-edit-form label {
3283 margin-right: 155px;
3286 #register-form span {
3289 margin-bottom: 20px;
3293 .settings-submit-wrapper,
3294 .profile-edit-submit-wrapper {
3299 .profile-listing-end {
3302 margin: 20px 20px 0px 0px;
3306 #register-sitename {
3311 #register-submit-button {
3315 #label-register-name,
3316 #label-register-email,
3317 #label-register-nickname,
3318 #label-register-openid {
3326 #register-nickname {
3338 #register-fill-ext {
3339 margin-bottom: 25px;
3343 #register-email-end,
3344 #register-nickname-end,
3345 #register-submit-end,
3346 #register-openid-end {
3350 #register-nickname-desc {
3355 /* ===================== */
3356 /* = Contacts Selector = */
3357 /* ===================== */
3359 #group-edit-wrapper {
3360 margin-bottom: 10px;
3363 #group-edit-name-wrapper {
3367 #group-edit-submit-wrapper {
3368 margin-bottom: 10px;
3369 margin-right: 400px;
3374 .group-delete-wrapper {
3378 margin-bottom: 10px;
3379 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3380 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3381 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3383 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3385 background-color: #bdbdbd;
3387 -moz-border-radius: 5px;
3388 -webkit-border-radius: 5px;
3391 .group-delete-wrapper:hover {
3392 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3393 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3394 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3395 background-color: #1873a2;
3398 .group-delete-wrapper:active {
3399 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3400 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3401 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3402 background-color: #1873a2;
3405 .group-delete-wrapper a {
3424 background-color: #f0edf0;
3426 border: 1px solid #ccc;
3427 margin-bottom: 10px;
3431 #group-all-contacts,
3432 #prof-all-contacts {
3436 border: 1px solid #ccc;
3437 background-color: #f0edf0;
3442 #group-all-contacts h3,
3444 #prof-all-contacts h3 {
3478 margin-bottom: 10px;
3479 background-color: #fff;
3480 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3481 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3482 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3493 background: transparent;
3494 transform: skew(-5deg) rotate(-5deg);
3495 -webkit-transform: skew(-5deg) rotate(-5deg);
3496 -moz-transform: skew(-5deg) rotate(-5deg);
3497 -ms-transform: skew(-5deg) rotate(-5deg);
3498 -o-transform: skew(-5deg) rotate(-5deg);
3499 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3500 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3501 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3508 transform: skew(5deg) rotate(5deg);
3509 -webkit-transform: skew(5deg) rotate(5deg);
3510 -moz-transform: skew(5deg) rotate(5deg);
3511 -ms-transform: skew(5deg) rotate(5deg);
3512 -o-transform: skew(5deg) rotate(5deg);
3515 .vevent .event-description {
3520 font-weight: bolder;
3523 .vevent .event-location {
3527 font-style: oblique;
3531 .vevent .event-start,
3532 .vevent .event-end {
3544 margin-bottom: 10px;
3546 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3547 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3548 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3549 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3550 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3551 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3552 background-color: #bdbdbd;
3554 -moz-border-radius: 5px;
3555 -webkit-border-radius: 5px;
3559 #new-event-link:hover {
3561 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3562 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3563 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3564 background-color: #1873a2;
3567 #new-event-link:active {
3568 background-color: #1873a2;
3578 .edit-event-link, .plink-event-link {
3582 margin-bottom: 15px;
3585 .event-description:before {
3586 content: url('images/calendar.png');
3588 vertical-align: middle;
3597 .event-start .dtstart,
3604 margin-bottom: 10px;
3605 font-stretch: condensed;
3616 .event-calendar-end {
3622 font-family: Helvetica, Arial, sans-serif;
3623 background-color: #f1f1f1;
3624 border: 1px solid #dedede;
3625 margin-bottom: 10px;
3626 box-shadow: 5px 5px 8px #959494;
3627 -moz-box-shadow: 5px 5px 8px #959494;
3628 -webkit-box-shadow: 5px 5px 8px #959494;
3632 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3633 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3634 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3635 background-color: #1873a2;
3636 padding: 10px 0px 10px 0px;
3641 box-shadow: 5px 2px 8px #959494;
3642 -moz-box-shadow: 5px 2px 8px #959494;
3643 -webkit-box-shadow: 5px 2px 8px #959494;
3653 background-color: #cdcdcd;
3665 background-color: #1873a2;
3670 #event-finish-text {
3675 #event-nofinish-checkbox,
3676 #event-nofinish-text,
3677 #event-adjust-checkbox,
3679 #event-share-checkbox {
3683 #event-datetime-break {
3684 margin-bottom: 10px;
3687 #event-nofinish-break,
3688 #event-adjust-break,
3689 #event-share-break {
3694 #event-location-text {
3709 margin: 50px 50px 0px 0px;
3712 .directory-details {
3734 background-color: #FF0000;
3739 border: 0px; padding: 0px;
3743 list-style-position: inside;
3753 padding-bottom: 2px;
3754 border-bottom: 1px solid black;
3767 border-bottom: 1px solid #898989;
3769 padding-bottom: 5px;
3773 #adminpage .submit {
3783 #adminpage .plugin {
3787 border: 1px solid #7C7D7B;
3788 box-shadow: 0 0 8px #BDBDBD;
3789 -moz-box-shadow: 0 0 8px #BDBDBD;
3790 -webkit-box-shadow: 0 0 8px #BDBDBD;
3792 -moz-border-radius: 5px;
3793 -webkit-border-radius: 5px;
3795 margin:10px 10px 10px 0;
3798 #adminpage .toggleplugin {
3805 border-bottom: 1p solid #000000;
3809 #adminpage table th {
3813 #adminpage td .icon {
3817 #adminpage table#users img {
3822 #adminpage table tr:hover {
3823 background-color: #eeeeee;
3826 #adminpage .selectall {
3830 /* =============== */
3831 /* = Form Fields = */
3832 /* =============== */
3835 /*margin-bottom: 10px;*/
3837 padding-bottom: 10px;
3841 .field.radio .field_help {
3845 .field .field_help {
3865 border: 1px solid #7C7D7B;
3867 -moz-border-radius: 5px;
3868 -webkit-border-radius: 5px;
3879 margin-bottom: 10px;
3889 border: 1px solid #c1c1c1;
3890 background-image: url("../../../images/onoff.jpg");
3891 background-repeat: no-repeat;
3892 padding: 4px 2px 2px 2px;
3894 text-decoration: none;
3896 .field .onoff .off {
3897 border-color: #c1c1c1;
3899 background-position: left center;
3900 background-color: #cccccc;
3906 border-color: #c1c1c1;
3907 padding-right: 40px;
3908 background-position: right center;
3909 background-color: #1873a2;
3914 .field .radio .field_help {
3923 cursor: url('lock.cur'), pointer;
3926 /*border: 1px solid #7C7D7B;
3928 -moz-border-radius: 3px;
3929 -webkit-border-radius: 3px;
3930 box-shadow: 0 0 8px #BDBDBD;
3931 -moz-box-shadow: 0 0 8px #BDBDBD;
3932 -webkit-box-shadow: 0 0 8px #BDBDBD;*/
3947 background-image: url("images/icons.png");
3950 background-image: url("images/star.png");
3954 background-image: url("images/premium.png");
3959 background-image: url("images/notifications.png");
3964 border: 1px solid #c1c1c1;
3966 -webkit-border-radius: 3px;
3967 -moz-border-radius: 3px;
3970 .article { background-position: -50px 0px;}
3971 .audio { background-position: -70px 0px;}
3972 .block { background-position: -90px 0px;}
3973 .drop { background-position: -110px 0px;}
3974 .drophide { background-position: -130px 0px;}
3975 .edit { background-position: -150px 0px;}
3976 .camera { background-position: -170px 0px;}
3977 .dislike { background-position: -190px 0px;}
3978 .like { background-position: -210px 0px;}
3979 .link { background-position: -230px 0px;}
3980 .globe { background-position: -50px -20px;}
3981 .noglobe { background-position: -70px -20px;}
3982 .no { background-position: -90px -20px;}
3983 .pause { background-position: -110px -20px;}
3984 .play { background-position: -130px -20px;}
3985 .pencil { background-position: -150px -20px; margin-right: 12px;}
3986 .small-pencil { background-position: -170px -20px;}
3987 .recycle { background-position: -190px -20px;}
3988 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3989 .share { background-position: -230px -20px;}
3990 .tools { background-position: -50px -40px;}
3991 .lock { background-position: -70px -40px;}
3993 background-position: -90px -40px;
3994 background-image: none;
4000 background-image: url("images/icons.png");
4003 margin: 2px 0px 2px 3px;
4007 .video { background-position: -110px -40px;}
4008 .youtube { background-position: -130px -40px;}
4009 .attach { background-position: -190px -40px;}
4010 .language { background-position: -210px -40px;}
4011 .on { background-position: -50px -60px;}
4012 .off { background-position: -70px -60px;}
4013 .prev { background-position: -90px -60px;}
4014 .next { background-position: -110px -60px;}
4015 .tagged { background-position: -130px -60px; margin-right: 10px;}
4016 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
4019 display: block; width: 20px; height: 23px;
4020 background-image: url("../../../images/content-types.png");
4021 background-position: -80px 0px;
4024 .type-video { background-position: 0px 0px; }
4025 .type-image { background-position: -20px 0px; }
4026 .type-audio { background-position: -40px 0px; }
4027 .type-text { background-position: -60px 0px; }
4028 .type-unkn { background-position: -80px 0px; }
4039 footer { display: block; margin: 50px 20%; clear: both; }
4046 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
4047 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
4048 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
4049 background-color: #f0edf0;
4050 border-radius: 5px 5px 0px 0px;
4051 -moz-border-radius: 5px 5px 0px 0px;
4052 -webkit-border-radius: 5px 5px 0px 0px;
4053 border: 1px solid #7C7D7B;
4054 border-bottom: none;
4055 box-shadow: 1px 2px 6px 0px #959494;
4056 -moz-box-shadow: 1px 2px 6px 0px #959494;
4057 -webkit-box-shadow: 1px 2px 6px 0px #959494;
4063 list-style: none outside none;
4064 margin: 0 0 0 755px;
4077 #photo-edit-perms-select,
4078 #photos-upload-permissions-wrapper,
4079 #profile-jot-acl-wrapper{
4080 display: block!important;
4089 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
4090 padding-right: 20px;
4101 background-color: #cccccc;
4102 background-position: 7px 7px;
4103 background-repeat: no-repeat;
4106 -webkit-border-radius: 5px ;
4107 -moz-border-radius: 5px;
4111 #acl-showall.selected {
4113 background-color: #1873a2;
4118 border: 1px solid #cccccc;
4119 background-color: #efefef;
4132 border: 1px solid #cccccc;
4133 background-color: #fff;
4136 box-shadow: 2px 2px 3px #c1c1c1;
4137 -moz-box-shadow: 2px 2px 3px #c1c1c1;
4138 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
4140 .acl-list-item img {
4152 padding: 2px 0px 1px;
4161 background-color: #898989;
4162 background-position: 3px 3px;
4163 background-repeat: no-repeat;
4164 margin: 10px 0 0 5px;
4166 -webkit-border-radius: 2px ;
4167 -moz-border-radius: 2px;
4171 #acl-wrapper a:hover {
4172 text-decoration: none;
4173 background-color:#1873a2;
4176 .acl-button-show.selected {
4178 background-color: #1873a2;
4181 .acl-button-hide .selected {
4183 background-color: #a2a2a2;
4186 .acl-list-item.groupshow { border-color: #1873a2; }
4187 .acl-list-item.grouphide { border-color: #a2a2a2; }
4189 /* ========================= */
4190 /* = Global Directory Link = */
4191 /* ========================= */
4193 #global-directory-link {
4196 /*margin-bottom: 10px;*/
4197 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
4198 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
4199 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
4200 background-color: #bdbdbd;
4203 -webkit-padding-start: 0px;
4204 border: 1px solid #7C7D7B;
4206 -moz-border-radius: 5px;
4207 -webkit-border-radius: 5px;
4210 #global-directory-link:hover {
4212 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4213 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4214 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4215 background-color: #1873a2;
4216 border: 1px solid #7C7D7B;
4217 box-shadow: 0 0 8px #BDBDBD;
4218 -moz-box-shadow: 0 0 8px #BDBDBD;
4219 -webkit-box-shadow: 0 0 8px #BDBDBD;
4221 -moz-border-radius: 5px;
4222 -webkit-border-radius: 5px;
4225 #global-directory-link:active {
4226 background-color: #1873a2;
4231 #global-directory-link a {
4236 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4237 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4238 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4239 background-color: #1873a2;
4241 padding: 5px 10px 5px 10px;
4245 /* notifications popup menu */
4254 margin-right: -20px;
4280 #nav-notifications-menu {
4284 overflow-style: scrollbar;
4285 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
4286 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
4287 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
4288 background-color: #a2a2a2;
4289 border-radius: 0px 0px 5px 5px;
4290 -moz-border-radius: 0px 0px 5px 5px;
4291 -webkit-border-radius: 0px 0px 5px 5px;
4292 border: 1px solid #9A9A9A;
4294 box-shadow: 5px 5px 10px #242424;
4295 -moz-box-shadow: 5px 5px 10px #242424;
4296 -webkit-box-shadow: 5px 5px 10px #242424;
4299 #nav-notifications-menu .contactname {
4304 #nav-notifications-menu img {
4309 #nav-notifications-menu .notif-when {
4314 #nav-notifications-menu li {
4315 padding: 7px 0px 7px 10px;
4317 border-bottom: 1px solid #626262;
4320 #nav-notifications-menu li:hover {
4321 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4322 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4323 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4324 background-color: #1873a2;
4327 #nav-notifications-menu a:hover {
4328 text-decoration: underline;
4332 vertical-align: middle;
4334 padding-bottom: 7px;
4337 .notif-item a:hover {
4344 padding: 7px 7px 0px 0px;
4351 /* autocomplete popup */
4358 background: #eeeeee;
4359 border-right: 1px solid #7C7D7B;
4360 border-left: 1px solid #7C7D7B;
4361 border-bottom: 1px solid #7C7D7B;
4362 border-radius: 0px 5px 5px 5px;
4363 -webkit-border-radius: 0px 5px 5px 5px;
4364 -moz-border-radius: 0px 5px 5px 5px;
4365 box-shadow: 0 0 8px #BDBDBD;
4366 -moz-box-shadow: 0 0 8px #BDBDBD;
4367 -webkit-box-shadow: 0 0 8px #BDBDBD;
4380 .acpopupitem.selected {
4382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4383 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4385 background-color: #1873a2;
4391 filter: alpha(opacity=0);
4398 filter: alpha(opacity=100);
4402 background: #000000;
4405 /* Pages profile widget ----------------------------------------------------------- */
4408 #profile-page-list {
4412 #page-profile .title {
4416 #profile-vcard-break {
4420 #profile-extra-links {
4425 #profile-extra-links ul {
4426 list-style-type: none;
4431 #profile-extra-links li {
4435 .profile-edit-side-div {
4439 .profile-edit-side-link {
4441 filter:alpha(opacity=30);
4443 .profile-edit-side-link:hover {
4445 filter:alpha(opacity=100);
4449 ----------------------------------------------------------- */
4455 padding-right: 10px;
4459 text-decoration: none;
4467 /* New posts and comments => background color
4468 ----------------------------------------------------------- */
4470 background: #fbfde9;
4473 div.wall-item-content-wrapper.shiny {
4474 background-image: url("images/shiny.png");
4475 background-repeat: repeat-x;
4481 #profile-nolocation,
4489 #profile-upload-wrapper,
4490 #wall-image-upload-div,
4491 #wall-file-upload-div,
4498 background: url("images/dot.png") repeat-x scroll left center transparent;
4499 border: medium none;
4506 filter:alpha(opacity=50);
4510 .filesavetags:hover,
4511 .categorytags:hover {
4512 opacity: 1.0 !important;
4513 filter:alpha(opacity=100) !important;
4518 filter:alpha(opacity=10);
4526 filter:alpha(opacity=100);
4530 display: block; width: 16px; height: 16px;
4531 background-image: url('images/file.gif');
4536 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4537 [class^="comment-edit-bb"] {
4540 margin: 0px 0 -5px 0px;
4576 #nav-notifications-template {}
4577 #categories-sidebar {}
4595 .fc-border-separate,
4598 div #datebrowse-sidebar.widget {
4609 margin-bottom: 10px;
4610 /*background: url("images/down.png") no-repeat scroll left center transparent;*/
4618 margin:10px 10px 0 0;
4629 #id_post_profilechange,
4638 #id_allow_location {
4639 margin: 6px 0 0 10px;
4648 #settings-activity-desc,
4649 #settings-notify-desc {
4650 margin: 10px 10px 10px 0;
4654 #settings-notifications {
4656 border: 1px solid #7C7D7B;
4657 box-shadow: 0 0 8px #BDBDBD;
4658 -moz-box-shadow: 0 0 8px #BDBDBD;
4659 -webkit-box-shadow: 0 0 8px #BDBDBD;
4661 -moz-border-radius: 5px;
4662 -webkit-border-radius: 5px;
4664 margin: 10px 10px 10px 0;
4669 #hide-comments-page-widget {
4673 #collapsed-comments-page-widget {}
4676 list-style-type: disc;
4688 #remote-friends-in-common {}
4691 border: 1px solid #7C7D7B;
4692 box-shadow: 0 0 8px #BDBDBD;
4693 -moz-box-shadow: 0 0 8px #BDBDBD;
4694 -webkit-box-shadow: 0 0 8px #BDBDBD;
4696 -moz-border-radius: 5px;
4697 -webkit-border-radius: 5px;
4699 margin:10px 10px 10px 0;
4702 #page-settings-label{
4703 width: auto !important;
4704 margin-bottom: 5px !important;
4712 margin: 25px 0 25px 0;
4723 #id_directory_submit_url,
4728 #id_itemcache_duration,
4732 #id_delivery_interval,
4734 #id_jpegimagequality,
4737 #id_max_daily_registrations {
4746 .field.input.openid {