5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-13
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;
109 border: 1px solid #b0b0b0;
113 border-radius: 3px 3px 3px 3px;
114 -webkit-border-radius: 3px 3px 3px 3px;
115 -moz-border-radius: 3px 3px 3px 3px;
118 input[type=text-sidebar] {
119 border: 1px solid #b0b0b0;
124 border-radius: 3px 3px 3px 3px;
125 -webkit-border-radius: 3px 3px 3px 3px;
126 -moz-border-radius: 3px 3px 3px 3px;
133 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
134 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
135 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
136 background-color: #bdbdbd;
139 border: 1px solid #7C7D7B;
140 border-radius: 5px 5px 5px 5px;
143 input[type=submit]:hover {
144 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
145 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
146 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
147 background-color: #1873a2;
149 border: 1px solid #7C7D7B;
150 box-shadow: 0 0 8px #BDBDBD;
151 border-radius: 5px 5px 5px 5px;
153 input[type=submit]:active {
164 color: #000; /* Safari and Opera */
169 color: #000; /* Firefox */
174 padding-top: 45px; /*60*/
181 border: 1px solid #dddddd;
182 box-shadow: 3px 3px 6px #959494;
183 -moz-box-shadow: 3px 3px 6px #959494;
184 -webkit-box-shadow: 3px 3px 6px #959494;
185 background-color: #efefef;
191 background: none repeat scroll 0 0 #FFFFFF;
192 border: 1px solid #C5C5C5;
193 border-radius: 3px 3px 3px 3px;
194 box-shadow: 0 0 8px #BDBDBD;
202 border: 1px solid #7C7D7B;
203 border-radius: 5px 5px 5px 5px;
205 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
206 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
207 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
208 background-color: #bdbdbd;
214 border: 1px solid #7C7D7B;
215 box-shadow: 0 0 8px #BDBDBD;
216 /* -moz-box-shadow: 3px 3px 4px #959494;
217 -webkit-box-shadow: 3px 3px 4px #959494;*/
218 border-radius: 5px 5px 5px 5px;
219 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
220 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
221 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
222 background-color: #1873a2;
239 #login-name-wrapper {
240 vertical-align: middle;
244 #login-name-wrapper input {
249 #login-password-wrapper {
250 vertical-align: middle;
259 #login-extra-links a {
262 padding: 5px 0px 5px 0px;
267 #login-extra-filler {
279 -webkit-border-radius: 5px;
280 -moz-border-radius: 5px;
281 border: 1px solid #494948;
282 background-color: #2e3436;
287 box-shadow: 7px 7px 10px #434343;
288 -moz-box-shadow: 7px 7px 12px #434343;
289 -webkit-box-shadow: 7px75px 12px #434343;
313 background-color: #1873a2;
324 list-style: none outside none;
334 background-color: #BDBDBD;
335 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
336 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
337 border: 1px solid #7C7D7B;
338 box-shadow: 0 0 8px #BDBDBD;
339 /* -moz-box-shadow: 3px 3px 4px #959494;
340 -webkit-box-shadow: 3px 3px 4px #959494;*/
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;
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;
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 {
887 border: 1px solid #cccccc;
890 #jot-title::-webkit-input-placeholder {
894 #jot-title:-moz-placeholder {
900 border: 1px solid #cccccc;
907 #profile-jot-perms, #profile-jot-submit, #jot-preview-link {
910 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
911 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
912 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
913 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
914 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
915 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
916 background-color: #bdbdbd;
918 -moz-border-radius: 5px;
919 -webkit-border-radius: 5px;
920 display: inline-block;
922 text-decoration: none;
933 #jot-perms-perms .icon {
937 #profile-jot-submit {
945 #profile-jot-perms:hover,
946 #profile-jot-submit:hover,
947 #jot-preview-link:hover {
948 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
949 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
950 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
951 background-color: #1873a2;
954 #profile-jot-perms:active,
955 #profile-jot-submit:active,
956 #jot-preview-link:active {
966 #profile-rotator-wrapper {
975 #profile-jot-tools-end,
976 #profile-jot-banner-end {
980 #profile-jot-email-wrapper {
981 margin: 10px 10% 0px 10%;
982 border: 1px solid #eeeeee;
986 #profile-jot-email-label {
987 background-color: #555753;
997 #profile-jot-networks {
999 border: 1px solid #eeeeee;
1004 #profile-jot-acl-wrapper {
1006 border: 1px solid #eeeeee;
1008 display:block!important;
1011 #group_allow_wrapper,
1012 #group_deny_wrapper,
1013 #acl-permit-outer-wrapper {
1018 #contact_allow_wrapper,
1019 #contact_deny_wrapper,
1020 #acl-deny-outer-wrapper {
1026 background-color: #555753;
1028 padding: 5px; float: left;
1032 background-color: #555753;
1039 background-color: #555753;
1045 #acl-permit-text-end,
1046 #acl-deny-text-end {
1050 #profile-jot-wrapper {
1055 profile-jot-banner-wrapper {
1071 padding: 20px 0px 0px;
1080 padding: 5px 10px 5px 10px;
1081 display: inline-block;
1088 padding: 5px 10px 5px 10px;
1095 .wall-item-outside-wrapper {
1097 border-bottom: 1px solid #dedede;
1099 margin-bottom: 20px;
1100 padding-right: 10px;
1102 background: none repeat scroll 0 0 #FFFFFF;
1103 border: 1px solid #CDCDCD;
1104 border-radius: 5px 5px 5px 5px;
1105 box-shadow: 0 0 8px #BDBDBD;
1108 .wall-item-outside-wrapper-end {
1112 .wall-item-content-wrapper {
1118 .wall-item-photo-menu {
1122 .wall-item-photo-menu-button {
1124 text-indent: -99999px;
1125 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1132 border-radius: 0px 0px 5px 5px;
1133 -webkit-border-radius: 0px 0px 5px 5px;
1134 -moz-border-radius: 0px 0px 5px 5px;
1142 .wall-item-photo-wrapper {
1149 filter: alpha(opacity=60);
1151 transition: all 0.25s ease-in-out;
1152 -webkit-transition: all 0.25s ease-in-out;
1153 -moz-transition: all 0.25s ease-in-out;
1155 padding-bottom: 5px;
1159 .wall-item-tools:hover {
1160 filter: alpha(opacity=100);
1162 transition: all 0.25s ease-in-out;
1163 -webkit-transition: all 0.25s ease-in-out;
1164 -moz-transition: all 0.25s ease-in-out;
1168 .wall-item-outside-wrapper.comment .wall-item-tools {
1169 margin: 5px 5px 0px 70px;
1173 .wall-item-like-buttons {
1178 .wall-item-like-buttons a.icon {
1184 .wall-item-links-wrapper {
1189 .wall-item-delete-wrapper {
1194 .wall-item-links-wrapper a.icon {
1221 padding-right: 10px;
1226 .wall-item-body img {
1235 .wall-item-lock-wrapper {
1243 margin: 0px 0px 10px 450px;
1249 margin: 0px 0px 0px 100px;
1253 .wall-item-author a {
1263 .wall-item-wrapper-end {
1267 .wall-item-location {
1271 text-overflow: ellipsis;
1272 -o-text-overflow: ellipsis;
1275 .wall-item-location .icon {
1279 .wall-item-location > a {
1284 font-variant: small-caps;
1288 .wall-item-location .smalltext {
1294 .wall-item-location > br {
1314 .wallwall .wwto img {
1315 width: 30px!important;
1316 height: 30px!important;
1319 .wallwall .wall-item-photo-end {
1323 .wall-item-arrowphoto-wrapper {
1330 .wall-item-photo-menu {
1334 background: #eeeeee;
1335 border-right: 1px solid #dddddd;
1336 border-left: 1px solid #dddddd;
1337 border-bottom: 1px solid #dddddd;
1343 border-radius: 0px 5px 5px 5px;
1344 -webkit-border-radius: 0px 5px 5px 5px;
1345 -moz-border-radius: 0px 5px 5px 5px;
1346 box-shadow: 3px 3px 4px #959494;
1347 -moz-box-shadow: 3px 3px 4px #959494;
1348 -webkit-box-shadow: 3px 3px 4px #959494;
1352 .wall-item-photo-menu-button {
1353 border-right: 1px solid #dddddd;
1354 border-left: 1px solid #dddddd;
1355 border-bottom: 1px solid #dddddd;
1356 box-shadow: 3px 3px 4px #959494;
1357 -moz-box-shadow: 3px 3px 4px #959494;
1358 -webkit-box-shadow: 3px 3px 4px #959494;
1361 .fakelink wall-item-photo-menu-button {
1362 -webkit-border-radius: 0px 5px 5px 5px;
1363 -moz-border-radius: 0px 5px 5px 5px;
1364 border-radius: 0px 5px 5px 5px;
1365 box-shadow: 3px 3px 4px #959494;
1366 -moz-box-shadow: 3px 3px 4px #959494;
1367 -webkit-box-shadow: 3px 3px 4px #959494;
1370 .wall-item-photo-menu ul {
1376 .wall-item-photo-menu li a {
1377 white-space: nowrap;
1383 .wall-item-photo-menu li a:hover {
1385 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1386 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1387 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1388 background-color: #1873a2;
1389 /*order-bottom: none;*/
1397 #item-delete-selected {
1406 .ccollapse-wrapper {
1412 .wall-item-outside-wrapper.comment {
1416 .wall-item-outside-wrapper.comment .wall-item-photo {
1417 width: 40px!important;
1418 height: 40px!important;
1421 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1426 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1429 background-position: 35px center;
1432 .wall-item-outside-wrapper.comment .wall-item-info {
1436 .wall-item-outside-wrapper.comment .wall-item-body {
1439 padding-right: 10px;
1443 .wall-item-outside-wrapper.comment .wall-item-author {
1447 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1451 .icollapse-wrapper {
1456 .comment-wwedit-wrapper,
1457 .comment-edit-wrapper {
1458 margin: 30px 0px 0px 80px;
1461 .comment-wwedit-wrapper img,
1462 .comment-edit-wrapper img {
1467 .comment-edit-photo-link {
1472 .comment-edit-text-empty {
1476 transition: all 0.5s ease-in-out;
1477 -webkit-transition: all 0.5s ease-in-out;
1478 -moz-transition: all 0.5s ease-in-out;
1481 .comment-edit-text-empty:hover {
1485 .comment-edit-text-full {
1488 transition: all 0.5s ease-in-out;
1489 -webkit-transition: all 0.5s ease-in-out;
1490 -moz-transition: all 0.5s ease-in-out;
1493 .comment-edit-submit-wrapper {
1499 .comment-edit-submit {
1501 background-color: #a2a2a2;
1504 -webkit-border-radius: 5px;
1505 -moz-border-radius: 5px;
1509 .comment-edit-submit:hover {
1510 background-color: #1873a2;
1513 .comment-edit-submit:active {
1514 background-color: #1873a2;
1517 #item-delete-selected-desc {
1522 .wall-item-body code {
1523 font-family: Courier, monospace;
1527 border: 1px solid #cccccc;
1528 border-width: 1px 1px 1px 10px;
1537 .advanced-profile-content {
1539 margin-bottom: 10px;
1544 .advanced-profile-label {
1547 padding-bottom: 5px;
1551 div[id$="wrapper"] {
1555 div[id$="wrapper"] br {
1559 #advanced-profile-with {
1563 #profile-listing-desc {
1566 padding: 5px 10px 5px 10px;
1568 margin-bottom: 20px;
1570 display: inline-block;
1575 #profile-listing-new-link-wrapper {
1581 padding: 5px 10px 5px 10px;
1586 .profile-listing-name {
1589 .profile-listing-name a {
1593 #profile-edit-links li {
1596 margin-bottom: 20px;
1598 background-color: #a2a2a2;
1600 padding: 5px 10px 5px 10px;
1603 border-radius: 5px 5px 5px 5px;
1604 -webkit-border-radius: 5px 5px 5px 5px;
1605 -moz-border-radius: 5px 5px 5px 5px;
1608 #profile-edit-links li a {
1612 #profile-edit-links li:hover {
1613 background-color: #1873a2;
1616 #profile-edit-links li:active {
1617 background-color: #1873a2;
1620 .profile-edit-side-div {
1628 #cropimage-wrapper {
1636 .profile-match-name a{
1641 .profile-match-name a:hover {
1645 .profile-match-wrapper {
1648 margin-bottom: 10px;
1650 background-color: #f6f6f6;
1651 border: 1px solid #dddddd;
1652 box-shadow: 3px 3px 4px #959494;
1653 -moz-box-shadow: 3px 3px 4px #959494;
1654 -webkit-box-shadow: 3px 3px 4px #959494;
1658 .profile-match-end {
1662 .profile-match-photo {
1676 #side-bar-photos-albums h3:before {
1677 content: url("photography.png");
1678 padding-right: 10px;
1679 vertical-align: middle;
1682 #side-bar-photos-albums li {
1692 margin-bottom: 20px;
1694 background-color: #a2a2a2;
1696 padding: 5px 10px 5px 10px;
1699 border-radius: 5px 5px 5px 5px;
1700 -webkit-border-radius: 5px 5px 5px 5px;
1701 -moz-border-radius: 5px 5px 5px 5px;
1704 #photo-top-links a {
1708 #photo-top-links:hover {
1709 background-color: #1873a2;
1712 #photo-top-links:active {
1713 background-color: #1873a2;
1716 .photo-album-image-wrapper {
1718 margin: 0px 10px 10px 0px;
1719 padding-bottom: 30px;
1723 .photo-top-image-wrapper {
1727 margin: 0px 10px 10px 0px;
1728 padding-bottom: 30px;
1732 #photo-album-wrapper-inner {
1749 .photo-top-image-wrapper a:hover,
1750 #photo-photo a:hover,
1751 .photo-album-image-wrapper a:hover {
1756 .photo-album-photo {}
1758 .photo-top-album-name {
1763 font-stretch: semi-expanded;
1766 .photo-top-album-name a {
1799 background-color: rgba(255,255,255,0.2);
1801 transition: all 0.2s ease-in-out;
1802 -webkit-transition: all 0.2s ease-in-out;
1803 -moz-transition: all 0.2s ease-in-out;
1804 background-position: center center;
1805 background-repeat: no-repeat;
1811 background-image: url('prev.png');
1817 background-image: url('next.png');
1821 #photo-next-link a {
1826 text-indent: -900000px;
1829 #photo-prev-link:hover,
1830 #photo-next-link:hover {
1832 transition: all 0.2s ease-in-out;
1833 -webkit-transition: all 0.2s ease-in-out;
1834 -moz-transition: all 0.2s ease-in-out;
1837 #photo-next-link .icon,
1838 #photo-prev-link .icon {
1842 #photos-upload-spacer,
1843 #photos-upload-new-wrapper,
1844 #photos-upload-exist-wrapper {
1848 #photos-upload-existing-album-text,
1849 #photos-upload-newalbum-div {
1850 background-color: #fff;
1858 #photos-upload-album-select,
1859 #photos-upload-newalbum {
1863 #photos-upload-perms-menu {
1868 #photos-upload-perms-menu .icon {
1874 border: 1px solid #b0b0b0;
1876 border-radius: 3px 3px 3px 3px;
1877 -webkit-border-radius: 3px 3px 3px 3px;
1878 -moz-border-radius: 3px 3px 3px 3px;
1883 select[size][multiple] {
1884 -webkit-appearance: listbox;
1888 -webkit-appearance: menulist;
1889 box-sizing: border-box;
1890 -webkit-box-align: center;
1895 /*-webkit-border-radius: ;*/
1898 input, textarea, keygen {
1900 letter-spacing: normal;
1901 word-spacing: normal;
1903 text-transform: none;
1906 display: inline-block;
1907 text-align: -webkit-auto;
1912 -moz-border-radius: 5px;
1913 -webkit-border-radius: 5px;
1918 margin-bottom: 20px;
1920 background-color: #a2a2a2;
1922 padding: 5px 10px 5px 10px;
1925 border-radius: 5px 5px 5px 5px;
1926 -webkit-border-radius: 5px 5px 5px 5px;
1927 -moz-border-radius: 5px 5px 5px 5px;
1930 #album-edit-link a {
1934 #album-edit-link:hover {
1935 background-color: #1873a2;
1938 #photo-edit-link-wrap {
1939 margin-bottom: 10px;
1948 input#photo_edit_form {
1953 #photo-edit-perms-menu {
1962 #photo-edit-perms-menu .icon {
1966 #photo-edit-delete-button {
1972 #photo-album-edit-wrapper {
1973 margin-bottom: 10px;
1987 background-color: #fff;
1988 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1989 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1990 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1993 #prvmail-wrapper:before,
1994 #prvmail-wrapper:after,
1995 .mail-conv-detail:before,
1996 .mail-conv-detail:after,
1997 .mail-list-detail:before,
1998 .mail-list-detail:after {
2005 background: transparent;
2006 transform: skew(-5deg) rotate(-5deg);
2007 -webkit-transform: skew(-5deg) rotate(-5deg);
2008 -moz-transform: skew(-5deg) rotate(-5deg);
2009 -ms-transform: skew(-5deg) rotate(-5deg);
2010 -o-transform: skew(-5deg) rotate(-5deg);
2011 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2012 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2013 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2017 #prvmail-wrapper:after,
2018 .mail-conv-detail:after,
2019 .mail-list-detail:after {
2022 transform: skew(5deg) rotate(5deg);
2023 -webkit-transform: skew(5deg) rotate(5deg);
2024 -moz-transform: skew(5deg) rotate(5deg);
2025 -ms-transform: skew(5deg) rotate(5deg);
2026 -o-transform: skew(5deg) rotate(5deg);
2042 #prvmail-subject .input {
2043 border: none !important;
2046 #prvmail-subject-label {}
2052 #prvmail-to-label {}
2054 #prvmail-message-label {
2058 #prvmail-submit-wrapper {
2072 #prvmail-submit-wrapper > div {
2077 .mail-list-outside-wrapper {
2084 background-color: #efefef;
2085 border: 1px solid #C5C5C5;
2086 border-radius: 3px 3px 3px 3px;
2087 box-shadow: 0 0 8px #BDBDBD;
2088 -moz-box-shadow: 3px 3px 4px #959494;
2089 -webkit-box-shadow: 3px 3px 4px #959494;
2098 border: 1px solid #dddddd;
2101 .mail-list-sender-name {
2112 font-stretch: ultra-condensed;
2115 .mail-list-subject {
2119 padding-right: 50px;
2122 .mail-list-subject a {
2126 .mail-list-delete-wrapper {
2130 .mail-list-outside-wrapper-end {
2134 .mail-conv-outside-wrapper {
2135 margin-bottom: 10px;
2141 margin: 0px 5px 5px 0px;
2144 .mail-conv-sender-photo {
2149 .mail-conv-sender-name {
2158 .mail-conv-subject {
2171 padding-bottom: 20px;
2174 vertical-align: middle;
2176 border: 1px solid #dddddd;
2183 .mail-conv-delete-wrapper {
2191 border: 1px solid #dddddd;
2194 /* ================= */
2195 /* = Notifications = */
2196 /* ================= */
2198 #notification-show-hide-wrapper {
2200 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2201 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2202 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2203 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2204 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2205 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2206 background-color: #bdbdbd;
2208 -moz-border-radius: 5px;
2209 -webkit-border-radius: 5px;
2210 padding: 5px 10px 5px 10px;
2218 #notification-show-hide-wrapper:hover {
2220 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2221 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2222 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2223 background-color: #1873a2;
2226 #notification-show-hide-wrapper:active {
2227 background-color: #1873a2;
2232 #notification-show-hide-wrapper a {
2241 margin-bottom: 10px;
2244 .view-contact-wrapper,
2245 .contact-entry-wrapper {
2248 margin-bottom: 20px;
2254 .contact-entry-direction-wrapper {
2259 .contact-entry-edit-links {
2264 #contacts-show-hide-link {
2265 margin-bottom: 20px;
2270 .contact-entry-name {
2280 .contact-entry-photo {
2284 .contact-entry-edit-links .icon {
2285 border: 1px solid #babdb6;
2287 -webkit-border-radius: 3px;
2288 -moz-border-radius: 3px;
2289 background-color: #ffffff;
2292 #contact-edit-banner-name {
2297 #contact-edit-update-now {
2302 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2303 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2304 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2305 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2306 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2307 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2308 background-color: #bdbdbd;
2310 -moz-border-radius: 5px;
2311 -webkit-border-radius: 5px;
2312 display: inline-block;
2314 text-decoration: none;
2318 #contact-edit-update-now:hover {
2319 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2320 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2321 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2322 background-color: #1873a2;
2325 #contact-edit-update-now:active {
2330 #contact-edit-update-now a {
2337 .contact-photo-menu-button {
2339 background-image: url("photo-menu.jpg");
2340 background-position: top left;
2341 background-repeat: no-repeat;
2342 margin: 0px; padding: 0px;
2345 top: 64px; left:0px;
2351 .contact-photo-menu {
2353 border: 1px solid #ddd;
2354 background: #f1f1f1;
2356 left: 0px; top: 90px;
2359 box-shadow: 3px 3px 5px #888;
2360 -moz-box-shadow: 3px 3px 5px #888;
2361 -webkit-box-shadow: 3px 3px 5px #888;
2364 .contact-photo-menu ul {
2370 .contact-photo-menu li a {
2377 .contact-photo-menu li a:hover {
2379 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2380 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2381 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2382 background-color: #1873a2;
2383 text-decoration: none;
2386 .view-contact-name {}
2389 background-color: #efefef;
2395 margin-bottom: 20px;
2398 #follow-sidebar h3:before {
2399 content: url("user.png");
2400 padding-right: 10px;
2401 vertical-align: middle;
2404 #follow-sidebar input[type="text"] {
2406 margin-bottom: 10px;
2409 #side-follow-submit {
2418 margin: auto 10px 20px;
2419 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2420 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2421 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2422 background-color: #bdbdbd;
2423 padding: 5px 10px 5px 10px;
2427 border: 1px solid #7C7D7B;
2428 border-radius: 5px 5px 5px 5px;
2431 #side-match-link:hover {
2433 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2434 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2435 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2436 background-color: #1873a2;
2437 border: 1px solid #7C7D7B;
2438 box-shadow: 0 0 8px #BDBDBD;
2439 border-radius: 5px 5px 5px 5px;
2442 #side-match-link:active {
2443 background-color: #1873a2;
2448 #side-match-link a {
2456 margin-bottom: 20px;
2457 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2458 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2459 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2460 background-color: #bdbdbd;
2461 padding: 5px 10px 5px 10px;
2465 border: 1px solid #7C7D7B;
2466 border-radius: 5px 5px 5px 5px;
2469 #side-invite-link:hover {
2471 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2472 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2473 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2474 background-color: #1873a2;
2475 border: 1px solid #7C7D7B;
2476 box-shadow: 0 0 8px #BDBDBD;
2477 border-radius: 5px 5px 5px 5px;
2481 #side-invite-link:active {
2482 background-color: #1873a2;
2487 #side-invite-link a {
2491 #side-suggest-link {
2495 margin-bottom: 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-suggest-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-suggest-link:active {
2520 background-color: #1873a2;
2525 #side-suggest-link a {
2531 #invite-recipient-text {
2535 #side-follow-wrapper {
2538 font-stretch: semi-expanded;
2539 background-color: #f3f3f3;
2540 border: 1px solid #cdcdcd;
2543 border-radius: 5px 5px 5px 5px;
2544 -webkit-border-radius: 5px 5px 5px 5px;
2545 -moz-border-radius: 5px 5px 5px 5px;
2548 #side-follow-wrapper label{
2550 font-variant: normal;
2558 margin-bottom: 20px;
2559 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2560 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2561 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2562 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2563 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2564 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2565 background-color: #bdbdbd;
2567 -moz-border-radius: 5px;
2568 -webkit-border-radius: 5px;
2569 padding: 5px 10px 5px 10px;
2575 #contact-suggest:hover {
2577 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2578 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2579 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2580 background-color: #1873a2;
2583 #contact-suggest:active {
2584 background-color: #1873a2;
2589 #contact-suggest a {
2605 /* ===================================== */
2606 /* = Register, Settings, Profile Forms = */
2607 /* ===================================== */
2610 background: url(login-bg.gif) no-repeat;
2611 background-position: 0 50%;
2613 width: 384px!important;
2616 #profile-tabs-wrapper {
2620 #profile-tab-status-link {
2622 padding: 5px 10px 5px 10px;
2630 #profile-tab-profile-link {
2632 padding: 5px 10px 5px 10px;
2637 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2638 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2639 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2640 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2641 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2642 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2643 background-color: #7c7d7b;
2645 -moz-border-radius: 5px;
2646 -webkit-border-radius: 5px;
2647 padding: 5px 10px 5px 10px;
2648 margin-bottom: 10px;
2651 #uexport-link:hover {
2653 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2654 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2655 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2656 background-color: #555753;
2659 #uexport-link:active {
2661 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2662 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2663 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2664 background-color: #1873a2;
2669 #settings-default-perms {
2672 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2673 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2674 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2675 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2676 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2677 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2679 background-color: #7c7d7b;
2681 -moz-border-radius: 5px;
2682 -webkit-border-radius: 5px;
2683 padding: 5px 10px 5px 10px;
2684 margin-bottom: 10px;
2687 #settings-default-perms .fakelink {
2691 #settings-default-perms:hover {
2693 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2694 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2695 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2696 background-color: #555753;
2699 #settings-default-perms:active {
2701 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2702 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2703 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2704 background-color: #1873a2;
2709 #settings-nickname-desc {
2711 background-color: #efefef;
2712 margin-bottom: 10px;
2714 -webkit-border-radius: 5px;
2715 -moz-border-radius: 5px;
2719 #register-form div {
2723 #profile-edit-form div {
2727 #profile-edit-form div[id$='desc'] {
2732 #register-form label,
2733 #profile-edit-form label {
2738 /* #register-form span,
2739 #profile-edit-form span { */
2740 #register-form span {
2743 margin-bottom: 20px;
2746 .settings-submit-wrapper,
2747 .profile-edit-submit-wrapper {
2754 margin: 20px 20px 0px 0px;
2757 #profile-edit-links ul {
2763 #register-sitename {
2768 /* ===================== */
2769 /* = Contacts Selector = */
2770 /* ===================== */
2772 #group-edit-wrapper {
2773 margin-bottom: 10px;
2776 #group-edit-name-wrapper {
2780 #group-edit-submit-wrapper {
2781 margin-bottom: 10px;
2782 margin-right: 400px;
2787 .group-delete-wrapper {
2791 margin-bottom: 10px;
2792 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2793 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2794 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2795 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2796 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2797 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2798 background-color: #bdbdbd;
2800 -moz-border-radius: 5px;
2801 -webkit-border-radius: 5px;
2804 .group-delete-wrapper:hover {
2805 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2806 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2807 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2808 background-color: #1873a2;
2811 .group-delete-wrapper:active {
2812 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2813 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2814 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2815 background-color: #1873a2;
2818 .group-delete-wrapper a {
2837 background-color: #f0edf0;
2839 border: 1px solid #ccc;
2840 margin-bottom: 10px;
2844 #group-all-contacts,
2845 #prof-all-contacts {
2849 border: 1px solid #ccc;
2850 background-color: #f0edf0;
2855 #group-all-contacts h3,
2857 #prof-all-contacts h3{
2889 margin-bottom: 10px;
2890 background-color: #fff;
2891 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2892 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2893 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2904 background: transparent;
2905 transform: skew(-5deg) rotate(-5deg);
2906 -webkit-transform: skew(-5deg) rotate(-5deg);
2907 -moz-transform: skew(-5deg) rotate(-5deg);
2908 -ms-transform: skew(-5deg) rotate(-5deg);
2909 -o-transform: skew(-5deg) rotate(-5deg);
2910 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2911 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2912 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2919 transform: skew(5deg) rotate(5deg);
2920 -webkit-transform: skew(5deg) rotate(5deg);
2921 -moz-transform: skew(5deg) rotate(5deg);
2922 -ms-transform: skew(5deg) rotate(5deg);
2923 -o-transform: skew(5deg) rotate(5deg);
2926 .vevent .event-description {
2931 font-weight: bolder;
2934 .vevent .event-location {
2938 font-style: oblique;
2942 .vevent .event-start,
2943 .vevent .event-end {
2955 margin-bottom: 10px;
2957 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2958 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2959 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2960 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2961 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2962 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2963 background-color: #bdbdbd;
2965 -moz-border-radius: 5px;
2966 -webkit-border-radius: 5px;
2970 #new-event-link:hover {
2972 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2973 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2974 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2975 background-color: #1873a2;
2978 #new-event-link:active {
2979 background-color: #1873a2;
2989 .edit-event-link, .plink-event-link {
2993 margin-bottom: 15px;
2996 .event-description:before {
2997 content: url('calendar.png');
2999 vertical-align: middle;
3008 .event-start .dtstart,
3015 margin-bottom: 10px;
3016 font-stretch: condensed;
3027 .event-calendar-end {
3033 font-family: Helvetica, Arial, sans-serif;
3034 background-color: #f1f1f1;
3035 border: 1px solid #dedede;
3036 margin-bottom: 10px;
3037 box-shadow: 5px 5px 8px #959494;
3038 -moz-box-shadow: 5px 5px 8px #959494;
3039 -webkit-box-shadow: 5px 5px 8px #959494;
3043 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3044 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3045 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3046 background-color: #1873a2;
3047 padding: 10px 0px 10px 0px;
3052 box-shadow: 5px 2px 8px #959494;
3053 -moz-box-shadow: 5px 2px 8px #959494;
3054 -webkit-box-shadow: 5px 2px 8px #959494;
3058 border: 1px solid #eeeeee;
3068 background-color: #cdcdcd;
3080 background-color: #1873a2;
3085 #event-finish-text {
3090 #event-nofinish-checkbox,
3091 #event-nofinish-text,
3092 #event-adjust-checkbox,
3094 #event-share-checkbox {
3098 #event-datetime-break {
3099 margin-bottom: 10px;
3102 #event-nofinish-break,
3103 #event-adjust-break,
3104 #event-share-break {
3109 #event-location-text {
3124 margin: 50px 50px 0px 0px;
3127 .directory-details {
3149 background-color: #FF0000;
3154 border: 0px; padding: 0px;
3158 list-style-position: inside;
3168 padding-bottom: 2px;
3169 border-bottom: 1px solid black;
3182 border-bottom: 1px solid #898989;
3187 #adminpage .submit {
3197 #adminpage .plugin {
3200 border: 1px solid #888888;
3206 #adminpage .toggleplugin {
3213 border-bottom: 1p solid #000000;
3217 #adminpage table th {
3221 #adminpage td .icon {
3225 #adminpage table#users img {
3230 #adminpage table tr:hover {
3231 background-color: #eeeeee;
3234 #adminpage .selectall {
3238 /* =============== */
3239 /* = Form Fields = */
3240 /* =============== */
3243 margin-bottom: 10px;
3245 padding-bottom: 0px;
3257 border: 1px solid #CDCDCD;
3258 border-radius: 5px 5px 5px 5px;
3276 border: 1px solid #c1c1c1;
3277 background-image: url("../../../images/onoff.jpg");
3278 background-repeat: no-repeat;
3279 padding: 4px 2px 2px 2px;
3281 text-decoration: none;
3283 .field .onoff .off {
3284 border-color: #c1c1c1;
3286 background-position: left center;
3287 background-color: #cccccc;
3293 border-color: #c1c1c1;
3294 padding-right: 40px;
3295 background-position: right center;
3296 background-color: #1873a2;
3302 display: none!important;
3305 .field.radio .field_help {
3314 cursor: url('lock.cur'), pointer;
3323 background-image: url("icons.png");
3326 background-image: url("star.png");
3330 background-image: url("premium.png");
3335 background-image: url("notifications.png");
3340 border: 1px solid #c1c1c1;
3342 -webkit-border-radius: 3px;
3343 -moz-border-radius: 3px;
3346 .article { background-position: -50px 0px;}
3347 .audio { background-position: -70px 0px;}
3348 .block { background-position: -90px 0px;}
3349 .drop { background-position: -110px 0px;}
3350 .drophide { background-position: -130px 0px;}
3351 .edit { background-position: -150px 0px;}
3352 .camera { background-position: -170px 0px;}
3353 .dislike { background-position: -190px 0px;}
3354 .like { background-position: -210px 0px;}
3355 .link { background-position: -230px 0px;}
3356 .globe { background-position: -50px -20px;}
3357 .noglobe { background-position: -70px -20px;}
3358 .no { background-position: -90px -20px;}
3359 .pause { background-position: -110px -20px;}
3360 .play { background-position: -130px -20px;}
3361 .pencil { background-position: -150px -20px;}
3362 .small-pencil { background-position: -170px -20px;}
3363 .recycle { background-position: -190px -20px;}
3364 .remote-link { background-position: -210px -20px;}
3365 .share { background-position: -230px -20px;}
3366 .tools { background-position: -50px -40px;}
3367 .lock { background-position: -70px -40px;}
3369 background-position: -90px -40px;
3370 background-image: none;
3376 background-image: url("icons.png");
3379 margin: 2px 0px 2px 3px;
3383 .video { background-position: -110px -40px;}
3384 .youtube { background-position: -130px -40px;}
3385 .attach { background-position: -190px -40px;}
3386 .language { background-position: -210px -40px;}
3387 .on { background-position: -50px -60px;}
3388 .off { background-position: -70px -60px;}
3389 .prev { background-position: -90px -60px;}
3390 .next { background-position: -110px -60px;}
3391 .tagged { background-position: -130px -60px;}
3392 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3395 display: block; width: 20px; height: 23px;
3396 background-image: url("../../../images/content-types.png");
3399 .type-video { background-position: 0px 0px; }
3400 .type-image { background-position: -20px 0px; }
3401 .type-audio { background-position: -40px 0px; }
3402 .type-text { background-position: -60px 0px; }
3403 .type-unkn { background-position: -80px 0px; }
3429 #photo-edit-perms-select,
3430 #photos-upload-permissions-wrapper,
3431 #profile-jot-acl-wrapper{
3432 display: block!important;
3441 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3442 padding-right: 20px;
3453 background-color: #cccccc;
3454 background-position: 7px 7px;
3455 background-repeat: no-repeat;
3458 -webkit-border-radius: 5px ;
3459 -moz-border-radius: 5px;
3463 #acl-showall.selected {
3465 background-color: #1873a2;
3470 border: 1px solid #cccccc;
3471 background-color: #efefef;
3485 border: 1px solid #cccccc;
3486 background-color: #fff;
3489 box-shadow: 2px 2px 3px #c1c1c1;
3490 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3491 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3505 padding: 2px 0px 1px;
3514 background-color: #898989;
3515 background-position: 3px 3px;
3516 background-repeat: no-repeat;
3517 margin: 10px 0 0 5px;
3519 -webkit-border-radius: 2px ;
3520 -moz-border-radius: 2px;
3524 #acl-wrapper a:hover {
3525 text-decoration: none;
3526 background-color:#1873a2;
3529 .acl-button-show.selected {
3531 background-color: #1873a2;
3534 .acl-button-hide.selected {
3536 background-color: #a2a2a2;
3539 .acl-list-item.groupshow { border-color: #1873a2; }
3540 .acl-list-item.grouphide { border-color: #a2a2a2; }
3542 /* ========================= */
3543 /* = Global Directory Link = */
3544 /* ========================= */
3546 #global-directory-link {
3549 margin-bottom: 10px;
3551 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3552 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3553 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3554 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3555 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3556 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3557 background-color: #bdbdbd;
3559 -moz-border-radius: 5px;
3560 -webkit-border-radius: 5px;
3565 #global-directory-link:hover {
3567 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3568 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3569 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3570 background-color: #1873a2;
3573 #global-directory-link:active {
3574 background-color: #1873a2;
3579 #global-directory-link a {
3583 #global-directory-link {
3584 -webkit-padding-start: 0px;
3588 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3589 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3590 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3591 background-color: #1873a2;
3593 padding: 5px 10px 5px 10px;
3597 /* notifications popup menu */
3621 #nav-notifications-menu {
3625 overflow-style: scrollbar;
3626 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3627 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3628 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3629 background-color: #a2a2a2;
3630 border-radius: 0px 0px 5px 5px;
3631 -moz-border-radius: 0px 0px 5px 5px;
3632 -webkit-border-radius: 0px 0px 5px 5px;
3633 border: 1px solid #9A9A9A;
3635 box-shadow: 5px 5px 10px #242424;
3636 -moz-box-shadow: 5px 5px 10px #242424;
3637 -webkit-box-shadow: 5px 5px 10px #242424;
3640 #nav-notifications-menu .contactname {
3645 #nav-notifications-menu img {
3650 #nav-notifications-menu .notif-when {
3655 #nav-notifications-menu li {
3656 padding: 7px 0px 7px 10px;
3658 border-bottom: 1px solid #626262;
3661 #nav-notifications-menu li:hover {
3662 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3663 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3664 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3665 background-color: #1873a2;
3668 #nav-notifications-menu a:hover {
3669 text-decoration: underline;
3673 vertical-align: middle;
3675 padding-bottom: 7px;
3678 .notif-item a:hover {
3685 padding: 7px 7px 0px 0px;
3692 /* autocomplete popup */
3699 background: #eeeeee;
3700 border-right: 1px solid #dddddd;
3701 border-left: 1px solid #dddddd;
3702 border-bottom: 1px solid #dddddd;
3703 border-radius: 0px 5px 5px 5px;
3704 -webkit-border-radius: 0px 5px 5px 5px;
3705 -moz-border-radius: 0px 5px 5px 5px;
3706 box-shadow: 3px 3px 4px #959494;
3707 -moz-box-shadow: 3px 3px 4px #959494;
3708 -webkit-box-shadow: 3px 3px 4px #959494;
3721 .acpopupitem.selected {
3723 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3724 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3726 background-color: #1873a2;
3732 filter: alpha(opacity=0);
3737 filter: alpha(opacity=100);
3741 background: #000000;
3744 /* Pages profile widget
3745 ----------------------------------------------------------- */
3746 #page-profile div#profile-page-list{
3751 background: url("dot.png") repeat-x scroll left center transparent;
3752 border: medium none;
3756 ----------------------------------------------------------- */
3765 text-decoration: none;
3769 /* New posts and comments => background color
3770 ----------------------------------------------------------- */
3772 background: #fbfde9;
3776 /*div.wall-item-content-wrapper.shiny {
3777 background-image: url("star.png");
3778 background-repeat: no-repeat;