5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-17
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
23 /*position: relative;*/
25 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
27 font-size-adjust: none;
33 background-color: #F2F2F2;
44 text-decoration: none;
74 /* font-variant:small-caps; */
78 list-style: none outside none;
82 list-style: none outside none;
83 background: url("arrow.png") no-repeat scroll left center transparent;
99 /*background: url("down.png") no-repeat scroll left center transparent;*/
113 border: 1px solid #b0b0b0;
117 border-radius: 3px 3px 3px 3px;
118 -webkit-border-radius: 3px 3px 3px 3px;
119 -moz-border-radius: 3px 3px 3px 3px;
122 input[type=text-sidebar] {
123 border: 1px solid #b0b0b0;
128 border-radius: 3px 3px 3px 3px;
129 -webkit-border-radius: 3px 3px 3px 3px;
130 -moz-border-radius: 3px 3px 3px 3px;
137 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
138 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
139 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
140 background-color: #bdbdbd;
143 border: 1px solid #7C7D7B;
144 border-radius: 5px 5px 5px 5px;
147 input[type=submit]:hover {
148 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
149 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
150 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
151 background-color: #1873a2;
153 border: 1px solid #7C7D7B;
154 box-shadow: 0 0 8px #BDBDBD;
155 border-radius: 5px 5px 5px 5px;
157 input[type=submit]:active {
168 color: #000; /* Safari and Opera */
173 color: #000; /* Firefox */
185 border: 1px solid #dddddd;
186 box-shadow: 3px 3px 6px #959494;
187 -moz-box-shadow: 3px 3px 6px #959494;
188 -webkit-box-shadow: 3px 3px 6px #959494;
189 background-color: #efefef;
195 background: none repeat scroll 0 0 #FFFFFF;
196 border: 1px solid #C5C5C5;
197 border-radius: 3px 3px 3px 3px;
198 box-shadow: 0 0 8px #BDBDBD;
206 border: 1px solid #7C7D7B;
207 border-radius: 5px 5px 5px 5px;
209 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
210 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
211 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
212 background-color: #bdbdbd;
218 border: 1px solid #7C7D7B;
219 box-shadow: 0 0 8px #BDBDBD;
220 border-radius: 5px 5px 5px 5px;
221 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
222 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
223 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
224 background-color: #1873a2;
241 #login-name-wrapper {
242 vertical-align: middle;
246 #login-name-wrapper input {
251 #login-password-wrapper {
252 vertical-align: middle;
261 #login-extra-links a {
264 padding: 5px 0px 5px 0px;
269 #login-extra-filler {
281 -webkit-border-radius: 5px;
282 -moz-border-radius: 5px;
283 border: 1px solid #494948;
284 background-color: #2e3436;
289 box-shadow: 7px 7px 10px #434343;
290 -moz-box-shadow: 7px 7px 12px #434343;
291 -webkit-box-shadow: 7px75px 12px #434343;
315 background-color: #1873a2;
326 list-style: none outside none;
336 background-color: #BDBDBD;
337 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
338 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
339 border: 1px solid #7C7D7B;
340 box-shadow: 0 0 8px #BDBDBD;
341 border-radius: 5px 5px 5px 5px;
345 text-decoration: none;
351 text-decoration: none;
364 nav #banner #logo-text a {
369 text-shadow: #7C7D7B 3px 3px 5px;
381 vertical-align: middle;
382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
383 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
385 background-color: #a2a2a2;
387 -moz-border-radius: 5px;
388 -webkit-border-radius: 5px;
389 border: 1px solid #7C7D8B;
391 text-decoration: none;
394 nav #user-menu-label::after {
395 content: url("menu-user-pin.png") no-repeat;
399 nav #user-menu-label {
400 vertical-align: middle;
409 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
410 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
411 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
412 background-color: #898988;
419 border: 1px solid #9a9a9a;
421 -webkit-border-radius: 0px 0px 5px 5px;
422 -moz-border-radius: 0px 0px 5px 5px;
423 border-radius: 0px 0px 5px 5px;
424 -moz-box-shadow: 5px 5px 10px #242424;
425 -webkit-box-shadow: 5px 5px 10px #242424;
426 box-shadow: 5px 5px 10px #242424;
430 ul#user-menu-popup li {
434 ul#user-menu-popup li a {
439 ul#user-menu-popup li a:hover {
441 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
442 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
443 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
444 background-color: #6da6c4;
447 ul#user-menu-popup li a.nav-sep {
448 border-top: 1px solid #989898;
466 background: transparent url('notifications.png') 0px 0px no-repeat;
476 background-position: 0px -168px;
480 background-position: 0px -126px;
484 background-position: 0px -40px;
488 background-position: 0px -84px;
492 background-position: 0px 0px;
509 /* =================== */
510 /* = System Messages = */
511 /* =================== */
513 #sysmsg_info, #sysmsg {
515 bottom: 0px; right:20%;
516 box-shadow: 7px 7px 10px #434343;
517 -moz-box-shadow: 7px 7px 12px #434343;
518 -webkit-box-shadow: 7px75px 12px #434343;
520 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
521 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
522 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
523 background-color: #1873a2;
524 border-radius: 5px 5px 0px 0px;
525 -webkit-border-radius: 5px 5px 0px 0px;
526 -moz-border-radius: 5px 5px 0px 0px;
527 border: 1px solid #da2c2c;
529 padding-bottom: 50px;
539 border-top: 1px solid #dddddd;
542 /* ================= */
543 /* = Aside/Sidebar = */
544 /* ================= */
564 font-variant: normal;
565 -webkit-margin-start: 10px;
574 .vcard #profile-photo-wrapper {
578 background: none repeat scroll 0 0 #FFFFFF;
579 border: 1px solid #C5C5C5;
580 box-shadow: 0 0 8px #BDBDBD;
581 -moz-box-shadow: 3px 3px 4px #959494;
582 -webkit-box-shadow: 3px 3px 4px #959494;
583 border-radius: 5px 5px 5px 5px;
597 padding-bottom: 10px;
600 #profile-extra-links ul {
607 box-shadow: inset 0px 1px 0px 0px #a65151;
608 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
609 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
610 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
611 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
612 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
613 background-color: #6da6c4;
615 -moz-border-radius: 5px;
616 -webkit-border-radius: 5px;
617 border: 1px solid #fc5656;
618 display: inline-block;
620 font-family: Trebuchet MS;
626 text-decoration: none;
627 text-shadow: 1px 1px 0px #b36f6f;
630 #dfrn-request-link:hover {
631 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
632 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
633 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
634 background-color: #1873a2;
637 #dfrn-request-link:active {
642 #dfrn-request-intro {
647 background-color: #f6f6f6;
648 padding: 5px 5px 5px 5px;
650 #netsearch-box input[type="text"] {
653 #netsearch-box input[type="submit"] {
658 content: url("search.png");
660 vertical-align: middle;
664 background-color: #f3f3f3;
665 border: 1px solid #cdcdcd;
667 border-radius: 5px 5px 5px 5px;
668 -webkit-border-radius: 5px 5px 5px 5px;
669 -moz-border-radius: 5px 5px 5px 5px;
673 vertical-align: middle;
676 padding-bottom: 10px;
679 #sidebar-group-list {
684 #sidebar-group-list > a{
685 padding-bottom: 10px;
690 box-shadow: 1px 2px 6px 0px #959494;
691 -moz-box-shadow: 1px 2px 6px 0px #959494;
692 -webkit-box-shadow: 1px 2px 6px 0px #959494;
693 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
694 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
695 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
696 background-color: #f8f8f8;
698 -moz-border-radius: 5px;
699 -webkit-border-radius: 5px;
701 border: 1px solid #cdcdcd;
709 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
710 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
711 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
712 background-color: #bdbdbd;
713 display: inline-block;
715 text-decoration: none;
717 border: 1px solid #7C7D7B;
718 border-radius: 5px 5px 5px 5px;
722 #sidebar-new-group:hover {
723 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
724 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
726 background-color: #1873a2;
727 border: 1px solid #7C7D7B;
728 box-shadow: 0 0 8px #BDBDBD;
729 border-radius: 5px 5px 5px 5px;
732 #sidebar-new-group:active {
737 .group-selected, .nets-selected {
741 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
742 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
743 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
744 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
745 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
746 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
747 background-color: #bdbdbd;
749 -moz-border-radius: 5px;
750 -webkit-border-radius: 5px;
751 display: inline-block;
753 text-decoration: none;
756 #sidebar-new-group a {
763 ul .sidebar-group-li {
769 ul .sidebar-group-li .icon {
770 display: inline-block;
776 list-style-type: none;
791 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
792 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
793 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
794 background-color: #f0edf0;
795 border-radius: 5px 5px 0px 0px;
796 -moz-border-radius: 5px 5px 0px 0px;
797 -webkit-border-radius: 5px 5px 0px 0px;
798 border: 1px solid #e2e2e2;
799 border-bottom: 1px solid #cdcdcd;
802 vertical-align: baseline;
804 text-shadow: -1px 0px 0px #bdbdbd;
807 #group-sidebar h3:before {
808 content: url("groups.png");
810 vertical-align: middle;
815 padding-bottom: 20px;
823 .saved-search-li .icon {
827 .birthday-today, .event-today {
831 #birthday-wrapper, #event-wrapper {
841 /* ================== */
842 /* = Contacts Block = */
843 /* ================== */
849 border: 1px solid #C5C5C5;
850 border-radius: 3px 3px 3px 3px;
851 box-shadow: 0 0 8px #BDBDBD;
857 .contact-block-textdiv {
871 #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;
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;
1185 .wall-item-tools:hover {
1186 filter: alpha(opacity=100);
1188 transition: all 0.25s ease-in-out;
1189 -webkit-transition: all 0.25s ease-in-out;
1190 -moz-transition: all 0.25s ease-in-out;
1194 .wall-item-outside-wrapper.comment .wall-item-tools {
1195 margin: 5px 5px 0px 70px;
1199 .wall-item-like-buttons {
1204 .wall-item-like-buttons a.icon {
1210 .wall-item-links-wrapper {
1215 .wall-item-delete-wrapper {
1220 .wall-item-links-wrapper a.icon {
1247 padding-right: 10px;
1252 .wall-item-body img {
1261 .wall-item-lock-wrapper {
1269 margin: 0px 0px 10px 450px;
1275 margin: 0px 0px 0px 100px;
1279 .wall-item-author a {
1289 .wall-item-wrapper-end {
1293 .wall-item-location {
1297 text-overflow: ellipsis;
1298 -o-text-overflow: ellipsis;
1301 .wall-item-location .icon {
1305 .wall-item-location > a {
1310 font-variant: small-caps;
1314 .wall-item-location .smalltext {
1320 .wall-item-location > br {
1340 .wallwall .wwto img {
1341 width: 30px!important;
1342 height: 30px!important;
1345 .wallwall .wall-item-photo-end {
1349 .wall-item-arrowphoto-wrapper {
1356 .wall-item-photo-menu {
1360 background: #eeeeee;
1361 border-right: 1px solid #dddddd;
1362 border-left: 1px solid #dddddd;
1363 border-bottom: 1px solid #dddddd;
1369 border-radius: 0px 5px 5px 5px;
1370 -webkit-border-radius: 0px 5px 5px 5px;
1371 -moz-border-radius: 0px 5px 5px 5px;
1372 box-shadow: 3px 3px 4px #959494;
1373 -moz-box-shadow: 3px 3px 4px #959494;
1374 -webkit-box-shadow: 3px 3px 4px #959494;
1378 .wall-item-photo-menu-button {
1379 border-right: 1px solid #dddddd;
1380 border-left: 1px solid #dddddd;
1381 border-bottom: 1px solid #dddddd;
1382 box-shadow: 3px 3px 4px #959494;
1383 -moz-box-shadow: 3px 3px 4px #959494;
1384 -webkit-box-shadow: 3px 3px 4px #959494;
1387 .fakelink wall-item-photo-menu-button {
1388 -webkit-border-radius: 0px 5px 5px 5px;
1389 -moz-border-radius: 0px 5px 5px 5px;
1390 border-radius: 0px 5px 5px 5px;
1391 box-shadow: 3px 3px 4px #959494;
1392 -moz-box-shadow: 3px 3px 4px #959494;
1393 -webkit-box-shadow: 3px 3px 4px #959494;
1396 .wall-item-photo-menu ul {
1402 .wall-item-photo-menu li a {
1403 white-space: nowrap;
1409 .wall-item-photo-menu li a:hover {
1411 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1412 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1413 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1414 background-color: #1873a2;
1415 /*order-bottom: none;*/
1423 #item-delete-selected {
1434 .ccollapse-wrapper {
1440 .wall-item-outside-wrapper.comment {
1444 .wall-item-outside-wrapper.comment .wall-item-photo {
1445 width: 40px!important;
1446 height: 40px!important;
1449 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1454 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1457 background-position: 35px center;
1460 .wall-item-outside-wrapper.comment .wall-item-info {
1464 .wall-item-outside-wrapper.comment .wall-item-body {
1467 padding-right: 10px;
1471 .wall-item-outside-wrapper.comment .wall-item-author {
1475 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1479 .icollapse-wrapper {
1484 .comment-wwedit-wrapper,
1485 .comment-edit-wrapper {
1486 margin: 30px 0px 0px 80px;
1489 .comment-wwedit-wrapper img,
1490 .comment-edit-wrapper img {
1495 .comment-edit-photo-link {
1500 .comment-edit-text-empty {
1504 transition: all 0.5s ease-in-out;
1505 -webkit-transition: all 0.5s ease-in-out;
1506 -moz-transition: all 0.5s ease-in-out;
1509 .comment-edit-text-empty:hover {
1513 .comment-edit-text-full {
1516 transition: all 0.5s ease-in-out;
1517 -webkit-transition: all 0.5s ease-in-out;
1518 -moz-transition: all 0.5s ease-in-out;
1521 .comment-edit-submit-wrapper {
1527 .comment-edit-submit {
1530 background-color: #a2a2a2;
1532 border: 1px solid #CDCDCD;
1533 border-radius: 5px 5px 5px 5px;
1536 .comment-edit-submit:hover {
1537 background-color: #1873a2;
1538 border: 1px solid #CDCDCD;
1539 border-radius: 5px 5px 5px 5px;
1540 box-shadow: 0 0 8px #BDBDBD;
1543 .comment-edit-submit:active {
1544 background-color: #1873a2;
1547 #item-delete-selected-desc {
1552 .wall-item-body code {
1553 font-family: Courier, monospace;
1557 border: 1px solid #cccccc;
1558 border-width: 1px 1px 1px 10px;
1567 .advanced-profile-content {
1569 margin-bottom: 10px;
1574 .advanced-profile-label {
1577 padding-bottom: 5px;
1581 div[id$="wrapper"] {
1585 div[id$="wrapper"] br {
1589 #advanced-profile-with {
1593 #profile-listing-desc {
1596 padding: 5px 10px 5px 10px;
1598 margin-bottom: 20px;
1600 display: inline-block;
1605 #profile-listing-new-link-wrapper {
1611 padding: 5px 10px 5px 10px;
1616 .profile-listing-name {
1619 .profile-listing-name a {
1623 #profile-edit-links li {
1626 margin-bottom: 20px;
1628 background-color: #a2a2a2;
1630 padding: 5px 10px 5px 10px;
1633 border-radius: 5px 5px 5px 5px;
1634 -webkit-border-radius: 5px 5px 5px 5px;
1635 -moz-border-radius: 5px 5px 5px 5px;
1638 #profile-edit-links li a {
1642 #profile-edit-links li:hover {
1643 background-color: #1873a2;
1646 #profile-edit-links li:active {
1647 background-color: #1873a2;
1650 .profile-edit-side-div {
1658 #cropimage-wrapper {
1666 .profile-match-name a{
1671 .profile-match-name a:hover {
1675 .profile-match-wrapper {
1678 margin-bottom: 10px;
1680 background-color: #f6f6f6;
1681 border: 1px solid #dddddd;
1682 box-shadow: 3px 3px 4px #959494;
1683 -moz-box-shadow: 3px 3px 4px #959494;
1684 -webkit-box-shadow: 3px 3px 4px #959494;
1688 .profile-match-end {
1692 .profile-match-photo {
1706 #side-bar-photos-albums h3:before {
1707 content: url("photography.png");
1708 padding-right: 10px;
1709 vertical-align: middle;
1712 #side-bar-photos-albums li {
1722 margin-bottom: 20px;
1724 background-color: #a2a2a2;
1726 padding: 5px 10px 5px 10px;
1729 border-radius: 5px 5px 5px 5px;
1730 -webkit-border-radius: 5px 5px 5px 5px;
1731 -moz-border-radius: 5px 5px 5px 5px;
1734 #photo-top-links a {
1738 #photo-top-links:hover {
1739 background-color: #1873a2;
1742 #photo-top-links:active {
1743 background-color: #1873a2;
1746 .photo-album-image-wrapper {
1748 margin: 0px 10px 10px 0px;
1749 padding-bottom: 30px;
1753 .photo-top-image-wrapper {
1757 margin: 0px 10px 10px 0px;
1758 padding-bottom: 30px;
1762 #photo-album-wrapper-inner {
1779 .photo-top-image-wrapper a:hover,
1780 #photo-photo a:hover,
1781 .photo-album-image-wrapper a:hover {
1786 .photo-album-photo {}
1788 .photo-top-album-name {
1793 font-stretch: semi-expanded;
1796 .photo-top-album-name a {
1829 background-color: rgba(255,255,255,0.2);
1831 transition: all 0.2s ease-in-out;
1832 -webkit-transition: all 0.2s ease-in-out;
1833 -moz-transition: all 0.2s ease-in-out;
1834 background-position: center center;
1835 background-repeat: no-repeat;
1841 background-image: url('prev.png');
1847 background-image: url('next.png');
1851 #photo-next-link a {
1856 text-indent: -900000px;
1859 #photo-prev-link:hover,
1860 #photo-next-link:hover {
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;
1867 #photo-next-link .icon,
1868 #photo-prev-link .icon {
1872 #photos-upload-spacer,
1873 #photos-upload-new-wrapper,
1874 #photos-upload-exist-wrapper {
1878 #photos-upload-existing-album-text,
1879 #photos-upload-newalbum-div {
1880 background-color: #fff;
1888 #photos-upload-album-select,
1889 #photos-upload-newalbum {
1893 #photos-upload-perms-menu {
1898 #photos-upload-perms-menu .icon {
1904 border: 1px solid #b0b0b0;
1906 border-radius: 3px 3px 3px 3px;
1907 -webkit-border-radius: 3px 3px 3px 3px;
1908 -moz-border-radius: 3px 3px 3px 3px;
1913 select[size][multiple] {
1914 -webkit-appearance: listbox;
1918 -webkit-appearance: menulist;
1919 box-sizing: border-box;
1920 -webkit-box-align: center;
1925 /*-webkit-border-radius: ;*/
1928 input, textarea, keygen {
1930 letter-spacing: normal;
1931 word-spacing: normal;
1933 text-transform: none;
1936 display: inline-block;
1937 text-align: -webkit-auto;
1942 -moz-border-radius: 5px;
1943 -webkit-border-radius: 5px;
1948 margin-bottom: 20px;
1950 background-color: #a2a2a2;
1952 padding: 5px 10px 5px 10px;
1955 border-radius: 5px 5px 5px 5px;
1956 -webkit-border-radius: 5px 5px 5px 5px;
1957 -moz-border-radius: 5px 5px 5px 5px;
1960 #album-edit-link a {
1964 #album-edit-link:hover {
1965 background-color: #1873a2;
1968 #photo-edit-link-wrap {
1969 margin-bottom: 10px;
1978 input#photo_edit_form {
1983 #photo-edit-perms-menu {
1992 #photo-edit-perms-menu .icon {
1996 #photo-edit-delete-button {
2002 #photo-album-edit-wrapper {
2003 margin-bottom: 10px;
2017 background-color: #fff;
2018 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2019 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2020 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2023 #prvmail-wrapper:before,
2024 #prvmail-wrapper:after,
2025 .mail-conv-detail:before,
2026 .mail-conv-detail:after,
2027 .mail-list-detail:before,
2028 .mail-list-detail:after {
2035 background: transparent;
2036 transform: skew(-5deg) rotate(-5deg);
2037 -webkit-transform: skew(-5deg) rotate(-5deg);
2038 -moz-transform: skew(-5deg) rotate(-5deg);
2039 -ms-transform: skew(-5deg) rotate(-5deg);
2040 -o-transform: skew(-5deg) rotate(-5deg);
2041 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2042 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2043 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2047 #prvmail-wrapper:after,
2048 .mail-conv-detail:after,
2049 .mail-list-detail:after {
2052 transform: skew(5deg) rotate(5deg);
2053 -webkit-transform: skew(5deg) rotate(5deg);
2054 -moz-transform: skew(5deg) rotate(5deg);
2055 -ms-transform: skew(5deg) rotate(5deg);
2056 -o-transform: skew(5deg) rotate(5deg);
2072 #prvmail-subject .input {
2073 border: none !important;
2076 #prvmail-subject-label {}
2082 #prvmail-to-label {}
2084 #prvmail-message-label {
2088 #prvmail-submit-wrapper {
2102 #prvmail-submit-wrapper > div {
2107 .mail-list-outside-wrapper {
2114 background-color: #efefef;
2115 border: 1px solid #C5C5C5;
2116 border-radius: 3px 3px 3px 3px;
2117 box-shadow: 0 0 8px #BDBDBD;
2118 -moz-box-shadow: 3px 3px 4px #959494;
2119 -webkit-box-shadow: 3px 3px 4px #959494;
2128 border: 1px solid #dddddd;
2131 .mail-list-sender-name {
2142 font-stretch: ultra-condensed;
2145 .mail-list-subject {
2149 padding-right: 50px;
2152 .mail-list-subject a {
2156 .mail-list-delete-wrapper {
2160 .mail-list-outside-wrapper-end {
2164 .mail-conv-outside-wrapper {
2165 margin-bottom: 10px;
2171 margin: 0px 5px 5px 0px;
2174 .mail-conv-sender-photo {
2179 .mail-conv-sender-name {
2188 .mail-conv-subject {
2201 padding-bottom: 20px;
2204 vertical-align: middle;
2206 border: 1px solid #dddddd;
2213 .mail-conv-delete-wrapper {
2221 border: 1px solid #dddddd;
2224 /* ================= */
2225 /* = Notifications = */
2226 /* ================= */
2228 #notification-show-hide-wrapper {
2230 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2231 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2232 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2233 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2234 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2235 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2236 background-color: #bdbdbd;
2238 -moz-border-radius: 5px;
2239 -webkit-border-radius: 5px;
2240 padding: 5px 10px 5px 10px;
2248 #notification-show-hide-wrapper:hover {
2250 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2251 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2252 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2253 background-color: #1873a2;
2256 #notification-show-hide-wrapper:active {
2257 background-color: #1873a2;
2262 #notification-show-hide-wrapper a {
2271 margin-bottom: 10px;
2274 .view-contact-wrapper,
2275 .contact-entry-wrapper {
2278 margin-bottom: 20px;
2284 .contact-entry-direction-wrapper {
2289 .contact-entry-edit-links {
2294 #contacts-show-hide-link {
2295 margin-bottom: 20px;
2300 .contact-entry-name {
2310 .contact-entry-photo {
2314 .contact-entry-edit-links .icon {
2315 border: 1px solid #babdb6;
2317 -webkit-border-radius: 3px;
2318 -moz-border-radius: 3px;
2319 background-color: #ffffff;
2322 #contact-edit-banner-name {
2327 #contact-edit-update-now {
2332 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2333 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2334 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2335 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2336 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2337 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2338 background-color: #bdbdbd;
2340 -moz-border-radius: 5px;
2341 -webkit-border-radius: 5px;
2342 display: inline-block;
2344 text-decoration: none;
2348 #contact-edit-update-now:hover {
2349 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2350 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2351 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2352 background-color: #1873a2;
2355 #contact-edit-update-now:active {
2360 #contact-edit-update-now a {
2367 .contact-photo-menu-button {
2369 background-image: url("photo-menu.jpg");
2370 background-position: top left;
2371 background-repeat: no-repeat;
2372 margin: 0px; padding: 0px;
2375 top: 64px; left:0px;
2381 .contact-photo-menu {
2383 border: 1px solid #ddd;
2384 background: #f1f1f1;
2386 left: 0px; top: 90px;
2389 box-shadow: 3px 3px 5px #888;
2390 -moz-box-shadow: 3px 3px 5px #888;
2391 -webkit-box-shadow: 3px 3px 5px #888;
2394 .contact-photo-menu ul {
2400 .contact-photo-menu li a {
2407 .contact-photo-menu li a:hover {
2409 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2410 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2411 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2412 background-color: #1873a2;
2413 text-decoration: none;
2416 .view-contact-name {}
2419 background-color: #efefef;
2425 margin-bottom: 20px;
2428 #follow-sidebar h3:before {
2429 content: url("user.png");
2430 padding-right: 10px;
2431 vertical-align: middle;
2434 #follow-sidebar input[type="text"] {
2436 margin-bottom: 10px;
2439 #side-follow-submit {
2448 margin: auto 10px 20px;
2449 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2450 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2451 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2452 background-color: #bdbdbd;
2453 padding: 5px 10px 5px 10px;
2457 border: 1px solid #7C7D7B;
2458 border-radius: 5px 5px 5px 5px;
2461 #side-match-link:hover {
2463 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2464 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2465 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2466 background-color: #1873a2;
2467 border: 1px solid #7C7D7B;
2468 box-shadow: 0 0 8px #BDBDBD;
2469 border-radius: 5px 5px 5px 5px;
2472 #side-match-link:active {
2473 background-color: #1873a2;
2478 #side-match-link a {
2486 margin-bottom: 20px;
2487 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2488 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2489 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2490 background-color: #bdbdbd;
2491 padding: 5px 10px 5px 10px;
2495 border: 1px solid #7C7D7B;
2496 border-radius: 5px 5px 5px 5px;
2499 #side-invite-link:hover {
2501 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2502 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2503 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2504 background-color: #1873a2;
2505 border: 1px solid #7C7D7B;
2506 box-shadow: 0 0 8px #BDBDBD;
2507 border-radius: 5px 5px 5px 5px;
2511 #side-invite-link:active {
2512 background-color: #1873a2;
2517 #side-invite-link a {
2521 #side-suggest-link {
2525 margin-bottom: 20px;
2526 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2527 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2528 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2529 background-color: #bdbdbd;
2530 padding: 5px 10px 5px 10px;
2534 border: 1px solid #7C7D7B;
2535 border-radius: 5px 5px 5px 5px;
2538 #side-suggest-link:hover {
2540 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2541 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2542 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2543 background-color: #1873a2;
2544 border: 1px solid #7C7D7B;
2545 box-shadow: 0 0 8px #BDBDBD;
2546 border-radius: 5px 5px 5px 5px;
2549 #side-suggest-link:active {
2550 background-color: #1873a2;
2555 #side-suggest-link a {
2561 #invite-recipient-text {
2565 #side-follow-wrapper {
2568 font-stretch: semi-expanded;
2569 background-color: #f3f3f3;
2570 border: 1px solid #cdcdcd;
2573 border-radius: 5px 5px 5px 5px;
2574 -webkit-border-radius: 5px 5px 5px 5px;
2575 -moz-border-radius: 5px 5px 5px 5px;
2578 #side-follow-wrapper label{
2580 font-variant: normal;
2588 margin-bottom: 20px;
2589 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2590 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2591 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2592 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2593 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2594 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2595 background-color: #bdbdbd;
2597 -moz-border-radius: 5px;
2598 -webkit-border-radius: 5px;
2599 padding: 5px 10px 5px 10px;
2605 #contact-suggest:hover {
2607 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2608 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2609 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2610 background-color: #1873a2;
2613 #contact-suggest:active {
2614 background-color: #1873a2;
2619 #contact-suggest a {
2635 /* ===================================== */
2636 /* = Register, Settings, Profile Forms = */
2637 /* ===================================== */
2640 background: url(login-bg.gif) no-repeat;
2641 background-position: 0 50%;
2643 width: 220px!important;
2646 #profile-tabs-wrapper {
2650 #profile-tab-status-link {
2652 padding: 5px 10px 5px 10px;
2660 #profile-tab-profile-link {
2662 padding: 5px 10px 5px 10px;
2667 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2668 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2669 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2670 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2671 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2672 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2673 background-color: #7c7d7b;
2675 -moz-border-radius: 5px;
2676 -webkit-border-radius: 5px;
2677 padding: 5px 10px 5px 10px;
2678 margin-bottom: 10px;
2681 #uexport-link:hover {
2683 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2684 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2685 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2686 background-color: #555753;
2689 #uexport-link:active {
2691 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2692 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2693 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2694 background-color: #1873a2;
2699 #settings-default-perms {
2702 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2703 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2704 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2705 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2706 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2707 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2709 background-color: #7c7d7b;
2711 -moz-border-radius: 5px;
2712 -webkit-border-radius: 5px;
2713 padding: 5px 10px 5px 10px;
2714 margin-bottom: 10px;
2717 #settings-default-perms .fakelink {
2721 #settings-default-perms:hover {
2723 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2724 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2726 background-color: #555753;
2729 #settings-default-perms:active {
2731 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2732 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2733 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2734 background-color: #1873a2;
2739 #settings-nickname-desc {
2741 background-color: #efefef;
2742 margin-bottom: 10px;
2744 -webkit-border-radius: 5px;
2745 -moz-border-radius: 5px;
2749 #register-form div {
2753 #profile-edit-form div {
2757 #profile-edit-form div[id$='desc'] {
2762 #register-form label,
2763 #profile-edit-form label {
2768 /* #register-form span,
2769 #profile-edit-form span { */
2770 #register-form span {
2773 margin-bottom: 20px;
2776 .settings-submit-wrapper,
2777 .profile-edit-submit-wrapper {
2784 margin: 20px 20px 0px 0px;
2787 #profile-edit-links ul {
2793 #register-sitename {
2798 /* ===================== */
2799 /* = Contacts Selector = */
2800 /* ===================== */
2802 #group-edit-wrapper {
2803 margin-bottom: 10px;
2806 #group-edit-name-wrapper {
2810 #group-edit-submit-wrapper {
2811 margin-bottom: 10px;
2812 margin-right: 400px;
2817 .group-delete-wrapper {
2821 margin-bottom: 10px;
2822 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2823 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2824 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2825 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2826 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2827 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2828 background-color: #bdbdbd;
2830 -moz-border-radius: 5px;
2831 -webkit-border-radius: 5px;
2834 .group-delete-wrapper:hover {
2835 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2836 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2837 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2838 background-color: #1873a2;
2841 .group-delete-wrapper:active {
2842 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2843 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2844 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2845 background-color: #1873a2;
2848 .group-delete-wrapper a {
2867 background-color: #f0edf0;
2869 border: 1px solid #ccc;
2870 margin-bottom: 10px;
2874 #group-all-contacts,
2875 #prof-all-contacts {
2879 border: 1px solid #ccc;
2880 background-color: #f0edf0;
2885 #group-all-contacts h3,
2887 #prof-all-contacts h3{
2919 margin-bottom: 10px;
2920 background-color: #fff;
2921 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2922 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2923 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2934 background: transparent;
2935 transform: skew(-5deg) rotate(-5deg);
2936 -webkit-transform: skew(-5deg) rotate(-5deg);
2937 -moz-transform: skew(-5deg) rotate(-5deg);
2938 -ms-transform: skew(-5deg) rotate(-5deg);
2939 -o-transform: skew(-5deg) rotate(-5deg);
2940 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2941 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2942 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2949 transform: skew(5deg) rotate(5deg);
2950 -webkit-transform: skew(5deg) rotate(5deg);
2951 -moz-transform: skew(5deg) rotate(5deg);
2952 -ms-transform: skew(5deg) rotate(5deg);
2953 -o-transform: skew(5deg) rotate(5deg);
2956 .vevent .event-description {
2961 font-weight: bolder;
2964 .vevent .event-location {
2968 font-style: oblique;
2972 .vevent .event-start,
2973 .vevent .event-end {
2985 margin-bottom: 10px;
2987 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2988 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2989 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2990 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2991 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2992 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2993 background-color: #bdbdbd;
2995 -moz-border-radius: 5px;
2996 -webkit-border-radius: 5px;
3000 #new-event-link:hover {
3002 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3003 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3004 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3005 background-color: #1873a2;
3008 #new-event-link:active {
3009 background-color: #1873a2;
3019 .edit-event-link, .plink-event-link {
3023 margin-bottom: 15px;
3026 .event-description:before {
3027 content: url('calendar.png');
3029 vertical-align: middle;
3038 .event-start .dtstart,
3045 margin-bottom: 10px;
3046 font-stretch: condensed;
3057 .event-calendar-end {
3063 font-family: Helvetica, Arial, sans-serif;
3064 background-color: #f1f1f1;
3065 border: 1px solid #dedede;
3066 margin-bottom: 10px;
3067 box-shadow: 5px 5px 8px #959494;
3068 -moz-box-shadow: 5px 5px 8px #959494;
3069 -webkit-box-shadow: 5px 5px 8px #959494;
3073 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3074 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3075 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3076 background-color: #1873a2;
3077 padding: 10px 0px 10px 0px;
3082 box-shadow: 5px 2px 8px #959494;
3083 -moz-box-shadow: 5px 2px 8px #959494;
3084 -webkit-box-shadow: 5px 2px 8px #959494;
3088 border: 1px solid #eeeeee;
3098 background-color: #cdcdcd;
3110 background-color: #1873a2;
3115 #event-finish-text {
3120 #event-nofinish-checkbox,
3121 #event-nofinish-text,
3122 #event-adjust-checkbox,
3124 #event-share-checkbox {
3128 #event-datetime-break {
3129 margin-bottom: 10px;
3132 #event-nofinish-break,
3133 #event-adjust-break,
3134 #event-share-break {
3139 #event-location-text {
3154 margin: 50px 50px 0px 0px;
3157 .directory-details {
3179 background-color: #FF0000;
3184 border: 0px; padding: 0px;
3188 list-style-position: inside;
3198 padding-bottom: 2px;
3199 border-bottom: 1px solid black;
3212 border-bottom: 1px solid #898989;
3217 #adminpage .submit {
3227 #adminpage .plugin {
3230 border: 1px solid #888888;
3236 #adminpage .toggleplugin {
3243 border-bottom: 1p solid #000000;
3247 #adminpage table th {
3251 #adminpage td .icon {
3255 #adminpage table#users img {
3260 #adminpage table tr:hover {
3261 background-color: #eeeeee;
3264 #adminpage .selectall {
3268 /* =============== */
3269 /* = Form Fields = */
3270 /* =============== */
3273 /*margin-bottom: 10px;
3275 padding-bottom: 0px;
3287 border: 1px solid #CDCDCD;
3288 border-radius: 5px 5px 5px 5px;
3306 border: 1px solid #c1c1c1;
3307 background-image: url("../../../images/onoff.jpg");
3308 background-repeat: no-repeat;
3309 padding: 4px 2px 2px 2px;
3311 text-decoration: none;
3313 .field .onoff .off {
3314 border-color: #c1c1c1;
3316 background-position: left center;
3317 background-color: #cccccc;
3323 border-color: #c1c1c1;
3324 padding-right: 40px;
3325 background-position: right center;
3326 background-color: #1873a2;
3332 display: none!important;
3335 .field.radio .field_help {
3344 cursor: url('lock.cur'), pointer;
3353 background-image: url("icons.png");
3356 background-image: url("star.png");
3360 background-image: url("premium.png");
3365 background-image: url("notifications.png");
3370 border: 1px solid #c1c1c1;
3372 -webkit-border-radius: 3px;
3373 -moz-border-radius: 3px;
3376 .article { background-position: -50px 0px;}
3377 .audio { background-position: -70px 0px;}
3378 .block { background-position: -90px 0px;}
3379 .drop { background-position: -110px 0px;}
3380 .drophide { background-position: -130px 0px;}
3381 .edit { background-position: -150px 0px;}
3382 .camera { background-position: -170px 0px;}
3383 .dislike { background-position: -190px 0px;}
3384 .like { background-position: -210px 0px;}
3385 .link { background-position: -230px 0px;}
3386 .globe { background-position: -50px -20px;}
3387 .noglobe { background-position: -70px -20px;}
3388 .no { background-position: -90px -20px;}
3389 .pause { background-position: -110px -20px;}
3390 .play { background-position: -130px -20px;}
3391 .pencil { background-position: -150px -20px;}
3392 .small-pencil { background-position: -170px -20px;}
3393 .recycle { background-position: -190px -20px;}
3394 .remote-link { background-position: -210px -20px;}
3395 .share { background-position: -230px -20px;}
3396 .tools { background-position: -50px -40px;}
3397 .lock { background-position: -70px -40px;}
3399 background-position: -90px -40px;
3400 background-image: none;
3406 background-image: url("icons.png");
3409 margin: 2px 0px 2px 3px;
3413 .video { background-position: -110px -40px;}
3414 .youtube { background-position: -130px -40px;}
3415 .attach { background-position: -190px -40px;}
3416 .language { background-position: -210px -40px;}
3417 .on { background-position: -50px -60px;}
3418 .off { background-position: -70px -60px;}
3419 .prev { background-position: -90px -60px;}
3420 .next { background-position: -110px -60px;}
3421 .tagged { background-position: -130px -60px;}
3422 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3425 display: block; width: 20px; height: 23px;
3426 background-image: url("../../../images/content-types.png");
3429 .type-video { background-position: 0px 0px; }
3430 .type-image { background-position: -20px 0px; }
3431 .type-audio { background-position: -40px 0px; }
3432 .type-text { background-position: -60px 0px; }
3433 .type-unkn { background-position: -80px 0px; }
3459 #photo-edit-perms-select,
3460 #photos-upload-permissions-wrapper,
3461 #profile-jot-acl-wrapper{
3462 display: block!important;
3471 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3472 padding-right: 20px;
3483 background-color: #cccccc;
3484 background-position: 7px 7px;
3485 background-repeat: no-repeat;
3488 -webkit-border-radius: 5px ;
3489 -moz-border-radius: 5px;
3493 #acl-showall.selected {
3495 background-color: #1873a2;
3500 border: 1px solid #cccccc;
3501 background-color: #efefef;
3515 border: 1px solid #cccccc;
3516 background-color: #fff;
3519 box-shadow: 2px 2px 3px #c1c1c1;
3520 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3521 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3535 padding: 2px 0px 1px;
3544 background-color: #898989;
3545 background-position: 3px 3px;
3546 background-repeat: no-repeat;
3547 margin: 10px 0 0 5px;
3549 -webkit-border-radius: 2px ;
3550 -moz-border-radius: 2px;
3554 #acl-wrapper a:hover {
3555 text-decoration: none;
3556 background-color:#1873a2;
3559 .acl-button-show.selected {
3561 background-color: #1873a2;
3564 .acl-button-hide.selected {
3566 background-color: #a2a2a2;
3569 .acl-list-item.groupshow { border-color: #1873a2; }
3570 .acl-list-item.grouphide { border-color: #a2a2a2; }
3572 /* ========================= */
3573 /* = Global Directory Link = */
3574 /* ========================= */
3576 #global-directory-link {
3579 margin-bottom: 10px;
3581 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3582 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3583 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3584 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3585 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3586 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3587 background-color: #bdbdbd;
3589 -moz-border-radius: 5px;
3590 -webkit-border-radius: 5px;
3595 #global-directory-link:hover {
3597 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3598 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3599 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3600 background-color: #1873a2;
3603 #global-directory-link:active {
3604 background-color: #1873a2;
3609 #global-directory-link a {
3613 #global-directory-link {
3614 -webkit-padding-start: 0px;
3618 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3619 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3620 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3621 background-color: #1873a2;
3623 padding: 5px 10px 5px 10px;
3627 /* notifications popup menu */
3651 #nav-notifications-menu {
3655 overflow-style: scrollbar;
3656 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3657 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3658 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3659 background-color: #a2a2a2;
3660 border-radius: 0px 0px 5px 5px;
3661 -moz-border-radius: 0px 0px 5px 5px;
3662 -webkit-border-radius: 0px 0px 5px 5px;
3663 border: 1px solid #9A9A9A;
3665 box-shadow: 5px 5px 10px #242424;
3666 -moz-box-shadow: 5px 5px 10px #242424;
3667 -webkit-box-shadow: 5px 5px 10px #242424;
3670 #nav-notifications-menu .contactname {
3675 #nav-notifications-menu img {
3680 #nav-notifications-menu .notif-when {
3685 #nav-notifications-menu li {
3686 padding: 7px 0px 7px 10px;
3688 border-bottom: 1px solid #626262;
3691 #nav-notifications-menu li:hover {
3692 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3693 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3694 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3695 background-color: #1873a2;
3698 #nav-notifications-menu a:hover {
3699 text-decoration: underline;
3703 vertical-align: middle;
3705 padding-bottom: 7px;
3708 .notif-item a:hover {
3715 padding: 7px 7px 0px 0px;
3722 /* autocomplete popup */
3729 background: #eeeeee;
3730 border-right: 1px solid #dddddd;
3731 border-left: 1px solid #dddddd;
3732 border-bottom: 1px solid #dddddd;
3733 border-radius: 0px 5px 5px 5px;
3734 -webkit-border-radius: 0px 5px 5px 5px;
3735 -moz-border-radius: 0px 5px 5px 5px;
3736 box-shadow: 3px 3px 4px #959494;
3737 -moz-box-shadow: 3px 3px 4px #959494;
3738 -webkit-box-shadow: 3px 3px 4px #959494;
3751 .acpopupitem.selected {
3753 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3754 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3755 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3756 background-color: #1873a2;
3762 filter: alpha(opacity=0);
3767 filter: alpha(opacity=100);
3771 background: #000000;
3774 /* Pages profile widget
3775 ----------------------------------------------------------- */
3776 #page-profile div#profile-page-list{
3781 background: url("dot.png") repeat-x scroll left center transparent;
3782 border: medium none;
3786 ----------------------------------------------------------- */
3795 text-decoration: none;
3799 /* New posts and comments => background color
3800 ----------------------------------------------------------- */
3802 background: #fbfde9;
3805 div.wall-item-content-wrapper.shiny {
3806 background-image: url("shiny.png");
3807 background-repeat: repeat-x;