5 Created by alex@friendica.pixelbits.de on 2012-09-25
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 /* ================= */
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 0px 15px;
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;
944 .saved-search-li .icon {
948 .birthday-today, .event-today {
952 #birthday-wrapper, #event-wrapper {
962 /* ================== */
963 /* = Contacts Block = */
964 /* ================== */
970 border: 1px solid #C5C5C5;
971 border-radius: 3px 3px 3px 3px;
972 box-shadow: 0 0 8px #BDBDBD;
978 .contact-block-textdiv {
992 #profile-jot-text-loading,
998 #profile-jot-text_tbl {
1003 #profile-jot-text_ifr {
1004 width: 99.9%!important
1007 #profile-jot-submit-wrapper {
1011 #jot-title, #jot-category {
1016 border: 1px solid #cccccc;
1023 #jot-title::-webkit-input-placeholder,
1024 #jot-category::-webkit-input-placeholder {
1025 font-weight: normal;
1028 #jot-title:-moz-placeholder,
1029 #jot-category:-moz-placeholder {
1030 font-weight: normal;
1035 #jot-category:hover,
1036 #jot-category:focus {
1037 border: 1px solid #cccccc;
1040 .jothidden { display:none; }
1043 background: #FFFFC8;
1047 margin: 15px 0 15px 150px;
1050 #profile-jot-perms, #profile-jot-submit {
1053 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1054 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1055 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1056 background-color: #bdbdbd;
1057 display: inline-block;
1059 text-decoration: none;
1061 border: 1px solid #7C7D7B;
1062 border-radius: 5px 5px 5px 5px;
1070 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1071 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1072 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1073 background-color: #bdbdbd;
1074 display: inline-block;
1076 text-decoration: none;
1079 border: 1px solid #7C7D7B;
1080 border-radius: 5px 5px 5px 5px;
1083 #profile-jot-perms {
1090 border: 1px solid #7C7D7B;
1091 border-radius: 5px 5px 5px 5px;
1094 #jot-perms-perms .icon {
1098 #profile-jot-submit {
1101 margin-right: 145px;
1105 border: 1px solid #7C7D7B;
1106 border-radius: 5px 5px 5px 5px;
1109 #profile-jot-perms:hover,
1110 #profile-jot-submit:hover,
1111 #jot-preview-link:hover {
1112 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1113 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1114 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1115 background-color: #1873a2;
1116 border: 1px solid #7C7D7B;
1117 box-shadow: 0 0 8px #BDBDBD;
1118 border-radius: 5px 5px 5px 5px;
1121 #profile-jot-perms:active,
1122 #profile-jot-submit:active,
1123 #jot-preview-link:active {
1128 #character-counter {
1134 #profile-rotator-wrapper {
1143 #profile-jot-tools-end,
1144 #profile-jot-banner-end {
1148 #profile-jot-email-wrapper {
1149 margin: 10px 10% 0px 10%;
1150 border: 1px solid #eeeeee;
1154 #profile-jot-email-label {
1155 background-color: #555753;
1160 #profile-jot-email {
1165 #profile-jot-networks {
1167 border: 1px solid #eeeeee;
1172 #profile-jot-acl-wrapper {
1174 border: 1px solid #eeeeee;
1176 display:block!important;
1179 #group_allow_wrapper,
1180 #group_deny_wrapper,
1181 #acl-permit-outer-wrapper {
1186 #contact_allow_wrapper,
1187 #contact_deny_wrapper,
1188 #acl-deny-outer-wrapper {
1194 background-color: #555753;
1196 padding: 5px; float: left;
1200 background-color: #555753;
1207 background-color: #555753;
1213 #acl-permit-text-end,
1214 #acl-deny-text-end {
1218 #profile-jot-wrapper {
1223 profile-jot-banner-wrapper {
1239 padding: 20px 0px 0px;
1248 padding: 5px 10px 5px 10px;
1249 display: inline-block;
1256 padding: 5px 10px 5px 10px;
1263 .wall-item-outside-wrapper {
1265 border-bottom: 1px solid #dedede;
1267 margin-bottom: 20px;
1268 padding-right: 10px;
1270 background: none repeat scroll 0 0 #FFFFFF;
1271 border: 1px solid #CDCDCD;
1272 border-radius: 5px 5px 5px 5px;
1273 box-shadow: 0 0 8px #BDBDBD;
1276 .wall-item-outside-wrapper-end {
1280 .wall-item-content-wrapper {
1286 .wall-item-photo-menu {
1290 .wall-item-photo-menu-button {
1292 text-indent: -99999px;
1293 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1300 border-radius: 0px 0px 5px 5px;
1301 -webkit-border-radius: 0px 0px 5px 5px;
1302 -moz-border-radius: 0px 0px 5px 5px;
1310 .wall-item-photo-wrapper {
1317 filter: alpha(opacity=60);
1319 transition: all 0.25s ease-in-out;
1320 -webkit-transition: all 0.25s ease-in-out;
1321 -moz-transition: all 0.25s ease-in-out;
1323 padding-bottom: 5px;
1328 .wall-item-tools:hover {
1329 filter: alpha(opacity=100);
1331 transition: all 0.25s ease-in-out;
1332 -webkit-transition: all 0.25s ease-in-out;
1333 -moz-transition: all 0.25s ease-in-out;
1337 filter: alpha(opacity=60);
1339 transition: all 0.25s ease-in-out;
1340 -webkit-transition: all 0.25s ease-in-out;
1341 -moz-transition: all 0.25s ease-in-out;
1344 padding-bottom: 5px;
1349 .wall-item-social:hover {
1350 filter: alpha(opacity=100);
1352 transition: all 0.25s ease-in-out;
1353 -webkit-transition: all 0.25s ease-in-out;
1354 -moz-transition: all 0.25s ease-in-out;
1357 .wall-item-outside-wrapper.comment .wall-item-tools {
1361 .wall-item-like-buttons {
1365 .wall-item-like-buttons a.icon {
1371 .wall-item-links-wrapper {
1376 .wall-item-delete-wrapper {
1381 .wall-item-links-wrapper a.icon {
1409 padding-right: 10px;
1414 .wall-item-body img {
1423 .wall-item-lock-wrapper {
1431 margin: 0px 0px 10px 0px;
1437 margin: 0px 0px 0px 100px;
1441 .wall-item-author a {
1451 .wall-item-wrapper-end {
1455 .wall-item-location {
1459 text-overflow: ellipsis;
1460 -o-text-overflow: ellipsis;
1463 .wall-item-location .icon {
1467 .wall-item-location > a {
1472 font-variant: small-caps;
1476 .wall-item-location .smalltext {
1482 .wall-item-location > br {
1502 .wallwall .wwto img {
1503 width: 30px!important;
1504 height: 30px!important;
1507 .wallwall .wall-item-photo-end {
1511 .wall-item-arrowphoto-wrapper {
1518 .wall-item-photo-menu {
1522 background: #eeeeee;
1523 border-right: 1px solid #dddddd;
1524 border-left: 1px solid #dddddd;
1525 border-bottom: 1px solid #dddddd;
1531 border-radius: 0px 5px 5px 5px;
1532 -webkit-border-radius: 0px 5px 5px 5px;
1533 -moz-border-radius: 0px 5px 5px 5px;
1534 box-shadow: 3px 3px 4px #959494;
1535 -moz-box-shadow: 3px 3px 4px #959494;
1536 -webkit-box-shadow: 3px 3px 4px #959494;
1540 .wall-item-photo-menu-button {
1541 border-right: 1px solid #dddddd;
1542 border-left: 1px solid #dddddd;
1543 border-bottom: 1px solid #dddddd;
1544 box-shadow: 3px 3px 4px #959494;
1545 -moz-box-shadow: 3px 3px 4px #959494;
1546 -webkit-box-shadow: 3px 3px 4px #959494;
1549 .fakelink wall-item-photo-menu-button {
1550 -webkit-border-radius: 0px 5px 5px 5px;
1551 -moz-border-radius: 0px 5px 5px 5px;
1552 border-radius: 0px 5px 5px 5px;
1553 box-shadow: 3px 3px 4px #959494;
1554 -moz-box-shadow: 3px 3px 4px #959494;
1555 -webkit-box-shadow: 3px 3px 4px #959494;
1558 .wall-item-photo-menu ul {
1564 .wall-item-photo-menu li a {
1565 white-space: nowrap;
1571 .wall-item-photo-menu li a:hover {
1573 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1574 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1575 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1576 background-color: #1873a2;
1577 /*order-bottom: none;*/
1585 #item-delete-selected {
1593 font-family: Courier, monospace;
1597 border: 1px solid #444;
1605 background-color: #F4F8F9;
1606 border-left: 4px solid #DAE4EE;
1614 .ccollapse-wrapper {
1621 border: 0px solid #CDCDCD;
1622 border-radius: 5px 5px 5px 5px;
1623 margin-bottom: 20px;
1624 background-color: #E2E2E2;
1627 .collapsed-comments,
1629 .hide-comments-outer,
1630 .wall-item-outside-wrapper.comment {
1632 margin-bottom: 20px;
1635 .wall-item-outside-wrapper.comment .wall-item-photo {
1636 width: 40px!important;
1637 height: 40px!important;
1640 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1645 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1648 background-position: 35px center;
1651 .wall-item-outside-wrapper.comment .wall-item-info {
1655 .wall-item-outside-wrapper.comment .wall-item-body {
1658 padding-right: 10px;
1662 .wall-item-outside-wrapper.comment .wall-item-author {
1666 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1670 .icollapse-wrapper {
1675 .comment-wwedit-wrapper,
1676 .comment-edit-wrapper {
1677 margin: 0px 0px 5px 0px;
1680 .comment-wwedit-wrapper img,
1681 .comment-edit-wrapper img {
1687 .comment-edit-photo-link {
1692 .comment-edit-text-empty {
1696 transition: all 0.5s ease-in-out;
1697 -webkit-transition: all 0.5s ease-in-out;
1698 -moz-transition: all 0.5s ease-in-out;
1701 .comment-edit-text-empty:hover {
1705 .comment-edit-text-full {
1708 transition: all 0.5s ease-in-out;
1709 -webkit-transition: all 0.5s ease-in-out;
1710 -moz-transition: all 0.5s ease-in-out;
1713 .comment-edit-submit-wrapper {
1719 .comment-edit-submit {
1722 background-color: #a2a2a2;
1724 border: 1px solid #CDCDCD;
1725 border-radius: 5px 5px 5px 5px;
1728 .comment-edit-submit:hover {
1729 background-color: #1873a2;
1730 border: 1px solid #CDCDCD;
1731 border-radius: 5px 5px 5px 5px;
1732 box-shadow: 0 0 8px #BDBDBD;
1735 .comment-edit-submit:active {
1736 background-color: #1873a2;
1739 #item-delete-selected-desc {
1744 .wall-item-body code {
1745 font-family: Courier, monospace;
1749 border: 1px solid #cccccc;
1750 border-width: 1px 1px 1px 10px;
1759 .advanced-profile-content {
1761 margin-bottom: 10px;
1766 .advanced-profile-label {
1769 padding-bottom: 5px;
1773 div[id$="wrapper"] {
1777 div[id$="wrapper"] br {
1781 #advanced-profile-with {
1785 #profile-listing-desc {
1788 padding: 5px 10px 5px 10px;
1790 margin-bottom: 20px;
1792 display: inline-block;
1797 #profile-listing-new-link-wrapper {
1803 padding: 5px 10px 5px 10px;
1808 .profile-listing-name {
1811 .profile-listing-name a {
1815 #profile-edit-links li {
1818 margin-bottom: 20px;
1820 background-color: #a2a2a2;
1822 padding: 5px 10px 5px 10px;
1825 border-radius: 5px 5px 5px 5px;
1826 -webkit-border-radius: 5px 5px 5px 5px;
1827 -moz-border-radius: 5px 5px 5px 5px;
1830 #profile-edit-links li a {
1834 #profile-edit-links li:hover {
1835 background-color: #1873a2;
1838 #profile-edit-links li:active {
1839 background-color: #1873a2;
1842 #profile-edit-links-end {
1844 margin-bottom: 15px;
1847 .profile-edit-side-div {
1855 #cropimage-wrapper {
1863 .profile-match-name a{
1868 .profile-match-name a:hover {
1872 .profile-match-wrapper {
1875 margin-bottom: 10px;
1877 background-color: #f6f6f6;
1878 border: 1px solid #dddddd;
1879 box-shadow: 3px 3px 4px #959494;
1880 -moz-box-shadow: 3px 3px 4px #959494;
1881 -webkit-box-shadow: 3px 3px 4px #959494;
1885 .profile-match-end {
1889 .profile-match-photo {
1903 #side-bar-photos-albums h3:before {
1904 content: url("photography.png");
1905 padding-right: 10px;
1906 vertical-align: middle;
1909 #side-bar-photos-albums li {
1919 margin-bottom: 20px;
1921 background-color: #a2a2a2;
1923 padding: 5px 10px 5px 10px;
1926 border-radius: 5px 5px 5px 5px;
1927 -webkit-border-radius: 5px 5px 5px 5px;
1928 -moz-border-radius: 5px 5px 5px 5px;
1931 #photo-top-links a {
1935 #photo-top-links:hover {
1936 background-color: #1873a2;
1939 #photo-top-links:active {
1940 background-color: #1873a2;
1943 .photo-album-image-wrapper {
1945 margin: 0px 10px 10px 0px;
1946 padding-bottom: 30px;
1950 .photo-top-image-wrapper {
1954 margin: 0px 10px 10px 0px;
1955 padding-bottom: 30px;
1959 #photo-album-wrapper-inner {
1976 .photo-top-image-wrapper a:hover,
1977 #photo-photo a:hover,
1978 .photo-album-image-wrapper a:hover {
1983 .photo-album-photo {}
1985 .photo-top-album-name {
1990 font-stretch: semi-expanded;
1993 .photo-top-album-name a {
2026 background-color: rgba(255,255,255,0.2);
2028 transition: all 0.2s ease-in-out;
2029 -webkit-transition: all 0.2s ease-in-out;
2030 -moz-transition: all 0.2s ease-in-out;
2031 background-position: center center;
2032 background-repeat: no-repeat;
2038 background-image: url('prev.png');
2044 background-image: url('next.png');
2048 #photo-next-link a {
2053 text-indent: -900000px;
2056 #photo-prev-link:hover,
2057 #photo-next-link:hover {
2059 transition: all 0.2s ease-in-out;
2060 -webkit-transition: all 0.2s ease-in-out;
2061 -moz-transition: all 0.2s ease-in-out;
2064 #photo-next-link .icon,
2065 #photo-prev-link .icon {
2069 #photos-upload-spacer,
2070 #photos-upload-new-wrapper,
2071 #photos-upload-exist-wrapper {
2075 #photos-upload-existing-album-text,
2076 #photos-upload-newalbum-div {
2077 background-color: #fff;
2085 #photos-upload-album-select,
2086 #photos-upload-newalbum {
2090 #photos-upload-perms-menu {
2095 #photos-upload-perms-menu .icon {
2101 border: 1px solid #b0b0b0;
2103 border-radius: 3px 3px 3px 3px;
2104 -webkit-border-radius: 3px 3px 3px 3px;
2105 -moz-border-radius: 3px 3px 3px 3px;
2110 select[size][multiple] {
2111 margin: 5px 0px 10px 0px;
2115 -webkit-appearance: menulist;
2116 box-sizing: border-box;
2117 -webkit-box-align: center;
2124 letter-spacing: normal;
2125 word-spacing: normal;
2127 text-transform: none;
2130 display: inline-block;
2131 text-align: -webkit-auto;
2138 letter-spacing: normal;
2139 word-spacing: normal;
2141 text-transform: none;
2144 display: inline-block;*/
2145 text-align: -webkit-auto;
2150 -moz-border-radius: 5px;
2151 -webkit-border-radius: 5px;
2156 margin-bottom: 20px;
2158 background-color: #a2a2a2;
2160 padding: 5px 10px 5px 10px;
2163 border-radius: 5px 5px 5px 5px;
2164 -webkit-border-radius: 5px 5px 5px 5px;
2165 -moz-border-radius: 5px 5px 5px 5px;
2168 #album-edit-link a {
2172 #album-edit-link:hover {
2173 background-color: #1873a2;
2176 #photo-edit-link-wrap {
2177 margin-bottom: 10px;
2186 input#photo_edit_form {
2191 #photo-edit-perms-menu {
2200 #photo-edit-perms-menu .icon {
2204 #photo-edit-delete-button {
2210 #photo-album-edit-wrapper {
2211 margin-bottom: 10px;
2225 background-color: #fff;
2226 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2227 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2228 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2231 #prvmail-wrapper:before,
2232 #prvmail-wrapper:after,
2233 .mail-conv-detail:before,
2234 .mail-conv-detail:after,
2235 .mail-list-detail:before,
2236 .mail-list-detail:after {
2243 background: transparent;
2244 transform: skew(-5deg) rotate(-5deg);
2245 -webkit-transform: skew(-5deg) rotate(-5deg);
2246 -moz-transform: skew(-5deg) rotate(-5deg);
2247 -ms-transform: skew(-5deg) rotate(-5deg);
2248 -o-transform: skew(-5deg) rotate(-5deg);
2249 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2250 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2251 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2255 #prvmail-wrapper:after,
2256 .mail-conv-detail:after,
2257 .mail-list-detail:after {
2260 transform: skew(5deg) rotate(5deg);
2261 -webkit-transform: skew(5deg) rotate(5deg);
2262 -moz-transform: skew(5deg) rotate(5deg);
2263 -ms-transform: skew(5deg) rotate(5deg);
2264 -o-transform: skew(5deg) rotate(5deg);
2280 #prvmail-subject .input {
2281 border: none !important;
2284 #prvmail-subject-label {}
2290 #prvmail-to-label {}
2292 #prvmail-message-label {
2296 #prvmail-submit-wrapper {
2310 #prvmail-submit-wrapper > div {
2315 .mail-list-outside-wrapper {
2322 background-color: #efefef;
2323 border: 1px solid #C5C5C5;
2324 border-radius: 3px 3px 3px 3px;
2325 box-shadow: 0 0 8px #BDBDBD;
2326 -moz-box-shadow: 3px 3px 4px #959494;
2327 -webkit-box-shadow: 3px 3px 4px #959494;
2336 border: 1px solid #dddddd;
2339 .mail-list-sender-name {
2350 font-stretch: ultra-condensed;
2353 .mail-list-subject {
2357 padding-right: 50px;
2360 .mail-list-subject a {
2364 .mail-list-delete-wrapper {
2368 .mail-list-outside-wrapper-end {
2372 .mail-conv-outside-wrapper {
2373 margin-bottom: 10px;
2379 margin: 0px 5px 5px 0px;
2382 .mail-conv-sender-photo {
2387 .mail-conv-sender-name {
2396 .mail-conv-subject {
2409 padding-bottom: 20px;
2412 vertical-align: middle;
2414 border: 1px solid #dddddd;
2421 .mail-conv-delete-wrapper {
2429 border: 1px solid #dddddd;
2432 /* ================= */
2433 /* = Notifications = */
2434 /* ================= */
2436 #notification-show-hide-wrapper {
2438 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2439 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2440 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2441 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2442 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2443 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2444 background-color: #bdbdbd;
2446 -moz-border-radius: 5px;
2447 -webkit-border-radius: 5px;
2448 padding: 5px 10px 5px 10px;
2456 #notification-show-hide-wrapper:hover {
2458 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2459 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2460 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2461 background-color: #1873a2;
2464 #notification-show-hide-wrapper:active {
2465 background-color: #1873a2;
2470 #notification-show-hide-wrapper a {
2479 margin-bottom: 10px;
2489 .view-contact-wrapper,
2490 .contact-entry-wrapper {
2493 margin-bottom: 20px;
2507 .contact-entry-direction-wrapper {
2512 .contact-entry-edit-links {
2517 #contacts-show-hide-link {
2518 margin-bottom: 20px;
2523 .contact-entry-name {
2533 .contact-entry-photo {
2537 .contact-entry-edit-links .icon {
2538 border: 1px solid #babdb6;
2540 -webkit-border-radius: 3px;
2541 -moz-border-radius: 3px;
2542 background-color: #ffffff;
2545 #contact-edit-banner-name {
2550 #contact-edit-update-now {
2555 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2556 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2557 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2558 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2559 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2560 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2561 background-color: #bdbdbd;
2563 -moz-border-radius: 5px;
2564 -webkit-border-radius: 5px;
2565 display: inline-block;
2567 text-decoration: none;
2571 #contact-edit-update-now:hover {
2572 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2573 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2574 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2575 background-color: #1873a2;
2578 #contact-edit-update-now:active {
2583 #contact-edit-update-now a {
2590 .contact-photo-menu-button {
2592 background-image: url("photo-menu.jpg");
2593 background-position: top left;
2594 background-repeat: no-repeat;
2595 margin: 0px; padding: 0px;
2598 top: 64px; left:0px;
2604 .contact-photo-menu {
2606 border: 1px solid #ddd;
2607 background: #f1f1f1;
2609 left: 0px; top: 90px;
2612 box-shadow: 3px 3px 5px #888;
2613 -moz-box-shadow: 3px 3px 5px #888;
2614 -webkit-box-shadow: 3px 3px 5px #888;
2617 .contact-photo-menu ul {
2623 .contact-photo-menu li a {
2630 .contact-photo-menu li a:hover {
2632 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2633 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2634 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2635 background-color: #1873a2;
2636 text-decoration: none;
2639 .view-contact-name {}
2642 background-color: #efefef;
2648 margin-bottom: 80px;
2651 #follow-sidebar h3:before {
2652 content: url("user.png");
2653 padding-right: 10px;
2654 vertical-align: middle;
2657 #follow-sidebar input[type="text"] {
2659 margin-bottom: 10px;
2662 #side-follow-submit {
2671 margin: auto 10px 20px;
2672 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2673 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2674 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2675 background-color: #bdbdbd;
2676 padding: 5px 10px 5px 10px;
2680 border: 1px solid #7C7D7B;
2681 border-radius: 5px 5px 5px 5px;
2684 #side-match-link:hover {
2686 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2687 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2688 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2689 background-color: #1873a2;
2690 border: 1px solid #7C7D7B;
2691 box-shadow: 0 0 8px #BDBDBD;
2692 border-radius: 5px 5px 5px 5px;
2695 #side-match-link:active {
2696 background-color: #1873a2;
2701 #side-match-link a {
2709 margin-bottom: 20px;
2710 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2711 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2712 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2713 background-color: #bdbdbd;
2714 padding: 5px 10px 5px 10px;
2718 border: 1px solid #7C7D7B;
2719 border-radius: 5px 5px 5px 5px;
2722 #side-invite-link:hover {
2724 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2725 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2726 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2727 background-color: #1873a2;
2728 border: 1px solid #7C7D7B;
2729 box-shadow: 0 0 8px #BDBDBD;
2730 border-radius: 5px 5px 5px 5px;
2734 #side-invite-link:active {
2735 background-color: #1873a2;
2740 #side-invite-link a {
2744 #side-suggest-link {
2748 margin-bottom: 20px;
2749 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2750 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2751 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2752 background-color: #bdbdbd;
2753 padding: 5px 10px 5px 10px;
2757 border: 1px solid #7C7D7B;
2758 border-radius: 5px 5px 5px 5px;
2761 #side-suggest-link:hover {
2763 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2764 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2765 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2766 background-color: #1873a2;
2767 border: 1px solid #7C7D7B;
2768 box-shadow: 0 0 8px #BDBDBD;
2769 border-radius: 5px 5px 5px 5px;
2772 #side-suggest-link:active {
2773 background-color: #1873a2;
2778 #side-suggest-link a {
2784 #invite-recipient-text {
2788 #side-follow-wrapper {
2791 font-stretch: semi-expanded;
2792 background-color: #f3f3f3;
2793 border: 1px solid #cdcdcd;
2796 border-radius: 5px 5px 5px 5px;
2797 -webkit-border-radius: 5px 5px 5px 5px;
2798 -moz-border-radius: 5px 5px 5px 5px;
2801 #side-follow-wrapper label{
2803 font-variant: normal;
2811 margin-bottom: 20px;
2812 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2813 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2814 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2815 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2816 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2817 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2818 background-color: #bdbdbd;
2820 -moz-border-radius: 5px;
2821 -webkit-border-radius: 5px;
2822 padding: 5px 10px 5px 10px;
2828 #contact-suggest:hover {
2830 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2831 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2832 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2833 background-color: #1873a2;
2836 #contact-suggest:active {
2837 background-color: #1873a2;
2842 #contact-suggest a {
2858 /* ===================================== */
2859 /* = Register, Settings, Profile Forms = */
2860 /* ===================================== */
2862 #id_openid_url, .openid input{
2863 background: url(login-bg.gif) no-repeat;
2864 background-position: 0 50%;
2866 width: 220px!important;
2872 #profile-tabs-wrapper {
2876 #profile-tab-status-link {
2878 padding: 5px 10px 5px 10px;
2886 #profile-tab-profile-link {
2888 padding: 5px 10px 5px 10px;
2893 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2894 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2895 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2896 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2897 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2898 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2899 background-color: #7c7d7b;
2901 -moz-border-radius: 5px;
2902 -webkit-border-radius: 5px;
2903 padding: 5px 10px 5px 10px;
2904 margin-bottom: 10px;
2907 #uexport-link:hover {
2909 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2910 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2911 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2912 background-color: #555753;
2915 #uexport-link:active {
2917 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2918 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2919 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2920 background-color: #1873a2;
2925 #settings-default-perms .fakelink {
2929 #settings-default-perms {
2933 padding: 5px 10px 5px 10px;
2934 margin-bottom: 10px;
2935 background-color: #BDBDBD;
2936 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2937 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2938 border: 1px solid #7C7D7B;
2939 border-radius: 5px 5px 5px 5px;
2942 #settings-default-perms:hover {
2944 background-color: #555753;
2945 border: 1px solid #7C7D7B;
2946 box-shadow: 0 0 8px #BDBDBD;
2947 border-radius: 5px 5px 5px 5px;
2950 #settings-default-perms:active {
2952 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2953 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2954 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2955 background-color: #1873a2;
2960 #settings-nickname-desc {
2962 background-color: #efefef;
2963 margin-bottom: 10px;
2965 -webkit-border-radius: 5px;
2966 -moz-border-radius: 5px;
2970 #register-form div {
2974 #profile-edit-form div {
2978 #profile-edit-form div[id$='desc'] {
2983 #register-form label,
2984 #profile-edit-form label {
2987 margin-right: 155px;
2990 /* #register-form span,
2991 #profile-edit-form span { */
2992 #register-form span {
2995 margin-bottom: 20px;
2998 .settings-submit-wrapper,
2999 .profile-edit-submit-wrapper {
3006 margin: 20px 20px 0px 0px;
3010 #register-sitename {
3015 #register-submit-button {
3019 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3025 #register-name, #register-email, #register-nickname {
3037 #register-fill-ext {
3038 margin-bottom: 25px;
3041 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3045 #register-nickname-desc {
3050 /* ===================== */
3051 /* = Contacts Selector = */
3052 /* ===================== */
3054 #group-edit-wrapper {
3055 margin-bottom: 10px;
3058 #group-edit-name-wrapper {
3062 #group-edit-submit-wrapper {
3063 margin-bottom: 10px;
3064 margin-right: 400px;
3069 .group-delete-wrapper {
3073 margin-bottom: 10px;
3074 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3075 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3076 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3077 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3078 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3079 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3080 background-color: #bdbdbd;
3082 -moz-border-radius: 5px;
3083 -webkit-border-radius: 5px;
3086 .group-delete-wrapper:hover {
3087 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3088 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3089 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3090 background-color: #1873a2;
3093 .group-delete-wrapper:active {
3094 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3095 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3096 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3097 background-color: #1873a2;
3100 .group-delete-wrapper a {
3119 background-color: #f0edf0;
3121 border: 1px solid #ccc;
3122 margin-bottom: 10px;
3126 #group-all-contacts,
3127 #prof-all-contacts {
3131 border: 1px solid #ccc;
3132 background-color: #f0edf0;
3137 #group-all-contacts h3,
3139 #prof-all-contacts h3{
3171 margin-bottom: 10px;
3172 background-color: #fff;
3173 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3174 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3175 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3186 background: transparent;
3187 transform: skew(-5deg) rotate(-5deg);
3188 -webkit-transform: skew(-5deg) rotate(-5deg);
3189 -moz-transform: skew(-5deg) rotate(-5deg);
3190 -ms-transform: skew(-5deg) rotate(-5deg);
3191 -o-transform: skew(-5deg) rotate(-5deg);
3192 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3193 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3194 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3201 transform: skew(5deg) rotate(5deg);
3202 -webkit-transform: skew(5deg) rotate(5deg);
3203 -moz-transform: skew(5deg) rotate(5deg);
3204 -ms-transform: skew(5deg) rotate(5deg);
3205 -o-transform: skew(5deg) rotate(5deg);
3208 .vevent .event-description {
3213 font-weight: bolder;
3216 .vevent .event-location {
3220 font-style: oblique;
3224 .vevent .event-start,
3225 .vevent .event-end {
3237 margin-bottom: 10px;
3239 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3240 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3241 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3242 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3243 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3244 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3245 background-color: #bdbdbd;
3247 -moz-border-radius: 5px;
3248 -webkit-border-radius: 5px;
3252 #new-event-link:hover {
3254 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3255 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3256 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3257 background-color: #1873a2;
3260 #new-event-link:active {
3261 background-color: #1873a2;
3271 .edit-event-link, .plink-event-link {
3275 margin-bottom: 15px;
3278 .event-description:before {
3279 content: url('calendar.png');
3281 vertical-align: middle;
3290 .event-start .dtstart,
3297 margin-bottom: 10px;
3298 font-stretch: condensed;
3309 .event-calendar-end {
3315 font-family: Helvetica, Arial, sans-serif;
3316 background-color: #f1f1f1;
3317 border: 1px solid #dedede;
3318 margin-bottom: 10px;
3319 box-shadow: 5px 5px 8px #959494;
3320 -moz-box-shadow: 5px 5px 8px #959494;
3321 -webkit-box-shadow: 5px 5px 8px #959494;
3325 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3326 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3327 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3328 background-color: #1873a2;
3329 padding: 10px 0px 10px 0px;
3334 box-shadow: 5px 2px 8px #959494;
3335 -moz-box-shadow: 5px 2px 8px #959494;
3336 -webkit-box-shadow: 5px 2px 8px #959494;
3340 border: 1px solid #eeeeee;
3350 background-color: #cdcdcd;
3362 background-color: #1873a2;
3367 #event-finish-text {
3372 #event-nofinish-checkbox,
3373 #event-nofinish-text,
3374 #event-adjust-checkbox,
3376 #event-share-checkbox {
3380 #event-datetime-break {
3381 margin-bottom: 10px;
3384 #event-nofinish-break,
3385 #event-adjust-break,
3386 #event-share-break {
3391 #event-location-text {
3406 margin: 50px 50px 0px 0px;
3409 .directory-details {
3431 background-color: #FF0000;
3436 border: 0px; padding: 0px;
3440 list-style-position: inside;
3450 padding-bottom: 2px;
3451 border-bottom: 1px solid black;
3464 border-bottom: 1px solid #898989;
3469 #adminpage .submit {
3479 #adminpage .plugin {
3482 border: 1px solid #888888;
3488 #adminpage .toggleplugin {
3495 border-bottom: 1p solid #000000;
3499 #adminpage table th {
3503 #adminpage td .icon {
3507 #adminpage table#users img {
3512 #adminpage table tr:hover {
3513 background-color: #eeeeee;
3516 #adminpage .selectall {
3520 /* =============== */
3521 /* = Form Fields = */
3522 /* =============== */
3541 border: 1px solid #CDCDCD;
3542 border-radius: 5px 5px 5px 5px;
3566 border: 1px solid #c1c1c1;
3567 background-image: url("../../../images/onoff.jpg");
3568 background-repeat: no-repeat;
3569 padding: 4px 2px 2px 2px;
3571 text-decoration: none;
3573 .field .onoff .off {
3574 border-color: #c1c1c1;
3576 background-position: left center;
3577 background-color: #cccccc;
3583 border-color: #c1c1c1;
3584 padding-right: 40px;
3585 background-position: right center;
3586 background-color: #1873a2;
3592 display: none!important;
3595 .field .radio .field_help {
3604 cursor: url('lock.cur'), pointer;
3613 background-image: url("icons.png");
3616 background-image: url("star.png");
3620 background-image: url("premium.png");
3625 background-image: url("notifications.png");
3630 border: 1px solid #c1c1c1;
3632 -webkit-border-radius: 3px;
3633 -moz-border-radius: 3px;
3636 .article { background-position: -50px 0px;}
3637 .audio { background-position: -70px 0px;}
3638 .block { background-position: -90px 0px;}
3639 .drop { background-position: -110px 0px;}
3640 .drophide { background-position: -130px 0px;}
3641 .edit { background-position: -150px 0px;}
3642 .camera { background-position: -170px 0px;}
3643 .dislike { background-position: -190px 0px;}
3644 .like { background-position: -210px 0px;}
3645 .link { background-position: -230px 0px;}
3646 .globe { background-position: -50px -20px;}
3647 .noglobe { background-position: -70px -20px;}
3648 .no { background-position: -90px -20px;}
3649 .pause { background-position: -110px -20px;}
3650 .play { background-position: -130px -20px;}
3651 .pencil { background-position: -150px -20px; margin-right: 12px;}
3652 .small-pencil { background-position: -170px -20px;}
3653 .recycle { background-position: -190px -20px;}
3654 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3655 .share { background-position: -230px -20px;}
3656 .tools { background-position: -50px -40px;}
3657 .lock { background-position: -70px -40px;}
3659 background-position: -90px -40px;
3660 background-image: none;
3666 background-image: url("icons.png");
3669 margin: 2px 0px 2px 3px;
3673 .video { background-position: -110px -40px;}
3674 .youtube { background-position: -130px -40px;}
3675 .attach { background-position: -190px -40px;}
3676 .language { background-position: -210px -40px;}
3677 .on { background-position: -50px -60px;}
3678 .off { background-position: -70px -60px;}
3679 .prev { background-position: -90px -60px;}
3680 .next { background-position: -110px -60px;}
3681 .tagged { background-position: -130px -60px; margin-right: 10px;}
3682 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3685 display: block; width: 20px; height: 23px;
3686 background-image: url("../../../images/content-types.png");
3689 .type-video { background-position: 0px 0px; }
3690 .type-image { background-position: -20px 0px; }
3691 .type-audio { background-position: -40px 0px; }
3692 .type-text { background-position: -60px 0px; }
3693 .type-unkn { background-position: -80px 0px; }
3715 #photo-edit-perms-select,
3716 #photos-upload-permissions-wrapper,
3717 #profile-jot-acl-wrapper{
3718 display: block!important;
3727 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3728 padding-right: 20px;
3739 background-color: #cccccc;
3740 background-position: 7px 7px;
3741 background-repeat: no-repeat;
3744 -webkit-border-radius: 5px ;
3745 -moz-border-radius: 5px;
3749 #acl-showall.selected {
3751 background-color: #1873a2;
3756 border: 1px solid #cccccc;
3757 background-color: #efefef;
3770 border: 1px solid #cccccc;
3771 background-color: #fff;
3774 box-shadow: 2px 2px 3px #c1c1c1;
3775 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3776 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3790 padding: 2px 0px 1px;
3799 background-color: #898989;
3800 background-position: 3px 3px;
3801 background-repeat: no-repeat;
3802 margin: 10px 0 0 5px;
3804 -webkit-border-radius: 2px ;
3805 -moz-border-radius: 2px;
3809 #acl-wrapper a:hover {
3810 text-decoration: none;
3811 background-color:#1873a2;
3814 .acl-button-show.selected {
3816 background-color: #1873a2;
3819 .acl-button-hide.selected {
3821 background-color: #a2a2a2;
3824 .acl-list-item.groupshow { border-color: #1873a2; }
3825 .acl-list-item.grouphide { border-color: #a2a2a2; }
3827 /* ========================= */
3828 /* = Global Directory Link = */
3829 /* ========================= */
3831 #global-directory-link {
3834 margin-bottom: 10px;
3835 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3836 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3837 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3838 background-color: #bdbdbd;
3841 -webkit-padding-start: 0px;
3842 border: 1px solid #7C7D7B;
3843 border-radius: 5px 5px 5px 5px;
3846 #global-directory-link:hover {
3848 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3849 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3850 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3851 background-color: #1873a2;
3852 border: 1px solid #7C7D7B;
3853 box-shadow: 0 0 8px #BDBDBD;
3854 border-radius: 5px 5px 5px 5px;
3857 #global-directory-link:active {
3858 background-color: #1873a2;
3863 #global-directory-link a {
3868 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3869 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3870 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3871 background-color: #1873a2;
3873 padding: 5px 10px 5px 10px;
3877 /* notifications popup menu */
3901 #nav-notifications-menu {
3905 overflow-style: scrollbar;
3906 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3907 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3908 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3909 background-color: #a2a2a2;
3910 border-radius: 0px 0px 5px 5px;
3911 -moz-border-radius: 0px 0px 5px 5px;
3912 -webkit-border-radius: 0px 0px 5px 5px;
3913 border: 1px solid #9A9A9A;
3915 box-shadow: 5px 5px 10px #242424;
3916 -moz-box-shadow: 5px 5px 10px #242424;
3917 -webkit-box-shadow: 5px 5px 10px #242424;
3920 #nav-notifications-menu .contactname {
3925 #nav-notifications-menu img {
3930 #nav-notifications-menu .notif-when {
3935 #nav-notifications-menu li {
3936 padding: 7px 0px 7px 10px;
3938 border-bottom: 1px solid #626262;
3941 #nav-notifications-menu li:hover {
3942 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3943 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3944 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3945 background-color: #1873a2;
3948 #nav-notifications-menu a:hover {
3949 text-decoration: underline;
3953 vertical-align: middle;
3955 padding-bottom: 7px;
3958 .notif-item a:hover {
3965 padding: 7px 7px 0px 0px;
3972 /* autocomplete popup */
3979 background: #eeeeee;
3980 border-right: 1px solid #dddddd;
3981 border-left: 1px solid #dddddd;
3982 border-bottom: 1px solid #dddddd;
3983 border-radius: 0px 5px 5px 5px;
3984 -webkit-border-radius: 0px 5px 5px 5px;
3985 -moz-border-radius: 0px 5px 5px 5px;
3986 box-shadow: 3px 3px 4px #959494;
3987 -moz-box-shadow: 3px 3px 4px #959494;
3988 -webkit-box-shadow: 3px 3px 4px #959494;
4001 .acpopupitem.selected {
4003 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4004 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4005 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4006 background-color: #1873a2;
4012 filter: alpha(opacity=0);
4017 filter: alpha(opacity=100);
4021 background: #000000;
4024 /* Pages profile widget
4025 ----------------------------------------------------------- */
4027 #profile-page-list {
4031 #page-profile .title {
4035 #profile-vcard-break {
4039 #profile-extra-links {
4044 #profile-extra-links ul {
4045 list-style-type: none;
4050 #profile-extra-links li {
4054 .profile-edit-side-div {
4058 .profile-edit-side-link {
4060 filter:alpha(opacity=30);
4062 .profile-edit-side-link:hover {
4064 filter:alpha(opacity=100);
4068 ----------------------------------------------------------- */
4077 text-decoration: none;
4081 /* New posts and comments => background color
4082 ----------------------------------------------------------- */
4084 background: #fbfde9;
4087 div.wall-item-content-wrapper.shiny {
4088 background-image: url("shiny.png");
4089 background-repeat: repeat-x;
4095 #profile-nolocation,
4103 #profile-upload-wrapper,
4104 #wall-image-upload-div,
4105 #wall-file-upload-div,
4111 background: url("dot.png") repeat-x scroll left center transparent;
4112 border: medium none;