5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-14
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;
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;
575 .vcard #profile-photo-wrapper {
579 background: none repeat scroll 0 0 #FFFFFF;
580 border: 1px solid #C5C5C5;
581 box-shadow: 0 0 8px #BDBDBD;
582 -moz-box-shadow: 3px 3px 4px #959494;
583 -webkit-box-shadow: 3px 3px 4px #959494;
584 border-radius: 5px 5px 5px 5px;
598 padding-bottom: 10px;
601 #profile-extra-links ul {
608 box-shadow: inset 0px 1px 0px 0px #a65151;
609 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
610 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
611 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
612 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
613 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
614 background-color: #6da6c4;
616 -moz-border-radius: 5px;
617 -webkit-border-radius: 5px;
618 border: 1px solid #fc5656;
619 display: inline-block;
621 font-family: Trebuchet MS;
627 text-decoration: none;
628 text-shadow: 1px 1px 0px #b36f6f;
631 #dfrn-request-link:hover {
632 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
633 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
634 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
635 background-color: #1873a2;
638 #dfrn-request-link:active {
643 #dfrn-request-intro {
648 background-color: #f6f6f6;
649 padding: 5px 5px 5px 5px;
651 #netsearch-box input[type="text"] {
654 #netsearch-box input[type="submit"] {
659 content: url("search.png");
661 vertical-align: middle;
665 background-color: #f3f3f3;
666 border: 1px solid #cdcdcd;
668 border-radius: 5px 5px 5px 5px;
669 -webkit-border-radius: 5px 5px 5px 5px;
670 -moz-border-radius: 5px 5px 5px 5px;
674 vertical-align: middle;
677 padding-bottom: 10px;
680 #sidebar-group-list {
685 #sidebar-group-list > a{
686 padding-bottom: 10px;
691 box-shadow: 1px 2px 6px 0px #959494;
692 -moz-box-shadow: 1px 2px 6px 0px #959494;
693 -webkit-box-shadow: 1px 2px 6px 0px #959494;
694 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
695 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
696 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
697 background-color: #f8f8f8;
699 -moz-border-radius: 5px;
700 -webkit-border-radius: 5px;
702 border: 1px solid #cdcdcd;
710 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
711 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
712 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
713 background-color: #bdbdbd;
714 display: inline-block;
716 text-decoration: none;
718 border: 1px solid #7C7D7B;
719 border-radius: 5px 5px 5px 5px;
723 #sidebar-new-group:hover {
724 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
725 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
726 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
727 background-color: #1873a2;
728 border: 1px solid #7C7D7B;
729 box-shadow: 0 0 8px #BDBDBD;
730 border-radius: 5px 5px 5px 5px;
733 #sidebar-new-group:active {
738 .group-selected, .nets-selected {
742 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
743 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
744 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
745 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
746 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
747 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
748 background-color: #bdbdbd;
750 -moz-border-radius: 5px;
751 -webkit-border-radius: 5px;
752 display: inline-block;
754 text-decoration: none;
757 #sidebar-new-group a {
764 ul .sidebar-group-li {
770 ul .sidebar-group-li .icon {
771 display: inline-block;
777 list-style-type: none;
792 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
793 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
794 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
795 background-color: #f0edf0;
796 border-radius: 5px 5px 0px 0px;
797 -moz-border-radius: 5px 5px 0px 0px;
798 -webkit-border-radius: 5px 5px 0px 0px;
799 border: 1px solid #e2e2e2;
800 border-bottom: 1px solid #cdcdcd;
803 vertical-align: baseline;
805 text-shadow: -1px 0px 0px #bdbdbd;
808 #group-sidebar h3:before {
809 content: url("groups.png");
811 vertical-align: middle;
816 padding-bottom: 20px;
824 .saved-search-li .icon {
828 .birthday-today, .event-today {
832 #birthday-wrapper, #event-wrapper {
842 /* ================== */
843 /* = Contacts Block = */
844 /* ================== */
850 border: 1px solid #C5C5C5;
851 border-radius: 3px 3px 3px 3px;
852 box-shadow: 0 0 8px #BDBDBD;
858 .contact-block-textdiv {
872 #profile-jot-text_tbl {
876 #profile-jot-text_ifr {
877 width: 99.9%!important
880 #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, #jot-preview-link {
911 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
912 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
913 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
914 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
915 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
916 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
917 background-color: #bdbdbd;
919 -moz-border-radius: 5px;
920 -webkit-border-radius: 5px;
921 display: inline-block;
923 text-decoration: none;
934 #jot-perms-perms .icon {
938 #profile-jot-submit {
946 #profile-jot-perms:hover,
947 #profile-jot-submit:hover,
948 #jot-preview-link:hover {
949 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
950 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
951 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
952 background-color: #1873a2;
955 #profile-jot-perms:active,
956 #profile-jot-submit:active,
957 #jot-preview-link:active {
967 #profile-rotator-wrapper {
976 #profile-jot-tools-end,
977 #profile-jot-banner-end {
981 #profile-jot-email-wrapper {
982 margin: 10px 10% 0px 10%;
983 border: 1px solid #eeeeee;
987 #profile-jot-email-label {
988 background-color: #555753;
998 #profile-jot-networks {
1000 border: 1px solid #eeeeee;
1005 #profile-jot-acl-wrapper {
1007 border: 1px solid #eeeeee;
1009 display:block!important;
1012 #group_allow_wrapper,
1013 #group_deny_wrapper,
1014 #acl-permit-outer-wrapper {
1019 #contact_allow_wrapper,
1020 #contact_deny_wrapper,
1021 #acl-deny-outer-wrapper {
1027 background-color: #555753;
1029 padding: 5px; float: left;
1033 background-color: #555753;
1040 background-color: #555753;
1046 #acl-permit-text-end,
1047 #acl-deny-text-end {
1051 #profile-jot-wrapper {
1056 profile-jot-banner-wrapper {
1072 padding: 20px 0px 0px;
1081 padding: 5px 10px 5px 10px;
1082 display: inline-block;
1089 padding: 5px 10px 5px 10px;
1096 .wall-item-outside-wrapper {
1098 border-bottom: 1px solid #dedede;
1100 margin-bottom: 20px;
1101 padding-right: 10px;
1103 background: none repeat scroll 0 0 #FFFFFF;
1104 border: 1px solid #CDCDCD;
1105 border-radius: 5px 5px 5px 5px;
1106 box-shadow: 0 0 8px #BDBDBD;
1109 .wall-item-outside-wrapper-end {
1113 .wall-item-content-wrapper {
1119 .wall-item-photo-menu {
1123 .wall-item-photo-menu-button {
1125 text-indent: -99999px;
1126 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1133 border-radius: 0px 0px 5px 5px;
1134 -webkit-border-radius: 0px 0px 5px 5px;
1135 -moz-border-radius: 0px 0px 5px 5px;
1143 .wall-item-photo-wrapper {
1150 filter: alpha(opacity=60);
1152 transition: all 0.25s ease-in-out;
1153 -webkit-transition: all 0.25s ease-in-out;
1154 -moz-transition: all 0.25s ease-in-out;
1156 padding-bottom: 5px;
1160 .wall-item-tools:hover {
1161 filter: alpha(opacity=100);
1163 transition: all 0.25s ease-in-out;
1164 -webkit-transition: all 0.25s ease-in-out;
1165 -moz-transition: all 0.25s ease-in-out;
1169 .wall-item-outside-wrapper.comment .wall-item-tools {
1170 margin: 5px 5px 0px 70px;
1174 .wall-item-like-buttons {
1179 .wall-item-like-buttons a.icon {
1185 .wall-item-links-wrapper {
1190 .wall-item-delete-wrapper {
1195 .wall-item-links-wrapper a.icon {
1222 padding-right: 10px;
1227 .wall-item-body img {
1236 .wall-item-lock-wrapper {
1244 margin: 0px 0px 10px 450px;
1250 margin: 0px 0px 0px 100px;
1254 .wall-item-author a {
1264 .wall-item-wrapper-end {
1268 .wall-item-location {
1272 text-overflow: ellipsis;
1273 -o-text-overflow: ellipsis;
1276 .wall-item-location .icon {
1280 .wall-item-location > a {
1285 font-variant: small-caps;
1289 .wall-item-location .smalltext {
1295 .wall-item-location > br {
1315 .wallwall .wwto img {
1316 width: 30px!important;
1317 height: 30px!important;
1320 .wallwall .wall-item-photo-end {
1324 .wall-item-arrowphoto-wrapper {
1331 .wall-item-photo-menu {
1335 background: #eeeeee;
1336 border-right: 1px solid #dddddd;
1337 border-left: 1px solid #dddddd;
1338 border-bottom: 1px solid #dddddd;
1344 border-radius: 0px 5px 5px 5px;
1345 -webkit-border-radius: 0px 5px 5px 5px;
1346 -moz-border-radius: 0px 5px 5px 5px;
1347 box-shadow: 3px 3px 4px #959494;
1348 -moz-box-shadow: 3px 3px 4px #959494;
1349 -webkit-box-shadow: 3px 3px 4px #959494;
1353 .wall-item-photo-menu-button {
1354 border-right: 1px solid #dddddd;
1355 border-left: 1px solid #dddddd;
1356 border-bottom: 1px solid #dddddd;
1357 box-shadow: 3px 3px 4px #959494;
1358 -moz-box-shadow: 3px 3px 4px #959494;
1359 -webkit-box-shadow: 3px 3px 4px #959494;
1362 .fakelink wall-item-photo-menu-button {
1363 -webkit-border-radius: 0px 5px 5px 5px;
1364 -moz-border-radius: 0px 5px 5px 5px;
1365 border-radius: 0px 5px 5px 5px;
1366 box-shadow: 3px 3px 4px #959494;
1367 -moz-box-shadow: 3px 3px 4px #959494;
1368 -webkit-box-shadow: 3px 3px 4px #959494;
1371 .wall-item-photo-menu ul {
1377 .wall-item-photo-menu li a {
1378 white-space: nowrap;
1384 .wall-item-photo-menu li a:hover {
1386 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1387 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1389 background-color: #1873a2;
1390 /*order-bottom: none;*/
1398 #item-delete-selected {
1407 .ccollapse-wrapper {
1413 .wall-item-outside-wrapper.comment {
1417 .wall-item-outside-wrapper.comment .wall-item-photo {
1418 width: 40px!important;
1419 height: 40px!important;
1422 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1427 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1430 background-position: 35px center;
1433 .wall-item-outside-wrapper.comment .wall-item-info {
1437 .wall-item-outside-wrapper.comment .wall-item-body {
1440 padding-right: 10px;
1444 .wall-item-outside-wrapper.comment .wall-item-author {
1448 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1452 .icollapse-wrapper {
1457 .comment-wwedit-wrapper,
1458 .comment-edit-wrapper {
1459 margin: 30px 0px 0px 80px;
1462 .comment-wwedit-wrapper img,
1463 .comment-edit-wrapper img {
1468 .comment-edit-photo-link {
1473 .comment-edit-text-empty {
1477 transition: all 0.5s ease-in-out;
1478 -webkit-transition: all 0.5s ease-in-out;
1479 -moz-transition: all 0.5s ease-in-out;
1482 .comment-edit-text-empty:hover {
1486 .comment-edit-text-full {
1489 transition: all 0.5s ease-in-out;
1490 -webkit-transition: all 0.5s ease-in-out;
1491 -moz-transition: all 0.5s ease-in-out;
1494 .comment-edit-submit-wrapper {
1500 .comment-edit-submit {
1502 background-color: #a2a2a2;
1505 -webkit-border-radius: 5px;
1506 -moz-border-radius: 5px;
1510 .comment-edit-submit:hover {
1511 background-color: #1873a2;
1514 .comment-edit-submit:active {
1515 background-color: #1873a2;
1518 #item-delete-selected-desc {
1523 .wall-item-body code {
1524 font-family: Courier, monospace;
1528 border: 1px solid #cccccc;
1529 border-width: 1px 1px 1px 10px;
1538 .advanced-profile-content {
1540 margin-bottom: 10px;
1545 .advanced-profile-label {
1548 padding-bottom: 5px;
1552 div[id$="wrapper"] {
1556 div[id$="wrapper"] br {
1560 #advanced-profile-with {
1564 #profile-listing-desc {
1567 padding: 5px 10px 5px 10px;
1569 margin-bottom: 20px;
1571 display: inline-block;
1576 #profile-listing-new-link-wrapper {
1582 padding: 5px 10px 5px 10px;
1587 .profile-listing-name {
1590 .profile-listing-name a {
1594 #profile-edit-links li {
1597 margin-bottom: 20px;
1599 background-color: #a2a2a2;
1601 padding: 5px 10px 5px 10px;
1604 border-radius: 5px 5px 5px 5px;
1605 -webkit-border-radius: 5px 5px 5px 5px;
1606 -moz-border-radius: 5px 5px 5px 5px;
1609 #profile-edit-links li a {
1613 #profile-edit-links li:hover {
1614 background-color: #1873a2;
1617 #profile-edit-links li:active {
1618 background-color: #1873a2;
1621 .profile-edit-side-div {
1629 #cropimage-wrapper {
1637 .profile-match-name a{
1642 .profile-match-name a:hover {
1646 .profile-match-wrapper {
1649 margin-bottom: 10px;
1651 background-color: #f6f6f6;
1652 border: 1px solid #dddddd;
1653 box-shadow: 3px 3px 4px #959494;
1654 -moz-box-shadow: 3px 3px 4px #959494;
1655 -webkit-box-shadow: 3px 3px 4px #959494;
1659 .profile-match-end {
1663 .profile-match-photo {
1677 #side-bar-photos-albums h3:before {
1678 content: url("photography.png");
1679 padding-right: 10px;
1680 vertical-align: middle;
1683 #side-bar-photos-albums li {
1693 margin-bottom: 20px;
1695 background-color: #a2a2a2;
1697 padding: 5px 10px 5px 10px;
1700 border-radius: 5px 5px 5px 5px;
1701 -webkit-border-radius: 5px 5px 5px 5px;
1702 -moz-border-radius: 5px 5px 5px 5px;
1705 #photo-top-links a {
1709 #photo-top-links:hover {
1710 background-color: #1873a2;
1713 #photo-top-links:active {
1714 background-color: #1873a2;
1717 .photo-album-image-wrapper {
1719 margin: 0px 10px 10px 0px;
1720 padding-bottom: 30px;
1724 .photo-top-image-wrapper {
1728 margin: 0px 10px 10px 0px;
1729 padding-bottom: 30px;
1733 #photo-album-wrapper-inner {
1750 .photo-top-image-wrapper a:hover,
1751 #photo-photo a:hover,
1752 .photo-album-image-wrapper a:hover {
1757 .photo-album-photo {}
1759 .photo-top-album-name {
1764 font-stretch: semi-expanded;
1767 .photo-top-album-name a {
1800 background-color: rgba(255,255,255,0.2);
1802 transition: all 0.2s ease-in-out;
1803 -webkit-transition: all 0.2s ease-in-out;
1804 -moz-transition: all 0.2s ease-in-out;
1805 background-position: center center;
1806 background-repeat: no-repeat;
1812 background-image: url('prev.png');
1818 background-image: url('next.png');
1822 #photo-next-link a {
1827 text-indent: -900000px;
1830 #photo-prev-link:hover,
1831 #photo-next-link:hover {
1833 transition: all 0.2s ease-in-out;
1834 -webkit-transition: all 0.2s ease-in-out;
1835 -moz-transition: all 0.2s ease-in-out;
1838 #photo-next-link .icon,
1839 #photo-prev-link .icon {
1843 #photos-upload-spacer,
1844 #photos-upload-new-wrapper,
1845 #photos-upload-exist-wrapper {
1849 #photos-upload-existing-album-text,
1850 #photos-upload-newalbum-div {
1851 background-color: #fff;
1859 #photos-upload-album-select,
1860 #photos-upload-newalbum {
1864 #photos-upload-perms-menu {
1869 #photos-upload-perms-menu .icon {
1875 border: 1px solid #b0b0b0;
1877 border-radius: 3px 3px 3px 3px;
1878 -webkit-border-radius: 3px 3px 3px 3px;
1879 -moz-border-radius: 3px 3px 3px 3px;
1884 select[size][multiple] {
1885 -webkit-appearance: listbox;
1889 -webkit-appearance: menulist;
1890 box-sizing: border-box;
1891 -webkit-box-align: center;
1896 /*-webkit-border-radius: ;*/
1899 input, textarea, keygen {
1901 letter-spacing: normal;
1902 word-spacing: normal;
1904 text-transform: none;
1907 display: inline-block;
1908 text-align: -webkit-auto;
1913 -moz-border-radius: 5px;
1914 -webkit-border-radius: 5px;
1919 margin-bottom: 20px;
1921 background-color: #a2a2a2;
1923 padding: 5px 10px 5px 10px;
1926 border-radius: 5px 5px 5px 5px;
1927 -webkit-border-radius: 5px 5px 5px 5px;
1928 -moz-border-radius: 5px 5px 5px 5px;
1931 #album-edit-link a {
1935 #album-edit-link:hover {
1936 background-color: #1873a2;
1939 #photo-edit-link-wrap {
1940 margin-bottom: 10px;
1949 input#photo_edit_form {
1954 #photo-edit-perms-menu {
1963 #photo-edit-perms-menu .icon {
1967 #photo-edit-delete-button {
1973 #photo-album-edit-wrapper {
1974 margin-bottom: 10px;
1988 background-color: #fff;
1989 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1990 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1991 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1994 #prvmail-wrapper:before,
1995 #prvmail-wrapper:after,
1996 .mail-conv-detail:before,
1997 .mail-conv-detail:after,
1998 .mail-list-detail:before,
1999 .mail-list-detail:after {
2006 background: transparent;
2007 transform: skew(-5deg) rotate(-5deg);
2008 -webkit-transform: skew(-5deg) rotate(-5deg);
2009 -moz-transform: skew(-5deg) rotate(-5deg);
2010 -ms-transform: skew(-5deg) rotate(-5deg);
2011 -o-transform: skew(-5deg) rotate(-5deg);
2012 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2013 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2014 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2018 #prvmail-wrapper:after,
2019 .mail-conv-detail:after,
2020 .mail-list-detail:after {
2023 transform: skew(5deg) rotate(5deg);
2024 -webkit-transform: skew(5deg) rotate(5deg);
2025 -moz-transform: skew(5deg) rotate(5deg);
2026 -ms-transform: skew(5deg) rotate(5deg);
2027 -o-transform: skew(5deg) rotate(5deg);
2043 #prvmail-subject .input {
2044 border: none !important;
2047 #prvmail-subject-label {}
2053 #prvmail-to-label {}
2055 #prvmail-message-label {
2059 #prvmail-submit-wrapper {
2073 #prvmail-submit-wrapper > div {
2078 .mail-list-outside-wrapper {
2085 background-color: #efefef;
2086 border: 1px solid #C5C5C5;
2087 border-radius: 3px 3px 3px 3px;
2088 box-shadow: 0 0 8px #BDBDBD;
2089 -moz-box-shadow: 3px 3px 4px #959494;
2090 -webkit-box-shadow: 3px 3px 4px #959494;
2099 border: 1px solid #dddddd;
2102 .mail-list-sender-name {
2113 font-stretch: ultra-condensed;
2116 .mail-list-subject {
2120 padding-right: 50px;
2123 .mail-list-subject a {
2127 .mail-list-delete-wrapper {
2131 .mail-list-outside-wrapper-end {
2135 .mail-conv-outside-wrapper {
2136 margin-bottom: 10px;
2142 margin: 0px 5px 5px 0px;
2145 .mail-conv-sender-photo {
2150 .mail-conv-sender-name {
2159 .mail-conv-subject {
2172 padding-bottom: 20px;
2175 vertical-align: middle;
2177 border: 1px solid #dddddd;
2184 .mail-conv-delete-wrapper {
2192 border: 1px solid #dddddd;
2195 /* ================= */
2196 /* = Notifications = */
2197 /* ================= */
2199 #notification-show-hide-wrapper {
2201 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2202 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2203 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2204 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2205 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2206 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2207 background-color: #bdbdbd;
2209 -moz-border-radius: 5px;
2210 -webkit-border-radius: 5px;
2211 padding: 5px 10px 5px 10px;
2219 #notification-show-hide-wrapper:hover {
2221 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2222 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2223 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2224 background-color: #1873a2;
2227 #notification-show-hide-wrapper:active {
2228 background-color: #1873a2;
2233 #notification-show-hide-wrapper a {
2242 margin-bottom: 10px;
2245 .view-contact-wrapper,
2246 .contact-entry-wrapper {
2249 margin-bottom: 20px;
2255 .contact-entry-direction-wrapper {
2260 .contact-entry-edit-links {
2265 #contacts-show-hide-link {
2266 margin-bottom: 20px;
2271 .contact-entry-name {
2281 .contact-entry-photo {
2285 .contact-entry-edit-links .icon {
2286 border: 1px solid #babdb6;
2288 -webkit-border-radius: 3px;
2289 -moz-border-radius: 3px;
2290 background-color: #ffffff;
2293 #contact-edit-banner-name {
2298 #contact-edit-update-now {
2303 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2304 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2305 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2306 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2307 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2308 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2309 background-color: #bdbdbd;
2311 -moz-border-radius: 5px;
2312 -webkit-border-radius: 5px;
2313 display: inline-block;
2315 text-decoration: none;
2319 #contact-edit-update-now:hover {
2320 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2321 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2322 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2323 background-color: #1873a2;
2326 #contact-edit-update-now:active {
2331 #contact-edit-update-now a {
2338 .contact-photo-menu-button {
2340 background-image: url("photo-menu.jpg");
2341 background-position: top left;
2342 background-repeat: no-repeat;
2343 margin: 0px; padding: 0px;
2346 top: 64px; left:0px;
2352 .contact-photo-menu {
2354 border: 1px solid #ddd;
2355 background: #f1f1f1;
2357 left: 0px; top: 90px;
2360 box-shadow: 3px 3px 5px #888;
2361 -moz-box-shadow: 3px 3px 5px #888;
2362 -webkit-box-shadow: 3px 3px 5px #888;
2365 .contact-photo-menu ul {
2371 .contact-photo-menu li a {
2378 .contact-photo-menu li a:hover {
2380 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2381 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2382 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2383 background-color: #1873a2;
2384 text-decoration: none;
2387 .view-contact-name {}
2390 background-color: #efefef;
2396 margin-bottom: 20px;
2399 #follow-sidebar h3:before {
2400 content: url("user.png");
2401 padding-right: 10px;
2402 vertical-align: middle;
2405 #follow-sidebar input[type="text"] {
2407 margin-bottom: 10px;
2410 #side-follow-submit {
2419 margin: auto 10px 20px;
2420 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2421 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2422 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2423 background-color: #bdbdbd;
2424 padding: 5px 10px 5px 10px;
2428 border: 1px solid #7C7D7B;
2429 border-radius: 5px 5px 5px 5px;
2432 #side-match-link:hover {
2434 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2435 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2436 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2437 background-color: #1873a2;
2438 border: 1px solid #7C7D7B;
2439 box-shadow: 0 0 8px #BDBDBD;
2440 border-radius: 5px 5px 5px 5px;
2443 #side-match-link:active {
2444 background-color: #1873a2;
2449 #side-match-link a {
2457 margin-bottom: 20px;
2458 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2459 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2460 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2461 background-color: #bdbdbd;
2462 padding: 5px 10px 5px 10px;
2466 border: 1px solid #7C7D7B;
2467 border-radius: 5px 5px 5px 5px;
2470 #side-invite-link:hover {
2472 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2473 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2474 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2475 background-color: #1873a2;
2476 border: 1px solid #7C7D7B;
2477 box-shadow: 0 0 8px #BDBDBD;
2478 border-radius: 5px 5px 5px 5px;
2482 #side-invite-link:active {
2483 background-color: #1873a2;
2488 #side-invite-link a {
2492 #side-suggest-link {
2496 margin-bottom: 20px;
2497 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2498 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2499 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2500 background-color: #bdbdbd;
2501 padding: 5px 10px 5px 10px;
2505 border: 1px solid #7C7D7B;
2506 border-radius: 5px 5px 5px 5px;
2509 #side-suggest-link:hover {
2511 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2512 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2513 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2514 background-color: #1873a2;
2515 border: 1px solid #7C7D7B;
2516 box-shadow: 0 0 8px #BDBDBD;
2517 border-radius: 5px 5px 5px 5px;
2520 #side-suggest-link:active {
2521 background-color: #1873a2;
2526 #side-suggest-link a {
2532 #invite-recipient-text {
2536 #side-follow-wrapper {
2539 font-stretch: semi-expanded;
2540 background-color: #f3f3f3;
2541 border: 1px solid #cdcdcd;
2544 border-radius: 5px 5px 5px 5px;
2545 -webkit-border-radius: 5px 5px 5px 5px;
2546 -moz-border-radius: 5px 5px 5px 5px;
2549 #side-follow-wrapper label{
2551 font-variant: normal;
2559 margin-bottom: 20px;
2560 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2561 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2562 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2563 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2564 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2565 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2566 background-color: #bdbdbd;
2568 -moz-border-radius: 5px;
2569 -webkit-border-radius: 5px;
2570 padding: 5px 10px 5px 10px;
2576 #contact-suggest:hover {
2578 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2579 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2580 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2581 background-color: #1873a2;
2584 #contact-suggest:active {
2585 background-color: #1873a2;
2590 #contact-suggest a {
2606 /* ===================================== */
2607 /* = Register, Settings, Profile Forms = */
2608 /* ===================================== */
2611 background: url(login-bg.gif) no-repeat;
2612 background-position: 0 50%;
2614 width: 384px!important;
2617 #profile-tabs-wrapper {
2621 #profile-tab-status-link {
2623 padding: 5px 10px 5px 10px;
2631 #profile-tab-profile-link {
2633 padding: 5px 10px 5px 10px;
2638 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2639 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2640 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2641 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2642 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2643 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2644 background-color: #7c7d7b;
2646 -moz-border-radius: 5px;
2647 -webkit-border-radius: 5px;
2648 padding: 5px 10px 5px 10px;
2649 margin-bottom: 10px;
2652 #uexport-link:hover {
2654 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2655 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2656 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2657 background-color: #555753;
2660 #uexport-link:active {
2662 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2663 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2664 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2665 background-color: #1873a2;
2670 #settings-default-perms {
2673 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2674 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2675 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2676 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2677 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2678 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2680 background-color: #7c7d7b;
2682 -moz-border-radius: 5px;
2683 -webkit-border-radius: 5px;
2684 padding: 5px 10px 5px 10px;
2685 margin-bottom: 10px;
2688 #settings-default-perms .fakelink {
2692 #settings-default-perms:hover {
2694 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2695 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2696 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2697 background-color: #555753;
2700 #settings-default-perms:active {
2702 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2703 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2704 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2705 background-color: #1873a2;
2710 #settings-nickname-desc {
2712 background-color: #efefef;
2713 margin-bottom: 10px;
2715 -webkit-border-radius: 5px;
2716 -moz-border-radius: 5px;
2720 #register-form div {
2724 #profile-edit-form div {
2728 #profile-edit-form div[id$='desc'] {
2733 #register-form label,
2734 #profile-edit-form label {
2739 /* #register-form span,
2740 #profile-edit-form span { */
2741 #register-form span {
2744 margin-bottom: 20px;
2747 .settings-submit-wrapper,
2748 .profile-edit-submit-wrapper {
2755 margin: 20px 20px 0px 0px;
2758 #profile-edit-links ul {
2764 #register-sitename {
2769 /* ===================== */
2770 /* = Contacts Selector = */
2771 /* ===================== */
2773 #group-edit-wrapper {
2774 margin-bottom: 10px;
2777 #group-edit-name-wrapper {
2781 #group-edit-submit-wrapper {
2782 margin-bottom: 10px;
2783 margin-right: 400px;
2788 .group-delete-wrapper {
2792 margin-bottom: 10px;
2793 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2794 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2795 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2796 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2797 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2798 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2799 background-color: #bdbdbd;
2801 -moz-border-radius: 5px;
2802 -webkit-border-radius: 5px;
2805 .group-delete-wrapper:hover {
2806 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2807 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2808 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2809 background-color: #1873a2;
2812 .group-delete-wrapper:active {
2813 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2814 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2815 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2816 background-color: #1873a2;
2819 .group-delete-wrapper a {
2838 background-color: #f0edf0;
2840 border: 1px solid #ccc;
2841 margin-bottom: 10px;
2845 #group-all-contacts,
2846 #prof-all-contacts {
2850 border: 1px solid #ccc;
2851 background-color: #f0edf0;
2856 #group-all-contacts h3,
2858 #prof-all-contacts h3{
2890 margin-bottom: 10px;
2891 background-color: #fff;
2892 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2893 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2894 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2905 background: transparent;
2906 transform: skew(-5deg) rotate(-5deg);
2907 -webkit-transform: skew(-5deg) rotate(-5deg);
2908 -moz-transform: skew(-5deg) rotate(-5deg);
2909 -ms-transform: skew(-5deg) rotate(-5deg);
2910 -o-transform: skew(-5deg) rotate(-5deg);
2911 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2912 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2913 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2920 transform: skew(5deg) rotate(5deg);
2921 -webkit-transform: skew(5deg) rotate(5deg);
2922 -moz-transform: skew(5deg) rotate(5deg);
2923 -ms-transform: skew(5deg) rotate(5deg);
2924 -o-transform: skew(5deg) rotate(5deg);
2927 .vevent .event-description {
2932 font-weight: bolder;
2935 .vevent .event-location {
2939 font-style: oblique;
2943 .vevent .event-start,
2944 .vevent .event-end {
2956 margin-bottom: 10px;
2958 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2959 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2960 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2961 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2962 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2963 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2964 background-color: #bdbdbd;
2966 -moz-border-radius: 5px;
2967 -webkit-border-radius: 5px;
2971 #new-event-link:hover {
2973 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2974 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2975 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2976 background-color: #1873a2;
2979 #new-event-link:active {
2980 background-color: #1873a2;
2990 .edit-event-link, .plink-event-link {
2994 margin-bottom: 15px;
2997 .event-description:before {
2998 content: url('calendar.png');
3000 vertical-align: middle;
3009 .event-start .dtstart,
3016 margin-bottom: 10px;
3017 font-stretch: condensed;
3028 .event-calendar-end {
3034 font-family: Helvetica, Arial, sans-serif;
3035 background-color: #f1f1f1;
3036 border: 1px solid #dedede;
3037 margin-bottom: 10px;
3038 box-shadow: 5px 5px 8px #959494;
3039 -moz-box-shadow: 5px 5px 8px #959494;
3040 -webkit-box-shadow: 5px 5px 8px #959494;
3044 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3045 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3046 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3047 background-color: #1873a2;
3048 padding: 10px 0px 10px 0px;
3053 box-shadow: 5px 2px 8px #959494;
3054 -moz-box-shadow: 5px 2px 8px #959494;
3055 -webkit-box-shadow: 5px 2px 8px #959494;
3059 border: 1px solid #eeeeee;
3069 background-color: #cdcdcd;
3081 background-color: #1873a2;
3086 #event-finish-text {
3091 #event-nofinish-checkbox,
3092 #event-nofinish-text,
3093 #event-adjust-checkbox,
3095 #event-share-checkbox {
3099 #event-datetime-break {
3100 margin-bottom: 10px;
3103 #event-nofinish-break,
3104 #event-adjust-break,
3105 #event-share-break {
3110 #event-location-text {
3125 margin: 50px 50px 0px 0px;
3128 .directory-details {
3150 background-color: #FF0000;
3155 border: 0px; padding: 0px;
3159 list-style-position: inside;
3169 padding-bottom: 2px;
3170 border-bottom: 1px solid black;
3183 border-bottom: 1px solid #898989;
3188 #adminpage .submit {
3198 #adminpage .plugin {
3201 border: 1px solid #888888;
3207 #adminpage .toggleplugin {
3214 border-bottom: 1p solid #000000;
3218 #adminpage table th {
3222 #adminpage td .icon {
3226 #adminpage table#users img {
3231 #adminpage table tr:hover {
3232 background-color: #eeeeee;
3235 #adminpage .selectall {
3239 /* =============== */
3240 /* = Form Fields = */
3241 /* =============== */
3244 margin-bottom: 10px;
3246 padding-bottom: 0px;
3258 border: 1px solid #CDCDCD;
3259 border-radius: 5px 5px 5px 5px;
3277 border: 1px solid #c1c1c1;
3278 background-image: url("../../../images/onoff.jpg");
3279 background-repeat: no-repeat;
3280 padding: 4px 2px 2px 2px;
3282 text-decoration: none;
3284 .field .onoff .off {
3285 border-color: #c1c1c1;
3287 background-position: left center;
3288 background-color: #cccccc;
3294 border-color: #c1c1c1;
3295 padding-right: 40px;
3296 background-position: right center;
3297 background-color: #1873a2;
3303 display: none!important;
3306 .field.radio .field_help {
3315 cursor: url('lock.cur'), pointer;
3324 background-image: url("icons.png");
3327 background-image: url("star.png");
3331 background-image: url("premium.png");
3336 background-image: url("notifications.png");
3341 border: 1px solid #c1c1c1;
3343 -webkit-border-radius: 3px;
3344 -moz-border-radius: 3px;
3347 .article { background-position: -50px 0px;}
3348 .audio { background-position: -70px 0px;}
3349 .block { background-position: -90px 0px;}
3350 .drop { background-position: -110px 0px;}
3351 .drophide { background-position: -130px 0px;}
3352 .edit { background-position: -150px 0px;}
3353 .camera { background-position: -170px 0px;}
3354 .dislike { background-position: -190px 0px;}
3355 .like { background-position: -210px 0px;}
3356 .link { background-position: -230px 0px;}
3357 .globe { background-position: -50px -20px;}
3358 .noglobe { background-position: -70px -20px;}
3359 .no { background-position: -90px -20px;}
3360 .pause { background-position: -110px -20px;}
3361 .play { background-position: -130px -20px;}
3362 .pencil { background-position: -150px -20px;}
3363 .small-pencil { background-position: -170px -20px;}
3364 .recycle { background-position: -190px -20px;}
3365 .remote-link { background-position: -210px -20px;}
3366 .share { background-position: -230px -20px;}
3367 .tools { background-position: -50px -40px;}
3368 .lock { background-position: -70px -40px;}
3370 background-position: -90px -40px;
3371 background-image: none;
3377 background-image: url("icons.png");
3380 margin: 2px 0px 2px 3px;
3384 .video { background-position: -110px -40px;}
3385 .youtube { background-position: -130px -40px;}
3386 .attach { background-position: -190px -40px;}
3387 .language { background-position: -210px -40px;}
3388 .on { background-position: -50px -60px;}
3389 .off { background-position: -70px -60px;}
3390 .prev { background-position: -90px -60px;}
3391 .next { background-position: -110px -60px;}
3392 .tagged { background-position: -130px -60px;}
3393 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3396 display: block; width: 20px; height: 23px;
3397 background-image: url("../../../images/content-types.png");
3400 .type-video { background-position: 0px 0px; }
3401 .type-image { background-position: -20px 0px; }
3402 .type-audio { background-position: -40px 0px; }
3403 .type-text { background-position: -60px 0px; }
3404 .type-unkn { background-position: -80px 0px; }
3430 #photo-edit-perms-select,
3431 #photos-upload-permissions-wrapper,
3432 #profile-jot-acl-wrapper{
3433 display: block!important;
3442 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3443 padding-right: 20px;
3454 background-color: #cccccc;
3455 background-position: 7px 7px;
3456 background-repeat: no-repeat;
3459 -webkit-border-radius: 5px ;
3460 -moz-border-radius: 5px;
3464 #acl-showall.selected {
3466 background-color: #1873a2;
3471 border: 1px solid #cccccc;
3472 background-color: #efefef;
3486 border: 1px solid #cccccc;
3487 background-color: #fff;
3490 box-shadow: 2px 2px 3px #c1c1c1;
3491 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3492 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3506 padding: 2px 0px 1px;
3515 background-color: #898989;
3516 background-position: 3px 3px;
3517 background-repeat: no-repeat;
3518 margin: 10px 0 0 5px;
3520 -webkit-border-radius: 2px ;
3521 -moz-border-radius: 2px;
3525 #acl-wrapper a:hover {
3526 text-decoration: none;
3527 background-color:#1873a2;
3530 .acl-button-show.selected {
3532 background-color: #1873a2;
3535 .acl-button-hide.selected {
3537 background-color: #a2a2a2;
3540 .acl-list-item.groupshow { border-color: #1873a2; }
3541 .acl-list-item.grouphide { border-color: #a2a2a2; }
3543 /* ========================= */
3544 /* = Global Directory Link = */
3545 /* ========================= */
3547 #global-directory-link {
3550 margin-bottom: 10px;
3552 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3553 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3554 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3555 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3556 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3557 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3558 background-color: #bdbdbd;
3560 -moz-border-radius: 5px;
3561 -webkit-border-radius: 5px;
3566 #global-directory-link:hover {
3568 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3569 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3570 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3571 background-color: #1873a2;
3574 #global-directory-link:active {
3575 background-color: #1873a2;
3580 #global-directory-link a {
3584 #global-directory-link {
3585 -webkit-padding-start: 0px;
3589 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3590 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3591 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3592 background-color: #1873a2;
3594 padding: 5px 10px 5px 10px;
3598 /* notifications popup menu */
3622 #nav-notifications-menu {
3626 overflow-style: scrollbar;
3627 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3628 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3629 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3630 background-color: #a2a2a2;
3631 border-radius: 0px 0px 5px 5px;
3632 -moz-border-radius: 0px 0px 5px 5px;
3633 -webkit-border-radius: 0px 0px 5px 5px;
3634 border: 1px solid #9A9A9A;
3636 box-shadow: 5px 5px 10px #242424;
3637 -moz-box-shadow: 5px 5px 10px #242424;
3638 -webkit-box-shadow: 5px 5px 10px #242424;
3641 #nav-notifications-menu .contactname {
3646 #nav-notifications-menu img {
3651 #nav-notifications-menu .notif-when {
3656 #nav-notifications-menu li {
3657 padding: 7px 0px 7px 10px;
3659 border-bottom: 1px solid #626262;
3662 #nav-notifications-menu li:hover {
3663 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3664 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3665 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3666 background-color: #1873a2;
3669 #nav-notifications-menu a:hover {
3670 text-decoration: underline;
3674 vertical-align: middle;
3676 padding-bottom: 7px;
3679 .notif-item a:hover {
3686 padding: 7px 7px 0px 0px;
3693 /* autocomplete popup */
3700 background: #eeeeee;
3701 border-right: 1px solid #dddddd;
3702 border-left: 1px solid #dddddd;
3703 border-bottom: 1px solid #dddddd;
3704 border-radius: 0px 5px 5px 5px;
3705 -webkit-border-radius: 0px 5px 5px 5px;
3706 -moz-border-radius: 0px 5px 5px 5px;
3707 box-shadow: 3px 3px 4px #959494;
3708 -moz-box-shadow: 3px 3px 4px #959494;
3709 -webkit-box-shadow: 3px 3px 4px #959494;
3722 .acpopupitem.selected {
3724 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3725 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3726 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3727 background-color: #1873a2;
3733 filter: alpha(opacity=0);
3738 filter: alpha(opacity=100);
3742 background: #000000;
3745 /* Pages profile widget
3746 ----------------------------------------------------------- */
3747 #page-profile div#profile-page-list{
3752 background: url("dot.png") repeat-x scroll left center transparent;
3753 border: medium none;
3757 ----------------------------------------------------------- */
3766 text-decoration: none;
3770 /* New posts and comments => background color
3771 ----------------------------------------------------------- */
3773 background: #fbfde9;
3777 /*div.wall-item-content-wrapper.shiny {
3778 background-image: url("star.png");
3779 background-repeat: no-repeat;