5 Created by alex@friendica.pixelbits.de on 2012-09-24
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 /* font-variant:small-caps; */
74 list-style: none outside none;
78 list-style: none outside none;
79 background: url("arrow.png") no-repeat scroll left center transparent;
89 .fakelink, .fakelink:visited, .fakelink:link {
94 /*background: url("down.png") no-repeat scroll left center transparent;*/
113 border: 1px solid #b0b0b0;
116 /*margin-top: 10px;*/
117 border-radius: 3px 3px 3px 3px;
118 -webkit-border-radius: 3px 3px 3px 3px;
119 -moz-border-radius: 3px 3px 3px 3px;
122 input[type=text-sidebar] {
123 border: 1px solid #b0b0b0;
128 border-radius: 3px 3px 3px 3px;
129 -webkit-border-radius: 3px 3px 3px 3px;
130 -moz-border-radius: 3px 3px 3px 3px;
137 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
138 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
139 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
140 background-color: #bdbdbd;
143 border: 1px solid #7C7D7B;
144 border-radius: 5px 5px 5px 5px;
147 input[type=submit]:hover {
148 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
149 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
150 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
151 background-color: #1873a2;
153 border: 1px solid #7C7D7B;
154 box-shadow: 0 0 8px #BDBDBD;
155 border-radius: 5px 5px 5px 5px;
157 input[type=submit]:active {
168 color: #000; /* Safari and Opera */
173 color: #000; /* Firefox */
185 border: 1px solid #dddddd;
186 box-shadow: 3px 3px 6px #959494;
187 -moz-box-shadow: 3px 3px 6px #959494;
188 -webkit-box-shadow: 3px 3px 6px #959494;
189 background-color: #efefef;
195 background: none repeat scroll 0 0 #FFFFFF;
196 border: 1px solid #C5C5C5;
197 border-radius: 3px 3px 3px 3px;
198 box-shadow: 0 0 8px #BDBDBD;
206 border: 1px solid #7C7D7B;
207 border-radius: 5px 5px 5px 5px;
209 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
210 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
211 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
212 background-color: #bdbdbd;
218 border: 1px solid #7C7D7B;
219 box-shadow: 0 0 8px #BDBDBD;
220 border-radius: 5px 5px 5px 5px;
221 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
222 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
223 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
224 background-color: #1873a2;
241 #login-name-wrapper {
242 vertical-align: middle;
246 #login-name-wrapper input {
251 #login-password-wrapper {
252 vertical-align: middle;
262 #login-extra-links a {
265 padding: 5px 0px 5px 0px;
270 #login-extra-filler {
283 #login_standard input,
284 #login_openid input {
289 #lost-password-link {
303 #login-submit-button {
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 /* ================= */
656 font-variant: normal;
657 -webkit-margin-start: 10px;
666 .vcard #profile-photo-wrapper {
670 background: none repeat scroll 0 0 #FFFFFF;
671 border: 1px solid #C5C5C5;
672 box-shadow: 0 0 8px #BDBDBD;
673 -moz-box-shadow: 3px 3px 4px #959494;
674 -webkit-box-shadow: 3px 3px 4px #959494;
675 border-radius: 5px 5px 5px 5px;
689 padding-bottom: 10px;
692 #profile-extra-links ul {
699 box-shadow: inset 0px 1px 0px 0px #a65151;
700 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
701 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
702 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
703 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
704 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
705 background-color: #6da6c4;
707 -moz-border-radius: 5px;
708 -webkit-border-radius: 5px;
709 border: 1px solid #fc5656;
710 display: inline-block;
712 font-family: Trebuchet MS;
718 text-decoration: none;
719 text-shadow: 1px 1px 0px #b36f6f;
725 -webkit-border-radius: 5px ;
726 -moz-border-radius: 5px;
730 background-color: #3465a4;
733 #dfrn-request-link:hover {
734 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
735 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
736 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
737 background-color: #1873a2;
740 #dfrn-request-link:active {
745 #dfrn-request-intro {
750 background-color: #f6f6f6;
751 padding: 5px 5px 5px 5px;
753 #netsearch-box input[type="text"] {
756 #netsearch-box input[type="submit"] {
761 content: url("search.png");
763 vertical-align: middle;
767 background-color: #f3f3f3;
768 border: 1px solid #cdcdcd;
770 border-radius: 5px 5px 5px 5px;
771 -webkit-border-radius: 5px 5px 5px 5px;
772 -moz-border-radius: 5px 5px 5px 5px;
776 vertical-align: middle;
779 padding-bottom: 10px;
782 #sidebar-group-list {
787 #sidebar-group-list a {
788 padding-bottom: 10px;
791 /*#sidebar-group-list ul {
792 list-style-type: none;
795 #sidebar-group-list li {
799 #sidebar-group-list .icon,
800 #sidebar-group-list .iconspacer {
801 display: inline-block;
808 box-shadow: 1px 2px 6px 0px #959494;
809 -moz-box-shadow: 1px 2px 6px 0px #959494;
810 -webkit-box-shadow: 1px 2px 6px 0px #959494;
811 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
812 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
813 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
814 background-color: #f8f8f8;
816 -moz-border-radius: 5px;
817 -webkit-border-radius: 5px;
819 border: 1px solid #cdcdcd;
827 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
828 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
829 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
830 background-color: #bdbdbd;
831 display: inline-block;
833 text-decoration: none;
835 border: 1px solid #7C7D7B;
836 border-radius: 5px 5px 5px 5px;
840 #sidebar-new-group:hover {
841 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
842 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
843 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
844 background-color: #1873a2;
845 border: 1px solid #7C7D7B;
846 box-shadow: 0 0 8px #BDBDBD;
847 border-radius: 5px 5px 5px 5px;
850 #sidebar-new-group:active {
855 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
859 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
860 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
861 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
862 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
863 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
864 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
865 background-color: #bdbdbd;
867 -moz-border-radius: 5px;
868 -webkit-border-radius: 5px;
869 display: inline-block;
871 text-decoration: none;
874 .settings-widget .selected {
878 #sidebar-new-group a {
885 ul .sidebar-group-li {
891 ul .sidebar-group-li .icon {
892 display: inline-block;
898 list-style-type: none;
913 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
914 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
915 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
916 background-color: #f0edf0;
917 border-radius: 5px 5px 0px 0px;
918 -moz-border-radius: 5px 5px 0px 0px;
919 -webkit-border-radius: 5px 5px 0px 0px;
920 border: 1px solid #e2e2e2;
921 border-bottom: 1px solid #cdcdcd;
924 vertical-align: baseline;
926 text-shadow: -1px 0px 0px #bdbdbd;
929 #group-sidebar h3:before {
930 content: url("groups.png");
932 vertical-align: middle;
937 padding-bottom: 20px;
945 .saved-search-li .icon {
949 .birthday-today, .event-today {
953 #birthday-wrapper, #event-wrapper {
963 /* ================== */
964 /* = Contacts Block = */
965 /* ================== */
971 border: 1px solid #C5C5C5;
972 border-radius: 3px 3px 3px 3px;
973 box-shadow: 0 0 8px #BDBDBD;
979 .contact-block-textdiv {
993 #profile-jot-text_tbl {
998 #profile-jot-text_ifr {
999 width: 99.9%!important
1002 #profile-jot-submit-wrapper {
1006 #jot-title, #jot-category {
1011 border: 1px solid #cccccc;
1018 #jot-title::-webkit-input-placeholder,
1019 #jot-category::-webkit-input-placeholder {
1020 font-weight: normal;
1023 #jot-title:-moz-placeholder,
1024 #jot-category:-moz-placeholder {
1025 font-weight: normal;
1030 #jot-category:hover,
1031 #jot-category:focus {
1032 border: 1px solid #cccccc;
1035 .jothidden { display:none; }
1038 background: #FFFFC8;
1042 margin: 15px 0 15px 150px;
1045 #profile-jot-perms, #profile-jot-submit {
1048 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1049 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1050 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1051 background-color: #bdbdbd;
1052 display: inline-block;
1054 text-decoration: none;
1056 border: 1px solid #7C7D7B;
1057 border-radius: 5px 5px 5px 5px;
1065 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1066 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1067 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1068 background-color: #bdbdbd;
1069 display: inline-block;
1071 text-decoration: none;
1074 border: 1px solid #7C7D7B;
1075 border-radius: 5px 5px 5px 5px;
1078 #profile-jot-perms {
1085 border: 1px solid #7C7D7B;
1086 border-radius: 5px 5px 5px 5px;
1089 #jot-perms-perms .icon {
1093 #profile-jot-submit {
1096 margin-right: 145px;
1100 border: 1px solid #7C7D7B;
1101 border-radius: 5px 5px 5px 5px;
1104 #profile-jot-perms:hover,
1105 #profile-jot-submit:hover,
1106 #jot-preview-link:hover {
1107 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1108 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1109 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1110 background-color: #1873a2;
1111 border: 1px solid #7C7D7B;
1112 box-shadow: 0 0 8px #BDBDBD;
1113 border-radius: 5px 5px 5px 5px;
1116 #profile-jot-perms:active,
1117 #profile-jot-submit:active,
1118 #jot-preview-link:active {
1123 #character-counter {
1129 #profile-rotator-wrapper {
1138 #profile-jot-tools-end,
1139 #profile-jot-banner-end {
1143 #profile-jot-email-wrapper {
1144 margin: 10px 10% 0px 10%;
1145 border: 1px solid #eeeeee;
1149 #profile-jot-email-label {
1150 background-color: #555753;
1155 #profile-jot-email {
1160 #profile-jot-networks {
1162 border: 1px solid #eeeeee;
1167 #profile-jot-acl-wrapper {
1169 border: 1px solid #eeeeee;
1171 display:block!important;
1174 #group_allow_wrapper,
1175 #group_deny_wrapper,
1176 #acl-permit-outer-wrapper {
1181 #contact_allow_wrapper,
1182 #contact_deny_wrapper,
1183 #acl-deny-outer-wrapper {
1189 background-color: #555753;
1191 padding: 5px; float: left;
1195 background-color: #555753;
1202 background-color: #555753;
1208 #acl-permit-text-end,
1209 #acl-deny-text-end {
1213 #profile-jot-wrapper {
1218 profile-jot-banner-wrapper {
1234 padding: 20px 0px 0px;
1243 padding: 5px 10px 5px 10px;
1244 display: inline-block;
1251 padding: 5px 10px 5px 10px;
1258 .wall-item-outside-wrapper {
1260 border-bottom: 1px solid #dedede;
1261 /*margin-top: 20px;*/
1262 margin-bottom: 20px;
1263 padding-right: 10px;
1265 background: none repeat scroll 0 0 #FFFFFF;
1266 border: 1px solid #CDCDCD;
1267 border-radius: 5px 5px 5px 5px;
1268 box-shadow: 0 0 8px #BDBDBD;
1271 .wall-item-outside-wrapper-end {
1275 .wall-item-content-wrapper {
1281 .wall-item-photo-menu {
1285 .wall-item-photo-menu-button {
1287 text-indent: -99999px;
1288 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1295 border-radius: 0px 0px 5px 5px;
1296 -webkit-border-radius: 0px 0px 5px 5px;
1297 -moz-border-radius: 0px 0px 5px 5px;
1305 .wall-item-photo-wrapper {
1312 filter: alpha(opacity=60);
1314 transition: all 0.25s ease-in-out;
1315 -webkit-transition: all 0.25s ease-in-out;
1316 -moz-transition: all 0.25s ease-in-out;
1318 padding-bottom: 5px;
1323 .wall-item-tools:hover {
1324 filter: alpha(opacity=100);
1326 transition: all 0.25s ease-in-out;
1327 -webkit-transition: all 0.25s ease-in-out;
1328 -moz-transition: all 0.25s ease-in-out;
1332 filter: alpha(opacity=60);
1334 transition: all 0.25s ease-in-out;
1335 -webkit-transition: all 0.25s ease-in-out;
1336 -moz-transition: all 0.25s ease-in-out;
1339 padding-bottom: 5px;
1344 .wall-item-social:hover {
1345 filter: alpha(opacity=100);
1347 transition: all 0.25s ease-in-out;
1348 -webkit-transition: all 0.25s ease-in-out;
1349 -moz-transition: all 0.25s ease-in-out;
1352 .wall-item-outside-wrapper.comment .wall-item-tools {
1356 .wall-item-like-buttons {
1360 .wall-item-like-buttons a.icon {
1366 .wall-item-links-wrapper {
1371 .wall-item-delete-wrapper {
1376 .wall-item-links-wrapper a.icon {
1404 padding-right: 10px;
1409 .wall-item-body img {
1418 .wall-item-lock-wrapper {
1426 margin: 0px 0px 10px 0px;
1432 margin: 0px 0px 0px 100px;
1436 .wall-item-author a {
1446 .wall-item-wrapper-end {
1450 .wall-item-location {
1454 text-overflow: ellipsis;
1455 -o-text-overflow: ellipsis;
1458 .wall-item-location .icon {
1462 .wall-item-location > a {
1467 font-variant: small-caps;
1471 .wall-item-location .smalltext {
1477 .wall-item-location > br {
1497 .wallwall .wwto img {
1498 width: 30px!important;
1499 height: 30px!important;
1502 .wallwall .wall-item-photo-end {
1506 .wall-item-arrowphoto-wrapper {
1513 .wall-item-photo-menu {
1517 background: #eeeeee;
1518 border-right: 1px solid #dddddd;
1519 border-left: 1px solid #dddddd;
1520 border-bottom: 1px solid #dddddd;
1526 border-radius: 0px 5px 5px 5px;
1527 -webkit-border-radius: 0px 5px 5px 5px;
1528 -moz-border-radius: 0px 5px 5px 5px;
1529 box-shadow: 3px 3px 4px #959494;
1530 -moz-box-shadow: 3px 3px 4px #959494;
1531 -webkit-box-shadow: 3px 3px 4px #959494;
1535 .wall-item-photo-menu-button {
1536 border-right: 1px solid #dddddd;
1537 border-left: 1px solid #dddddd;
1538 border-bottom: 1px solid #dddddd;
1539 box-shadow: 3px 3px 4px #959494;
1540 -moz-box-shadow: 3px 3px 4px #959494;
1541 -webkit-box-shadow: 3px 3px 4px #959494;
1544 .fakelink wall-item-photo-menu-button {
1545 -webkit-border-radius: 0px 5px 5px 5px;
1546 -moz-border-radius: 0px 5px 5px 5px;
1547 border-radius: 0px 5px 5px 5px;
1548 box-shadow: 3px 3px 4px #959494;
1549 -moz-box-shadow: 3px 3px 4px #959494;
1550 -webkit-box-shadow: 3px 3px 4px #959494;
1553 .wall-item-photo-menu ul {
1559 .wall-item-photo-menu li a {
1560 white-space: nowrap;
1566 .wall-item-photo-menu li a:hover {
1568 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1569 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1570 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1571 background-color: #1873a2;
1572 /*order-bottom: none;*/
1580 #item-delete-selected {
1588 font-family: Courier, monospace;
1592 border: 1px solid #444;
1600 background-color: #F4F8F9;
1601 border-left: 4px solid #DAE4EE;
1609 .ccollapse-wrapper {
1616 border: 0px solid #CDCDCD;
1617 border-radius: 5px 5px 5px 5px;
1618 margin-bottom: 20px;
1619 background-color: #E2E2E2;
1622 .collapsed-comments,
1624 .hide-comments-outer,
1625 .wall-item-outside-wrapper.comment {
1627 margin-bottom: 20px;
1630 .wall-item-outside-wrapper.comment .wall-item-photo {
1631 width: 40px!important;
1632 height: 40px!important;
1635 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1640 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1643 background-position: 35px center;
1646 .wall-item-outside-wrapper.comment .wall-item-info {
1650 .wall-item-outside-wrapper.comment .wall-item-body {
1653 padding-right: 10px;
1657 .wall-item-outside-wrapper.comment .wall-item-author {
1661 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1665 .icollapse-wrapper {
1670 .comment-wwedit-wrapper,
1671 .comment-edit-wrapper {
1672 margin: 0px 0px 5px 0px;
1675 .comment-wwedit-wrapper img,
1676 .comment-edit-wrapper img {
1682 .comment-edit-photo-link {
1687 .comment-edit-text-empty {
1691 transition: all 0.5s ease-in-out;
1692 -webkit-transition: all 0.5s ease-in-out;
1693 -moz-transition: all 0.5s ease-in-out;
1696 .comment-edit-text-empty:hover {
1700 .comment-edit-text-full {
1703 transition: all 0.5s ease-in-out;
1704 -webkit-transition: all 0.5s ease-in-out;
1705 -moz-transition: all 0.5s ease-in-out;
1708 .comment-edit-submit-wrapper {
1714 .comment-edit-submit {
1717 background-color: #a2a2a2;
1719 border: 1px solid #CDCDCD;
1720 border-radius: 5px 5px 5px 5px;
1723 .comment-edit-submit:hover {
1724 background-color: #1873a2;
1725 border: 1px solid #CDCDCD;
1726 border-radius: 5px 5px 5px 5px;
1727 box-shadow: 0 0 8px #BDBDBD;
1730 .comment-edit-submit:active {
1731 background-color: #1873a2;
1734 #item-delete-selected-desc {
1739 .wall-item-body code {
1740 font-family: Courier, monospace;
1744 border: 1px solid #cccccc;
1745 border-width: 1px 1px 1px 10px;
1754 .advanced-profile-content {
1756 margin-bottom: 10px;
1761 .advanced-profile-label {
1764 padding-bottom: 5px;
1768 div[id$="wrapper"] {
1772 div[id$="wrapper"] br {
1776 #advanced-profile-with {
1780 #profile-listing-desc {
1783 padding: 5px 10px 5px 10px;
1785 margin-bottom: 20px;
1787 display: inline-block;
1792 #profile-listing-new-link-wrapper {
1798 padding: 5px 10px 5px 10px;
1803 .profile-listing-name {
1806 .profile-listing-name a {
1810 #profile-edit-links li {
1813 margin-bottom: 20px;
1815 background-color: #a2a2a2;
1817 padding: 5px 10px 5px 10px;
1820 border-radius: 5px 5px 5px 5px;
1821 -webkit-border-radius: 5px 5px 5px 5px;
1822 -moz-border-radius: 5px 5px 5px 5px;
1825 #profile-edit-links li a {
1829 #profile-edit-links li:hover {
1830 background-color: #1873a2;
1833 #profile-edit-links li:active {
1834 background-color: #1873a2;
1837 #profile-edit-links-end {
1839 margin-bottom: 15px;
1842 .profile-edit-side-div {
1850 #cropimage-wrapper {
1858 .profile-match-name a{
1863 .profile-match-name a:hover {
1867 .profile-match-wrapper {
1870 margin-bottom: 10px;
1872 background-color: #f6f6f6;
1873 border: 1px solid #dddddd;
1874 box-shadow: 3px 3px 4px #959494;
1875 -moz-box-shadow: 3px 3px 4px #959494;
1876 -webkit-box-shadow: 3px 3px 4px #959494;
1880 .profile-match-end {
1884 .profile-match-photo {
1898 #side-bar-photos-albums h3:before {
1899 content: url("photography.png");
1900 padding-right: 10px;
1901 vertical-align: middle;
1904 #side-bar-photos-albums li {
1914 margin-bottom: 20px;
1916 background-color: #a2a2a2;
1918 padding: 5px 10px 5px 10px;
1921 border-radius: 5px 5px 5px 5px;
1922 -webkit-border-radius: 5px 5px 5px 5px;
1923 -moz-border-radius: 5px 5px 5px 5px;
1926 #photo-top-links a {
1930 #photo-top-links:hover {
1931 background-color: #1873a2;
1934 #photo-top-links:active {
1935 background-color: #1873a2;
1938 .photo-album-image-wrapper {
1940 margin: 0px 10px 10px 0px;
1941 padding-bottom: 30px;
1945 .photo-top-image-wrapper {
1949 margin: 0px 10px 10px 0px;
1950 padding-bottom: 30px;
1954 #photo-album-wrapper-inner {
1971 .photo-top-image-wrapper a:hover,
1972 #photo-photo a:hover,
1973 .photo-album-image-wrapper a:hover {
1978 .photo-album-photo {}
1980 .photo-top-album-name {
1985 font-stretch: semi-expanded;
1988 .photo-top-album-name a {
2021 background-color: rgba(255,255,255,0.2);
2023 transition: all 0.2s ease-in-out;
2024 -webkit-transition: all 0.2s ease-in-out;
2025 -moz-transition: all 0.2s ease-in-out;
2026 background-position: center center;
2027 background-repeat: no-repeat;
2033 background-image: url('prev.png');
2039 background-image: url('next.png');
2043 #photo-next-link a {
2048 text-indent: -900000px;
2051 #photo-prev-link:hover,
2052 #photo-next-link:hover {
2054 transition: all 0.2s ease-in-out;
2055 -webkit-transition: all 0.2s ease-in-out;
2056 -moz-transition: all 0.2s ease-in-out;
2059 #photo-next-link .icon,
2060 #photo-prev-link .icon {
2064 #photos-upload-spacer,
2065 #photos-upload-new-wrapper,
2066 #photos-upload-exist-wrapper {
2070 #photos-upload-existing-album-text,
2071 #photos-upload-newalbum-div {
2072 background-color: #fff;
2080 #photos-upload-album-select,
2081 #photos-upload-newalbum {
2085 #photos-upload-perms-menu {
2090 #photos-upload-perms-menu .icon {
2096 border: 1px solid #b0b0b0;
2098 border-radius: 3px 3px 3px 3px;
2099 -webkit-border-radius: 3px 3px 3px 3px;
2100 -moz-border-radius: 3px 3px 3px 3px;
2105 select[size][multiple] {
2106 -webkit-appearance: listbox;
2107 margin: 5px 0px 10px 0px;
2111 -webkit-appearance: menulist;
2112 box-sizing: border-box;
2113 -webkit-box-align: center;
2120 letter-spacing: normal;
2121 word-spacing: normal;
2123 text-transform: none;
2126 display: inline-block;
2127 text-align: -webkit-auto;
2134 letter-spacing: normal;
2135 word-spacing: normal;
2137 text-transform: none;
2140 display: inline-block;
2141 text-align: -webkit-auto;*/
2146 -moz-border-radius: 5px;
2147 -webkit-border-radius: 5px;
2152 margin-bottom: 20px;
2154 background-color: #a2a2a2;
2156 padding: 5px 10px 5px 10px;
2159 border-radius: 5px 5px 5px 5px;
2160 -webkit-border-radius: 5px 5px 5px 5px;
2161 -moz-border-radius: 5px 5px 5px 5px;
2164 #album-edit-link a {
2168 #album-edit-link:hover {
2169 background-color: #1873a2;
2172 #photo-edit-link-wrap {
2173 margin-bottom: 10px;
2182 input#photo_edit_form {
2187 #photo-edit-perms-menu {
2196 #photo-edit-perms-menu .icon {
2200 #photo-edit-delete-button {
2206 #photo-album-edit-wrapper {
2207 margin-bottom: 10px;
2221 background-color: #fff;
2222 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2223 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2224 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2227 #prvmail-wrapper:before,
2228 #prvmail-wrapper:after,
2229 .mail-conv-detail:before,
2230 .mail-conv-detail:after,
2231 .mail-list-detail:before,
2232 .mail-list-detail:after {
2239 background: transparent;
2240 transform: skew(-5deg) rotate(-5deg);
2241 -webkit-transform: skew(-5deg) rotate(-5deg);
2242 -moz-transform: skew(-5deg) rotate(-5deg);
2243 -ms-transform: skew(-5deg) rotate(-5deg);
2244 -o-transform: skew(-5deg) rotate(-5deg);
2245 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2246 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2247 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2251 #prvmail-wrapper:after,
2252 .mail-conv-detail:after,
2253 .mail-list-detail:after {
2256 transform: skew(5deg) rotate(5deg);
2257 -webkit-transform: skew(5deg) rotate(5deg);
2258 -moz-transform: skew(5deg) rotate(5deg);
2259 -ms-transform: skew(5deg) rotate(5deg);
2260 -o-transform: skew(5deg) rotate(5deg);
2276 #prvmail-subject .input {
2277 border: none !important;
2280 #prvmail-subject-label {}
2286 #prvmail-to-label {}
2288 #prvmail-message-label {
2292 #prvmail-submit-wrapper {
2306 #prvmail-submit-wrapper > div {
2311 .mail-list-outside-wrapper {
2318 background-color: #efefef;
2319 border: 1px solid #C5C5C5;
2320 border-radius: 3px 3px 3px 3px;
2321 box-shadow: 0 0 8px #BDBDBD;
2322 -moz-box-shadow: 3px 3px 4px #959494;
2323 -webkit-box-shadow: 3px 3px 4px #959494;
2332 border: 1px solid #dddddd;
2335 .mail-list-sender-name {
2346 font-stretch: ultra-condensed;
2349 .mail-list-subject {
2353 padding-right: 50px;
2356 .mail-list-subject a {
2360 .mail-list-delete-wrapper {
2364 .mail-list-outside-wrapper-end {
2368 .mail-conv-outside-wrapper {
2369 margin-bottom: 10px;
2375 margin: 0px 5px 5px 0px;
2378 .mail-conv-sender-photo {
2383 .mail-conv-sender-name {
2392 .mail-conv-subject {
2405 padding-bottom: 20px;
2408 vertical-align: middle;
2410 border: 1px solid #dddddd;
2417 .mail-conv-delete-wrapper {
2425 border: 1px solid #dddddd;
2428 /* ================= */
2429 /* = Notifications = */
2430 /* ================= */
2432 #notification-show-hide-wrapper {
2434 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2435 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2436 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2437 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2438 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2439 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2440 background-color: #bdbdbd;
2442 -moz-border-radius: 5px;
2443 -webkit-border-radius: 5px;
2444 padding: 5px 10px 5px 10px;
2452 #notification-show-hide-wrapper:hover {
2454 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2455 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2456 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2457 background-color: #1873a2;
2460 #notification-show-hide-wrapper:active {
2461 background-color: #1873a2;
2466 #notification-show-hide-wrapper a {
2475 margin-bottom: 10px;
2485 .view-contact-wrapper,
2486 .contact-entry-wrapper {
2489 margin-bottom: 20px;
2503 .contact-entry-direction-wrapper {
2508 .contact-entry-edit-links {
2513 #contacts-show-hide-link {
2514 margin-bottom: 20px;
2519 .contact-entry-name {
2529 .contact-entry-photo {
2533 .contact-entry-edit-links .icon {
2534 border: 1px solid #babdb6;
2536 -webkit-border-radius: 3px;
2537 -moz-border-radius: 3px;
2538 background-color: #ffffff;
2541 #contact-edit-banner-name {
2546 #contact-edit-update-now {
2551 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2552 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2553 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2554 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2555 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2556 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2557 background-color: #bdbdbd;
2559 -moz-border-radius: 5px;
2560 -webkit-border-radius: 5px;
2561 display: inline-block;
2563 text-decoration: none;
2567 #contact-edit-update-now:hover {
2568 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2569 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2570 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2571 background-color: #1873a2;
2574 #contact-edit-update-now:active {
2579 #contact-edit-update-now a {
2586 .contact-photo-menu-button {
2588 background-image: url("photo-menu.jpg");
2589 background-position: top left;
2590 background-repeat: no-repeat;
2591 margin: 0px; padding: 0px;
2594 top: 64px; left:0px;
2600 .contact-photo-menu {
2602 border: 1px solid #ddd;
2603 background: #f1f1f1;
2605 left: 0px; top: 90px;
2608 box-shadow: 3px 3px 5px #888;
2609 -moz-box-shadow: 3px 3px 5px #888;
2610 -webkit-box-shadow: 3px 3px 5px #888;
2613 .contact-photo-menu ul {
2619 .contact-photo-menu li a {
2626 .contact-photo-menu li a:hover {
2628 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2629 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2630 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2631 background-color: #1873a2;
2632 text-decoration: none;
2635 .view-contact-name {}
2638 background-color: #efefef;
2644 margin-bottom: 80px;
2647 #follow-sidebar h3:before {
2648 content: url("user.png");
2649 padding-right: 10px;
2650 vertical-align: middle;
2653 #follow-sidebar input[type="text"] {
2655 margin-bottom: 10px;
2658 #side-follow-submit {
2667 margin: auto 10px 20px;
2668 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2669 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2670 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2671 background-color: #bdbdbd;
2672 padding: 5px 10px 5px 10px;
2676 border: 1px solid #7C7D7B;
2677 border-radius: 5px 5px 5px 5px;
2680 #side-match-link:hover {
2682 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2683 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2684 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2685 background-color: #1873a2;
2686 border: 1px solid #7C7D7B;
2687 box-shadow: 0 0 8px #BDBDBD;
2688 border-radius: 5px 5px 5px 5px;
2691 #side-match-link:active {
2692 background-color: #1873a2;
2697 #side-match-link a {
2705 margin-bottom: 20px;
2706 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2707 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2708 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2709 background-color: #bdbdbd;
2710 padding: 5px 10px 5px 10px;
2714 border: 1px solid #7C7D7B;
2715 border-radius: 5px 5px 5px 5px;
2718 #side-invite-link:hover {
2720 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2721 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2722 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2723 background-color: #1873a2;
2724 border: 1px solid #7C7D7B;
2725 box-shadow: 0 0 8px #BDBDBD;
2726 border-radius: 5px 5px 5px 5px;
2730 #side-invite-link:active {
2731 background-color: #1873a2;
2736 #side-invite-link a {
2740 #side-suggest-link {
2744 margin-bottom: 20px;
2745 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2746 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2747 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2748 background-color: #bdbdbd;
2749 padding: 5px 10px 5px 10px;
2753 border: 1px solid #7C7D7B;
2754 border-radius: 5px 5px 5px 5px;
2757 #side-suggest-link:hover {
2759 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2760 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2761 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2762 background-color: #1873a2;
2763 border: 1px solid #7C7D7B;
2764 box-shadow: 0 0 8px #BDBDBD;
2765 border-radius: 5px 5px 5px 5px;
2768 #side-suggest-link:active {
2769 background-color: #1873a2;
2774 #side-suggest-link a {
2780 #invite-recipient-text {
2784 #side-follow-wrapper {
2787 font-stretch: semi-expanded;
2788 background-color: #f3f3f3;
2789 border: 1px solid #cdcdcd;
2792 border-radius: 5px 5px 5px 5px;
2793 -webkit-border-radius: 5px 5px 5px 5px;
2794 -moz-border-radius: 5px 5px 5px 5px;
2797 #side-follow-wrapper label{
2799 font-variant: normal;
2807 margin-bottom: 20px;
2808 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2809 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2810 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2811 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2812 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2813 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2814 background-color: #bdbdbd;
2816 -moz-border-radius: 5px;
2817 -webkit-border-radius: 5px;
2818 padding: 5px 10px 5px 10px;
2824 #contact-suggest:hover {
2826 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2827 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2828 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2829 background-color: #1873a2;
2832 #contact-suggest:active {
2833 background-color: #1873a2;
2838 #contact-suggest a {
2854 /* ===================================== */
2855 /* = Register, Settings, Profile Forms = */
2856 /* ===================================== */
2858 #id_openid_url, .openid input{
2859 background: url(login-bg.gif) no-repeat;
2860 background-position: 0 50%;
2862 width: 220px!important;
2868 #profile-tabs-wrapper {
2872 #profile-tab-status-link {
2874 padding: 5px 10px 5px 10px;
2882 #profile-tab-profile-link {
2884 padding: 5px 10px 5px 10px;
2889 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2890 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2891 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2892 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2893 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2894 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2895 background-color: #7c7d7b;
2897 -moz-border-radius: 5px;
2898 -webkit-border-radius: 5px;
2899 padding: 5px 10px 5px 10px;
2900 margin-bottom: 10px;
2903 #uexport-link:hover {
2905 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2906 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2907 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2908 background-color: #555753;
2911 #uexport-link:active {
2913 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2914 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2915 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2916 background-color: #1873a2;
2921 #settings-default-perms {
2924 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2925 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2926 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2927 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2928 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2929 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2931 background-color: #7c7d7b;
2933 -moz-border-radius: 5px;
2934 -webkit-border-radius: 5px;
2935 padding: 5px 10px 5px 10px;
2936 margin-bottom: 10px;
2939 #settings-default-perms .fakelink {
2943 #settings-default-perms:hover {
2945 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2946 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2947 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2948 background-color: #555753;
2951 #settings-default-perms:active {
2953 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2954 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2955 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2956 background-color: #1873a2;
2961 #settings-nickname-desc {
2963 background-color: #efefef;
2964 margin-bottom: 10px;
2966 -webkit-border-radius: 5px;
2967 -moz-border-radius: 5px;
2971 #register-form div {
2975 #profile-edit-form div {
2979 #profile-edit-form div[id$='desc'] {
2984 #register-form label,
2985 #profile-edit-form label {
2988 margin-right: 155px;
2991 /* #register-form span,
2992 #profile-edit-form span { */
2993 #register-form span {
2996 margin-bottom: 20px;
2999 .settings-submit-wrapper,
3000 .profile-edit-submit-wrapper {
3007 margin: 20px 20px 0px 0px;
3011 #register-sitename {
3016 #register-submit-button {
3020 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3026 #register-name, #register-email, #register-nickname {
3038 #register-fill-ext {
3039 margin-bottom: 25px;
3042 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3046 #register-nickname-desc {
3051 /* ===================== */
3052 /* = Contacts Selector = */
3053 /* ===================== */
3055 #group-edit-wrapper {
3056 margin-bottom: 10px;
3059 #group-edit-name-wrapper {
3063 #group-edit-submit-wrapper {
3064 margin-bottom: 10px;
3065 margin-right: 400px;
3070 .group-delete-wrapper {
3074 margin-bottom: 10px;
3075 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3076 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3077 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3078 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3079 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3080 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3081 background-color: #bdbdbd;
3083 -moz-border-radius: 5px;
3084 -webkit-border-radius: 5px;
3087 .group-delete-wrapper:hover {
3088 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3089 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3090 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3091 background-color: #1873a2;
3094 .group-delete-wrapper:active {
3095 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3096 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3097 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3098 background-color: #1873a2;
3101 .group-delete-wrapper a {
3120 background-color: #f0edf0;
3122 border: 1px solid #ccc;
3123 margin-bottom: 10px;
3127 #group-all-contacts,
3128 #prof-all-contacts {
3132 border: 1px solid #ccc;
3133 background-color: #f0edf0;
3138 #group-all-contacts h3,
3140 #prof-all-contacts h3{
3172 margin-bottom: 10px;
3173 background-color: #fff;
3174 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3175 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3176 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3187 background: transparent;
3188 transform: skew(-5deg) rotate(-5deg);
3189 -webkit-transform: skew(-5deg) rotate(-5deg);
3190 -moz-transform: skew(-5deg) rotate(-5deg);
3191 -ms-transform: skew(-5deg) rotate(-5deg);
3192 -o-transform: skew(-5deg) rotate(-5deg);
3193 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3194 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3195 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3202 transform: skew(5deg) rotate(5deg);
3203 -webkit-transform: skew(5deg) rotate(5deg);
3204 -moz-transform: skew(5deg) rotate(5deg);
3205 -ms-transform: skew(5deg) rotate(5deg);
3206 -o-transform: skew(5deg) rotate(5deg);
3209 .vevent .event-description {
3214 font-weight: bolder;
3217 .vevent .event-location {
3221 font-style: oblique;
3225 .vevent .event-start,
3226 .vevent .event-end {
3238 margin-bottom: 10px;
3240 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3241 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3242 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3243 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3244 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3245 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3246 background-color: #bdbdbd;
3248 -moz-border-radius: 5px;
3249 -webkit-border-radius: 5px;
3253 #new-event-link:hover {
3255 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3256 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3257 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3258 background-color: #1873a2;
3261 #new-event-link:active {
3262 background-color: #1873a2;
3272 .edit-event-link, .plink-event-link {
3276 margin-bottom: 15px;
3279 .event-description:before {
3280 content: url('calendar.png');
3282 vertical-align: middle;
3291 .event-start .dtstart,
3298 margin-bottom: 10px;
3299 font-stretch: condensed;
3310 .event-calendar-end {
3316 font-family: Helvetica, Arial, sans-serif;
3317 background-color: #f1f1f1;
3318 border: 1px solid #dedede;
3319 margin-bottom: 10px;
3320 box-shadow: 5px 5px 8px #959494;
3321 -moz-box-shadow: 5px 5px 8px #959494;
3322 -webkit-box-shadow: 5px 5px 8px #959494;
3326 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3327 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3328 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3329 background-color: #1873a2;
3330 padding: 10px 0px 10px 0px;
3335 box-shadow: 5px 2px 8px #959494;
3336 -moz-box-shadow: 5px 2px 8px #959494;
3337 -webkit-box-shadow: 5px 2px 8px #959494;
3341 border: 1px solid #eeeeee;
3351 background-color: #cdcdcd;
3363 background-color: #1873a2;
3368 #event-finish-text {
3373 #event-nofinish-checkbox,
3374 #event-nofinish-text,
3375 #event-adjust-checkbox,
3377 #event-share-checkbox {
3381 #event-datetime-break {
3382 margin-bottom: 10px;
3385 #event-nofinish-break,
3386 #event-adjust-break,
3387 #event-share-break {
3392 #event-location-text {
3407 margin: 50px 50px 0px 0px;
3410 .directory-details {
3432 background-color: #FF0000;
3437 border: 0px; padding: 0px;
3441 list-style-position: inside;
3451 padding-bottom: 2px;
3452 border-bottom: 1px solid black;
3465 border-bottom: 1px solid #898989;
3470 #adminpage .submit {
3480 #adminpage .plugin {
3483 border: 1px solid #888888;
3489 #adminpage .toggleplugin {
3496 border-bottom: 1p solid #000000;
3500 #adminpage table th {
3504 #adminpage td .icon {
3508 #adminpage table#users img {
3513 #adminpage table tr:hover {
3514 background-color: #eeeeee;
3517 #adminpage .selectall {
3521 /* =============== */
3522 /* = Form Fields = */
3523 /* =============== */
3526 /*margin-bottom: 10px;
3539 border: 1px solid #CDCDCD;
3540 border-radius: 5px 5px 5px 5px;
3564 border: 1px solid #c1c1c1;
3565 background-image: url("../../../images/onoff.jpg");
3566 background-repeat: no-repeat;
3567 padding: 4px 2px 2px 2px;
3569 text-decoration: none;
3571 .field .onoff .off {
3572 border-color: #c1c1c1;
3574 background-position: left center;
3575 background-color: #cccccc;
3581 border-color: #c1c1c1;
3582 padding-right: 40px;
3583 background-position: right center;
3584 background-color: #1873a2;
3590 display: none!important;
3593 .field.radio .field_help {
3602 cursor: url('lock.cur'), pointer;
3611 background-image: url("icons.png");
3614 background-image: url("star.png");
3618 background-image: url("premium.png");
3623 background-image: url("notifications.png");
3628 border: 1px solid #c1c1c1;
3630 -webkit-border-radius: 3px;
3631 -moz-border-radius: 3px;
3634 .article { background-position: -50px 0px;}
3635 .audio { background-position: -70px 0px;}
3636 .block { background-position: -90px 0px;}
3637 .drop { background-position: -110px 0px;}
3638 .drophide { background-position: -130px 0px;}
3639 .edit { background-position: -150px 0px;}
3640 .camera { background-position: -170px 0px;}
3641 .dislike { background-position: -190px 0px;}
3642 .like { background-position: -210px 0px;}
3643 .link { background-position: -230px 0px;}
3644 .globe { background-position: -50px -20px;}
3645 .noglobe { background-position: -70px -20px;}
3646 .no { background-position: -90px -20px;}
3647 .pause { background-position: -110px -20px;}
3648 .play { background-position: -130px -20px;}
3649 .pencil { background-position: -150px -20px; margin-right: 12px;}
3650 .small-pencil { background-position: -170px -20px;}
3651 .recycle { background-position: -190px -20px;}
3652 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3653 .share { background-position: -230px -20px;}
3654 .tools { background-position: -50px -40px;}
3655 .lock { background-position: -70px -40px;}
3657 background-position: -90px -40px;
3658 background-image: none;
3664 background-image: url("icons.png");
3667 margin: 2px 0px 2px 3px;
3671 .video { background-position: -110px -40px;}
3672 .youtube { background-position: -130px -40px;}
3673 .attach { background-position: -190px -40px;}
3674 .language { background-position: -210px -40px;}
3675 .on { background-position: -50px -60px;}
3676 .off { background-position: -70px -60px;}
3677 .prev { background-position: -90px -60px;}
3678 .next { background-position: -110px -60px;}
3679 .tagged { background-position: -130px -60px; margin-right: 10px;}
3680 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3683 display: block; width: 20px; height: 23px;
3684 background-image: url("../../../images/content-types.png");
3687 .type-video { background-position: 0px 0px; }
3688 .type-image { background-position: -20px 0px; }
3689 .type-audio { background-position: -40px 0px; }
3690 .type-text { background-position: -60px 0px; }
3691 .type-unkn { background-position: -80px 0px; }
3708 #profile-jot-text-loading,
3718 #photo-edit-perms-select,
3719 #photos-upload-permissions-wrapper,
3720 #profile-jot-acl-wrapper{
3721 display: block!important;
3730 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3731 padding-right: 20px;
3742 background-color: #cccccc;
3743 background-position: 7px 7px;
3744 background-repeat: no-repeat;
3747 -webkit-border-radius: 5px ;
3748 -moz-border-radius: 5px;
3752 #acl-showall.selected {
3754 background-color: #1873a2;
3759 border: 1px solid #cccccc;
3760 background-color: #efefef;
3773 border: 1px solid #cccccc;
3774 background-color: #fff;
3777 box-shadow: 2px 2px 3px #c1c1c1;
3778 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3779 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3793 padding: 2px 0px 1px;
3802 background-color: #898989;
3803 background-position: 3px 3px;
3804 background-repeat: no-repeat;
3805 margin: 10px 0 0 5px;
3807 -webkit-border-radius: 2px ;
3808 -moz-border-radius: 2px;
3812 #acl-wrapper a:hover {
3813 text-decoration: none;
3814 background-color:#1873a2;
3817 .acl-button-show.selected {
3819 background-color: #1873a2;
3822 .acl-button-hide.selected {
3824 background-color: #a2a2a2;
3827 .acl-list-item.groupshow { border-color: #1873a2; }
3828 .acl-list-item.grouphide { border-color: #a2a2a2; }
3830 /* ========================= */
3831 /* = Global Directory Link = */
3832 /* ========================= */
3834 #global-directory-link {
3837 margin-bottom: 10px;
3839 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3840 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3841 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3842 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3843 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3844 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3845 background-color: #bdbdbd;
3847 -moz-border-radius: 5px;
3848 -webkit-border-radius: 5px;
3853 #global-directory-link:hover {
3855 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3856 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3857 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3858 background-color: #1873a2;
3861 #global-directory-link:active {
3862 background-color: #1873a2;
3867 #global-directory-link a {
3871 #global-directory-link {
3872 -webkit-padding-start: 0px;
3876 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3877 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3878 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3879 background-color: #1873a2;
3881 padding: 5px 10px 5px 10px;
3885 /* notifications popup menu */
3909 #nav-notifications-menu {
3913 overflow-style: scrollbar;
3914 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3915 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3916 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3917 background-color: #a2a2a2;
3918 border-radius: 0px 0px 5px 5px;
3919 -moz-border-radius: 0px 0px 5px 5px;
3920 -webkit-border-radius: 0px 0px 5px 5px;
3921 border: 1px solid #9A9A9A;
3923 box-shadow: 5px 5px 10px #242424;
3924 -moz-box-shadow: 5px 5px 10px #242424;
3925 -webkit-box-shadow: 5px 5px 10px #242424;
3928 #nav-notifications-menu .contactname {
3933 #nav-notifications-menu img {
3938 #nav-notifications-menu .notif-when {
3943 #nav-notifications-menu li {
3944 padding: 7px 0px 7px 10px;
3946 border-bottom: 1px solid #626262;
3949 #nav-notifications-menu li:hover {
3950 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3951 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3952 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3953 background-color: #1873a2;
3956 #nav-notifications-menu a:hover {
3957 text-decoration: underline;
3961 vertical-align: middle;
3963 padding-bottom: 7px;
3966 .notif-item a:hover {
3973 padding: 7px 7px 0px 0px;
3980 /* autocomplete popup */
3987 background: #eeeeee;
3988 border-right: 1px solid #dddddd;
3989 border-left: 1px solid #dddddd;
3990 border-bottom: 1px solid #dddddd;
3991 border-radius: 0px 5px 5px 5px;
3992 -webkit-border-radius: 0px 5px 5px 5px;
3993 -moz-border-radius: 0px 5px 5px 5px;
3994 box-shadow: 3px 3px 4px #959494;
3995 -moz-box-shadow: 3px 3px 4px #959494;
3996 -webkit-box-shadow: 3px 3px 4px #959494;
4009 .acpopupitem.selected {
4011 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4012 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4013 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4014 background-color: #1873a2;
4020 filter: alpha(opacity=0);
4025 filter: alpha(opacity=100);
4029 background: #000000;
4032 /* Pages profile widget
4033 ----------------------------------------------------------- */
4035 #profile-page-list {
4039 #page-profile .title {
4043 #profile-vcard-break {
4047 #profile-extra-links {
4052 #profile-extra-links ul {
4053 list-style-type: none;
4058 #profile-extra-links li {
4062 .profile-edit-side-div {
4066 .profile-edit-side-link {
4068 filter:alpha(opacity=30);
4070 .profile-edit-side-link:hover {
4072 filter:alpha(opacity=100);
4076 ----------------------------------------------------------- */
4085 text-decoration: none;
4089 /* New posts and comments => background color
4090 ----------------------------------------------------------- */
4092 background: #fbfde9;
4095 div.wall-item-content-wrapper.shiny {
4096 background-image: url("shiny.png");
4097 background-repeat: repeat-x;
4103 #profile-nolocation,
4111 #profile-upload-wrapper,
4112 #wall-image-upload-div,
4113 #wall-file-upload-div,
4119 background: url("dot.png") repeat-x scroll left center transparent;
4120 border: medium none;