5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-20
11 Blue link hover - #6da6c4
12 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
13 Grey/body text - #626262
14 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
15 Dark Grey Gradients - #7c7d7b and #555753
24 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
26 font-size-adjust: none;
32 background-color: #F2F2F2;
43 text-decoration: none;
73 /* font-variant:small-caps; */
77 list-style: none outside none;
81 list-style: none outside none;
82 background: url("arrow.png") no-repeat scroll left center transparent;
97 /*background: url("down.png") no-repeat scroll left center transparent;*/
112 border: 1px solid #b0b0b0;
115 /*margin-top: 10px;*/
116 border-radius: 3px 3px 3px 3px;
117 -webkit-border-radius: 3px 3px 3px 3px;
118 -moz-border-radius: 3px 3px 3px 3px;
121 input[type=text-sidebar] {
122 border: 1px solid #b0b0b0;
127 border-radius: 3px 3px 3px 3px;
128 -webkit-border-radius: 3px 3px 3px 3px;
129 -moz-border-radius: 3px 3px 3px 3px;
136 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
137 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
138 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
139 background-color: #bdbdbd;
142 border: 1px solid #7C7D7B;
143 border-radius: 5px 5px 5px 5px;
146 input[type=submit]:hover {
147 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
148 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
149 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
150 background-color: #1873a2;
152 border: 1px solid #7C7D7B;
153 box-shadow: 0 0 8px #BDBDBD;
154 border-radius: 5px 5px 5px 5px;
156 input[type=submit]:active {
167 color: #000; /* Safari and Opera */
172 color: #000; /* Firefox */
184 border: 1px solid #dddddd;
185 box-shadow: 3px 3px 6px #959494;
186 -moz-box-shadow: 3px 3px 6px #959494;
187 -webkit-box-shadow: 3px 3px 6px #959494;
188 background-color: #efefef;
194 background: none repeat scroll 0 0 #FFFFFF;
195 border: 1px solid #C5C5C5;
196 border-radius: 3px 3px 3px 3px;
197 box-shadow: 0 0 8px #BDBDBD;
205 border: 1px solid #7C7D7B;
206 border-radius: 5px 5px 5px 5px;
208 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
209 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
210 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
211 background-color: #bdbdbd;
217 border: 1px solid #7C7D7B;
218 box-shadow: 0 0 8px #BDBDBD;
219 border-radius: 5px 5px 5px 5px;
220 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
221 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
222 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
223 background-color: #1873a2;
240 #login-name-wrapper {
241 vertical-align: middle;
245 #login-name-wrapper input {
250 #login-password-wrapper {
251 vertical-align: middle;
260 #login-extra-links a {
263 padding: 5px 0px 5px 0px;
268 #login-extra-filler {
280 -webkit-border-radius: 5px;
281 -moz-border-radius: 5px;
282 border: 1px solid #494948;
283 background-color: #2e3436;
288 box-shadow: 7px 7px 10px #434343;
289 -moz-box-shadow: 7px 7px 12px #434343;
290 -webkit-box-shadow: 7px75px 12px #434343;
314 background-color: #1873a2;
325 list-style: none outside none;
335 background-color: #BDBDBD;
336 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
337 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
338 border: 1px solid #7C7D7B;
339 box-shadow: 0 0 8px #BDBDBD;
340 border-radius: 5px 5px 5px 5px;
344 text-decoration: none;
350 text-decoration: none;
363 nav #banner #logo-text a {
368 text-shadow: #7C7D7B 3px 3px 5px;
380 vertical-align: middle;
381 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
382 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
383 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
384 background-color: #a2a2a2;
386 -moz-border-radius: 5px;
387 -webkit-border-radius: 5px;
388 border: 1px solid #7C7D8B;
390 text-decoration: none;
393 nav #user-menu-label::after {
394 content: url("menu-user-pin.png") no-repeat;
398 nav #user-menu-label {
399 vertical-align: middle;
408 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
409 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
410 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
411 background-color: #898988;
418 border: 1px solid #9a9a9a;
420 -webkit-border-radius: 0px 0px 5px 5px;
421 -moz-border-radius: 0px 0px 5px 5px;
422 border-radius: 0px 0px 5px 5px;
423 -moz-box-shadow: 5px 5px 10px #242424;
424 -webkit-box-shadow: 5px 5px 10px #242424;
425 box-shadow: 5px 5px 10px #242424;
429 ul#user-menu-popup li {
433 ul#user-menu-popup li a {
438 ul#user-menu-popup li a:hover {
440 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
441 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
442 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
443 background-color: #6da6c4;
446 ul#user-menu-popup li a.nav-sep {
447 border-top: 1px solid #989898;
465 background: transparent url('notifications.png') 0px 0px no-repeat;
475 background-position: 0px -168px;
479 background-position: 0px -126px;
483 background-position: 0px -40px;
487 background-position: 0px -84px;
491 background-position: 0px 0px;
508 /* =================== */
509 /* = System Messages = */
510 /* =================== */
512 #sysmsg_info, #sysmsg {
514 bottom: 0px; right:20%;
515 box-shadow: 7px 7px 10px #434343;
516 -moz-box-shadow: 7px 7px 12px #434343;
517 -webkit-box-shadow: 7px75px 12px #434343;
519 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
520 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
521 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
522 background-color: #1873a2;
523 border-radius: 5px 5px 0px 0px;
524 -webkit-border-radius: 5px 5px 0px 0px;
525 -moz-border-radius: 5px 5px 0px 0px;
526 border: 1px solid #da2c2c;
528 padding-bottom: 50px;
538 border-top: 1px solid #dddddd;
541 /* ================= */
542 /* = Aside/Sidebar = */
543 /* ================= */
563 font-variant: normal;
564 -webkit-margin-start: 10px;
573 .vcard #profile-photo-wrapper {
577 background: none repeat scroll 0 0 #FFFFFF;
578 border: 1px solid #C5C5C5;
579 box-shadow: 0 0 8px #BDBDBD;
580 -moz-box-shadow: 3px 3px 4px #959494;
581 -webkit-box-shadow: 3px 3px 4px #959494;
582 border-radius: 5px 5px 5px 5px;
596 padding-bottom: 10px;
599 #profile-extra-links ul {
606 box-shadow: inset 0px 1px 0px 0px #a65151;
607 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
608 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
609 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
610 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
611 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
612 background-color: #6da6c4;
614 -moz-border-radius: 5px;
615 -webkit-border-radius: 5px;
616 border: 1px solid #fc5656;
617 display: inline-block;
619 font-family: Trebuchet MS;
625 text-decoration: none;
626 text-shadow: 1px 1px 0px #b36f6f;
629 #dfrn-request-link:hover {
630 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
631 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
632 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
633 background-color: #1873a2;
636 #dfrn-request-link:active {
641 #dfrn-request-intro {
646 background-color: #f6f6f6;
647 padding: 5px 5px 5px 5px;
649 #netsearch-box input[type="text"] {
652 #netsearch-box input[type="submit"] {
657 content: url("search.png");
659 vertical-align: middle;
663 background-color: #f3f3f3;
664 border: 1px solid #cdcdcd;
666 border-radius: 5px 5px 5px 5px;
667 -webkit-border-radius: 5px 5px 5px 5px;
668 -moz-border-radius: 5px 5px 5px 5px;
672 vertical-align: middle;
675 padding-bottom: 10px;
678 #sidebar-group-list {
683 #sidebar-group-list > a{
684 padding-bottom: 10px;
689 box-shadow: 1px 2px 6px 0px #959494;
690 -moz-box-shadow: 1px 2px 6px 0px #959494;
691 -webkit-box-shadow: 1px 2px 6px 0px #959494;
692 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
693 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
694 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
695 background-color: #f8f8f8;
697 -moz-border-radius: 5px;
698 -webkit-border-radius: 5px;
700 border: 1px solid #cdcdcd;
708 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
709 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
710 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
711 background-color: #bdbdbd;
712 display: inline-block;
714 text-decoration: none;
716 border: 1px solid #7C7D7B;
717 border-radius: 5px 5px 5px 5px;
721 #sidebar-new-group:hover {
722 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
723 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
724 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
725 background-color: #1873a2;
726 border: 1px solid #7C7D7B;
727 box-shadow: 0 0 8px #BDBDBD;
728 border-radius: 5px 5px 5px 5px;
731 #sidebar-new-group:active {
736 .group-selected, .nets-selected {
740 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
741 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
742 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
743 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
744 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
745 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
746 background-color: #bdbdbd;
748 -moz-border-radius: 5px;
749 -webkit-border-radius: 5px;
750 display: inline-block;
752 text-decoration: none;
755 #sidebar-new-group a {
762 ul .sidebar-group-li {
768 ul .sidebar-group-li .icon {
769 display: inline-block;
775 list-style-type: none;
790 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
791 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
792 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
793 background-color: #f0edf0;
794 border-radius: 5px 5px 0px 0px;
795 -moz-border-radius: 5px 5px 0px 0px;
796 -webkit-border-radius: 5px 5px 0px 0px;
797 border: 1px solid #e2e2e2;
798 border-bottom: 1px solid #cdcdcd;
801 vertical-align: baseline;
803 text-shadow: -1px 0px 0px #bdbdbd;
806 #group-sidebar h3:before {
807 content: url("groups.png");
809 vertical-align: middle;
814 padding-bottom: 20px;
822 .saved-search-li .icon {
826 .birthday-today, .event-today {
830 #birthday-wrapper, #event-wrapper {
840 /* ================== */
841 /* = Contacts Block = */
842 /* ================== */
848 border: 1px solid #C5C5C5;
849 border-radius: 3px 3px 3px 3px;
850 box-shadow: 0 0 8px #BDBDBD;
856 .contact-block-textdiv {
870 #profile-jot-text_tbl {
875 #profile-jot-text_ifr {
876 width: 99.9%!important
879 #profile-jot-submit-wrapper {
888 border: 1px solid #cccccc;
891 #jot-title::-webkit-input-placeholder {
895 #jot-title:-moz-placeholder {
901 border: 1px solid #cccccc;
908 #profile-jot-perms, #profile-jot-submit {
911 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
912 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
913 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
914 background-color: #bdbdbd;
915 display: inline-block;
917 text-decoration: none;
919 border: 1px solid #7C7D7B;
920 border-radius: 5px 5px 5px 5px;
928 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
929 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
930 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
931 background-color: #bdbdbd;
932 display: inline-block;
934 text-decoration: none;
937 border: 1px solid #7C7D7B;
938 border-radius: 5px 5px 5px 5px;
948 border: 1px solid #7C7D7B;
949 border-radius: 5px 5px 5px 5px;
952 #jot-perms-perms .icon {
956 #profile-jot-submit {
963 border: 1px solid #7C7D7B;
964 border-radius: 5px 5px 5px 5px;
967 #profile-jot-perms:hover,
968 #profile-jot-submit:hover,
969 #jot-preview-link:hover {
970 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
971 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
972 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
973 background-color: #1873a2;
974 border: 1px solid #7C7D7B;
975 box-shadow: 0 0 8px #BDBDBD;
976 border-radius: 5px 5px 5px 5px;
979 #profile-jot-perms:active,
980 #profile-jot-submit:active,
981 #jot-preview-link:active {
992 #profile-rotator-wrapper {
1001 #profile-jot-tools-end,
1002 #profile-jot-banner-end {
1006 #profile-jot-email-wrapper {
1007 margin: 10px 10% 0px 10%;
1008 border: 1px solid #eeeeee;
1012 #profile-jot-email-label {
1013 background-color: #555753;
1018 #profile-jot-email {
1023 #profile-jot-networks {
1025 border: 1px solid #eeeeee;
1030 #profile-jot-acl-wrapper {
1032 border: 1px solid #eeeeee;
1034 display:block!important;
1037 #group_allow_wrapper,
1038 #group_deny_wrapper,
1039 #acl-permit-outer-wrapper {
1044 #contact_allow_wrapper,
1045 #contact_deny_wrapper,
1046 #acl-deny-outer-wrapper {
1052 background-color: #555753;
1054 padding: 5px; float: left;
1058 background-color: #555753;
1065 background-color: #555753;
1071 #acl-permit-text-end,
1072 #acl-deny-text-end {
1076 #profile-jot-wrapper {
1081 profile-jot-banner-wrapper {
1097 padding: 20px 0px 0px;
1106 padding: 5px 10px 5px 10px;
1107 display: inline-block;
1114 padding: 5px 10px 5px 10px;
1121 .wall-item-outside-wrapper {
1123 border-bottom: 1px solid #dedede;
1124 /*margin-top: 20px;*/
1125 margin-bottom: 20px;
1126 padding-right: 10px;
1128 background: none repeat scroll 0 0 #FFFFFF;
1129 border: 1px solid #CDCDCD;
1130 border-radius: 5px 5px 5px 5px;
1131 box-shadow: 0 0 8px #BDBDBD;
1134 .wall-item-outside-wrapper-end {
1138 .wall-item-content-wrapper {
1144 .wall-item-photo-menu {
1148 .wall-item-photo-menu-button {
1150 text-indent: -99999px;
1151 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1158 border-radius: 0px 0px 5px 5px;
1159 -webkit-border-radius: 0px 0px 5px 5px;
1160 -moz-border-radius: 0px 0px 5px 5px;
1168 .wall-item-photo-wrapper {
1175 filter: alpha(opacity=60);
1177 transition: all 0.25s ease-in-out;
1178 -webkit-transition: all 0.25s ease-in-out;
1179 -moz-transition: all 0.25s ease-in-out;
1181 padding-bottom: 5px;
1186 .wall-item-tools:hover {
1187 filter: alpha(opacity=100);
1189 transition: all 0.25s ease-in-out;
1190 -webkit-transition: all 0.25s ease-in-out;
1191 -moz-transition: all 0.25s ease-in-out;
1195 filter: alpha(opacity=60);
1197 transition: all 0.25s ease-in-out;
1198 -webkit-transition: all 0.25s ease-in-out;
1199 -moz-transition: all 0.25s ease-in-out;
1202 padding-bottom: 5px;
1207 .wall-item-social:hover {
1208 filter: alpha(opacity=100);
1210 transition: all 0.25s ease-in-out;
1211 -webkit-transition: all 0.25s ease-in-out;
1212 -moz-transition: all 0.25s ease-in-out;
1215 .wall-item-outside-wrapper.comment .wall-item-tools {
1219 .wall-item-like-buttons {
1223 .wall-item-like-buttons a.icon {
1229 .wall-item-links-wrapper {
1234 .wall-item-delete-wrapper {
1239 .wall-item-links-wrapper a.icon {
1267 padding-right: 10px;
1272 .wall-item-body img {
1281 .wall-item-lock-wrapper {
1289 margin: 0px 0px 10px 0px;
1295 margin: 0px 0px 0px 100px;
1299 .wall-item-author a {
1309 .wall-item-wrapper-end {
1313 .wall-item-location {
1317 text-overflow: ellipsis;
1318 -o-text-overflow: ellipsis;
1321 .wall-item-location .icon {
1325 .wall-item-location > a {
1330 font-variant: small-caps;
1334 .wall-item-location .smalltext {
1340 .wall-item-location > br {
1360 .wallwall .wwto img {
1361 width: 30px!important;
1362 height: 30px!important;
1365 .wallwall .wall-item-photo-end {
1369 .wall-item-arrowphoto-wrapper {
1376 .wall-item-photo-menu {
1380 background: #eeeeee;
1381 border-right: 1px solid #dddddd;
1382 border-left: 1px solid #dddddd;
1383 border-bottom: 1px solid #dddddd;
1389 border-radius: 0px 5px 5px 5px;
1390 -webkit-border-radius: 0px 5px 5px 5px;
1391 -moz-border-radius: 0px 5px 5px 5px;
1392 box-shadow: 3px 3px 4px #959494;
1393 -moz-box-shadow: 3px 3px 4px #959494;
1394 -webkit-box-shadow: 3px 3px 4px #959494;
1398 .wall-item-photo-menu-button {
1399 border-right: 1px solid #dddddd;
1400 border-left: 1px solid #dddddd;
1401 border-bottom: 1px solid #dddddd;
1402 box-shadow: 3px 3px 4px #959494;
1403 -moz-box-shadow: 3px 3px 4px #959494;
1404 -webkit-box-shadow: 3px 3px 4px #959494;
1407 .fakelink wall-item-photo-menu-button {
1408 -webkit-border-radius: 0px 5px 5px 5px;
1409 -moz-border-radius: 0px 5px 5px 5px;
1410 border-radius: 0px 5px 5px 5px;
1411 box-shadow: 3px 3px 4px #959494;
1412 -moz-box-shadow: 3px 3px 4px #959494;
1413 -webkit-box-shadow: 3px 3px 4px #959494;
1416 .wall-item-photo-menu ul {
1422 .wall-item-photo-menu li a {
1423 white-space: nowrap;
1429 .wall-item-photo-menu li a:hover {
1431 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1432 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1433 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1434 background-color: #1873a2;
1435 /*order-bottom: none;*/
1443 #item-delete-selected {
1454 .ccollapse-wrapper {
1461 border: 0px solid #CDCDCD;
1462 border-radius: 5px 5px 5px 5px;
1463 margin-bottom: 20px;
1464 background-color: #E2E2E2;
1467 .collapsed-comments,
1468 .hide-comments-outer,
1469 .wall-item-outside-wrapper.comment {
1471 margin-bottom: 20px;
1474 .wall-item-outside-wrapper.comment .wall-item-photo {
1475 width: 40px!important;
1476 height: 40px!important;
1479 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1484 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1487 background-position: 35px center;
1490 .wall-item-outside-wrapper.comment .wall-item-info {
1494 .wall-item-outside-wrapper.comment .wall-item-body {
1497 padding-right: 10px;
1501 .wall-item-outside-wrapper.comment .wall-item-author {
1505 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1509 .icollapse-wrapper {
1514 .comment-wwedit-wrapper,
1515 .comment-edit-wrapper {
1516 margin: 0px 0px 5px 0px;
1519 .comment-wwedit-wrapper img,
1520 .comment-edit-wrapper img {
1526 .comment-edit-photo-link {
1531 .comment-edit-text-empty {
1535 transition: all 0.5s ease-in-out;
1536 -webkit-transition: all 0.5s ease-in-out;
1537 -moz-transition: all 0.5s ease-in-out;
1540 .comment-edit-text-empty:hover {
1544 .comment-edit-text-full {
1547 transition: all 0.5s ease-in-out;
1548 -webkit-transition: all 0.5s ease-in-out;
1549 -moz-transition: all 0.5s ease-in-out;
1552 .comment-edit-submit-wrapper {
1558 .comment-edit-submit {
1561 background-color: #a2a2a2;
1563 border: 1px solid #CDCDCD;
1564 border-radius: 5px 5px 5px 5px;
1567 .comment-edit-submit:hover {
1568 background-color: #1873a2;
1569 border: 1px solid #CDCDCD;
1570 border-radius: 5px 5px 5px 5px;
1571 box-shadow: 0 0 8px #BDBDBD;
1574 .comment-edit-submit:active {
1575 background-color: #1873a2;
1578 #item-delete-selected-desc {
1583 .wall-item-body code {
1584 font-family: Courier, monospace;
1588 border: 1px solid #cccccc;
1589 border-width: 1px 1px 1px 10px;
1598 .advanced-profile-content {
1600 margin-bottom: 10px;
1605 .advanced-profile-label {
1608 padding-bottom: 5px;
1612 div[id$="wrapper"] {
1616 div[id$="wrapper"] br {
1620 #advanced-profile-with {
1624 #profile-listing-desc {
1627 padding: 5px 10px 5px 10px;
1629 margin-bottom: 20px;
1631 display: inline-block;
1636 #profile-listing-new-link-wrapper {
1642 padding: 5px 10px 5px 10px;
1647 .profile-listing-name {
1650 .profile-listing-name a {
1654 #profile-edit-links li {
1657 margin-bottom: 20px;
1659 background-color: #a2a2a2;
1661 padding: 5px 10px 5px 10px;
1664 border-radius: 5px 5px 5px 5px;
1665 -webkit-border-radius: 5px 5px 5px 5px;
1666 -moz-border-radius: 5px 5px 5px 5px;
1669 #profile-edit-links li a {
1673 #profile-edit-links li:hover {
1674 background-color: #1873a2;
1677 #profile-edit-links li:active {
1678 background-color: #1873a2;
1681 .profile-edit-side-div {
1689 #cropimage-wrapper {
1697 .profile-match-name a{
1702 .profile-match-name a:hover {
1706 .profile-match-wrapper {
1709 margin-bottom: 10px;
1711 background-color: #f6f6f6;
1712 border: 1px solid #dddddd;
1713 box-shadow: 3px 3px 4px #959494;
1714 -moz-box-shadow: 3px 3px 4px #959494;
1715 -webkit-box-shadow: 3px 3px 4px #959494;
1719 .profile-match-end {
1723 .profile-match-photo {
1737 #side-bar-photos-albums h3:before {
1738 content: url("photography.png");
1739 padding-right: 10px;
1740 vertical-align: middle;
1743 #side-bar-photos-albums li {
1753 margin-bottom: 20px;
1755 background-color: #a2a2a2;
1757 padding: 5px 10px 5px 10px;
1760 border-radius: 5px 5px 5px 5px;
1761 -webkit-border-radius: 5px 5px 5px 5px;
1762 -moz-border-radius: 5px 5px 5px 5px;
1765 #photo-top-links a {
1769 #photo-top-links:hover {
1770 background-color: #1873a2;
1773 #photo-top-links:active {
1774 background-color: #1873a2;
1777 .photo-album-image-wrapper {
1779 margin: 0px 10px 10px 0px;
1780 padding-bottom: 30px;
1784 .photo-top-image-wrapper {
1788 margin: 0px 10px 10px 0px;
1789 padding-bottom: 30px;
1793 #photo-album-wrapper-inner {
1810 .photo-top-image-wrapper a:hover,
1811 #photo-photo a:hover,
1812 .photo-album-image-wrapper a:hover {
1817 .photo-album-photo {}
1819 .photo-top-album-name {
1824 font-stretch: semi-expanded;
1827 .photo-top-album-name a {
1860 background-color: rgba(255,255,255,0.2);
1862 transition: all 0.2s ease-in-out;
1863 -webkit-transition: all 0.2s ease-in-out;
1864 -moz-transition: all 0.2s ease-in-out;
1865 background-position: center center;
1866 background-repeat: no-repeat;
1872 background-image: url('prev.png');
1878 background-image: url('next.png');
1882 #photo-next-link a {
1887 text-indent: -900000px;
1890 #photo-prev-link:hover,
1891 #photo-next-link:hover {
1893 transition: all 0.2s ease-in-out;
1894 -webkit-transition: all 0.2s ease-in-out;
1895 -moz-transition: all 0.2s ease-in-out;
1898 #photo-next-link .icon,
1899 #photo-prev-link .icon {
1903 #photos-upload-spacer,
1904 #photos-upload-new-wrapper,
1905 #photos-upload-exist-wrapper {
1909 #photos-upload-existing-album-text,
1910 #photos-upload-newalbum-div {
1911 background-color: #fff;
1919 #photos-upload-album-select,
1920 #photos-upload-newalbum {
1924 #photos-upload-perms-menu {
1929 #photos-upload-perms-menu .icon {
1935 border: 1px solid #b0b0b0;
1937 border-radius: 3px 3px 3px 3px;
1938 -webkit-border-radius: 3px 3px 3px 3px;
1939 -moz-border-radius: 3px 3px 3px 3px;
1944 select[size][multiple] {
1945 -webkit-appearance: listbox;
1946 margin: 5px 0px 10px 30px;
1950 -webkit-appearance: menulist;
1951 box-sizing: border-box;
1952 -webkit-box-align: center;
1957 /*-webkit-border-radius: ;*/
1963 letter-spacing: normal;
1964 word-spacing: normal;
1966 text-transform: none;
1969 display: inline-block;
1970 text-align: -webkit-auto;
1977 letter-spacing: normal;
1978 word-spacing: normal;
1980 text-transform: none;
1983 display: inline-block;
1984 text-align: -webkit-auto;*/
1989 -moz-border-radius: 5px;
1990 -webkit-border-radius: 5px;
1995 margin-bottom: 20px;
1997 background-color: #a2a2a2;
1999 padding: 5px 10px 5px 10px;
2002 border-radius: 5px 5px 5px 5px;
2003 -webkit-border-radius: 5px 5px 5px 5px;
2004 -moz-border-radius: 5px 5px 5px 5px;
2007 #album-edit-link a {
2011 #album-edit-link:hover {
2012 background-color: #1873a2;
2015 #photo-edit-link-wrap {
2016 margin-bottom: 10px;
2025 input#photo_edit_form {
2030 #photo-edit-perms-menu {
2039 #photo-edit-perms-menu .icon {
2043 #photo-edit-delete-button {
2049 #photo-album-edit-wrapper {
2050 margin-bottom: 10px;
2064 background-color: #fff;
2065 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2066 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2067 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2070 #prvmail-wrapper:before,
2071 #prvmail-wrapper:after,
2072 .mail-conv-detail:before,
2073 .mail-conv-detail:after,
2074 .mail-list-detail:before,
2075 .mail-list-detail:after {
2082 background: transparent;
2083 transform: skew(-5deg) rotate(-5deg);
2084 -webkit-transform: skew(-5deg) rotate(-5deg);
2085 -moz-transform: skew(-5deg) rotate(-5deg);
2086 -ms-transform: skew(-5deg) rotate(-5deg);
2087 -o-transform: skew(-5deg) rotate(-5deg);
2088 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2089 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2090 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2094 #prvmail-wrapper:after,
2095 .mail-conv-detail:after,
2096 .mail-list-detail:after {
2099 transform: skew(5deg) rotate(5deg);
2100 -webkit-transform: skew(5deg) rotate(5deg);
2101 -moz-transform: skew(5deg) rotate(5deg);
2102 -ms-transform: skew(5deg) rotate(5deg);
2103 -o-transform: skew(5deg) rotate(5deg);
2119 #prvmail-subject .input {
2120 border: none !important;
2123 #prvmail-subject-label {}
2129 #prvmail-to-label {}
2131 #prvmail-message-label {
2135 #prvmail-submit-wrapper {
2149 #prvmail-submit-wrapper > div {
2154 .mail-list-outside-wrapper {
2161 background-color: #efefef;
2162 border: 1px solid #C5C5C5;
2163 border-radius: 3px 3px 3px 3px;
2164 box-shadow: 0 0 8px #BDBDBD;
2165 -moz-box-shadow: 3px 3px 4px #959494;
2166 -webkit-box-shadow: 3px 3px 4px #959494;
2175 border: 1px solid #dddddd;
2178 .mail-list-sender-name {
2189 font-stretch: ultra-condensed;
2192 .mail-list-subject {
2196 padding-right: 50px;
2199 .mail-list-subject a {
2203 .mail-list-delete-wrapper {
2207 .mail-list-outside-wrapper-end {
2211 .mail-conv-outside-wrapper {
2212 margin-bottom: 10px;
2218 margin: 0px 5px 5px 0px;
2221 .mail-conv-sender-photo {
2226 .mail-conv-sender-name {
2235 .mail-conv-subject {
2248 padding-bottom: 20px;
2251 vertical-align: middle;
2253 border: 1px solid #dddddd;
2260 .mail-conv-delete-wrapper {
2268 border: 1px solid #dddddd;
2271 /* ================= */
2272 /* = Notifications = */
2273 /* ================= */
2275 #notification-show-hide-wrapper {
2277 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2278 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2279 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2280 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2281 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2282 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2283 background-color: #bdbdbd;
2285 -moz-border-radius: 5px;
2286 -webkit-border-radius: 5px;
2287 padding: 5px 10px 5px 10px;
2295 #notification-show-hide-wrapper:hover {
2297 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2298 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2299 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2300 background-color: #1873a2;
2303 #notification-show-hide-wrapper:active {
2304 background-color: #1873a2;
2309 #notification-show-hide-wrapper a {
2318 margin-bottom: 10px;
2321 .view-contact-wrapper,
2322 .contact-entry-wrapper {
2325 margin-bottom: 20px;
2331 .contact-entry-direction-wrapper {
2336 .contact-entry-edit-links {
2341 #contacts-show-hide-link {
2342 margin-bottom: 20px;
2347 .contact-entry-name {
2357 .contact-entry-photo {
2361 .contact-entry-edit-links .icon {
2362 border: 1px solid #babdb6;
2364 -webkit-border-radius: 3px;
2365 -moz-border-radius: 3px;
2366 background-color: #ffffff;
2369 #contact-edit-banner-name {
2374 #contact-edit-update-now {
2379 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2380 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2381 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2383 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2385 background-color: #bdbdbd;
2387 -moz-border-radius: 5px;
2388 -webkit-border-radius: 5px;
2389 display: inline-block;
2391 text-decoration: none;
2395 #contact-edit-update-now:hover {
2396 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2397 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2398 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2399 background-color: #1873a2;
2402 #contact-edit-update-now:active {
2407 #contact-edit-update-now a {
2414 .contact-photo-menu-button {
2416 background-image: url("photo-menu.jpg");
2417 background-position: top left;
2418 background-repeat: no-repeat;
2419 margin: 0px; padding: 0px;
2422 top: 64px; left:0px;
2428 .contact-photo-menu {
2430 border: 1px solid #ddd;
2431 background: #f1f1f1;
2433 left: 0px; top: 90px;
2436 box-shadow: 3px 3px 5px #888;
2437 -moz-box-shadow: 3px 3px 5px #888;
2438 -webkit-box-shadow: 3px 3px 5px #888;
2441 .contact-photo-menu ul {
2447 .contact-photo-menu li a {
2454 .contact-photo-menu li a:hover {
2456 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2457 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2458 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2459 background-color: #1873a2;
2460 text-decoration: none;
2463 .view-contact-name {}
2466 background-color: #efefef;
2472 margin-bottom: 80px;
2475 #follow-sidebar h3:before {
2476 content: url("user.png");
2477 padding-right: 10px;
2478 vertical-align: middle;
2481 #follow-sidebar input[type="text"] {
2483 margin-bottom: 10px;
2486 #side-follow-submit {
2495 margin: auto 10px 20px;
2496 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2497 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2498 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2499 background-color: #bdbdbd;
2500 padding: 5px 10px 5px 10px;
2504 border: 1px solid #7C7D7B;
2505 border-radius: 5px 5px 5px 5px;
2508 #side-match-link:hover {
2510 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2511 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2512 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2513 background-color: #1873a2;
2514 border: 1px solid #7C7D7B;
2515 box-shadow: 0 0 8px #BDBDBD;
2516 border-radius: 5px 5px 5px 5px;
2519 #side-match-link:active {
2520 background-color: #1873a2;
2525 #side-match-link a {
2533 margin-bottom: 20px;
2534 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2535 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2536 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2537 background-color: #bdbdbd;
2538 padding: 5px 10px 5px 10px;
2542 border: 1px solid #7C7D7B;
2543 border-radius: 5px 5px 5px 5px;
2546 #side-invite-link:hover {
2548 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2549 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2550 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2551 background-color: #1873a2;
2552 border: 1px solid #7C7D7B;
2553 box-shadow: 0 0 8px #BDBDBD;
2554 border-radius: 5px 5px 5px 5px;
2558 #side-invite-link:active {
2559 background-color: #1873a2;
2564 #side-invite-link a {
2568 #side-suggest-link {
2572 margin-bottom: 20px;
2573 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2574 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2575 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2576 background-color: #bdbdbd;
2577 padding: 5px 10px 5px 10px;
2581 border: 1px solid #7C7D7B;
2582 border-radius: 5px 5px 5px 5px;
2585 #side-suggest-link:hover {
2587 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2588 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2589 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2590 background-color: #1873a2;
2591 border: 1px solid #7C7D7B;
2592 box-shadow: 0 0 8px #BDBDBD;
2593 border-radius: 5px 5px 5px 5px;
2596 #side-suggest-link:active {
2597 background-color: #1873a2;
2602 #side-suggest-link a {
2608 #invite-recipient-text {
2612 #side-follow-wrapper {
2615 font-stretch: semi-expanded;
2616 background-color: #f3f3f3;
2617 border: 1px solid #cdcdcd;
2620 border-radius: 5px 5px 5px 5px;
2621 -webkit-border-radius: 5px 5px 5px 5px;
2622 -moz-border-radius: 5px 5px 5px 5px;
2625 #side-follow-wrapper label{
2627 font-variant: normal;
2635 margin-bottom: 20px;
2636 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2637 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2638 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2639 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2640 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2641 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2642 background-color: #bdbdbd;
2644 -moz-border-radius: 5px;
2645 -webkit-border-radius: 5px;
2646 padding: 5px 10px 5px 10px;
2652 #contact-suggest:hover {
2654 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2655 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2656 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2657 background-color: #1873a2;
2660 #contact-suggest:active {
2661 background-color: #1873a2;
2666 #contact-suggest a {
2682 /* ===================================== */
2683 /* = Register, Settings, Profile Forms = */
2684 /* ===================================== */
2687 background: url(login-bg.gif) no-repeat;
2688 background-position: 0 50%;
2690 width: 220px!important;
2693 #profile-tabs-wrapper {
2697 #profile-tab-status-link {
2699 padding: 5px 10px 5px 10px;
2707 #profile-tab-profile-link {
2709 padding: 5px 10px 5px 10px;
2714 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2715 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2716 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2717 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2718 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2719 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2720 background-color: #7c7d7b;
2722 -moz-border-radius: 5px;
2723 -webkit-border-radius: 5px;
2724 padding: 5px 10px 5px 10px;
2725 margin-bottom: 10px;
2728 #uexport-link:hover {
2730 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2731 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2732 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2733 background-color: #555753;
2736 #uexport-link:active {
2738 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2739 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2740 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2741 background-color: #1873a2;
2746 #settings-default-perms {
2749 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2750 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2751 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2752 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2753 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2754 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2756 background-color: #7c7d7b;
2758 -moz-border-radius: 5px;
2759 -webkit-border-radius: 5px;
2760 padding: 5px 10px 5px 10px;
2761 margin-bottom: 10px;
2764 #settings-default-perms .fakelink {
2768 #settings-default-perms:hover {
2770 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2771 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2772 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2773 background-color: #555753;
2776 #settings-default-perms:active {
2778 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2779 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2780 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2781 background-color: #1873a2;
2786 #settings-nickname-desc {
2788 background-color: #efefef;
2789 margin-bottom: 10px;
2791 -webkit-border-radius: 5px;
2792 -moz-border-radius: 5px;
2796 #register-form div {
2800 #profile-edit-form div {
2804 #profile-edit-form div[id$='desc'] {
2809 #register-form label,
2810 #profile-edit-form label {
2815 /* #register-form span,
2816 #profile-edit-form span { */
2817 #register-form span {
2820 margin-bottom: 20px;
2823 .settings-submit-wrapper,
2824 .profile-edit-submit-wrapper {
2831 margin: 20px 20px 0px 0px;
2834 #profile-edit-links ul {
2840 #register-sitename {
2845 /* ===================== */
2846 /* = Contacts Selector = */
2847 /* ===================== */
2849 #group-edit-wrapper {
2850 margin-bottom: 10px;
2853 #group-edit-name-wrapper {
2857 #group-edit-submit-wrapper {
2858 margin-bottom: 10px;
2859 margin-right: 400px;
2864 .group-delete-wrapper {
2868 margin-bottom: 10px;
2869 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2870 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2871 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2872 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2873 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2874 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2875 background-color: #bdbdbd;
2877 -moz-border-radius: 5px;
2878 -webkit-border-radius: 5px;
2881 .group-delete-wrapper:hover {
2882 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2883 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2884 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2885 background-color: #1873a2;
2888 .group-delete-wrapper:active {
2889 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2890 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2891 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2892 background-color: #1873a2;
2895 .group-delete-wrapper a {
2914 background-color: #f0edf0;
2916 border: 1px solid #ccc;
2917 margin-bottom: 10px;
2921 #group-all-contacts,
2922 #prof-all-contacts {
2926 border: 1px solid #ccc;
2927 background-color: #f0edf0;
2932 #group-all-contacts h3,
2934 #prof-all-contacts h3{
2966 margin-bottom: 10px;
2967 background-color: #fff;
2968 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2969 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2970 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2981 background: transparent;
2982 transform: skew(-5deg) rotate(-5deg);
2983 -webkit-transform: skew(-5deg) rotate(-5deg);
2984 -moz-transform: skew(-5deg) rotate(-5deg);
2985 -ms-transform: skew(-5deg) rotate(-5deg);
2986 -o-transform: skew(-5deg) rotate(-5deg);
2987 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2988 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2989 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2996 transform: skew(5deg) rotate(5deg);
2997 -webkit-transform: skew(5deg) rotate(5deg);
2998 -moz-transform: skew(5deg) rotate(5deg);
2999 -ms-transform: skew(5deg) rotate(5deg);
3000 -o-transform: skew(5deg) rotate(5deg);
3003 .vevent .event-description {
3008 font-weight: bolder;
3011 .vevent .event-location {
3015 font-style: oblique;
3019 .vevent .event-start,
3020 .vevent .event-end {
3032 margin-bottom: 10px;
3034 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3035 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3036 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3037 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3038 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3039 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3040 background-color: #bdbdbd;
3042 -moz-border-radius: 5px;
3043 -webkit-border-radius: 5px;
3047 #new-event-link:hover {
3049 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3050 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3051 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3052 background-color: #1873a2;
3055 #new-event-link:active {
3056 background-color: #1873a2;
3066 .edit-event-link, .plink-event-link {
3070 margin-bottom: 15px;
3073 .event-description:before {
3074 content: url('calendar.png');
3076 vertical-align: middle;
3085 .event-start .dtstart,
3092 margin-bottom: 10px;
3093 font-stretch: condensed;
3104 .event-calendar-end {
3110 font-family: Helvetica, Arial, sans-serif;
3111 background-color: #f1f1f1;
3112 border: 1px solid #dedede;
3113 margin-bottom: 10px;
3114 box-shadow: 5px 5px 8px #959494;
3115 -moz-box-shadow: 5px 5px 8px #959494;
3116 -webkit-box-shadow: 5px 5px 8px #959494;
3120 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3121 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3122 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3123 background-color: #1873a2;
3124 padding: 10px 0px 10px 0px;
3129 box-shadow: 5px 2px 8px #959494;
3130 -moz-box-shadow: 5px 2px 8px #959494;
3131 -webkit-box-shadow: 5px 2px 8px #959494;
3135 border: 1px solid #eeeeee;
3145 background-color: #cdcdcd;
3157 background-color: #1873a2;
3162 #event-finish-text {
3167 #event-nofinish-checkbox,
3168 #event-nofinish-text,
3169 #event-adjust-checkbox,
3171 #event-share-checkbox {
3175 #event-datetime-break {
3176 margin-bottom: 10px;
3179 #event-nofinish-break,
3180 #event-adjust-break,
3181 #event-share-break {
3186 #event-location-text {
3201 margin: 50px 50px 0px 0px;
3204 .directory-details {
3226 background-color: #FF0000;
3231 border: 0px; padding: 0px;
3235 list-style-position: inside;
3245 padding-bottom: 2px;
3246 border-bottom: 1px solid black;
3259 border-bottom: 1px solid #898989;
3264 #adminpage .submit {
3274 #adminpage .plugin {
3277 border: 1px solid #888888;
3283 #adminpage .toggleplugin {
3290 border-bottom: 1p solid #000000;
3294 #adminpage table th {
3298 #adminpage td .icon {
3302 #adminpage table#users img {
3307 #adminpage table tr:hover {
3308 background-color: #eeeeee;
3311 #adminpage .selectall {
3315 /* =============== */
3316 /* = Form Fields = */
3317 /* =============== */
3320 /*margin-bottom: 10px;
3322 padding-bottom: 0px;
3334 border: 1px solid #CDCDCD;
3335 border-radius: 5px 5px 5px 5px;
3353 border: 1px solid #c1c1c1;
3354 background-image: url("../../../images/onoff.jpg");
3355 background-repeat: no-repeat;
3356 padding: 4px 2px 2px 2px;
3358 text-decoration: none;
3360 .field .onoff .off {
3361 border-color: #c1c1c1;
3363 background-position: left center;
3364 background-color: #cccccc;
3370 border-color: #c1c1c1;
3371 padding-right: 40px;
3372 background-position: right center;
3373 background-color: #1873a2;
3379 display: none!important;
3382 .field.radio .field_help {
3391 cursor: url('lock.cur'), pointer;
3400 background-image: url("icons.png");
3403 background-image: url("star.png");
3407 background-image: url("premium.png");
3412 background-image: url("notifications.png");
3417 border: 1px solid #c1c1c1;
3419 -webkit-border-radius: 3px;
3420 -moz-border-radius: 3px;
3423 .article { background-position: -50px 0px;}
3424 .audio { background-position: -70px 0px;}
3425 .block { background-position: -90px 0px;}
3426 .drop { background-position: -110px 0px;}
3427 .drophide { background-position: -130px 0px;}
3428 .edit { background-position: -150px 0px;}
3429 .camera { background-position: -170px 0px;}
3430 .dislike { background-position: -190px 0px;}
3431 .like { background-position: -210px 0px;}
3432 .link { background-position: -230px 0px;}
3433 .globe { background-position: -50px -20px;}
3434 .noglobe { background-position: -70px -20px;}
3435 .no { background-position: -90px -20px;}
3436 .pause { background-position: -110px -20px;}
3437 .play { background-position: -130px -20px;}
3438 .pencil { background-position: -150px -20px; margin-right: 12px;}
3439 .small-pencil { background-position: -170px -20px;}
3440 .recycle { background-position: -190px -20px;}
3441 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3442 .share { background-position: -230px -20px;}
3443 .tools { background-position: -50px -40px;}
3444 .lock { background-position: -70px -40px;}
3446 background-position: -90px -40px;
3447 background-image: none;
3453 background-image: url("icons.png");
3456 margin: 2px 0px 2px 3px;
3460 .video { background-position: -110px -40px;}
3461 .youtube { background-position: -130px -40px;}
3462 .attach { background-position: -190px -40px;}
3463 .language { background-position: -210px -40px;}
3464 .on { background-position: -50px -60px;}
3465 .off { background-position: -70px -60px;}
3466 .prev { background-position: -90px -60px;}
3467 .next { background-position: -110px -60px;}
3468 .tagged { background-position: -130px -60px; margin-right: 10px;}
3469 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3472 display: block; width: 20px; height: 23px;
3473 background-image: url("../../../images/content-types.png");
3476 .type-video { background-position: 0px 0px; }
3477 .type-image { background-position: -20px 0px; }
3478 .type-audio { background-position: -40px 0px; }
3479 .type-text { background-position: -60px 0px; }
3480 .type-unkn { background-position: -80px 0px; }
3497 #profile-jot-text-loading,
3507 #photo-edit-perms-select,
3508 #photos-upload-permissions-wrapper,
3509 #profile-jot-acl-wrapper{
3510 display: block!important;
3519 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3520 padding-right: 20px;
3531 background-color: #cccccc;
3532 background-position: 7px 7px;
3533 background-repeat: no-repeat;
3536 -webkit-border-radius: 5px ;
3537 -moz-border-radius: 5px;
3541 #acl-showall.selected {
3543 background-color: #1873a2;
3548 border: 1px solid #cccccc;
3549 background-color: #efefef;
3562 border: 1px solid #cccccc;
3563 background-color: #fff;
3566 box-shadow: 2px 2px 3px #c1c1c1;
3567 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3568 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3582 padding: 2px 0px 1px;
3591 background-color: #898989;
3592 background-position: 3px 3px;
3593 background-repeat: no-repeat;
3594 margin: 10px 0 0 5px;
3596 -webkit-border-radius: 2px ;
3597 -moz-border-radius: 2px;
3601 #acl-wrapper a:hover {
3602 text-decoration: none;
3603 background-color:#1873a2;
3606 .acl-button-show.selected {
3608 background-color: #1873a2;
3611 .acl-button-hide.selected {
3613 background-color: #a2a2a2;
3616 .acl-list-item.groupshow { border-color: #1873a2; }
3617 .acl-list-item.grouphide { border-color: #a2a2a2; }
3619 /* ========================= */
3620 /* = Global Directory Link = */
3621 /* ========================= */
3623 #global-directory-link {
3626 margin-bottom: 10px;
3628 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3629 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3630 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3631 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3632 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3633 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3634 background-color: #bdbdbd;
3636 -moz-border-radius: 5px;
3637 -webkit-border-radius: 5px;
3642 #global-directory-link:hover {
3644 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3645 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3646 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3647 background-color: #1873a2;
3650 #global-directory-link:active {
3651 background-color: #1873a2;
3656 #global-directory-link a {
3660 #global-directory-link {
3661 -webkit-padding-start: 0px;
3665 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3666 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3667 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3668 background-color: #1873a2;
3670 padding: 5px 10px 5px 10px;
3674 /* notifications popup menu */
3698 #nav-notifications-menu {
3702 overflow-style: scrollbar;
3703 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3704 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3705 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3706 background-color: #a2a2a2;
3707 border-radius: 0px 0px 5px 5px;
3708 -moz-border-radius: 0px 0px 5px 5px;
3709 -webkit-border-radius: 0px 0px 5px 5px;
3710 border: 1px solid #9A9A9A;
3712 box-shadow: 5px 5px 10px #242424;
3713 -moz-box-shadow: 5px 5px 10px #242424;
3714 -webkit-box-shadow: 5px 5px 10px #242424;
3717 #nav-notifications-menu .contactname {
3722 #nav-notifications-menu img {
3727 #nav-notifications-menu .notif-when {
3732 #nav-notifications-menu li {
3733 padding: 7px 0px 7px 10px;
3735 border-bottom: 1px solid #626262;
3738 #nav-notifications-menu li:hover {
3739 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3740 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3741 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3742 background-color: #1873a2;
3745 #nav-notifications-menu a:hover {
3746 text-decoration: underline;
3750 vertical-align: middle;
3752 padding-bottom: 7px;
3755 .notif-item a:hover {
3762 padding: 7px 7px 0px 0px;
3769 /* autocomplete popup */
3776 background: #eeeeee;
3777 border-right: 1px solid #dddddd;
3778 border-left: 1px solid #dddddd;
3779 border-bottom: 1px solid #dddddd;
3780 border-radius: 0px 5px 5px 5px;
3781 -webkit-border-radius: 0px 5px 5px 5px;
3782 -moz-border-radius: 0px 5px 5px 5px;
3783 box-shadow: 3px 3px 4px #959494;
3784 -moz-box-shadow: 3px 3px 4px #959494;
3785 -webkit-box-shadow: 3px 3px 4px #959494;
3798 .acpopupitem.selected {
3800 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3801 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3802 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3803 background-color: #1873a2;
3809 filter: alpha(opacity=0);
3814 filter: alpha(opacity=100);
3818 background: #000000;
3821 /* Pages profile widget
3822 ----------------------------------------------------------- */
3823 #page-profile div#profile-page-list{
3828 background: url("dot.png") repeat-x scroll left center transparent;
3829 border: medium none;
3833 ----------------------------------------------------------- */
3842 text-decoration: none;
3846 /* New posts and comments => background color
3847 ----------------------------------------------------------- */
3849 background: #fbfde9;
3852 div.wall-item-content-wrapper.shiny {
3853 background-image: url("shiny.png");
3854 background-repeat: repeat-x;