5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-17
11 Blue link hover - #6da6c4
12 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
13 Grey/body text - #626262
14 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
15 Dark Grey Gradients - #7c7d7b and #555753
23 /*position: relative;*/
25 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
27 font-size-adjust: none;
33 background-color: #F2F2F2;
44 text-decoration: none;
74 /* font-variant:small-caps; */
78 list-style: none outside none;
82 list-style: none outside none;
83 background: url("arrow.png") no-repeat scroll left center transparent;
98 /*background: url("down.png") no-repeat scroll left center transparent;*/
113 border: 1px solid #b0b0b0;
117 border-radius: 3px 3px 3px 3px;
118 -webkit-border-radius: 3px 3px 3px 3px;
119 -moz-border-radius: 3px 3px 3px 3px;
122 input[type=text-sidebar] {
123 border: 1px solid #b0b0b0;
128 border-radius: 3px 3px 3px 3px;
129 -webkit-border-radius: 3px 3px 3px 3px;
130 -moz-border-radius: 3px 3px 3px 3px;
137 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
138 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
139 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
140 background-color: #bdbdbd;
143 border: 1px solid #7C7D7B;
144 border-radius: 5px 5px 5px 5px;
147 input[type=submit]:hover {
148 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
149 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
150 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
151 background-color: #1873a2;
153 border: 1px solid #7C7D7B;
154 box-shadow: 0 0 8px #BDBDBD;
155 border-radius: 5px 5px 5px 5px;
157 input[type=submit]:active {
168 color: #000; /* Safari and Opera */
173 color: #000; /* Firefox */
185 border: 1px solid #dddddd;
186 box-shadow: 3px 3px 6px #959494;
187 -moz-box-shadow: 3px 3px 6px #959494;
188 -webkit-box-shadow: 3px 3px 6px #959494;
189 background-color: #efefef;
195 background: none repeat scroll 0 0 #FFFFFF;
196 border: 1px solid #C5C5C5;
197 border-radius: 3px 3px 3px 3px;
198 box-shadow: 0 0 8px #BDBDBD;
206 border: 1px solid #7C7D7B;
207 border-radius: 5px 5px 5px 5px;
209 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
210 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
211 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
212 background-color: #bdbdbd;
218 border: 1px solid #7C7D7B;
219 box-shadow: 0 0 8px #BDBDBD;
220 border-radius: 5px 5px 5px 5px;
221 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
222 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
223 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
224 background-color: #1873a2;
241 #login-name-wrapper {
242 vertical-align: middle;
246 #login-name-wrapper input {
251 #login-password-wrapper {
252 vertical-align: middle;
261 #login-extra-links a {
264 padding: 5px 0px 5px 0px;
269 #login-extra-filler {
281 -webkit-border-radius: 5px;
282 -moz-border-radius: 5px;
283 border: 1px solid #494948;
284 background-color: #2e3436;
289 box-shadow: 7px 7px 10px #434343;
290 -moz-box-shadow: 7px 7px 12px #434343;
291 -webkit-box-shadow: 7px75px 12px #434343;
315 background-color: #1873a2;
326 list-style: none outside none;
336 background-color: #BDBDBD;
337 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
338 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
339 border: 1px solid #7C7D7B;
340 box-shadow: 0 0 8px #BDBDBD;
341 border-radius: 5px 5px 5px 5px;
345 text-decoration: none;
351 text-decoration: none;
364 nav #banner #logo-text a {
369 text-shadow: #7C7D7B 3px 3px 5px;
381 vertical-align: middle;
382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
383 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
385 background-color: #a2a2a2;
387 -moz-border-radius: 5px;
388 -webkit-border-radius: 5px;
389 border: 1px solid #7C7D8B;
391 text-decoration: none;
394 nav #user-menu-label::after {
395 content: url("menu-user-pin.png") no-repeat;
399 nav #user-menu-label {
400 vertical-align: middle;
409 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
410 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
411 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
412 background-color: #898988;
419 border: 1px solid #9a9a9a;
421 -webkit-border-radius: 0px 0px 5px 5px;
422 -moz-border-radius: 0px 0px 5px 5px;
423 border-radius: 0px 0px 5px 5px;
424 -moz-box-shadow: 5px 5px 10px #242424;
425 -webkit-box-shadow: 5px 5px 10px #242424;
426 box-shadow: 5px 5px 10px #242424;
430 ul#user-menu-popup li {
434 ul#user-menu-popup li a {
439 ul#user-menu-popup li a:hover {
441 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
442 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
443 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
444 background-color: #6da6c4;
447 ul#user-menu-popup li a.nav-sep {
448 border-top: 1px solid #989898;
466 background: transparent url('notifications.png') 0px 0px no-repeat;
476 background-position: 0px -168px;
480 background-position: 0px -126px;
484 background-position: 0px -40px;
488 background-position: 0px -84px;
492 background-position: 0px 0px;
509 /* =================== */
510 /* = System Messages = */
511 /* =================== */
513 #sysmsg_info, #sysmsg {
515 bottom: 0px; right:20%;
516 box-shadow: 7px 7px 10px #434343;
517 -moz-box-shadow: 7px 7px 12px #434343;
518 -webkit-box-shadow: 7px75px 12px #434343;
520 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
521 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
522 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
523 background-color: #1873a2;
524 border-radius: 5px 5px 0px 0px;
525 -webkit-border-radius: 5px 5px 0px 0px;
526 -moz-border-radius: 5px 5px 0px 0px;
527 border: 1px solid #da2c2c;
529 padding-bottom: 50px;
539 border-top: 1px solid #dddddd;
542 /* ================= */
543 /* = Aside/Sidebar = */
544 /* ================= */
564 font-variant: normal;
565 -webkit-margin-start: 10px;
574 .vcard #profile-photo-wrapper {
578 background: none repeat scroll 0 0 #FFFFFF;
579 border: 1px solid #C5C5C5;
580 box-shadow: 0 0 8px #BDBDBD;
581 -moz-box-shadow: 3px 3px 4px #959494;
582 -webkit-box-shadow: 3px 3px 4px #959494;
583 border-radius: 5px 5px 5px 5px;
597 padding-bottom: 10px;
600 #profile-extra-links ul {
607 box-shadow: inset 0px 1px 0px 0px #a65151;
608 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
609 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
610 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
611 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
612 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
613 background-color: #6da6c4;
615 -moz-border-radius: 5px;
616 -webkit-border-radius: 5px;
617 border: 1px solid #fc5656;
618 display: inline-block;
620 font-family: Trebuchet MS;
626 text-decoration: none;
627 text-shadow: 1px 1px 0px #b36f6f;
630 #dfrn-request-link:hover {
631 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
632 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
633 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
634 background-color: #1873a2;
637 #dfrn-request-link:active {
642 #dfrn-request-intro {
647 background-color: #f6f6f6;
648 padding: 5px 5px 5px 5px;
650 #netsearch-box input[type="text"] {
653 #netsearch-box input[type="submit"] {
658 content: url("search.png");
660 vertical-align: middle;
664 background-color: #f3f3f3;
665 border: 1px solid #cdcdcd;
667 border-radius: 5px 5px 5px 5px;
668 -webkit-border-radius: 5px 5px 5px 5px;
669 -moz-border-radius: 5px 5px 5px 5px;
673 vertical-align: middle;
676 padding-bottom: 10px;
679 #sidebar-group-list {
684 #sidebar-group-list > a{
685 padding-bottom: 10px;
690 box-shadow: 1px 2px 6px 0px #959494;
691 -moz-box-shadow: 1px 2px 6px 0px #959494;
692 -webkit-box-shadow: 1px 2px 6px 0px #959494;
693 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
694 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
695 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
696 background-color: #f8f8f8;
698 -moz-border-radius: 5px;
699 -webkit-border-radius: 5px;
701 border: 1px solid #cdcdcd;
709 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
710 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
711 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
712 background-color: #bdbdbd;
713 display: inline-block;
715 text-decoration: none;
717 border: 1px solid #7C7D7B;
718 border-radius: 5px 5px 5px 5px;
722 #sidebar-new-group:hover {
723 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
724 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
726 background-color: #1873a2;
727 border: 1px solid #7C7D7B;
728 box-shadow: 0 0 8px #BDBDBD;
729 border-radius: 5px 5px 5px 5px;
732 #sidebar-new-group:active {
737 .group-selected, .nets-selected {
741 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
742 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
743 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
744 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
745 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
746 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
747 background-color: #bdbdbd;
749 -moz-border-radius: 5px;
750 -webkit-border-radius: 5px;
751 display: inline-block;
753 text-decoration: none;
756 #sidebar-new-group a {
763 ul .sidebar-group-li {
769 ul .sidebar-group-li .icon {
770 display: inline-block;
776 list-style-type: none;
791 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
792 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
793 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
794 background-color: #f0edf0;
795 border-radius: 5px 5px 0px 0px;
796 -moz-border-radius: 5px 5px 0px 0px;
797 -webkit-border-radius: 5px 5px 0px 0px;
798 border: 1px solid #e2e2e2;
799 border-bottom: 1px solid #cdcdcd;
802 vertical-align: baseline;
804 text-shadow: -1px 0px 0px #bdbdbd;
807 #group-sidebar h3:before {
808 content: url("groups.png");
810 vertical-align: middle;
815 padding-bottom: 20px;
823 .saved-search-li .icon {
827 .birthday-today, .event-today {
831 #birthday-wrapper, #event-wrapper {
841 /* ================== */
842 /* = Contacts Block = */
843 /* ================== */
849 border: 1px solid #C5C5C5;
850 border-radius: 3px 3px 3px 3px;
851 box-shadow: 0 0 8px #BDBDBD;
857 .contact-block-textdiv {
871 #profile-jot-text_tbl {
876 #profile-jot-text_ifr {
877 width: 99.9%!important
880 #profile-jot-submit-wrapper {
889 border: 1px solid #cccccc;
892 #jot-title::-webkit-input-placeholder {
896 #jot-title:-moz-placeholder {
902 border: 1px solid #cccccc;
909 #profile-jot-perms, #profile-jot-submit {
912 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
913 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
914 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
915 background-color: #bdbdbd;
916 display: inline-block;
918 text-decoration: none;
920 border: 1px solid #7C7D7B;
921 border-radius: 5px 5px 5px 5px;
929 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
930 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
931 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
932 background-color: #bdbdbd;
933 display: inline-block;
935 text-decoration: none;
938 border: 1px solid #7C7D7B;
939 border-radius: 5px 5px 5px 5px;
949 border: 1px solid #7C7D7B;
950 border-radius: 5px 5px 5px 5px;
953 #jot-perms-perms .icon {
957 #profile-jot-submit {
964 border: 1px solid #7C7D7B;
965 border-radius: 5px 5px 5px 5px;
968 #profile-jot-perms:hover,
969 #profile-jot-submit:hover,
970 #jot-preview-link:hover {
971 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
972 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
973 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
974 background-color: #1873a2;
975 border: 1px solid #7C7D7B;
976 box-shadow: 0 0 8px #BDBDBD;
977 border-radius: 5px 5px 5px 5px;
980 #profile-jot-perms:active,
981 #profile-jot-submit:active,
982 #jot-preview-link:active {
993 #profile-rotator-wrapper {
1002 #profile-jot-tools-end,
1003 #profile-jot-banner-end {
1007 #profile-jot-email-wrapper {
1008 margin: 10px 10% 0px 10%;
1009 border: 1px solid #eeeeee;
1013 #profile-jot-email-label {
1014 background-color: #555753;
1019 #profile-jot-email {
1024 #profile-jot-networks {
1026 border: 1px solid #eeeeee;
1031 #profile-jot-acl-wrapper {
1033 border: 1px solid #eeeeee;
1035 display:block!important;
1038 #group_allow_wrapper,
1039 #group_deny_wrapper,
1040 #acl-permit-outer-wrapper {
1045 #contact_allow_wrapper,
1046 #contact_deny_wrapper,
1047 #acl-deny-outer-wrapper {
1053 background-color: #555753;
1055 padding: 5px; float: left;
1059 background-color: #555753;
1066 background-color: #555753;
1072 #acl-permit-text-end,
1073 #acl-deny-text-end {
1077 #profile-jot-wrapper {
1082 profile-jot-banner-wrapper {
1098 padding: 20px 0px 0px;
1107 padding: 5px 10px 5px 10px;
1108 display: inline-block;
1115 padding: 5px 10px 5px 10px;
1122 .wall-item-outside-wrapper {
1124 border-bottom: 1px solid #dedede;
1126 margin-bottom: 20px;
1127 padding-right: 10px;
1129 background: none repeat scroll 0 0 #FFFFFF;
1130 border: 1px solid #CDCDCD;
1131 border-radius: 5px 5px 5px 5px;
1132 box-shadow: 0 0 8px #BDBDBD;
1135 .wall-item-outside-wrapper-end {
1139 .wall-item-content-wrapper {
1145 .wall-item-photo-menu {
1149 .wall-item-photo-menu-button {
1151 text-indent: -99999px;
1152 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1159 border-radius: 0px 0px 5px 5px;
1160 -webkit-border-radius: 0px 0px 5px 5px;
1161 -moz-border-radius: 0px 0px 5px 5px;
1169 .wall-item-photo-wrapper {
1176 filter: alpha(opacity=60);
1178 transition: all 0.25s ease-in-out;
1179 -webkit-transition: all 0.25s ease-in-out;
1180 -moz-transition: all 0.25s ease-in-out;
1182 padding-bottom: 5px;
1187 .wall-item-tools:hover {
1188 filter: alpha(opacity=100);
1190 transition: all 0.25s ease-in-out;
1191 -webkit-transition: all 0.25s ease-in-out;
1192 -moz-transition: all 0.25s ease-in-out;
1196 filter: alpha(opacity=60);
1198 transition: all 0.25s ease-in-out;
1199 -webkit-transition: all 0.25s ease-in-out;
1200 -moz-transition: all 0.25s ease-in-out;
1203 padding-bottom: 5px;
1208 .wall-item-social:hover {
1209 filter: alpha(opacity=100);
1211 transition: all 0.25s ease-in-out;
1212 -webkit-transition: all 0.25s ease-in-out;
1213 -moz-transition: all 0.25s ease-in-out;
1216 .wall-item-outside-wrapper.comment .wall-item-tools {
1220 .wall-item-like-buttons {
1224 .wall-item-like-buttons a.icon {
1230 .wall-item-links-wrapper {
1235 .wall-item-delete-wrapper {
1240 .wall-item-links-wrapper a.icon {
1268 padding-right: 10px;
1273 .wall-item-body img {
1282 .wall-item-lock-wrapper {
1290 margin: 0px 0px 10px 0px;
1296 margin: 0px 0px 0px 100px;
1300 .wall-item-author a {
1310 .wall-item-wrapper-end {
1314 .wall-item-location {
1318 text-overflow: ellipsis;
1319 -o-text-overflow: ellipsis;
1322 .wall-item-location .icon {
1326 .wall-item-location > a {
1331 font-variant: small-caps;
1335 .wall-item-location .smalltext {
1341 .wall-item-location > br {
1361 .wallwall .wwto img {
1362 width: 30px!important;
1363 height: 30px!important;
1366 .wallwall .wall-item-photo-end {
1370 .wall-item-arrowphoto-wrapper {
1377 .wall-item-photo-menu {
1381 background: #eeeeee;
1382 border-right: 1px solid #dddddd;
1383 border-left: 1px solid #dddddd;
1384 border-bottom: 1px solid #dddddd;
1390 border-radius: 0px 5px 5px 5px;
1391 -webkit-border-radius: 0px 5px 5px 5px;
1392 -moz-border-radius: 0px 5px 5px 5px;
1393 box-shadow: 3px 3px 4px #959494;
1394 -moz-box-shadow: 3px 3px 4px #959494;
1395 -webkit-box-shadow: 3px 3px 4px #959494;
1399 .wall-item-photo-menu-button {
1400 border-right: 1px solid #dddddd;
1401 border-left: 1px solid #dddddd;
1402 border-bottom: 1px solid #dddddd;
1403 box-shadow: 3px 3px 4px #959494;
1404 -moz-box-shadow: 3px 3px 4px #959494;
1405 -webkit-box-shadow: 3px 3px 4px #959494;
1408 .fakelink wall-item-photo-menu-button {
1409 -webkit-border-radius: 0px 5px 5px 5px;
1410 -moz-border-radius: 0px 5px 5px 5px;
1411 border-radius: 0px 5px 5px 5px;
1412 box-shadow: 3px 3px 4px #959494;
1413 -moz-box-shadow: 3px 3px 4px #959494;
1414 -webkit-box-shadow: 3px 3px 4px #959494;
1417 .wall-item-photo-menu ul {
1423 .wall-item-photo-menu li a {
1424 white-space: nowrap;
1430 .wall-item-photo-menu li a:hover {
1432 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1433 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1434 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1435 background-color: #1873a2;
1436 /*order-bottom: none;*/
1444 #item-delete-selected {
1455 .ccollapse-wrapper {
1461 .wall-item-outside-wrapper.comment {
1465 .wall-item-outside-wrapper.comment .wall-item-photo {
1466 width: 40px!important;
1467 height: 40px!important;
1470 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1475 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1478 background-position: 35px center;
1481 .wall-item-outside-wrapper.comment .wall-item-info {
1485 .wall-item-outside-wrapper.comment .wall-item-body {
1488 padding-right: 10px;
1492 .wall-item-outside-wrapper.comment .wall-item-author {
1496 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1500 .icollapse-wrapper {
1505 .comment-wwedit-wrapper,
1506 .comment-edit-wrapper {
1507 margin: 0px 0px 0px 80px;
1510 .comment-wwedit-wrapper img,
1511 .comment-edit-wrapper img {
1517 .comment-edit-photo-link {
1522 .comment-edit-text-empty {
1526 transition: all 0.5s ease-in-out;
1527 -webkit-transition: all 0.5s ease-in-out;
1528 -moz-transition: all 0.5s ease-in-out;
1531 .comment-edit-text-empty:hover {
1535 .comment-edit-text-full {
1538 transition: all 0.5s ease-in-out;
1539 -webkit-transition: all 0.5s ease-in-out;
1540 -moz-transition: all 0.5s ease-in-out;
1543 .comment-edit-submit-wrapper {
1549 .comment-edit-submit {
1552 background-color: #a2a2a2;
1554 border: 1px solid #CDCDCD;
1555 border-radius: 5px 5px 5px 5px;
1558 .comment-edit-submit:hover {
1559 background-color: #1873a2;
1560 border: 1px solid #CDCDCD;
1561 border-radius: 5px 5px 5px 5px;
1562 box-shadow: 0 0 8px #BDBDBD;
1565 .comment-edit-submit:active {
1566 background-color: #1873a2;
1569 #item-delete-selected-desc {
1574 .wall-item-body code {
1575 font-family: Courier, monospace;
1579 border: 1px solid #cccccc;
1580 border-width: 1px 1px 1px 10px;
1589 .advanced-profile-content {
1591 margin-bottom: 10px;
1596 .advanced-profile-label {
1599 padding-bottom: 5px;
1603 div[id$="wrapper"] {
1607 div[id$="wrapper"] br {
1611 #advanced-profile-with {
1615 #profile-listing-desc {
1618 padding: 5px 10px 5px 10px;
1620 margin-bottom: 20px;
1622 display: inline-block;
1627 #profile-listing-new-link-wrapper {
1633 padding: 5px 10px 5px 10px;
1638 .profile-listing-name {
1641 .profile-listing-name a {
1645 #profile-edit-links li {
1648 margin-bottom: 20px;
1650 background-color: #a2a2a2;
1652 padding: 5px 10px 5px 10px;
1655 border-radius: 5px 5px 5px 5px;
1656 -webkit-border-radius: 5px 5px 5px 5px;
1657 -moz-border-radius: 5px 5px 5px 5px;
1660 #profile-edit-links li a {
1664 #profile-edit-links li:hover {
1665 background-color: #1873a2;
1668 #profile-edit-links li:active {
1669 background-color: #1873a2;
1672 .profile-edit-side-div {
1680 #cropimage-wrapper {
1688 .profile-match-name a{
1693 .profile-match-name a:hover {
1697 .profile-match-wrapper {
1700 margin-bottom: 10px;
1702 background-color: #f6f6f6;
1703 border: 1px solid #dddddd;
1704 box-shadow: 3px 3px 4px #959494;
1705 -moz-box-shadow: 3px 3px 4px #959494;
1706 -webkit-box-shadow: 3px 3px 4px #959494;
1710 .profile-match-end {
1714 .profile-match-photo {
1728 #side-bar-photos-albums h3:before {
1729 content: url("photography.png");
1730 padding-right: 10px;
1731 vertical-align: middle;
1734 #side-bar-photos-albums li {
1744 margin-bottom: 20px;
1746 background-color: #a2a2a2;
1748 padding: 5px 10px 5px 10px;
1751 border-radius: 5px 5px 5px 5px;
1752 -webkit-border-radius: 5px 5px 5px 5px;
1753 -moz-border-radius: 5px 5px 5px 5px;
1756 #photo-top-links a {
1760 #photo-top-links:hover {
1761 background-color: #1873a2;
1764 #photo-top-links:active {
1765 background-color: #1873a2;
1768 .photo-album-image-wrapper {
1770 margin: 0px 10px 10px 0px;
1771 padding-bottom: 30px;
1775 .photo-top-image-wrapper {
1779 margin: 0px 10px 10px 0px;
1780 padding-bottom: 30px;
1784 #photo-album-wrapper-inner {
1801 .photo-top-image-wrapper a:hover,
1802 #photo-photo a:hover,
1803 .photo-album-image-wrapper a:hover {
1808 .photo-album-photo {}
1810 .photo-top-album-name {
1815 font-stretch: semi-expanded;
1818 .photo-top-album-name a {
1851 background-color: rgba(255,255,255,0.2);
1853 transition: all 0.2s ease-in-out;
1854 -webkit-transition: all 0.2s ease-in-out;
1855 -moz-transition: all 0.2s ease-in-out;
1856 background-position: center center;
1857 background-repeat: no-repeat;
1863 background-image: url('prev.png');
1869 background-image: url('next.png');
1873 #photo-next-link a {
1878 text-indent: -900000px;
1881 #photo-prev-link:hover,
1882 #photo-next-link:hover {
1884 transition: all 0.2s ease-in-out;
1885 -webkit-transition: all 0.2s ease-in-out;
1886 -moz-transition: all 0.2s ease-in-out;
1889 #photo-next-link .icon,
1890 #photo-prev-link .icon {
1894 #photos-upload-spacer,
1895 #photos-upload-new-wrapper,
1896 #photos-upload-exist-wrapper {
1900 #photos-upload-existing-album-text,
1901 #photos-upload-newalbum-div {
1902 background-color: #fff;
1910 #photos-upload-album-select,
1911 #photos-upload-newalbum {
1915 #photos-upload-perms-menu {
1920 #photos-upload-perms-menu .icon {
1926 border: 1px solid #b0b0b0;
1928 border-radius: 3px 3px 3px 3px;
1929 -webkit-border-radius: 3px 3px 3px 3px;
1930 -moz-border-radius: 3px 3px 3px 3px;
1935 select[size][multiple] {
1936 -webkit-appearance: listbox;
1937 margin: 5px 0px 10px 30px;
1941 -webkit-appearance: menulist;
1942 box-sizing: border-box;
1943 -webkit-box-align: center;
1948 /*-webkit-border-radius: ;*/
1954 letter-spacing: normal;
1955 word-spacing: normal;
1957 text-transform: none;
1960 display: inline-block;
1961 text-align: -webkit-auto;
1968 letter-spacing: normal;
1969 word-spacing: normal;
1971 text-transform: none;
1974 display: inline-block;
1975 text-align: -webkit-auto;*/
1980 -moz-border-radius: 5px;
1981 -webkit-border-radius: 5px;
1986 margin-bottom: 20px;
1988 background-color: #a2a2a2;
1990 padding: 5px 10px 5px 10px;
1993 border-radius: 5px 5px 5px 5px;
1994 -webkit-border-radius: 5px 5px 5px 5px;
1995 -moz-border-radius: 5px 5px 5px 5px;
1998 #album-edit-link a {
2002 #album-edit-link:hover {
2003 background-color: #1873a2;
2006 #photo-edit-link-wrap {
2007 margin-bottom: 10px;
2016 input#photo_edit_form {
2021 #photo-edit-perms-menu {
2030 #photo-edit-perms-menu .icon {
2034 #photo-edit-delete-button {
2040 #photo-album-edit-wrapper {
2041 margin-bottom: 10px;
2055 background-color: #fff;
2056 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2057 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2058 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2061 #prvmail-wrapper:before,
2062 #prvmail-wrapper:after,
2063 .mail-conv-detail:before,
2064 .mail-conv-detail:after,
2065 .mail-list-detail:before,
2066 .mail-list-detail:after {
2073 background: transparent;
2074 transform: skew(-5deg) rotate(-5deg);
2075 -webkit-transform: skew(-5deg) rotate(-5deg);
2076 -moz-transform: skew(-5deg) rotate(-5deg);
2077 -ms-transform: skew(-5deg) rotate(-5deg);
2078 -o-transform: skew(-5deg) rotate(-5deg);
2079 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2080 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2081 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2085 #prvmail-wrapper:after,
2086 .mail-conv-detail:after,
2087 .mail-list-detail:after {
2090 transform: skew(5deg) rotate(5deg);
2091 -webkit-transform: skew(5deg) rotate(5deg);
2092 -moz-transform: skew(5deg) rotate(5deg);
2093 -ms-transform: skew(5deg) rotate(5deg);
2094 -o-transform: skew(5deg) rotate(5deg);
2110 #prvmail-subject .input {
2111 border: none !important;
2114 #prvmail-subject-label {}
2120 #prvmail-to-label {}
2122 #prvmail-message-label {
2126 #prvmail-submit-wrapper {
2140 #prvmail-submit-wrapper > div {
2145 .mail-list-outside-wrapper {
2152 background-color: #efefef;
2153 border: 1px solid #C5C5C5;
2154 border-radius: 3px 3px 3px 3px;
2155 box-shadow: 0 0 8px #BDBDBD;
2156 -moz-box-shadow: 3px 3px 4px #959494;
2157 -webkit-box-shadow: 3px 3px 4px #959494;
2166 border: 1px solid #dddddd;
2169 .mail-list-sender-name {
2180 font-stretch: ultra-condensed;
2183 .mail-list-subject {
2187 padding-right: 50px;
2190 .mail-list-subject a {
2194 .mail-list-delete-wrapper {
2198 .mail-list-outside-wrapper-end {
2202 .mail-conv-outside-wrapper {
2203 margin-bottom: 10px;
2209 margin: 0px 5px 5px 0px;
2212 .mail-conv-sender-photo {
2217 .mail-conv-sender-name {
2226 .mail-conv-subject {
2239 padding-bottom: 20px;
2242 vertical-align: middle;
2244 border: 1px solid #dddddd;
2251 .mail-conv-delete-wrapper {
2259 border: 1px solid #dddddd;
2262 /* ================= */
2263 /* = Notifications = */
2264 /* ================= */
2266 #notification-show-hide-wrapper {
2268 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2269 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2270 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2271 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2272 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2273 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2274 background-color: #bdbdbd;
2276 -moz-border-radius: 5px;
2277 -webkit-border-radius: 5px;
2278 padding: 5px 10px 5px 10px;
2286 #notification-show-hide-wrapper:hover {
2288 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2289 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2290 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2291 background-color: #1873a2;
2294 #notification-show-hide-wrapper:active {
2295 background-color: #1873a2;
2300 #notification-show-hide-wrapper a {
2309 margin-bottom: 10px;
2312 .view-contact-wrapper,
2313 .contact-entry-wrapper {
2316 margin-bottom: 20px;
2322 .contact-entry-direction-wrapper {
2327 .contact-entry-edit-links {
2332 #contacts-show-hide-link {
2333 margin-bottom: 20px;
2338 .contact-entry-name {
2348 .contact-entry-photo {
2352 .contact-entry-edit-links .icon {
2353 border: 1px solid #babdb6;
2355 -webkit-border-radius: 3px;
2356 -moz-border-radius: 3px;
2357 background-color: #ffffff;
2360 #contact-edit-banner-name {
2365 #contact-edit-update-now {
2370 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2371 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2372 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2373 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2374 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2375 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2376 background-color: #bdbdbd;
2378 -moz-border-radius: 5px;
2379 -webkit-border-radius: 5px;
2380 display: inline-block;
2382 text-decoration: none;
2386 #contact-edit-update-now:hover {
2387 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2388 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2389 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2390 background-color: #1873a2;
2393 #contact-edit-update-now:active {
2398 #contact-edit-update-now a {
2405 .contact-photo-menu-button {
2407 background-image: url("photo-menu.jpg");
2408 background-position: top left;
2409 background-repeat: no-repeat;
2410 margin: 0px; padding: 0px;
2413 top: 64px; left:0px;
2419 .contact-photo-menu {
2421 border: 1px solid #ddd;
2422 background: #f1f1f1;
2424 left: 0px; top: 90px;
2427 box-shadow: 3px 3px 5px #888;
2428 -moz-box-shadow: 3px 3px 5px #888;
2429 -webkit-box-shadow: 3px 3px 5px #888;
2432 .contact-photo-menu ul {
2438 .contact-photo-menu li a {
2445 .contact-photo-menu li a:hover {
2447 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2448 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2449 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2450 background-color: #1873a2;
2451 text-decoration: none;
2454 .view-contact-name {}
2457 background-color: #efefef;
2463 margin-bottom: 80px;
2466 #follow-sidebar h3:before {
2467 content: url("user.png");
2468 padding-right: 10px;
2469 vertical-align: middle;
2472 #follow-sidebar input[type="text"] {
2474 margin-bottom: 10px;
2477 #side-follow-submit {
2486 margin: auto 10px 20px;
2487 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2488 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2489 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2490 background-color: #bdbdbd;
2491 padding: 5px 10px 5px 10px;
2495 border: 1px solid #7C7D7B;
2496 border-radius: 5px 5px 5px 5px;
2499 #side-match-link:hover {
2501 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2502 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2503 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2504 background-color: #1873a2;
2505 border: 1px solid #7C7D7B;
2506 box-shadow: 0 0 8px #BDBDBD;
2507 border-radius: 5px 5px 5px 5px;
2510 #side-match-link:active {
2511 background-color: #1873a2;
2516 #side-match-link a {
2524 margin-bottom: 20px;
2525 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2526 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2527 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2528 background-color: #bdbdbd;
2529 padding: 5px 10px 5px 10px;
2533 border: 1px solid #7C7D7B;
2534 border-radius: 5px 5px 5px 5px;
2537 #side-invite-link:hover {
2539 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2540 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2541 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2542 background-color: #1873a2;
2543 border: 1px solid #7C7D7B;
2544 box-shadow: 0 0 8px #BDBDBD;
2545 border-radius: 5px 5px 5px 5px;
2549 #side-invite-link:active {
2550 background-color: #1873a2;
2555 #side-invite-link a {
2559 #side-suggest-link {
2563 margin-bottom: 20px;
2564 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2565 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2566 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2567 background-color: #bdbdbd;
2568 padding: 5px 10px 5px 10px;
2572 border: 1px solid #7C7D7B;
2573 border-radius: 5px 5px 5px 5px;
2576 #side-suggest-link: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;
2582 border: 1px solid #7C7D7B;
2583 box-shadow: 0 0 8px #BDBDBD;
2584 border-radius: 5px 5px 5px 5px;
2587 #side-suggest-link:active {
2588 background-color: #1873a2;
2593 #side-suggest-link a {
2599 #invite-recipient-text {
2603 #side-follow-wrapper {
2606 font-stretch: semi-expanded;
2607 background-color: #f3f3f3;
2608 border: 1px solid #cdcdcd;
2611 border-radius: 5px 5px 5px 5px;
2612 -webkit-border-radius: 5px 5px 5px 5px;
2613 -moz-border-radius: 5px 5px 5px 5px;
2616 #side-follow-wrapper label{
2618 font-variant: normal;
2626 margin-bottom: 20px;
2627 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2628 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2629 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2630 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2631 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2632 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2633 background-color: #bdbdbd;
2635 -moz-border-radius: 5px;
2636 -webkit-border-radius: 5px;
2637 padding: 5px 10px 5px 10px;
2643 #contact-suggest:hover {
2645 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2646 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2647 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2648 background-color: #1873a2;
2651 #contact-suggest:active {
2652 background-color: #1873a2;
2657 #contact-suggest a {
2673 /* ===================================== */
2674 /* = Register, Settings, Profile Forms = */
2675 /* ===================================== */
2678 background: url(login-bg.gif) no-repeat;
2679 background-position: 0 50%;
2681 width: 220px!important;
2684 #profile-tabs-wrapper {
2688 #profile-tab-status-link {
2690 padding: 5px 10px 5px 10px;
2698 #profile-tab-profile-link {
2700 padding: 5px 10px 5px 10px;
2705 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2706 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2707 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2708 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2709 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2710 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2711 background-color: #7c7d7b;
2713 -moz-border-radius: 5px;
2714 -webkit-border-radius: 5px;
2715 padding: 5px 10px 5px 10px;
2716 margin-bottom: 10px;
2719 #uexport-link:hover {
2721 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2722 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2723 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2724 background-color: #555753;
2727 #uexport-link:active {
2729 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2730 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2731 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2732 background-color: #1873a2;
2737 #settings-default-perms {
2740 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2741 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2742 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2743 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2744 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2745 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2747 background-color: #7c7d7b;
2749 -moz-border-radius: 5px;
2750 -webkit-border-radius: 5px;
2751 padding: 5px 10px 5px 10px;
2752 margin-bottom: 10px;
2755 #settings-default-perms .fakelink {
2759 #settings-default-perms:hover {
2761 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2762 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2763 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2764 background-color: #555753;
2767 #settings-default-perms:active {
2769 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2770 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2771 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2772 background-color: #1873a2;
2777 #settings-nickname-desc {
2779 background-color: #efefef;
2780 margin-bottom: 10px;
2782 -webkit-border-radius: 5px;
2783 -moz-border-radius: 5px;
2787 #register-form div {
2791 #profile-edit-form div {
2795 #profile-edit-form div[id$='desc'] {
2800 #register-form label,
2801 #profile-edit-form label {
2806 /* #register-form span,
2807 #profile-edit-form span { */
2808 #register-form span {
2811 margin-bottom: 20px;
2814 .settings-submit-wrapper,
2815 .profile-edit-submit-wrapper {
2822 margin: 20px 20px 0px 0px;
2825 #profile-edit-links ul {
2831 #register-sitename {
2836 /* ===================== */
2837 /* = Contacts Selector = */
2838 /* ===================== */
2840 #group-edit-wrapper {
2841 margin-bottom: 10px;
2844 #group-edit-name-wrapper {
2848 #group-edit-submit-wrapper {
2849 margin-bottom: 10px;
2850 margin-right: 400px;
2855 .group-delete-wrapper {
2859 margin-bottom: 10px;
2860 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2861 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2862 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2863 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2864 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2865 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2866 background-color: #bdbdbd;
2868 -moz-border-radius: 5px;
2869 -webkit-border-radius: 5px;
2872 .group-delete-wrapper:hover {
2873 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2874 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2875 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2876 background-color: #1873a2;
2879 .group-delete-wrapper:active {
2880 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2881 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2882 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2883 background-color: #1873a2;
2886 .group-delete-wrapper a {
2905 background-color: #f0edf0;
2907 border: 1px solid #ccc;
2908 margin-bottom: 10px;
2912 #group-all-contacts,
2913 #prof-all-contacts {
2917 border: 1px solid #ccc;
2918 background-color: #f0edf0;
2923 #group-all-contacts h3,
2925 #prof-all-contacts h3{
2957 margin-bottom: 10px;
2958 background-color: #fff;
2959 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2960 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2961 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2972 background: transparent;
2973 transform: skew(-5deg) rotate(-5deg);
2974 -webkit-transform: skew(-5deg) rotate(-5deg);
2975 -moz-transform: skew(-5deg) rotate(-5deg);
2976 -ms-transform: skew(-5deg) rotate(-5deg);
2977 -o-transform: skew(-5deg) rotate(-5deg);
2978 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2979 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2980 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2987 transform: skew(5deg) rotate(5deg);
2988 -webkit-transform: skew(5deg) rotate(5deg);
2989 -moz-transform: skew(5deg) rotate(5deg);
2990 -ms-transform: skew(5deg) rotate(5deg);
2991 -o-transform: skew(5deg) rotate(5deg);
2994 .vevent .event-description {
2999 font-weight: bolder;
3002 .vevent .event-location {
3006 font-style: oblique;
3010 .vevent .event-start,
3011 .vevent .event-end {
3023 margin-bottom: 10px;
3025 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3026 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3027 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3028 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3029 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3030 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3031 background-color: #bdbdbd;
3033 -moz-border-radius: 5px;
3034 -webkit-border-radius: 5px;
3038 #new-event-link:hover {
3040 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3041 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3042 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3043 background-color: #1873a2;
3046 #new-event-link:active {
3047 background-color: #1873a2;
3057 .edit-event-link, .plink-event-link {
3061 margin-bottom: 15px;
3064 .event-description:before {
3065 content: url('calendar.png');
3067 vertical-align: middle;
3076 .event-start .dtstart,
3083 margin-bottom: 10px;
3084 font-stretch: condensed;
3095 .event-calendar-end {
3101 font-family: Helvetica, Arial, sans-serif;
3102 background-color: #f1f1f1;
3103 border: 1px solid #dedede;
3104 margin-bottom: 10px;
3105 box-shadow: 5px 5px 8px #959494;
3106 -moz-box-shadow: 5px 5px 8px #959494;
3107 -webkit-box-shadow: 5px 5px 8px #959494;
3111 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3112 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3113 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3114 background-color: #1873a2;
3115 padding: 10px 0px 10px 0px;
3120 box-shadow: 5px 2px 8px #959494;
3121 -moz-box-shadow: 5px 2px 8px #959494;
3122 -webkit-box-shadow: 5px 2px 8px #959494;
3126 border: 1px solid #eeeeee;
3136 background-color: #cdcdcd;
3148 background-color: #1873a2;
3153 #event-finish-text {
3158 #event-nofinish-checkbox,
3159 #event-nofinish-text,
3160 #event-adjust-checkbox,
3162 #event-share-checkbox {
3166 #event-datetime-break {
3167 margin-bottom: 10px;
3170 #event-nofinish-break,
3171 #event-adjust-break,
3172 #event-share-break {
3177 #event-location-text {
3192 margin: 50px 50px 0px 0px;
3195 .directory-details {
3217 background-color: #FF0000;
3222 border: 0px; padding: 0px;
3226 list-style-position: inside;
3236 padding-bottom: 2px;
3237 border-bottom: 1px solid black;
3250 border-bottom: 1px solid #898989;
3255 #adminpage .submit {
3265 #adminpage .plugin {
3268 border: 1px solid #888888;
3274 #adminpage .toggleplugin {
3281 border-bottom: 1p solid #000000;
3285 #adminpage table th {
3289 #adminpage td .icon {
3293 #adminpage table#users img {
3298 #adminpage table tr:hover {
3299 background-color: #eeeeee;
3302 #adminpage .selectall {
3306 /* =============== */
3307 /* = Form Fields = */
3308 /* =============== */
3311 /*margin-bottom: 10px;
3313 padding-bottom: 0px;
3325 border: 1px solid #CDCDCD;
3326 border-radius: 5px 5px 5px 5px;
3344 border: 1px solid #c1c1c1;
3345 background-image: url("../../../images/onoff.jpg");
3346 background-repeat: no-repeat;
3347 padding: 4px 2px 2px 2px;
3349 text-decoration: none;
3351 .field .onoff .off {
3352 border-color: #c1c1c1;
3354 background-position: left center;
3355 background-color: #cccccc;
3361 border-color: #c1c1c1;
3362 padding-right: 40px;
3363 background-position: right center;
3364 background-color: #1873a2;
3370 display: none!important;
3373 .field.radio .field_help {
3382 cursor: url('lock.cur'), pointer;
3391 background-image: url("icons.png");
3394 background-image: url("star.png");
3398 background-image: url("premium.png");
3403 background-image: url("notifications.png");
3408 border: 1px solid #c1c1c1;
3410 -webkit-border-radius: 3px;
3411 -moz-border-radius: 3px;
3414 .article { background-position: -50px 0px;}
3415 .audio { background-position: -70px 0px;}
3416 .block { background-position: -90px 0px;}
3417 .drop { background-position: -110px 0px;}
3418 .drophide { background-position: -130px 0px;}
3419 .edit { background-position: -150px 0px;}
3420 .camera { background-position: -170px 0px;}
3421 .dislike { background-position: -190px 0px;}
3422 .like { background-position: -210px 0px;}
3423 .link { background-position: -230px 0px;}
3424 .globe { background-position: -50px -20px;}
3425 .noglobe { background-position: -70px -20px;}
3426 .no { background-position: -90px -20px;}
3427 .pause { background-position: -110px -20px;}
3428 .play { background-position: -130px -20px;}
3429 .pencil { background-position: -150px -20px; margin-right: 12px;}
3430 .small-pencil { background-position: -170px -20px;}
3431 .recycle { background-position: -190px -20px;}
3432 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3433 .share { background-position: -230px -20px;}
3434 .tools { background-position: -50px -40px;}
3435 .lock { background-position: -70px -40px;}
3437 background-position: -90px -40px;
3438 background-image: none;
3444 background-image: url("icons.png");
3447 margin: 2px 0px 2px 3px;
3451 .video { background-position: -110px -40px;}
3452 .youtube { background-position: -130px -40px;}
3453 .attach { background-position: -190px -40px;}
3454 .language { background-position: -210px -40px;}
3455 .on { background-position: -50px -60px;}
3456 .off { background-position: -70px -60px;}
3457 .prev { background-position: -90px -60px;}
3458 .next { background-position: -110px -60px;}
3459 .tagged { background-position: -130px -60px; margin-right: 10px;}
3460 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3463 display: block; width: 20px; height: 23px;
3464 background-image: url("../../../images/content-types.png");
3467 .type-video { background-position: 0px 0px; }
3468 .type-image { background-position: -20px 0px; }
3469 .type-audio { background-position: -40px 0px; }
3470 .type-text { background-position: -60px 0px; }
3471 .type-unkn { background-position: -80px 0px; }
3497 #photo-edit-perms-select,
3498 #photos-upload-permissions-wrapper,
3499 #profile-jot-acl-wrapper{
3500 display: block!important;
3509 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3510 padding-right: 20px;
3521 background-color: #cccccc;
3522 background-position: 7px 7px;
3523 background-repeat: no-repeat;
3526 -webkit-border-radius: 5px ;
3527 -moz-border-radius: 5px;
3531 #acl-showall.selected {
3533 background-color: #1873a2;
3538 border: 1px solid #cccccc;
3539 background-color: #efefef;
3552 border: 1px solid #cccccc;
3553 background-color: #fff;
3556 box-shadow: 2px 2px 3px #c1c1c1;
3557 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3558 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3572 padding: 2px 0px 1px;
3581 background-color: #898989;
3582 background-position: 3px 3px;
3583 background-repeat: no-repeat;
3584 margin: 10px 0 0 5px;
3586 -webkit-border-radius: 2px ;
3587 -moz-border-radius: 2px;
3591 #acl-wrapper a:hover {
3592 text-decoration: none;
3593 background-color:#1873a2;
3596 .acl-button-show.selected {
3598 background-color: #1873a2;
3601 .acl-button-hide.selected {
3603 background-color: #a2a2a2;
3606 .acl-list-item.groupshow { border-color: #1873a2; }
3607 .acl-list-item.grouphide { border-color: #a2a2a2; }
3609 /* ========================= */
3610 /* = Global Directory Link = */
3611 /* ========================= */
3613 #global-directory-link {
3616 margin-bottom: 10px;
3618 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3619 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3620 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3621 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3622 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3623 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3624 background-color: #bdbdbd;
3626 -moz-border-radius: 5px;
3627 -webkit-border-radius: 5px;
3632 #global-directory-link:hover {
3634 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3635 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3636 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3637 background-color: #1873a2;
3640 #global-directory-link:active {
3641 background-color: #1873a2;
3646 #global-directory-link a {
3650 #global-directory-link {
3651 -webkit-padding-start: 0px;
3655 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3656 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3657 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3658 background-color: #1873a2;
3660 padding: 5px 10px 5px 10px;
3664 /* notifications popup menu */
3688 #nav-notifications-menu {
3692 overflow-style: scrollbar;
3693 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3694 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3695 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3696 background-color: #a2a2a2;
3697 border-radius: 0px 0px 5px 5px;
3698 -moz-border-radius: 0px 0px 5px 5px;
3699 -webkit-border-radius: 0px 0px 5px 5px;
3700 border: 1px solid #9A9A9A;
3702 box-shadow: 5px 5px 10px #242424;
3703 -moz-box-shadow: 5px 5px 10px #242424;
3704 -webkit-box-shadow: 5px 5px 10px #242424;
3707 #nav-notifications-menu .contactname {
3712 #nav-notifications-menu img {
3717 #nav-notifications-menu .notif-when {
3722 #nav-notifications-menu li {
3723 padding: 7px 0px 7px 10px;
3725 border-bottom: 1px solid #626262;
3728 #nav-notifications-menu li:hover {
3729 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3730 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3731 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3732 background-color: #1873a2;
3735 #nav-notifications-menu a:hover {
3736 text-decoration: underline;
3740 vertical-align: middle;
3742 padding-bottom: 7px;
3745 .notif-item a:hover {
3752 padding: 7px 7px 0px 0px;
3759 /* autocomplete popup */
3766 background: #eeeeee;
3767 border-right: 1px solid #dddddd;
3768 border-left: 1px solid #dddddd;
3769 border-bottom: 1px solid #dddddd;
3770 border-radius: 0px 5px 5px 5px;
3771 -webkit-border-radius: 0px 5px 5px 5px;
3772 -moz-border-radius: 0px 5px 5px 5px;
3773 box-shadow: 3px 3px 4px #959494;
3774 -moz-box-shadow: 3px 3px 4px #959494;
3775 -webkit-box-shadow: 3px 3px 4px #959494;
3788 .acpopupitem.selected {
3790 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3791 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3792 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3793 background-color: #1873a2;
3799 filter: alpha(opacity=0);
3804 filter: alpha(opacity=100);
3808 background: #000000;
3811 /* Pages profile widget
3812 ----------------------------------------------------------- */
3813 #page-profile div#profile-page-list{
3818 background: url("dot.png") repeat-x scroll left center transparent;
3819 border: medium none;
3823 ----------------------------------------------------------- */
3832 text-decoration: none;
3836 /* New posts and comments => background color
3837 ----------------------------------------------------------- */
3839 background: #fbfde9;
3842 div.wall-item-content-wrapper.shiny {
3843 background-image: url("shiny.png");
3844 background-repeat: repeat-x;