5 Created by alex@friendica.pixelbits.de on 2012-10-19
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;
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 {
1325 .wall-item-photo-menu {
1329 .wall-item-photo-menu-button {
1331 text-indent: -99999px;
1332 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1339 border-radius: 0px 0px 5px 5px;
1340 -webkit-border-radius: 0px 0px 5px 5px;
1341 -moz-border-radius: 0px 0px 5px 5px;
1349 .wall-item-photo-wrapper {
1356 filter: alpha(opacity=60);
1358 transition: all 0.25s ease-in-out;
1359 -webkit-transition: all 0.25s ease-in-out;
1360 -moz-transition: all 0.25s ease-in-out;
1362 padding-bottom: 5px;
1367 .wall-item-tools:hover {
1368 filter: alpha(opacity=100);
1370 transition: all 0.25s ease-in-out;
1371 -webkit-transition: all 0.25s ease-in-out;
1372 -moz-transition: all 0.25s ease-in-out;
1376 filter: alpha(opacity=60);
1378 transition: all 0.25s ease-in-out;
1379 -webkit-transition: all 0.25s ease-in-out;
1380 -moz-transition: all 0.25s ease-in-out;
1383 padding-bottom: 5px;
1388 .wall-item-social:hover {
1389 filter: alpha(opacity=100);
1391 transition: all 0.25s ease-in-out;
1392 -webkit-transition: all 0.25s ease-in-out;
1393 -moz-transition: all 0.25s ease-in-out;
1396 .wall-item-outside-wrapper.comment .wall-item-tools {
1400 .wall-item-like-buttons {
1404 .wall-item-like-buttons a.icon {
1410 .wall-item-links-wrapper {
1415 .wall-item-delete-wrapper {
1420 .wall-item-links-wrapper a.icon {
1448 padding-right: 10px;
1453 .wall-item-body img {
1462 .wall-item-lock-wrapper {
1470 margin: 0px 0px 10px 0px;
1476 margin: 0px 0px 0px 100px;
1480 .wall-item-author a {
1490 .wall-item-wrapper-end {
1494 .wall-item-location {
1498 text-overflow: ellipsis;
1499 -o-text-overflow: ellipsis;
1502 .wall-item-location .icon {
1506 .wall-item-location > a {
1511 font-variant: small-caps;
1515 .wall-item-location .smalltext {
1521 .wall-item-location > br {
1541 .wallwall .wwto img {
1542 width: 30px!important;
1543 height: 30px!important;
1546 .wallwall .wall-item-photo-end {
1550 .wall-item-arrowphoto-wrapper {
1557 .wall-item-photo-menu {
1561 background: #eeeeee;
1562 border-right: 1px solid #dddddd;
1563 border-left: 1px solid #dddddd;
1564 border-bottom: 1px solid #dddddd;
1570 border-radius: 0px 5px 5px 5px;
1571 -webkit-border-radius: 0px 5px 5px 5px;
1572 -moz-border-radius: 0px 5px 5px 5px;
1573 box-shadow: 3px 3px 4px #959494;
1574 -moz-box-shadow: 3px 3px 4px #959494;
1575 -webkit-box-shadow: 3px 3px 4px #959494;
1579 .wall-item-photo-menu-button {
1580 border-right: 1px solid #dddddd;
1581 border-left: 1px solid #dddddd;
1582 border-bottom: 1px solid #dddddd;
1583 box-shadow: 3px 3px 4px #959494;
1584 -moz-box-shadow: 3px 3px 4px #959494;
1585 -webkit-box-shadow: 3px 3px 4px #959494;
1588 .fakelink wall-item-photo-menu-button {
1589 -webkit-border-radius: 0px 5px 5px 5px;
1590 -moz-border-radius: 0px 5px 5px 5px;
1591 border-radius: 0px 5px 5px 5px;
1592 box-shadow: 3px 3px 4px #959494;
1593 -moz-box-shadow: 3px 3px 4px #959494;
1594 -webkit-box-shadow: 3px 3px 4px #959494;
1597 .wall-item-photo-menu ul {
1603 .wall-item-photo-menu li a {
1604 white-space: nowrap;
1610 .wall-item-photo-menu li a:hover {
1612 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1613 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1614 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1615 background-color: #1873a2;
1616 /*order-bottom: none;*/
1624 #item-delete-selected-end,
1625 #item-delete-selected {
1632 #item-delete-selected-icon {}
1635 font-family: Courier, monospace;
1636 /*white-space: pre;*/
1639 border: 1px solid #444;
1647 background-color: #F4F8F9;
1648 border-left: 4px solid #DAE4EE;
1656 .ccollapse-wrapper {
1665 border: 0px solid #CDCDCD;
1666 border-radius: 5px 5px 5px 5px;
1667 margin-bottom: 20px;
1668 background-color: #E2E2E2;
1671 .collapsed-comments,
1673 .hide-comments-outer,
1674 .wall-item-outside-wrapper.comment {
1676 margin-bottom: 20px;
1679 .wall-item-outside-wrapper.comment .wall-item-photo {
1680 width: 40px!important;
1681 height: 40px!important;
1684 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1689 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1692 background-position: 35px center;
1695 .wall-item-outside-wrapper.comment .wall-item-info {
1699 .wall-item-outside-wrapper.comment .wall-item-body {
1702 padding-right: 10px;
1706 .wall-item-outside-wrapper.comment .wall-item-author {
1710 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1714 .icollapse-wrapper {
1719 .comment-wwedit-wrapper,
1720 .comment-edit-wrapper {
1721 margin: 0px 0px 5px 0px;
1724 .comment-wwedit-wrapper img,
1725 .comment-edit-wrapper img {
1731 .comment-edit-photo-link {
1736 .comment-edit-text-empty {
1737 width: 672px; /*80%*/
1740 transition: all 0.5s ease-in-out;
1741 -webkit-transition: all 0.5s ease-in-out;
1742 -moz-transition: all 0.5s ease-in-out;
1745 .comment-edit-text-empty:hover {
1749 .comment-edit-text-full {
1752 transition: all 0.5s ease-in-out;
1753 -webkit-transition: all 0.5s ease-in-out;
1754 -moz-transition: all 0.5s ease-in-out;
1757 .comment-edit-submit-wrapper {
1763 .comment-edit-submit {
1766 background-color: #a2a2a2;
1768 border: 1px solid #CDCDCD;
1769 border-radius: 5px 5px 5px 5px;
1772 .comment-edit-submit:hover {
1773 background-color: #1873a2;
1774 border: 1px solid #CDCDCD;
1775 border-radius: 5px 5px 5px 5px;
1776 box-shadow: 0 0 8px #BDBDBD;
1779 .comment-edit-submit:active {
1780 background-color: #1873a2;
1783 #item-delete-selected-desc {
1788 .wall-item-body code {
1789 font-family: Courier, monospace;
1790 /*white-space: pre;*/
1793 border: 1px solid #cccccc;
1794 border-width: 1px 1px 1px 3px;
1803 .advanced-profile-content {
1805 margin-bottom: 10px;
1810 .advanced-profile-label {
1813 padding-bottom: 5px;
1817 div[id$="wrapper"] {
1821 div[id$="wrapper"] br {
1825 #advanced-profile-with {
1829 #profile-listing-desc {
1832 padding: 5px 10px 5px 10px;
1834 margin-bottom: 20px;
1836 display: inline-block;
1841 #profile-listing-new-link-wrapper {
1847 padding: 5px 10px 5px 10px;
1852 .profile-listing-name {
1855 .profile-listing-name a {
1859 #profile-edit-links li {
1862 margin-bottom: 20px;
1864 background-color: #a2a2a2;
1866 padding: 5px 10px 5px 10px;
1869 border-radius: 5px 5px 5px 5px;
1870 -webkit-border-radius: 5px 5px 5px 5px;
1871 -moz-border-radius: 5px 5px 5px 5px;
1874 #profile-edit-links li a {
1878 #profile-edit-links li:hover {
1879 background-color: #1873a2;
1882 #profile-edit-links li:active {
1883 background-color: #1873a2;
1886 #profile-edit-links-end {
1888 margin-bottom: 15px;
1891 .profile-edit-side-div {
1899 #cropimage-wrapper {
1907 .profile-match-name a{
1912 .profile-match-name a:hover {
1916 .profile-match-wrapper {
1919 margin-bottom: 10px;
1921 background-color: #f6f6f6;
1922 border: 1px solid #dddddd;
1923 box-shadow: 3px 3px 4px #959494;
1924 -moz-box-shadow: 3px 3px 4px #959494;
1925 -webkit-box-shadow: 3px 3px 4px #959494;
1929 .profile-match-end {
1933 .profile-match-photo {
1947 #side-bar-photos-albums h3:before {
1948 content: url("photography.png");
1949 padding-right: 10px;
1950 vertical-align: middle;
1953 #side-bar-photos-albums li {
1963 margin-bottom: 20px;
1965 background-color: #a2a2a2;
1967 padding: 5px 10px 5px 10px;
1970 border-radius: 5px 5px 5px 5px;
1971 -webkit-border-radius: 5px 5px 5px 5px;
1972 -moz-border-radius: 5px 5px 5px 5px;
1975 #photo-top-links a {
1979 #photo-top-links:hover {
1980 background-color: #1873a2;
1983 #photo-top-links:active {
1984 background-color: #1873a2;
1987 .photo-album-image-wrapper {
1989 margin: 0px 10px 10px 0px;
1990 padding-bottom: 30px;
1994 .photo-top-image-wrapper {
1998 margin: 0px 10px 10px 0px;
1999 padding-bottom: 30px;
2003 #photo-album-wrapper-inner {
2020 .photo-top-image-wrapper a:hover,
2021 #photo-photo a:hover,
2022 .photo-album-image-wrapper a:hover {
2027 .photo-album-photo {}
2029 .photo-top-album-name {
2034 font-stretch: semi-expanded;
2037 .photo-top-album-name a {
2070 background-color: rgba(255,255,255,0.2);
2072 transition: all 0.2s ease-in-out;
2073 -webkit-transition: all 0.2s ease-in-out;
2074 -moz-transition: all 0.2s ease-in-out;
2075 background-position: center center;
2076 background-repeat: no-repeat;
2082 background-image: url('prev.png');
2088 background-image: url('next.png');
2092 #photo-next-link a {
2097 text-indent: -900000px;
2100 #photo-prev-link:hover,
2101 #photo-next-link:hover {
2103 transition: all 0.2s ease-in-out;
2104 -webkit-transition: all 0.2s ease-in-out;
2105 -moz-transition: all 0.2s ease-in-out;
2108 #photo-next-link .icon,
2109 #photo-prev-link .icon {
2113 #photos-upload-spacer,
2114 #photos-upload-new-wrapper,
2115 #photos-upload-exist-wrapper {
2119 #photos-upload-existing-album-text,
2120 #photos-upload-newalbum-div {
2121 background-color: #fff;
2129 #photos-upload-album-select,
2130 #photos-upload-newalbum {
2134 #photos-upload-perms-menu {
2139 #photos-upload-perms-menu .icon {
2144 border: 1px solid #b0b0b0;
2146 border-radius: 3px 3px 3px 3px;
2147 -webkit-border-radius: 3px 3px 3px 3px;
2148 -moz-border-radius: 3px 3px 3px 3px;
2153 select[size][multiple] {
2154 margin: 5px 0px 10px 0px;
2158 -webkit-appearance: menulist;
2159 box-sizing: border-box;
2160 -webkit-box-align: center;
2167 letter-spacing: normal;
2168 word-spacing: normal;
2170 text-transform: none;
2173 display: inline-block;
2174 text-align: -webkit-auto;
2181 letter-spacing: normal;
2182 word-spacing: normal;
2184 text-transform: none;
2187 display: inline-block;*/
2188 text-align: -webkit-auto;
2193 -moz-border-radius: 5px;
2194 -webkit-border-radius: 5px;
2199 margin-bottom: 20px;
2201 background-color: #a2a2a2;
2203 padding: 5px 10px 5px 10px;
2206 border-radius: 5px 5px 5px 5px;
2207 -webkit-border-radius: 5px 5px 5px 5px;
2208 -moz-border-radius: 5px 5px 5px 5px;
2211 #album-edit-link a {
2215 #album-edit-link:hover {
2216 background-color: #1873a2;
2219 #photo-edit-link-wrap {
2220 margin-bottom: 10px;
2229 input#photo_edit_form {
2234 #photo-edit-perms-menu {
2243 #photo-edit-perms-menu .icon {
2247 #photo-edit-delete-button {
2253 #photo-album-edit-wrapper {
2254 margin-bottom: 10px;
2268 background-color: #fff;
2269 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2270 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2271 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2274 #prvmail-wrapper:before,
2275 #prvmail-wrapper:after,
2276 .mail-conv-detail:before,
2277 .mail-conv-detail:after,
2278 .mail-list-detail:before,
2279 .mail-list-detail:after {
2286 background: transparent;
2287 transform: skew(-5deg) rotate(-5deg);
2288 -webkit-transform: skew(-5deg) rotate(-5deg);
2289 -moz-transform: skew(-5deg) rotate(-5deg);
2290 -ms-transform: skew(-5deg) rotate(-5deg);
2291 -o-transform: skew(-5deg) rotate(-5deg);
2292 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2293 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2294 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2298 #prvmail-wrapper:after,
2299 .mail-conv-detail:after,
2300 .mail-list-detail:after {
2303 transform: skew(5deg) rotate(5deg);
2304 -webkit-transform: skew(5deg) rotate(5deg);
2305 -moz-transform: skew(5deg) rotate(5deg);
2306 -ms-transform: skew(5deg) rotate(5deg);
2307 -o-transform: skew(5deg) rotate(5deg);
2323 #prvmail-subject .input {
2324 border: none !important;
2327 #prvmail-subject-label {}
2333 #prvmail-to-label {}
2335 #prvmail-message-label {
2339 #prvmail-submit-wrapper {
2353 #prvmail-submit-wrapper > div {
2358 .mail-list-outside-wrapper {
2365 background-color: #efefef;
2366 border: 1px solid #C5C5C5;
2367 border-radius: 3px 3px 3px 3px;
2368 box-shadow: 0 0 8px #BDBDBD;
2369 -moz-box-shadow: 3px 3px 4px #959494;
2370 -webkit-box-shadow: 3px 3px 4px #959494;
2379 border: 1px solid #dddddd;
2382 .mail-list-sender-name {
2393 font-stretch: ultra-condensed;
2396 .mail-list-subject {
2400 padding-right: 50px;
2403 .mail-list-subject a {
2407 .mail-list-delete-wrapper {
2411 .mail-list-outside-wrapper-end {
2415 .mail-conv-outside-wrapper {
2416 margin-bottom: 10px;
2422 margin: 0px 5px 5px 0px;
2425 .mail-conv-sender-photo {
2430 .mail-conv-sender-name {
2439 .mail-conv-subject {
2452 padding-bottom: 20px;
2455 vertical-align: middle;
2457 border: 1px solid #dddddd;
2464 .mail-conv-delete-wrapper {
2472 border: 1px solid #dddddd;
2475 /* ================= */
2476 /* = Notifications = */
2477 /* ================= */
2479 #notification-show-hide-wrapper {
2481 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2482 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2483 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2484 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2485 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2486 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2487 background-color: #bdbdbd;
2489 -moz-border-radius: 5px;
2490 -webkit-border-radius: 5px;
2491 padding: 5px 10px 5px 10px;
2499 #notification-show-hide-wrapper:hover {
2501 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2502 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2503 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2504 background-color: #1873a2;
2507 #notification-show-hide-wrapper:active {
2508 background-color: #1873a2;
2513 #notification-show-hide-wrapper a {
2522 margin-bottom: 10px;
2532 .view-contact-wrapper,
2533 .contact-entry-wrapper {
2536 margin-bottom: 20px;
2550 .contact-entry-direction-wrapper {
2555 .contact-entry-edit-links {
2560 #contacts-show-hide-link {
2561 margin-bottom: 20px;
2566 .contact-entry-name {
2576 .contact-entry-photo {
2580 .contact-entry-edit-links .icon {
2581 border: 1px solid #babdb6;
2583 -webkit-border-radius: 3px;
2584 -moz-border-radius: 3px;
2585 background-color: #ffffff;
2588 #contact-edit-banner-name {
2593 #contact-edit-update-now {
2598 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2599 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2600 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2601 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2602 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2603 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2604 background-color: #bdbdbd;
2606 -moz-border-radius: 5px;
2607 -webkit-border-radius: 5px;
2608 display: inline-block;
2610 text-decoration: none;
2614 #contact-edit-update-now:hover {
2615 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2616 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2617 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2618 background-color: #1873a2;
2621 #contact-edit-update-now:active {
2626 #contact-edit-update-now a {
2633 .contact-photo-menu-button {
2635 background-image: url("photo-menu.jpg");
2636 background-position: top left;
2637 background-repeat: no-repeat;
2638 margin: 10px 0 0 0; padding: 0px;
2641 top: 64px; left:0px;
2647 .contact-photo-menu {
2649 border: 1px solid #ddd;
2650 background: #f1f1f1;
2652 left: 0px; top: 90px;
2655 box-shadow: 3px 3px 5px #888;
2656 -moz-box-shadow: 3px 3px 5px #888;
2657 -webkit-box-shadow: 3px 3px 5px #888;
2660 .contact-photo-menu ul {
2666 .contact-photo-menu li a {
2673 .contact-photo-menu li a:hover {
2675 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2676 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2677 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2678 background-color: #1873a2;
2679 text-decoration: none;
2682 .view-contact-name {}
2685 background-color: #efefef;
2691 margin-bottom: 80px;
2694 #follow-sidebar h3:before {
2695 content: url("user.png");
2696 padding-right: 10px;
2697 vertical-align: middle;
2700 #follow-sidebar input[type="text"] {
2702 margin-bottom: 10px;
2705 #side-follow-submit {
2714 margin: auto 10px 20px;
2715 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2716 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2717 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2718 background-color: #bdbdbd;
2719 padding: 5px 10px 5px 10px;
2723 border: 1px solid #7C7D7B;
2724 border-radius: 5px 5px 5px 5px;
2727 #side-match-link:hover {
2729 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2730 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2731 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2732 background-color: #1873a2;
2733 border: 1px solid #7C7D7B;
2734 box-shadow: 0 0 8px #BDBDBD;
2735 border-radius: 5px 5px 5px 5px;
2738 #side-match-link:active {
2739 background-color: #1873a2;
2744 #side-match-link a {
2752 margin-bottom: 20px;
2753 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2754 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2755 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2756 background-color: #bdbdbd;
2757 padding: 5px 10px 5px 10px;
2761 border: 1px solid #7C7D7B;
2762 border-radius: 5px 5px 5px 5px;
2765 #side-invite-link:hover {
2767 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2768 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2769 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2770 background-color: #1873a2;
2771 border: 1px solid #7C7D7B;
2772 box-shadow: 0 0 8px #BDBDBD;
2773 border-radius: 5px 5px 5px 5px;
2777 #side-invite-link:active {
2778 background-color: #1873a2;
2783 #side-invite-link a {
2787 #side-suggest-link {
2791 margin-bottom: 20px;
2792 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2793 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2794 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2795 background-color: #bdbdbd;
2796 padding: 5px 10px 5px 10px;
2800 border: 1px solid #7C7D7B;
2801 border-radius: 5px 5px 5px 5px;
2804 #side-suggest-link:hover {
2806 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2807 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2808 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2809 background-color: #1873a2;
2810 border: 1px solid #7C7D7B;
2811 box-shadow: 0 0 8px #BDBDBD;
2812 border-radius: 5px 5px 5px 5px;
2815 #side-suggest-link:active {
2816 background-color: #1873a2;
2821 #side-suggest-link a {
2827 #invite-recipient-text {
2831 #side-follow-wrapper {
2834 font-stretch: semi-expanded;
2835 background-color: #f3f3f3;
2836 border: 1px solid #cdcdcd;
2839 border-radius: 5px 5px 5px 5px;
2840 -webkit-border-radius: 5px 5px 5px 5px;
2841 -moz-border-radius: 5px 5px 5px 5px;
2844 #side-follow-wrapper label{
2846 font-variant: normal;
2854 margin-bottom: 20px;
2855 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2856 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2857 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2858 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2859 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2860 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2861 background-color: #bdbdbd;
2863 -moz-border-radius: 5px;
2864 -webkit-border-radius: 5px;
2865 padding: 5px 10px 5px 10px;
2871 #contact-suggest:hover {
2873 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2874 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2875 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2876 background-color: #1873a2;
2879 #contact-suggest:active {
2880 background-color: #1873a2;
2885 #contact-suggest a {
2901 /* ===================================== */
2902 /* = Register, Settings, Profile Forms = */
2903 /* ===================================== */
2905 #id_openid_url, .openid input{
2906 background: url(login-bg.gif) no-repeat;
2907 background-position: 0 50%;
2909 width: 220px!important;
2915 #profile-tabs-wrapper {
2919 #profile-tab-status-link {
2921 padding: 5px 10px 5px 10px;
2929 #profile-tab-profile-link {
2931 padding: 5px 10px 5px 10px;
2936 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2937 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2938 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2939 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2940 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2941 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2942 background-color: #7c7d7b;
2944 -moz-border-radius: 5px;
2945 -webkit-border-radius: 5px;
2946 padding: 5px 10px 5px 10px;
2947 margin-bottom: 10px;
2950 #uexport-link:hover {
2952 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2953 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2954 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2955 background-color: #555753;
2958 #uexport-link:active {
2960 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2961 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2962 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2963 background-color: #1873a2;
2968 #settings-default-perms .fakelink {
2972 #settings-default-perms {
2976 padding: 5px 10px 5px 10px;
2977 margin-bottom: 10px;
2978 background-color: #BDBDBD;
2979 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2980 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2981 border: 1px solid #7C7D7B;
2982 border-radius: 5px 5px 5px 5px;
2985 #settings-default-perms:hover {
2987 background-color: #555753;
2988 border: 1px solid #7C7D7B;
2989 box-shadow: 0 0 8px #BDBDBD;
2990 border-radius: 5px 5px 5px 5px;
2993 #settings-default-perms:active {
2995 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2996 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2997 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2998 background-color: #1873a2;
3003 #settings-nickname-desc {
3005 background-color: #efefef;
3006 margin-bottom: 10px;
3008 -webkit-border-radius: 5px;
3009 -moz-border-radius: 5px;
3013 #register-form div {
3017 #profile-edit-form div {
3021 #profile-edit-form div[id$='desc'] {
3026 #register-form label,
3027 #profile-edit-form label {
3030 margin-right: 155px;
3033 /* #register-form span,
3034 #profile-edit-form span { */
3035 #register-form span {
3038 margin-bottom: 20px;
3041 .settings-submit-wrapper,
3042 .profile-edit-submit-wrapper {
3049 margin: 20px 20px 0px 0px;
3053 #register-sitename {
3058 #register-submit-button {
3062 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3068 #register-name, #register-email, #register-nickname {
3080 #register-fill-ext {
3081 margin-bottom: 25px;
3084 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3088 #register-nickname-desc {
3093 /* ===================== */
3094 /* = Contacts Selector = */
3095 /* ===================== */
3097 #group-edit-wrapper {
3098 margin-bottom: 10px;
3101 #group-edit-name-wrapper {
3105 #group-edit-submit-wrapper {
3106 margin-bottom: 10px;
3107 margin-right: 400px;
3112 .group-delete-wrapper {
3116 margin-bottom: 10px;
3117 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3118 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3119 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3120 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3121 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3122 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3123 background-color: #bdbdbd;
3125 -moz-border-radius: 5px;
3126 -webkit-border-radius: 5px;
3129 .group-delete-wrapper:hover {
3130 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3131 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3132 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3133 background-color: #1873a2;
3136 .group-delete-wrapper:active {
3137 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3138 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3139 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3140 background-color: #1873a2;
3143 .group-delete-wrapper a {
3162 background-color: #f0edf0;
3164 border: 1px solid #ccc;
3165 margin-bottom: 10px;
3169 #group-all-contacts,
3170 #prof-all-contacts {
3174 border: 1px solid #ccc;
3175 background-color: #f0edf0;
3180 #group-all-contacts h3,
3182 #prof-all-contacts h3{
3216 margin-bottom: 10px;
3217 background-color: #fff;
3218 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3219 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3220 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3231 background: transparent;
3232 transform: skew(-5deg) rotate(-5deg);
3233 -webkit-transform: skew(-5deg) rotate(-5deg);
3234 -moz-transform: skew(-5deg) rotate(-5deg);
3235 -ms-transform: skew(-5deg) rotate(-5deg);
3236 -o-transform: skew(-5deg) rotate(-5deg);
3237 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3238 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3239 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3246 transform: skew(5deg) rotate(5deg);
3247 -webkit-transform: skew(5deg) rotate(5deg);
3248 -moz-transform: skew(5deg) rotate(5deg);
3249 -ms-transform: skew(5deg) rotate(5deg);
3250 -o-transform: skew(5deg) rotate(5deg);
3253 .vevent .event-description {
3258 font-weight: bolder;
3261 .vevent .event-location {
3265 font-style: oblique;
3269 .vevent .event-start,
3270 .vevent .event-end {
3282 margin-bottom: 10px;
3284 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3285 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3286 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3287 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3288 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3289 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3290 background-color: #bdbdbd;
3292 -moz-border-radius: 5px;
3293 -webkit-border-radius: 5px;
3297 #new-event-link:hover {
3299 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3300 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3301 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3302 background-color: #1873a2;
3305 #new-event-link:active {
3306 background-color: #1873a2;
3316 .edit-event-link, .plink-event-link {
3320 margin-bottom: 15px;
3323 .event-description:before {
3324 content: url('calendar.png');
3326 vertical-align: middle;
3335 .event-start .dtstart,
3342 margin-bottom: 10px;
3343 font-stretch: condensed;
3354 .event-calendar-end {
3360 font-family: Helvetica, Arial, sans-serif;
3361 background-color: #f1f1f1;
3362 border: 1px solid #dedede;
3363 margin-bottom: 10px;
3364 box-shadow: 5px 5px 8px #959494;
3365 -moz-box-shadow: 5px 5px 8px #959494;
3366 -webkit-box-shadow: 5px 5px 8px #959494;
3370 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3371 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3372 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3373 background-color: #1873a2;
3374 padding: 10px 0px 10px 0px;
3379 box-shadow: 5px 2px 8px #959494;
3380 -moz-box-shadow: 5px 2px 8px #959494;
3381 -webkit-box-shadow: 5px 2px 8px #959494;
3385 border: 1px solid #eeeeee;
3395 background-color: #cdcdcd;
3407 background-color: #1873a2;
3412 #event-finish-text {
3417 #event-nofinish-checkbox,
3418 #event-nofinish-text,
3419 #event-adjust-checkbox,
3421 #event-share-checkbox {
3425 #event-datetime-break {
3426 margin-bottom: 10px;
3429 #event-nofinish-break,
3430 #event-adjust-break,
3431 #event-share-break {
3436 #event-location-text {
3451 margin: 50px 50px 0px 0px;
3454 .directory-details {
3476 background-color: #FF0000;
3481 border: 0px; padding: 0px;
3485 list-style-position: inside;
3495 padding-bottom: 2px;
3496 border-bottom: 1px solid black;
3509 border-bottom: 1px solid #898989;
3514 #adminpage .submit {
3524 #adminpage .plugin {
3527 border: 1px solid #888888;
3533 #adminpage .toggleplugin {
3540 border-bottom: 1p solid #000000;
3544 #adminpage table th {
3548 #adminpage td .icon {
3552 #adminpage table#users img {
3557 #adminpage table tr:hover {
3558 background-color: #eeeeee;
3561 #adminpage .selectall {
3565 /* =============== */
3566 /* = Form Fields = */
3567 /* =============== */
3586 border: 1px solid #CDCDCD;
3587 border-radius: 5px 5px 5px 5px;
3611 border: 1px solid #c1c1c1;
3612 background-image: url("../../../images/onoff.jpg");
3613 background-repeat: no-repeat;
3614 padding: 4px 2px 2px 2px;
3616 text-decoration: none;
3618 .field .onoff .off {
3619 border-color: #c1c1c1;
3621 background-position: left center;
3622 background-color: #cccccc;
3628 border-color: #c1c1c1;
3629 padding-right: 40px;
3630 background-position: right center;
3631 background-color: #1873a2;
3637 display: none!important;
3640 .field .radio .field_help {
3649 cursor: url('lock.cur'), pointer;
3658 background-image: url("icons.png");
3661 background-image: url("star.png");
3665 background-image: url("premium.png");
3670 background-image: url("notifications.png");
3675 border: 1px solid #c1c1c1;
3677 -webkit-border-radius: 3px;
3678 -moz-border-radius: 3px;
3681 .article { background-position: -50px 0px;}
3682 .audio { background-position: -70px 0px;}
3683 .block { background-position: -90px 0px;}
3684 .drop { background-position: -110px 0px;}
3685 .drophide { background-position: -130px 0px;}
3686 .edit { background-position: -150px 0px;}
3687 .camera { background-position: -170px 0px;}
3688 .dislike { background-position: -190px 0px;}
3689 .like { background-position: -210px 0px;}
3690 .link { background-position: -230px 0px;}
3691 .globe { background-position: -50px -20px;}
3692 .noglobe { background-position: -70px -20px;}
3693 .no { background-position: -90px -20px;}
3694 .pause { background-position: -110px -20px;}
3695 .play { background-position: -130px -20px;}
3696 .pencil { background-position: -150px -20px; margin-right: 12px;}
3697 .small-pencil { background-position: -170px -20px;}
3698 .recycle { background-position: -190px -20px;}
3699 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3700 .share { background-position: -230px -20px;}
3701 .tools { background-position: -50px -40px;}
3702 .lock { background-position: -70px -40px;}
3704 background-position: -90px -40px;
3705 background-image: none;
3711 background-image: url("icons.png");
3714 margin: 2px 0px 2px 3px;
3718 .video { background-position: -110px -40px;}
3719 .youtube { background-position: -130px -40px;}
3720 .attach { background-position: -190px -40px;}
3721 .language { background-position: -210px -40px;}
3722 .on { background-position: -50px -60px;}
3723 .off { background-position: -70px -60px;}
3724 .prev { background-position: -90px -60px;}
3725 .next { background-position: -110px -60px;}
3726 .tagged { background-position: -130px -60px; margin-right: 10px;}
3727 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3730 display: block; width: 20px; height: 23px;
3731 background-image: url("../../../images/content-types.png");
3734 .type-video { background-position: 0px 0px; }
3735 .type-image { background-position: -20px 0px; }
3736 .type-audio { background-position: -40px 0px; }
3737 .type-text { background-position: -60px 0px; }
3738 .type-unkn { background-position: -80px 0px; }
3760 #photo-edit-perms-select,
3761 #photos-upload-permissions-wrapper,
3762 #profile-jot-acl-wrapper{
3763 display: block!important;
3772 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3773 padding-right: 20px;
3784 background-color: #cccccc;
3785 background-position: 7px 7px;
3786 background-repeat: no-repeat;
3789 -webkit-border-radius: 5px ;
3790 -moz-border-radius: 5px;
3794 #acl-showall.selected {
3796 background-color: #1873a2;
3801 border: 1px solid #cccccc;
3802 background-color: #efefef;
3815 border: 1px solid #cccccc;
3816 background-color: #fff;
3819 box-shadow: 2px 2px 3px #c1c1c1;
3820 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3821 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3835 padding: 2px 0px 1px;
3844 background-color: #898989;
3845 background-position: 3px 3px;
3846 background-repeat: no-repeat;
3847 margin: 10px 0 0 5px;
3849 -webkit-border-radius: 2px ;
3850 -moz-border-radius: 2px;
3854 #acl-wrapper a:hover {
3855 text-decoration: none;
3856 background-color:#1873a2;
3859 .acl-button-show.selected {
3861 background-color: #1873a2;
3864 .acl-button-hide.selected {
3866 background-color: #a2a2a2;
3869 .acl-list-item.groupshow { border-color: #1873a2; }
3870 .acl-list-item.grouphide { border-color: #a2a2a2; }
3872 /* ========================= */
3873 /* = Global Directory Link = */
3874 /* ========================= */
3876 #global-directory-link {
3879 margin-bottom: 10px;
3880 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3881 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3882 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3883 background-color: #bdbdbd;
3886 -webkit-padding-start: 0px;
3887 border: 1px solid #7C7D7B;
3888 border-radius: 5px 5px 5px 5px;
3891 #global-directory-link:hover {
3893 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3894 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3895 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3896 background-color: #1873a2;
3897 border: 1px solid #7C7D7B;
3898 box-shadow: 0 0 8px #BDBDBD;
3899 border-radius: 5px 5px 5px 5px;
3902 #global-directory-link:active {
3903 background-color: #1873a2;
3908 #global-directory-link a {
3913 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3914 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3915 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3916 background-color: #1873a2;
3918 padding: 5px 10px 5px 10px;
3922 /* notifications popup menu */
3946 #nav-notifications-menu {
3950 overflow-style: scrollbar;
3951 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3952 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3953 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3954 background-color: #a2a2a2;
3955 border-radius: 0px 0px 5px 5px;
3956 -moz-border-radius: 0px 0px 5px 5px;
3957 -webkit-border-radius: 0px 0px 5px 5px;
3958 border: 1px solid #9A9A9A;
3960 box-shadow: 5px 5px 10px #242424;
3961 -moz-box-shadow: 5px 5px 10px #242424;
3962 -webkit-box-shadow: 5px 5px 10px #242424;
3965 #nav-notifications-menu .contactname {
3970 #nav-notifications-menu img {
3975 #nav-notifications-menu .notif-when {
3980 #nav-notifications-menu li {
3981 padding: 7px 0px 7px 10px;
3983 border-bottom: 1px solid #626262;
3986 #nav-notifications-menu li:hover {
3987 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3988 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3989 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3990 background-color: #1873a2;
3993 #nav-notifications-menu a:hover {
3994 text-decoration: underline;
3998 vertical-align: middle;
4000 padding-bottom: 7px;
4003 .notif-item a:hover {
4010 padding: 7px 7px 0px 0px;
4017 /* autocomplete popup */
4024 background: #eeeeee;
4025 border-right: 1px solid #dddddd;
4026 border-left: 1px solid #dddddd;
4027 border-bottom: 1px solid #dddddd;
4028 border-radius: 0px 5px 5px 5px;
4029 -webkit-border-radius: 0px 5px 5px 5px;
4030 -moz-border-radius: 0px 5px 5px 5px;
4031 box-shadow: 3px 3px 4px #959494;
4032 -moz-box-shadow: 3px 3px 4px #959494;
4033 -webkit-box-shadow: 3px 3px 4px #959494;
4046 .acpopupitem.selected {
4048 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4049 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4050 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4051 background-color: #1873a2;
4057 filter: alpha(opacity=0);
4064 filter: alpha(opacity=100);
4068 background: #000000;
4071 /* Pages profile widget
4072 ----------------------------------------------------------- */
4074 #profile-page-list {
4078 #page-profile .title {
4082 #profile-vcard-break {
4086 #profile-extra-links {
4091 #profile-extra-links ul {
4092 list-style-type: none;
4097 #profile-extra-links li {
4101 .profile-edit-side-div {
4105 .profile-edit-side-link {
4107 filter:alpha(opacity=30);
4109 .profile-edit-side-link:hover {
4111 filter:alpha(opacity=100);
4115 ----------------------------------------------------------- */
4124 text-decoration: none;
4128 /* New posts and comments => background color
4129 ----------------------------------------------------------- */
4131 background: #fbfde9;
4134 div.wall-item-content-wrapper.shiny {
4135 background-image: url("shiny.png");
4136 background-repeat: repeat-x;
4142 #profile-nolocation,
4150 #profile-upload-wrapper,
4151 #wall-image-upload-div,
4152 #wall-file-upload-div,
4158 background: url("dot.png") repeat-x scroll left center transparent;
4159 border: medium none;
4162 .body-tag, .filesavetags, .categorytags {
4164 filter:alpha(opacity=50);
4167 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
4168 opacity: 1.0 !important;
4169 filter:alpha(opacity=100) !important;
4174 filter:alpha(opacity=10);
4179 .item-select:hover, .checkeditem {
4181 filter:alpha(opacity=100);
4185 display: block; width: 16px; height: 16px;
4186 background-image: url('file.gif');
4189 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4190 [class^="comment-edit-bb"] {
4193 margin: 0px 0 -5px 0px;
4206 .location, .location-label, .gender-label, .marital-label, .homepage-label {
4212 .adr, .x-gender, .marital-text, .homepage-url {
4219 #nav-notifications-template {}
4220 #categories-sidebar {}
4238 .fc-border-separate,
4241 div#datebrowse-sidebar.widget {