5 Created by alex@friendica.pixelbits.de on 2012-10-04
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
21 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
23 font-size-adjust: none;
29 background-color: #F2F2F2;
40 text-decoration: none;
70 list-style: none outside none;
74 list-style: none outside none;
75 background: url("arrow.png") no-repeat scroll left center transparent;
77 /*padding: 3px 24px;*/
85 .fakelink, .fakelink:visited, .fakelink:link {
90 /*background: url("down.png") no-repeat scroll left center transparent;*/
109 border: 1px solid #b0b0b0;
112 /*margin-top: 10px;*/
113 border-radius: 3px 3px 3px 3px;
114 -webkit-border-radius: 3px 3px 3px 3px;
115 -moz-border-radius: 3px 3px 3px 3px;
118 input[type=text-sidebar] {
119 border: 1px solid #b0b0b0;
124 border-radius: 3px 3px 3px 3px;
125 -webkit-border-radius: 3px 3px 3px 3px;
126 -moz-border-radius: 3px 3px 3px 3px;
133 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
134 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
135 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
136 background-color: #bdbdbd;
139 border: 1px solid #7C7D7B;
140 border-radius: 5px 5px 5px 5px;
143 input[type=submit]:hover {
144 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
145 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
146 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
147 background-color: #1873a2;
149 border: 1px solid #7C7D7B;
150 box-shadow: 0 0 8px #BDBDBD;
151 border-radius: 5px 5px 5px 5px;
153 input[type=submit]:active {
164 color: #000; /* Safari and Opera */
169 color: #000; /* Firefox */
181 border: 1px solid #dddddd;
182 box-shadow: 3px 3px 6px #959494;
183 -moz-box-shadow: 3px 3px 6px #959494;
184 -webkit-box-shadow: 3px 3px 6px #959494;
185 background-color: #efefef;
191 background: none repeat scroll 0 0 #FFFFFF;
192 border: 1px solid #C5C5C5;
193 border-radius: 3px 3px 3px 3px;
194 box-shadow: 0 0 8px #BDBDBD;
202 border: 1px solid #7C7D7B;
203 border-radius: 5px 5px 5px 5px;
205 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
206 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
207 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
208 background-color: #bdbdbd;
214 border: 1px solid #7C7D7B;
215 box-shadow: 0 0 8px #BDBDBD;
216 border-radius: 5px 5px 5px 5px;
217 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
218 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
219 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
220 background-color: #1873a2;
237 #login-name-wrapper {
238 vertical-align: middle;
242 #login-name-wrapper input {
247 #login-password-wrapper {
248 vertical-align: middle;
258 #login-extra-links a {
261 padding: 5px 0px 5px 0px;
266 #login-extra-filler {
279 #login_standard input,
280 #login_openid input {
285 #lost-password-link {
298 #login-submit-button {
303 #login-submit-wrapper {
316 -webkit-border-radius: 5px;
317 -moz-border-radius: 5px;
318 border: 1px solid #494948;
319 background-color: #2e3436;
324 box-shadow: 7px 7px 10px #434343;
325 -moz-box-shadow: 7px 7px 12px #434343;
326 -webkit-box-shadow: 7px75px 12px #434343;
350 background-color: #1873a2;
361 list-style: none outside none;
371 background-color: #BDBDBD;
372 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
373 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
374 border: 1px solid #7C7D7B;
375 box-shadow: 0 0 8px #BDBDBD;
376 border-radius: 5px 5px 5px 5px;
380 text-decoration: none;
386 text-decoration: none;
405 nav #banner #logo-text a {
410 text-shadow: #7C7D7B 3px 3px 5px;
422 vertical-align: middle;
423 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
424 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
425 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
426 background-color: #a2a2a2;
428 -moz-border-radius: 5px;
429 -webkit-border-radius: 5px;
430 border: 1px solid #7C7D8B;
432 text-decoration: none;
435 nav #user-menu-label::after {
436 content: url("menu-user-pin.png") no-repeat;
440 nav #user-menu-label {
441 vertical-align: middle;
453 nav #nav-link-wrapper .nav-link {
454 border-right: 1px solid #babdb6;
457 .nav-commlink, .nav-login-link {
465 border: 1px solid #babdb6;
467 background-color: #aec0d3;
469 border-radius: 3px 3px 0px 0px;
470 -moz-border-radius: 3px 3px 0px 0px;
473 .nav-commlink.selected {
474 background-color: #ffffff;
475 border-bottom: 1px solid #ffffff;
476 color: #000000 !important;
485 border: 1px solid #FF8888;
486 background-color: #FFEEEE;
493 border: 1px solid #3465a4;
494 background-color: #d7e3f1;
501 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
502 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
503 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
504 background-color: #898988;
511 border: 1px solid #9a9a9a;
513 -webkit-border-radius: 0px 0px 5px 5px;
514 -moz-border-radius: 0px 0px 5px 5px;
515 border-radius: 0px 0px 5px 5px;
516 -moz-box-shadow: 5px 5px 10px #242424;
517 -webkit-box-shadow: 5px 5px 10px #242424;
518 box-shadow: 5px 5px 10px #242424;
522 ul#user-menu-popup li {
526 ul#user-menu-popup li a {
531 ul#user-menu-popup li a:hover {
533 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
534 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
535 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
536 background-color: #6da6c4;
539 ul#user-menu-popup li a.nav-sep {
540 border-top: 1px solid #989898;
558 background: transparent url('notifications.png') 0px 0px no-repeat;
568 background-position: 0px -168px;
572 background-position: 0px -126px;
576 background-position: 0px -40px;
580 background-position: 0px -84px;
584 background-position: 0px 0px;
601 /* =================== */
602 /* = System Messages = */
603 /* =================== */
605 #sysmsg_info, #sysmsg {
607 bottom: 0px; right:20%;
608 box-shadow: 7px 7px 10px #434343;
609 -moz-box-shadow: 7px 7px 12px #434343;
610 -webkit-box-shadow: 7px75px 12px #434343;
612 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
613 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
614 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
615 background-color: #1873a2;
616 border-radius: 5px 5px 0px 0px;
617 -webkit-border-radius: 5px 5px 0px 0px;
618 -moz-border-radius: 5px 5px 0px 0px;
619 border: 1px solid #da2c2c;
621 padding-bottom: 50px;
631 border-top: 1px solid #dddddd;
634 /* ================= */
635 /* = Aside/Sidebar = */
636 /* ================= */
647 /*padding-bottom: 5px;*/
656 font-variant: normal;
657 -webkit-margin-start: 10px;
669 .vcard #profile-photo-wrapper {
673 background: none repeat scroll 0 0 #FFFFFF;
674 border: 1px solid #C5C5C5;
675 box-shadow: 0 0 8px #BDBDBD;
676 -moz-box-shadow: 3px 3px 4px #959494;
677 -webkit-box-shadow: 3px 3px 4px #959494;
678 border-radius: 5px 5px 5px 5px;
692 padding-bottom: 10px;
695 #profile-extra-links ul {
702 box-shadow: inset 0px 1px 0px 0px #a65151;
703 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
704 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
705 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
706 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
707 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
708 background-color: #6da6c4;
710 -moz-border-radius: 5px;
711 -webkit-border-radius: 5px;
712 border: 1px solid #fc5656;
713 display: inline-block;
715 font-family: Trebuchet MS;
721 text-decoration: none;
722 text-shadow: 1px 1px 0px #b36f6f;
728 -webkit-border-radius: 5px ;
729 -moz-border-radius: 5px;
733 background-color: #3465a4;
736 #dfrn-request-link:hover {
737 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
738 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
739 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
740 background-color: #1873a2;
743 #dfrn-request-link:active {
748 #dfrn-request-intro {
753 background-color: #f6f6f6;
754 padding: 5px 5px 0px 15px;
756 #netsearch-box input[type="text"] {
759 #netsearch-box input[type="submit"] {
764 content: url("search.png");
766 vertical-align: middle;
770 background-color: #f3f3f3;
771 border: 1px solid #cdcdcd;
773 border-radius: 5px 5px 5px 5px;
774 -webkit-border-radius: 5px 5px 5px 5px;
775 -moz-border-radius: 5px 5px 5px 5px;
779 vertical-align: middle;
782 padding-bottom: 10px;
785 #sidebar-group-list {
790 #sidebar-group-list a {
791 padding-bottom: 10px;
794 /*#sidebar-group-list ul {
795 list-style-type: none;
798 #sidebar-group-list li {
802 #sidebar-group-list .icon,
803 #sidebar-group-list .iconspacer {
804 display: inline-block;
811 box-shadow: 1px 2px 6px 0px #959494;
812 -moz-box-shadow: 1px 2px 6px 0px #959494;
813 -webkit-box-shadow: 1px 2px 6px 0px #959494;
814 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
815 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
816 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
817 background-color: #f8f8f8;
819 -moz-border-radius: 5px;
820 -webkit-border-radius: 5px;
822 border: 1px solid #cdcdcd;
830 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
831 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
832 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
833 background-color: #bdbdbd;
834 display: inline-block;
836 text-decoration: none;
838 border: 1px solid #7C7D7B;
839 border-radius: 5px 5px 5px 5px;
843 #sidebar-new-group:hover {
844 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
845 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
846 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
847 background-color: #1873a2;
848 border: 1px solid #7C7D7B;
849 box-shadow: 0 0 8px #BDBDBD;
850 border-radius: 5px 5px 5px 5px;
853 #sidebar-new-group:active {
858 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
862 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
863 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
864 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
865 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
866 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
867 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
868 background-color: #bdbdbd;
870 -moz-border-radius: 5px;
871 -webkit-border-radius: 5px;
872 display: inline-block;
874 text-decoration: none;
877 .settings-widget .selected {
881 #sidebar-new-group a {
888 ul .sidebar-group-li {
894 ul .sidebar-group-li .icon {
895 display: inline-block;
900 .nets-ul, .fileas-ul, .categories-ul {
901 list-style-type: none;
904 .nets-ul li, .fileas-ul li, .categories-ul li {
915 .fileas-link, .categories-link {
919 .fileas-all, .categories-all {
924 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
925 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
926 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
927 background-color: #f0edf0;
928 border-radius: 5px 5px 0px 0px;
929 -moz-border-radius: 5px 5px 0px 0px;
930 -webkit-border-radius: 5px 5px 0px 0px;
931 border: 1px solid #e2e2e2;
932 border-bottom: 1px solid #cdcdcd;
935 vertical-align: baseline;
937 text-shadow: -1px 0px 0px #bdbdbd;
940 #group-sidebar h3:before {
941 content: url("groups.png");
943 vertical-align: middle;
955 .saved-search-li .icon {
959 .birthday-today, .event-today {
963 #birthday-wrapper, #event-wrapper {
973 /* ================== */
974 /* = Contacts Block = */
975 /* ================== */
981 border: 1px solid #C5C5C5;
982 border-radius: 3px 3px 3px 3px;
983 box-shadow: 0 0 8px #BDBDBD;
989 .contact-block-link {
993 .contact-block-textdiv {
1000 .contact-block-content {
1004 #contact-block-end {
1012 #profile-jot-text-loading,
1018 #profile-jot-text_tbl {
1019 margin-bottom: 10px;
1023 #profile-jot-text_ifr {
1024 width: 99.9%!important
1027 #profile-jot-submit-wrapper {
1031 #jot-title, #jot-category {
1036 border: 1px solid #cccccc;
1043 #jot-title::-webkit-input-placeholder,
1044 #jot-category::-webkit-input-placeholder {
1045 font-weight: normal;
1048 #jot-title:-moz-placeholder,
1049 #jot-category:-moz-placeholder {
1050 font-weight: normal;
1055 #jot-category:hover,
1056 #jot-category:focus {
1057 border: 1px solid #cccccc;
1060 .jothidden { display:none; }
1063 background: #FFFFC8;
1067 margin: 15px 0 15px 150px;
1070 #profile-jot-perms, #profile-jot-submit {
1073 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1074 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1075 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1076 background-color: #bdbdbd;
1077 display: inline-block;
1079 text-decoration: none;
1081 border: 1px solid #7C7D7B;
1082 border-radius: 5px 5px 5px 5px;
1085 #jot-preview-form {}
1092 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1093 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1094 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1095 background-color: #bdbdbd;
1096 display: inline-block;
1098 text-decoration: none;
1101 border: 1px solid #7C7D7B;
1102 border-radius: 5px 5px 5px 5px;
1105 #profile-jot-perms {
1112 border: 1px solid #7C7D7B;
1113 border-radius: 5px 5px 5px 5px;
1116 #jot-perms-perms .icon {
1120 #profile-jot-submit {
1123 margin-right: 145px;
1127 border: 1px solid #7C7D7B;
1128 border-radius: 5px 5px 5px 5px;
1131 #profile-jot-perms:hover,
1132 #profile-jot-submit:hover,
1133 #jot-preview-link:hover {
1134 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1135 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1136 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1137 background-color: #1873a2;
1138 border: 1px solid #7C7D7B;
1139 box-shadow: 0 0 8px #BDBDBD;
1140 border-radius: 5px 5px 5px 5px;
1143 #profile-jot-perms:active,
1144 #profile-jot-submit:active,
1145 #jot-preview-link:active {
1150 #character-counter {
1156 #profile-rotator-wrapper {
1165 #profile-jot-tools-end,
1166 #profile-jot-banner-end {
1170 #profile-jot-email-wrapper {
1171 margin: 10px 10% 0px 10%;
1172 border: 1px solid #eeeeee;
1176 #profile-jot-email-label {
1177 background-color: #555753;
1182 #profile-jot-email {
1187 #profile-jot-networks {
1189 border: 1px solid #eeeeee;
1194 #profile-jot-acl-wrapper {
1196 border: 1px solid #eeeeee;
1198 display:block!important;
1201 #profile-video-wrapper,
1202 #profile-audio-wrapper,
1203 #profile-location-wrapper,
1204 #profile-nolocation-wrapper {
1207 #group_allow_wrapper,
1208 #group_deny_wrapper,
1209 #acl-permit-outer-wrapper {
1214 #contact_allow_wrapper,
1215 #contact_deny_wrapper,
1216 #acl-deny-outer-wrapper {
1222 background-color: #555753;
1224 padding: 5px; float: left;
1228 background-color: #555753;
1235 background-color: #555753;
1241 #acl-permit-text-end,
1242 #acl-deny-text-end {
1246 #profile-jot-wrapper {
1258 #profile-jot-text-loading,
1259 #profile-attach-wrapper,
1260 #profile-link-wrapper,
1261 #profile-jot-banner-wrapper {}
1274 padding: 20px 0px 0px;
1283 padding: 5px 10px 5px 10px;
1284 display: inline-block;
1291 padding: 5px 10px 5px 10px;
1298 .wall-item-outside-wrapper {
1300 border-bottom: 1px solid #dedede;
1302 margin-bottom: 20px;
1303 padding-right: 10px;
1305 background: none repeat scroll 0 0 #FFFFFF;
1306 border: 1px solid #CDCDCD;
1307 border-radius: 5px 5px 5px 5px;
1308 box-shadow: 0 0 8px #BDBDBD;
1311 .wall-item-outside-wrapper-end {
1315 .wall-item-content-wrapper {
1321 .wall-item-comment-wrapper {}
1323 .wall-item-photo-menu {
1327 .wall-item-photo-menu-button {
1329 text-indent: -99999px;
1330 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1337 border-radius: 0px 0px 5px 5px;
1338 -webkit-border-radius: 0px 0px 5px 5px;
1339 -moz-border-radius: 0px 0px 5px 5px;
1347 .wall-item-photo-wrapper {
1354 filter: alpha(opacity=60);
1356 transition: all 0.25s ease-in-out;
1357 -webkit-transition: all 0.25s ease-in-out;
1358 -moz-transition: all 0.25s ease-in-out;
1360 padding-bottom: 5px;
1365 .wall-item-tools:hover {
1366 filter: alpha(opacity=100);
1368 transition: all 0.25s ease-in-out;
1369 -webkit-transition: all 0.25s ease-in-out;
1370 -moz-transition: all 0.25s ease-in-out;
1374 filter: alpha(opacity=60);
1376 transition: all 0.25s ease-in-out;
1377 -webkit-transition: all 0.25s ease-in-out;
1378 -moz-transition: all 0.25s ease-in-out;
1381 padding-bottom: 5px;
1386 .wall-item-social:hover {
1387 filter: alpha(opacity=100);
1389 transition: all 0.25s ease-in-out;
1390 -webkit-transition: all 0.25s ease-in-out;
1391 -moz-transition: all 0.25s ease-in-out;
1394 .wall-item-outside-wrapper.comment .wall-item-tools {
1398 .wall-item-like-buttons {
1402 .wall-item-like-buttons a.icon {
1408 .wall-item-links-wrapper {
1413 .wall-item-delete-wrapper {
1418 .wall-item-links-wrapper a.icon {
1446 padding-right: 10px;
1451 .wall-item-body img {
1460 .wall-item-lock-wrapper {
1468 margin: 0px 0px 10px 0px;
1474 margin: 0px 0px 0px 100px;
1478 .wall-item-author a {
1488 .wall-item-wrapper-end {
1492 .wall-item-location {
1496 text-overflow: ellipsis;
1497 -o-text-overflow: ellipsis;
1500 .wall-item-location .icon {
1504 .wall-item-location > a {
1509 font-variant: small-caps;
1513 .wall-item-location .smalltext {
1519 .wall-item-location > br {
1539 .wallwall .wwto img {
1540 width: 30px!important;
1541 height: 30px!important;
1544 .wallwall .wall-item-photo-end {
1548 .wall-item-arrowphoto-wrapper {
1555 .wall-item-photo-menu {
1559 background: #eeeeee;
1560 border-right: 1px solid #dddddd;
1561 border-left: 1px solid #dddddd;
1562 border-bottom: 1px solid #dddddd;
1568 border-radius: 0px 5px 5px 5px;
1569 -webkit-border-radius: 0px 5px 5px 5px;
1570 -moz-border-radius: 0px 5px 5px 5px;
1571 box-shadow: 3px 3px 4px #959494;
1572 -moz-box-shadow: 3px 3px 4px #959494;
1573 -webkit-box-shadow: 3px 3px 4px #959494;
1577 .wall-item-photo-menu-button {
1578 border-right: 1px solid #dddddd;
1579 border-left: 1px solid #dddddd;
1580 border-bottom: 1px solid #dddddd;
1581 box-shadow: 3px 3px 4px #959494;
1582 -moz-box-shadow: 3px 3px 4px #959494;
1583 -webkit-box-shadow: 3px 3px 4px #959494;
1586 .fakelink wall-item-photo-menu-button {
1587 -webkit-border-radius: 0px 5px 5px 5px;
1588 -moz-border-radius: 0px 5px 5px 5px;
1589 border-radius: 0px 5px 5px 5px;
1590 box-shadow: 3px 3px 4px #959494;
1591 -moz-box-shadow: 3px 3px 4px #959494;
1592 -webkit-box-shadow: 3px 3px 4px #959494;
1595 .wall-item-photo-menu ul {
1601 .wall-item-photo-menu li a {
1602 white-space: nowrap;
1608 .wall-item-photo-menu li a:hover {
1610 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1611 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1612 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1613 background-color: #1873a2;
1614 /*order-bottom: none;*/
1622 #item-delete-selected-end,
1623 #item-delete-selected {
1630 #item-delete-selected-icon {}
1633 font-family: Courier, monospace;
1634 /*white-space: pre;*/
1637 border: 1px solid #444;
1645 background-color: #F4F8F9;
1646 border-left: 4px solid #DAE4EE;
1654 .ccollapse-wrapper {
1663 border: 0px solid #CDCDCD;
1664 border-radius: 5px 5px 5px 5px;
1665 margin-bottom: 20px;
1666 background-color: #E2E2E2;
1669 .collapsed-comments,
1671 .hide-comments-outer,
1672 .wall-item-outside-wrapper.comment {
1674 margin-bottom: 20px;
1677 .wall-item-outside-wrapper.comment .wall-item-photo {
1678 width: 40px!important;
1679 height: 40px!important;
1682 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1687 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1690 background-position: 35px center;
1693 .wall-item-outside-wrapper.comment .wall-item-info {
1697 .wall-item-outside-wrapper.comment .wall-item-body {
1700 padding-right: 10px;
1704 .wall-item-outside-wrapper.comment .wall-item-author {
1708 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1712 .icollapse-wrapper {
1717 .comment-wwedit-wrapper,
1718 .comment-edit-wrapper {
1719 margin: 0px 0px 5px 0px;
1722 .comment-wwedit-wrapper img,
1723 .comment-edit-wrapper img {
1729 .comment-edit-photo-link {
1734 .comment-edit-text-empty {
1738 transition: all 0.5s ease-in-out;
1739 -webkit-transition: all 0.5s ease-in-out;
1740 -moz-transition: all 0.5s ease-in-out;
1743 .comment-edit-text-empty:hover {
1747 .comment-edit-text-full {
1750 transition: all 0.5s ease-in-out;
1751 -webkit-transition: all 0.5s ease-in-out;
1752 -moz-transition: all 0.5s ease-in-out;
1755 .comment-edit-submit-wrapper {
1761 .comment-edit-submit {
1764 background-color: #a2a2a2;
1766 border: 1px solid #CDCDCD;
1767 border-radius: 5px 5px 5px 5px;
1770 .comment-edit-submit:hover {
1771 background-color: #1873a2;
1772 border: 1px solid #CDCDCD;
1773 border-radius: 5px 5px 5px 5px;
1774 box-shadow: 0 0 8px #BDBDBD;
1777 .comment-edit-submit:active {
1778 background-color: #1873a2;
1781 #item-delete-selected-desc {
1786 .wall-item-body code {
1787 font-family: Courier, monospace;
1788 /*white-space: pre;*/
1791 border: 1px solid #cccccc;
1792 border-width: 1px 1px 1px 3px;
1801 .advanced-profile-content {
1803 margin-bottom: 10px;
1808 .advanced-profile-label {
1811 padding-bottom: 5px;
1815 div[id$="wrapper"] {
1819 div[id$="wrapper"] br {
1823 #advanced-profile-with {
1827 #profile-listing-desc {
1830 padding: 5px 10px 5px 10px;
1832 margin-bottom: 20px;
1834 display: inline-block;
1839 #profile-listing-new-link-wrapper {
1845 padding: 5px 10px 5px 10px;
1850 .profile-listing-name {
1853 .profile-listing-name a {
1857 #profile-edit-links li {
1860 margin-bottom: 20px;
1862 background-color: #a2a2a2;
1864 padding: 5px 10px 5px 10px;
1867 border-radius: 5px 5px 5px 5px;
1868 -webkit-border-radius: 5px 5px 5px 5px;
1869 -moz-border-radius: 5px 5px 5px 5px;
1872 #profile-edit-links li a {
1876 #profile-edit-links li:hover {
1877 background-color: #1873a2;
1880 #profile-edit-links li:active {
1881 background-color: #1873a2;
1884 #profile-edit-links-end {
1886 margin-bottom: 15px;
1889 .profile-edit-side-div {
1897 #cropimage-wrapper {
1905 .profile-match-name a{
1910 .profile-match-name a:hover {
1914 .profile-match-wrapper {
1917 margin-bottom: 10px;
1919 background-color: #f6f6f6;
1920 border: 1px solid #dddddd;
1921 box-shadow: 3px 3px 4px #959494;
1922 -moz-box-shadow: 3px 3px 4px #959494;
1923 -webkit-box-shadow: 3px 3px 4px #959494;
1927 .profile-match-end {
1931 .profile-match-photo {
1945 #side-bar-photos-albums h3:before {
1946 content: url("photography.png");
1947 padding-right: 10px;
1948 vertical-align: middle;
1951 #side-bar-photos-albums li {
1961 margin-bottom: 20px;
1963 background-color: #a2a2a2;
1965 padding: 5px 10px 5px 10px;
1968 border-radius: 5px 5px 5px 5px;
1969 -webkit-border-radius: 5px 5px 5px 5px;
1970 -moz-border-radius: 5px 5px 5px 5px;
1973 #photo-top-links a {
1977 #photo-top-links:hover {
1978 background-color: #1873a2;
1981 #photo-top-links:active {
1982 background-color: #1873a2;
1985 .photo-album-image-wrapper {
1987 margin: 0px 10px 10px 0px;
1988 padding-bottom: 30px;
1992 .photo-top-image-wrapper {
1996 margin: 0px 10px 10px 0px;
1997 padding-bottom: 30px;
2001 #photo-album-wrapper-inner {
2018 .photo-top-image-wrapper a:hover,
2019 #photo-photo a:hover,
2020 .photo-album-image-wrapper a:hover {
2025 .photo-album-photo {}
2027 .photo-top-album-name {
2032 font-stretch: semi-expanded;
2035 .photo-top-album-name a {
2068 background-color: rgba(255,255,255,0.2);
2070 transition: all 0.2s ease-in-out;
2071 -webkit-transition: all 0.2s ease-in-out;
2072 -moz-transition: all 0.2s ease-in-out;
2073 background-position: center center;
2074 background-repeat: no-repeat;
2080 background-image: url('prev.png');
2086 background-image: url('next.png');
2090 #photo-next-link a {
2095 text-indent: -900000px;
2098 #photo-prev-link:hover,
2099 #photo-next-link:hover {
2101 transition: all 0.2s ease-in-out;
2102 -webkit-transition: all 0.2s ease-in-out;
2103 -moz-transition: all 0.2s ease-in-out;
2106 #photo-next-link .icon,
2107 #photo-prev-link .icon {
2111 #photos-upload-spacer,
2112 #photos-upload-new-wrapper,
2113 #photos-upload-exist-wrapper {
2117 #photos-upload-existing-album-text,
2118 #photos-upload-newalbum-div {
2119 background-color: #fff;
2127 #photos-upload-album-select,
2128 #photos-upload-newalbum {
2132 #photos-upload-perms-menu {
2137 #photos-upload-perms-menu .icon {
2142 border: 1px solid #b0b0b0;
2144 border-radius: 3px 3px 3px 3px;
2145 -webkit-border-radius: 3px 3px 3px 3px;
2146 -moz-border-radius: 3px 3px 3px 3px;
2151 select[size][multiple] {
2152 margin: 5px 0px 10px 0px;
2156 -webkit-appearance: menulist;
2157 box-sizing: border-box;
2158 -webkit-box-align: center;
2165 letter-spacing: normal;
2166 word-spacing: normal;
2168 text-transform: none;
2171 display: inline-block;
2172 text-align: -webkit-auto;
2179 letter-spacing: normal;
2180 word-spacing: normal;
2182 text-transform: none;
2185 display: inline-block;*/
2186 text-align: -webkit-auto;
2191 -moz-border-radius: 5px;
2192 -webkit-border-radius: 5px;
2197 margin-bottom: 20px;
2199 background-color: #a2a2a2;
2201 padding: 5px 10px 5px 10px;
2204 border-radius: 5px 5px 5px 5px;
2205 -webkit-border-radius: 5px 5px 5px 5px;
2206 -moz-border-radius: 5px 5px 5px 5px;
2209 #album-edit-link a {
2213 #album-edit-link:hover {
2214 background-color: #1873a2;
2217 #photo-edit-link-wrap {
2218 margin-bottom: 10px;
2227 input#photo_edit_form {
2232 #photo-edit-perms-menu {
2241 #photo-edit-perms-menu .icon {
2245 #photo-edit-delete-button {
2251 #photo-album-edit-wrapper {
2252 margin-bottom: 10px;
2266 background-color: #fff;
2267 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2268 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2269 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2272 #prvmail-wrapper:before,
2273 #prvmail-wrapper:after,
2274 .mail-conv-detail:before,
2275 .mail-conv-detail:after,
2276 .mail-list-detail:before,
2277 .mail-list-detail:after {
2284 background: transparent;
2285 transform: skew(-5deg) rotate(-5deg);
2286 -webkit-transform: skew(-5deg) rotate(-5deg);
2287 -moz-transform: skew(-5deg) rotate(-5deg);
2288 -ms-transform: skew(-5deg) rotate(-5deg);
2289 -o-transform: skew(-5deg) rotate(-5deg);
2290 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2291 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2292 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2296 #prvmail-wrapper:after,
2297 .mail-conv-detail:after,
2298 .mail-list-detail:after {
2301 transform: skew(5deg) rotate(5deg);
2302 -webkit-transform: skew(5deg) rotate(5deg);
2303 -moz-transform: skew(5deg) rotate(5deg);
2304 -ms-transform: skew(5deg) rotate(5deg);
2305 -o-transform: skew(5deg) rotate(5deg);
2321 #prvmail-subject .input {
2322 border: none !important;
2325 #prvmail-subject-label {}
2331 #prvmail-to-label {}
2333 #prvmail-message-label {
2337 #prvmail-submit-wrapper {
2351 #prvmail-submit-wrapper > div {
2356 .mail-list-outside-wrapper {
2363 background-color: #efefef;
2364 border: 1px solid #C5C5C5;
2365 border-radius: 3px 3px 3px 3px;
2366 box-shadow: 0 0 8px #BDBDBD;
2367 -moz-box-shadow: 3px 3px 4px #959494;
2368 -webkit-box-shadow: 3px 3px 4px #959494;
2377 border: 1px solid #dddddd;
2380 .mail-list-sender-name {
2391 font-stretch: ultra-condensed;
2394 .mail-list-subject {
2398 padding-right: 50px;
2401 .mail-list-subject a {
2405 .mail-list-delete-wrapper {
2409 .mail-list-outside-wrapper-end {
2413 .mail-conv-outside-wrapper {
2414 margin-bottom: 10px;
2420 margin: 0px 5px 5px 0px;
2423 .mail-conv-sender-photo {
2428 .mail-conv-sender-name {
2437 .mail-conv-subject {
2450 padding-bottom: 20px;
2453 vertical-align: middle;
2455 border: 1px solid #dddddd;
2462 .mail-conv-delete-wrapper {
2470 border: 1px solid #dddddd;
2473 /* ================= */
2474 /* = Notifications = */
2475 /* ================= */
2477 #notification-show-hide-wrapper {
2479 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2480 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2481 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2482 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2483 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2484 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2485 background-color: #bdbdbd;
2487 -moz-border-radius: 5px;
2488 -webkit-border-radius: 5px;
2489 padding: 5px 10px 5px 10px;
2497 #notification-show-hide-wrapper:hover {
2499 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2500 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2501 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2502 background-color: #1873a2;
2505 #notification-show-hide-wrapper:active {
2506 background-color: #1873a2;
2511 #notification-show-hide-wrapper a {
2520 margin-bottom: 10px;
2530 .view-contact-wrapper,
2531 .contact-entry-wrapper {
2534 margin-bottom: 20px;
2548 .contact-entry-direction-wrapper {
2553 .contact-entry-edit-links {
2558 #contacts-show-hide-link {
2559 margin-bottom: 20px;
2564 .contact-entry-name {
2574 .contact-entry-photo {
2578 .contact-entry-edit-links .icon {
2579 border: 1px solid #babdb6;
2581 -webkit-border-radius: 3px;
2582 -moz-border-radius: 3px;
2583 background-color: #ffffff;
2586 #contact-edit-banner-name {
2591 #contact-edit-update-now {
2596 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2597 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2598 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2599 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2600 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2601 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2602 background-color: #bdbdbd;
2604 -moz-border-radius: 5px;
2605 -webkit-border-radius: 5px;
2606 display: inline-block;
2608 text-decoration: none;
2612 #contact-edit-update-now:hover {
2613 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2614 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2616 background-color: #1873a2;
2619 #contact-edit-update-now:active {
2624 #contact-edit-update-now a {
2631 .contact-photo-menu-button {
2633 background-image: url("photo-menu.jpg");
2634 background-position: top left;
2635 background-repeat: no-repeat;
2636 margin: 0px; padding: 0px;
2639 top: 64px; left:0px;
2645 .contact-photo-menu {
2647 border: 1px solid #ddd;
2648 background: #f1f1f1;
2650 left: 0px; top: 90px;
2653 box-shadow: 3px 3px 5px #888;
2654 -moz-box-shadow: 3px 3px 5px #888;
2655 -webkit-box-shadow: 3px 3px 5px #888;
2658 .contact-photo-menu ul {
2664 .contact-photo-menu li a {
2671 .contact-photo-menu li a:hover {
2673 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2674 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2675 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2676 background-color: #1873a2;
2677 text-decoration: none;
2680 .view-contact-name {}
2683 background-color: #efefef;
2689 margin-bottom: 80px;
2692 #follow-sidebar h3:before {
2693 content: url("user.png");
2694 padding-right: 10px;
2695 vertical-align: middle;
2698 #follow-sidebar input[type="text"] {
2700 margin-bottom: 10px;
2703 #side-follow-submit {
2712 margin: auto 10px 20px;
2713 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2714 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2715 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2716 background-color: #bdbdbd;
2717 padding: 5px 10px 5px 10px;
2721 border: 1px solid #7C7D7B;
2722 border-radius: 5px 5px 5px 5px;
2725 #side-match-link:hover {
2727 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2728 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2729 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2730 background-color: #1873a2;
2731 border: 1px solid #7C7D7B;
2732 box-shadow: 0 0 8px #BDBDBD;
2733 border-radius: 5px 5px 5px 5px;
2736 #side-match-link:active {
2737 background-color: #1873a2;
2742 #side-match-link a {
2750 margin-bottom: 20px;
2751 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2752 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2753 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2754 background-color: #bdbdbd;
2755 padding: 5px 10px 5px 10px;
2759 border: 1px solid #7C7D7B;
2760 border-radius: 5px 5px 5px 5px;
2763 #side-invite-link:hover {
2765 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2766 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2767 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2768 background-color: #1873a2;
2769 border: 1px solid #7C7D7B;
2770 box-shadow: 0 0 8px #BDBDBD;
2771 border-radius: 5px 5px 5px 5px;
2775 #side-invite-link:active {
2776 background-color: #1873a2;
2781 #side-invite-link a {
2785 #side-suggest-link {
2789 margin-bottom: 20px;
2790 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2791 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2792 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2793 background-color: #bdbdbd;
2794 padding: 5px 10px 5px 10px;
2798 border: 1px solid #7C7D7B;
2799 border-radius: 5px 5px 5px 5px;
2802 #side-suggest-link:hover {
2804 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2805 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2806 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2807 background-color: #1873a2;
2808 border: 1px solid #7C7D7B;
2809 box-shadow: 0 0 8px #BDBDBD;
2810 border-radius: 5px 5px 5px 5px;
2813 #side-suggest-link:active {
2814 background-color: #1873a2;
2819 #side-suggest-link a {
2825 #invite-recipient-text {
2829 #side-follow-wrapper {
2832 font-stretch: semi-expanded;
2833 background-color: #f3f3f3;
2834 border: 1px solid #cdcdcd;
2837 border-radius: 5px 5px 5px 5px;
2838 -webkit-border-radius: 5px 5px 5px 5px;
2839 -moz-border-radius: 5px 5px 5px 5px;
2842 #side-follow-wrapper label{
2844 font-variant: normal;
2852 margin-bottom: 20px;
2853 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2854 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2855 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2856 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2857 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2858 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2859 background-color: #bdbdbd;
2861 -moz-border-radius: 5px;
2862 -webkit-border-radius: 5px;
2863 padding: 5px 10px 5px 10px;
2869 #contact-suggest:hover {
2871 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2872 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2873 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2874 background-color: #1873a2;
2877 #contact-suggest:active {
2878 background-color: #1873a2;
2883 #contact-suggest a {
2899 /* ===================================== */
2900 /* = Register, Settings, Profile Forms = */
2901 /* ===================================== */
2903 #id_openid_url, .openid input{
2904 background: url(login-bg.gif) no-repeat;
2905 background-position: 0 50%;
2907 width: 220px!important;
2913 #profile-tabs-wrapper {
2917 #profile-tab-status-link {
2919 padding: 5px 10px 5px 10px;
2927 #profile-tab-profile-link {
2929 padding: 5px 10px 5px 10px;
2934 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2935 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2936 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2937 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2938 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2939 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2940 background-color: #7c7d7b;
2942 -moz-border-radius: 5px;
2943 -webkit-border-radius: 5px;
2944 padding: 5px 10px 5px 10px;
2945 margin-bottom: 10px;
2948 #uexport-link:hover {
2950 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2951 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2952 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2953 background-color: #555753;
2956 #uexport-link:active {
2958 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2959 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2960 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2961 background-color: #1873a2;
2966 #settings-default-perms .fakelink {
2970 #settings-default-perms {
2974 padding: 5px 10px 5px 10px;
2975 margin-bottom: 10px;
2976 background-color: #BDBDBD;
2977 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2978 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2979 border: 1px solid #7C7D7B;
2980 border-radius: 5px 5px 5px 5px;
2983 #settings-default-perms:hover {
2985 background-color: #555753;
2986 border: 1px solid #7C7D7B;
2987 box-shadow: 0 0 8px #BDBDBD;
2988 border-radius: 5px 5px 5px 5px;
2991 #settings-default-perms:active {
2993 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2994 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2995 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2996 background-color: #1873a2;
3001 #settings-nickname-desc {
3003 background-color: #efefef;
3004 margin-bottom: 10px;
3006 -webkit-border-radius: 5px;
3007 -moz-border-radius: 5px;
3011 #register-form div {
3015 #profile-edit-form div {
3019 #profile-edit-form div[id$='desc'] {
3024 #register-form label,
3025 #profile-edit-form label {
3028 margin-right: 155px;
3031 /* #register-form span,
3032 #profile-edit-form span { */
3033 #register-form span {
3036 margin-bottom: 20px;
3039 .settings-submit-wrapper,
3040 .profile-edit-submit-wrapper {
3047 margin: 20px 20px 0px 0px;
3051 #register-sitename {
3056 #register-submit-button {
3060 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3066 #register-name, #register-email, #register-nickname {
3078 #register-fill-ext {
3079 margin-bottom: 25px;
3082 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3086 #register-nickname-desc {
3091 /* ===================== */
3092 /* = Contacts Selector = */
3093 /* ===================== */
3095 #group-edit-wrapper {
3096 margin-bottom: 10px;
3099 #group-edit-name-wrapper {
3103 #group-edit-submit-wrapper {
3104 margin-bottom: 10px;
3105 margin-right: 400px;
3110 .group-delete-wrapper {
3114 margin-bottom: 10px;
3115 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3116 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3117 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3118 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3119 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3120 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3121 background-color: #bdbdbd;
3123 -moz-border-radius: 5px;
3124 -webkit-border-radius: 5px;
3127 .group-delete-wrapper:hover {
3128 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3129 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3130 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3131 background-color: #1873a2;
3134 .group-delete-wrapper:active {
3135 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3136 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3137 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3138 background-color: #1873a2;
3141 .group-delete-wrapper a {
3160 background-color: #f0edf0;
3162 border: 1px solid #ccc;
3163 margin-bottom: 10px;
3167 #group-all-contacts,
3168 #prof-all-contacts {
3172 border: 1px solid #ccc;
3173 background-color: #f0edf0;
3178 #group-all-contacts h3,
3180 #prof-all-contacts h3{
3214 margin-bottom: 10px;
3215 background-color: #fff;
3216 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3217 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3218 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3229 background: transparent;
3230 transform: skew(-5deg) rotate(-5deg);
3231 -webkit-transform: skew(-5deg) rotate(-5deg);
3232 -moz-transform: skew(-5deg) rotate(-5deg);
3233 -ms-transform: skew(-5deg) rotate(-5deg);
3234 -o-transform: skew(-5deg) rotate(-5deg);
3235 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3236 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3237 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3244 transform: skew(5deg) rotate(5deg);
3245 -webkit-transform: skew(5deg) rotate(5deg);
3246 -moz-transform: skew(5deg) rotate(5deg);
3247 -ms-transform: skew(5deg) rotate(5deg);
3248 -o-transform: skew(5deg) rotate(5deg);
3251 .vevent .event-description {
3256 font-weight: bolder;
3259 .vevent .event-location {
3263 font-style: oblique;
3267 .vevent .event-start,
3268 .vevent .event-end {
3280 margin-bottom: 10px;
3282 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3283 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3284 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3285 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3286 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3287 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3288 background-color: #bdbdbd;
3290 -moz-border-radius: 5px;
3291 -webkit-border-radius: 5px;
3295 #new-event-link:hover {
3297 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3298 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3299 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3300 background-color: #1873a2;
3303 #new-event-link:active {
3304 background-color: #1873a2;
3314 .edit-event-link, .plink-event-link {
3318 margin-bottom: 15px;
3321 .event-description:before {
3322 content: url('calendar.png');
3324 vertical-align: middle;
3333 .event-start .dtstart,
3340 margin-bottom: 10px;
3341 font-stretch: condensed;
3352 .event-calendar-end {
3358 font-family: Helvetica, Arial, sans-serif;
3359 background-color: #f1f1f1;
3360 border: 1px solid #dedede;
3361 margin-bottom: 10px;
3362 box-shadow: 5px 5px 8px #959494;
3363 -moz-box-shadow: 5px 5px 8px #959494;
3364 -webkit-box-shadow: 5px 5px 8px #959494;
3368 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3369 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3370 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3371 background-color: #1873a2;
3372 padding: 10px 0px 10px 0px;
3377 box-shadow: 5px 2px 8px #959494;
3378 -moz-box-shadow: 5px 2px 8px #959494;
3379 -webkit-box-shadow: 5px 2px 8px #959494;
3383 border: 1px solid #eeeeee;
3393 background-color: #cdcdcd;
3405 background-color: #1873a2;
3410 #event-finish-text {
3415 #event-nofinish-checkbox,
3416 #event-nofinish-text,
3417 #event-adjust-checkbox,
3419 #event-share-checkbox {
3423 #event-datetime-break {
3424 margin-bottom: 10px;
3427 #event-nofinish-break,
3428 #event-adjust-break,
3429 #event-share-break {
3434 #event-location-text {
3449 margin: 50px 50px 0px 0px;
3452 .directory-details {
3474 background-color: #FF0000;
3479 border: 0px; padding: 0px;
3483 list-style-position: inside;
3493 padding-bottom: 2px;
3494 border-bottom: 1px solid black;
3507 border-bottom: 1px solid #898989;
3512 #adminpage .submit {
3522 #adminpage .plugin {
3525 border: 1px solid #888888;
3531 #adminpage .toggleplugin {
3538 border-bottom: 1p solid #000000;
3542 #adminpage table th {
3546 #adminpage td .icon {
3550 #adminpage table#users img {
3555 #adminpage table tr:hover {
3556 background-color: #eeeeee;
3559 #adminpage .selectall {
3563 /* =============== */
3564 /* = Form Fields = */
3565 /* =============== */
3584 border: 1px solid #CDCDCD;
3585 border-radius: 5px 5px 5px 5px;
3609 border: 1px solid #c1c1c1;
3610 background-image: url("../../../images/onoff.jpg");
3611 background-repeat: no-repeat;
3612 padding: 4px 2px 2px 2px;
3614 text-decoration: none;
3616 .field .onoff .off {
3617 border-color: #c1c1c1;
3619 background-position: left center;
3620 background-color: #cccccc;
3626 border-color: #c1c1c1;
3627 padding-right: 40px;
3628 background-position: right center;
3629 background-color: #1873a2;
3635 display: none!important;
3638 .field .radio .field_help {
3647 cursor: url('lock.cur'), pointer;
3656 background-image: url("icons.png");
3659 background-image: url("star.png");
3663 background-image: url("premium.png");
3668 background-image: url("notifications.png");
3673 border: 1px solid #c1c1c1;
3675 -webkit-border-radius: 3px;
3676 -moz-border-radius: 3px;
3679 .article { background-position: -50px 0px;}
3680 .audio { background-position: -70px 0px;}
3681 .block { background-position: -90px 0px;}
3682 .drop { background-position: -110px 0px;}
3683 .drophide { background-position: -130px 0px;}
3684 .edit { background-position: -150px 0px;}
3685 .camera { background-position: -170px 0px;}
3686 .dislike { background-position: -190px 0px;}
3687 .like { background-position: -210px 0px;}
3688 .link { background-position: -230px 0px;}
3689 .globe { background-position: -50px -20px;}
3690 .noglobe { background-position: -70px -20px;}
3691 .no { background-position: -90px -20px;}
3692 .pause { background-position: -110px -20px;}
3693 .play { background-position: -130px -20px;}
3694 .pencil { background-position: -150px -20px; margin-right: 12px;}
3695 .small-pencil { background-position: -170px -20px;}
3696 .recycle { background-position: -190px -20px;}
3697 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3698 .share { background-position: -230px -20px;}
3699 .tools { background-position: -50px -40px;}
3700 .lock { background-position: -70px -40px;}
3702 background-position: -90px -40px;
3703 background-image: none;
3709 background-image: url("icons.png");
3712 margin: 2px 0px 2px 3px;
3716 .video { background-position: -110px -40px;}
3717 .youtube { background-position: -130px -40px;}
3718 .attach { background-position: -190px -40px;}
3719 .language { background-position: -210px -40px;}
3720 .on { background-position: -50px -60px;}
3721 .off { background-position: -70px -60px;}
3722 .prev { background-position: -90px -60px;}
3723 .next { background-position: -110px -60px;}
3724 .tagged { background-position: -130px -60px; margin-right: 10px;}
3725 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3728 display: block; width: 20px; height: 23px;
3729 background-image: url("../../../images/content-types.png");
3732 .type-video { background-position: 0px 0px; }
3733 .type-image { background-position: -20px 0px; }
3734 .type-audio { background-position: -40px 0px; }
3735 .type-text { background-position: -60px 0px; }
3736 .type-unkn { background-position: -80px 0px; }
3758 #photo-edit-perms-select,
3759 #photos-upload-permissions-wrapper,
3760 #profile-jot-acl-wrapper{
3761 display: block!important;
3770 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3771 padding-right: 20px;
3782 background-color: #cccccc;
3783 background-position: 7px 7px;
3784 background-repeat: no-repeat;
3787 -webkit-border-radius: 5px ;
3788 -moz-border-radius: 5px;
3792 #acl-showall.selected {
3794 background-color: #1873a2;
3799 border: 1px solid #cccccc;
3800 background-color: #efefef;
3813 border: 1px solid #cccccc;
3814 background-color: #fff;
3817 box-shadow: 2px 2px 3px #c1c1c1;
3818 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3819 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3833 padding: 2px 0px 1px;
3842 background-color: #898989;
3843 background-position: 3px 3px;
3844 background-repeat: no-repeat;
3845 margin: 10px 0 0 5px;
3847 -webkit-border-radius: 2px ;
3848 -moz-border-radius: 2px;
3852 #acl-wrapper a:hover {
3853 text-decoration: none;
3854 background-color:#1873a2;
3857 .acl-button-show.selected {
3859 background-color: #1873a2;
3862 .acl-button-hide.selected {
3864 background-color: #a2a2a2;
3867 .acl-list-item.groupshow { border-color: #1873a2; }
3868 .acl-list-item.grouphide { border-color: #a2a2a2; }
3870 /* ========================= */
3871 /* = Global Directory Link = */
3872 /* ========================= */
3874 #global-directory-link {
3877 margin-bottom: 10px;
3878 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3879 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3880 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3881 background-color: #bdbdbd;
3884 -webkit-padding-start: 0px;
3885 border: 1px solid #7C7D7B;
3886 border-radius: 5px 5px 5px 5px;
3889 #global-directory-link:hover {
3891 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3892 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3893 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3894 background-color: #1873a2;
3895 border: 1px solid #7C7D7B;
3896 box-shadow: 0 0 8px #BDBDBD;
3897 border-radius: 5px 5px 5px 5px;
3900 #global-directory-link:active {
3901 background-color: #1873a2;
3906 #global-directory-link a {
3911 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3912 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3913 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3914 background-color: #1873a2;
3916 padding: 5px 10px 5px 10px;
3920 /* notifications popup menu */
3944 #nav-notifications-menu {
3948 overflow-style: scrollbar;
3949 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3950 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3951 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3952 background-color: #a2a2a2;
3953 border-radius: 0px 0px 5px 5px;
3954 -moz-border-radius: 0px 0px 5px 5px;
3955 -webkit-border-radius: 0px 0px 5px 5px;
3956 border: 1px solid #9A9A9A;
3958 box-shadow: 5px 5px 10px #242424;
3959 -moz-box-shadow: 5px 5px 10px #242424;
3960 -webkit-box-shadow: 5px 5px 10px #242424;
3963 #nav-notifications-menu .contactname {
3968 #nav-notifications-menu img {
3973 #nav-notifications-menu .notif-when {
3978 #nav-notifications-menu li {
3979 padding: 7px 0px 7px 10px;
3981 border-bottom: 1px solid #626262;
3984 #nav-notifications-menu li:hover {
3985 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3986 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3987 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3988 background-color: #1873a2;
3991 #nav-notifications-menu a:hover {
3992 text-decoration: underline;
3996 vertical-align: middle;
3998 padding-bottom: 7px;
4001 .notif-item a:hover {
4008 padding: 7px 7px 0px 0px;
4015 /* autocomplete popup */
4022 background: #eeeeee;
4023 border-right: 1px solid #dddddd;
4024 border-left: 1px solid #dddddd;
4025 border-bottom: 1px solid #dddddd;
4026 border-radius: 0px 5px 5px 5px;
4027 -webkit-border-radius: 0px 5px 5px 5px;
4028 -moz-border-radius: 0px 5px 5px 5px;
4029 box-shadow: 3px 3px 4px #959494;
4030 -moz-box-shadow: 3px 3px 4px #959494;
4031 -webkit-box-shadow: 3px 3px 4px #959494;
4044 .acpopupitem.selected {
4046 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4047 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4048 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4049 background-color: #1873a2;
4055 filter: alpha(opacity=0);
4060 filter: alpha(opacity=100);
4064 background: #000000;
4067 /* Pages profile widget
4068 ----------------------------------------------------------- */
4070 #profile-page-list {
4074 #page-profile .title {
4078 #profile-vcard-break {
4082 #profile-extra-links {
4087 #profile-extra-links ul {
4088 list-style-type: none;
4093 #profile-extra-links li {
4097 .profile-edit-side-div {
4101 .profile-edit-side-link {
4103 filter:alpha(opacity=30);
4105 .profile-edit-side-link:hover {
4107 filter:alpha(opacity=100);
4111 ----------------------------------------------------------- */
4120 text-decoration: none;
4124 /* New posts and comments => background color
4125 ----------------------------------------------------------- */
4127 background: #fbfde9;
4130 div.wall-item-content-wrapper.shiny {
4131 background-image: url("shiny.png");
4132 background-repeat: repeat-x;
4138 #profile-nolocation,
4146 #profile-upload-wrapper,
4147 #wall-image-upload-div,
4148 #wall-file-upload-div,
4154 background: url("dot.png") repeat-x scroll left center transparent;
4155 border: medium none;
4158 .body-tag, .filesavetags, .categorytags {
4160 filter:alpha(opacity=50);
4163 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
4164 opacity: 1.0 !important;
4165 filter:alpha(opacity=100) !important;
4170 filter:alpha(opacity=10);
4175 .item-select:hover, .checkeditem {
4177 filter:alpha(opacity=100);
4181 display: block; width: 16px; height: 16px;
4182 background-image: url('file.gif');
4185 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4186 [class^="comment-edit-bb"] {
4189 margin: 0px 0 -5px 0px;
4202 .location, .location-label, .gender-label, .marital-label, .homepage-label {
4208 .adr, .x-gender, .marital-text, .homepage-url {
4215 #nav-notifications-template {}
4216 #categories-sidebar {}
4234 .fc-border-separate,