5 Created by alex@friendica.pixelbits.de on 2012-10-25
9 Blue link hover - #6da6c4
10 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
11 Grey/body text - #626262
12 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
13 Dark Grey Gradients - #7c7d7b and #555753
17 @import url('css/typography.css');
30 border: 1px solid #b0b0b0;
34 -moz-border-radius: 3px;
35 -webkit-border-radius: 3px;
38 input[type=text-sidebar] {
39 border: 1px solid #b0b0b0;
45 -moz-border-radius: 3px;
46 -webkit-border-radius: 3px;
53 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
54 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
55 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
56 background-color: #bdbdbd;
59 border: 1px solid #7C7D7B;
61 -moz-border-radius: 5px;
62 -webkit-border-radius: 5px;
65 input[type=submit]:hover {
66 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
67 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
68 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
69 background-color: #1873a2;
71 border: 1px solid #7C7D7B;
72 box-shadow: 0 0 8px #BDBDBD;
73 -moz-box-shadow: 3px 3px 4px #959494;
74 -webkit-box-shadow: 3px 3px 4px #959494;
76 -moz-border-radius: 5px;
77 -webkit-border-radius: 5px;
80 input[type=submit]:active {
88 margin: 10px 10px 0 0;
92 #directory-search-submit,
105 color: #000; /* Safari and Opera */
110 color: #000; /* Firefox */
122 border: 1px solid #dddddd;
123 box-shadow: 3px 3px 6px #959494;
124 -moz-box-shadow: 3px 3px 6px #959494;
125 -webkit-box-shadow: 3px 3px 6px #959494;
126 background-color: #efefef;
132 background: none repeat scroll 0 0 #FFFFFF;
133 border: 1px solid #C5C5C5;
135 -moz-border-radius: 3px;
136 -webkit-border-radius: 3px;
137 box-shadow: 0 0 8px #BDBDBD;
138 -moz-box-shadow: 3px 3px 4px #959494;
139 -webkit-box-shadow: 3px 3px 4px #959494;
147 border: 1px solid #7C7D7B;
149 -moz-border-radius: 5px;
150 -webkit-border-radius: 5px;
152 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
153 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
154 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
155 background-color: #bdbdbd;
161 border: 1px solid #7C7D7B;
162 box-shadow: 0 0 8px #BDBDBD;
163 -moz-box-shadow: 3px 3px 4px #959494;
164 -webkit-box-shadow: 3px 3px 4px #959494;
166 -moz-border-radius: 5px;
167 -webkit-border-radius: 5px;
168 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
169 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
170 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
171 background-color: #1873a2;
189 #login-password-wrapper {
190 vertical-align: middle;
194 #login-name-wrapper input {
205 #login-extra-links a {
208 padding: 5px 0px 5px 0px;
213 #login-extra-filler {
220 border: 1px solid #7C7D7B;
222 -moz-border-radius: 5px;
223 -webkit-border-radius: 5px;
233 #login_standard input,
234 #login_openid input {
239 #lost-password-link {
252 #login-submit-button,
253 #login-submit-wrapper {
258 #login-submit-button {
274 -webkit-border-radius: 5px;
275 -moz-border-radius: 5px;
276 border: 1px solid #494948;
277 background-color: #2e3436;
282 box-shadow: 7px 7px 10px #434343;
283 -moz-box-shadow: 7px 7px 12px #434343;
284 -webkit-box-shadow: 7px75px 12px #434343;
293 padding-bottom: 10px;
309 background-color: #1873a2;
320 list-style: none outside none;
330 background-color: #BDBDBD;
331 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
332 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
333 border: 1px solid #7C7D7B;
334 box-shadow: 0 0 8px #BDBDBD;
335 -moz-box-shadow: 3px 3px 4px #959494;
336 -webkit-box-shadow: 3px 3px 4px #959494;
338 -moz-border-radius: 5px;
339 -webkit-border-radius: 5px;
343 text-decoration: none;
349 text-decoration: none;
368 nav #banner #logo-text a {
373 text-shadow: #7C7D7B 3px 3px 5px;
385 vertical-align: middle;
386 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
387 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
389 background-color: #a2a2a2;
391 -moz-border-radius: 5px;
392 -webkit-border-radius: 5px;
393 border: 1px solid #7C7D8B;
395 text-decoration: none;
399 nav #user-menu:hover {
400 border: 1px solid #7C7D7B;
401 box-shadow: 0 0 8px #BDBDBD;
402 -moz-box-shadow: 3px 3px 4px #959494;
403 -webkit-box-shadow: 3px 3px 4px #959494;
405 -moz-border-radius: 5px;
406 -webkit-border-radius: 5px;
407 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
408 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
409 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
410 background-color: #1873a2;
414 nav #user-menu-label::after {
415 content: url("images/menu-user-pin.png") no-repeat;
419 nav #user-menu-label {
420 vertical-align: middle;
432 nav #nav-link-wrapper .nav-link {
433 border-right: 1px solid #babdb6;
439 border: 1px solid #FF8888;
440 background-color: #FFEEEE;
447 border: 1px solid #3465a4;
448 background-color: #d7e3f1;
455 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
456 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
457 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
458 background-color: #898988;
465 border: 1px solid #9a9a9a;
467 border-radius: 0px 0px 5px 5px;
468 -webkit-border-radius: 0px 0px 5px 5px;
469 -moz-border-radius: 0px 0px 5px 5px;
470 box-shadow: 5px 5px 10px #242424;
471 -moz-box-shadow: 5px 5px 10px #242424;
472 -webkit-box-shadow: 5px 5px 10px #242424;
476 ul#user-menu-popup li {
480 ul#user-menu-popup li a {
485 ul#user-menu-popup li a:hover {
487 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
488 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
489 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
490 background-color: #1873a2;
493 ul#user-menu-popup li a.nav-sep {
494 border-top: 1px solid #989898;
512 background: transparent url('images/notifications.png') 0px 0px no-repeat;
522 background-position: 0px -168px;
526 background-position: 0px -126px;
530 background-position: 0px -40px;
534 background-position: 0px -84px;
538 background-position: 0px 0px;
555 /* =================== */
556 /* = System Messages = */
557 /* =================== */
562 bottom: 0px; right:20%;
563 box-shadow: 7px 7px 10px #434343;
564 -moz-box-shadow: 7px 7px 12px #434343;
565 -webkit-box-shadow: 7px75px 12px #434343;
567 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
568 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
569 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
570 background-color: #1873a2;
571 border-radius: 5px 5px 0px 0px;
572 -webkit-border-radius: 5px 5px 0px 0px;
573 -moz-border-radius: 5px 5px 0px 0px;
574 border: 1px solid #da2c2c;
576 padding-bottom: 50px;
586 border-top: 1px solid #dddddd;
589 /* ================= */
590 /* = Aside/Sidebar = */
591 /* ================= */
597 /*font-size: 0.9em;*/
602 /*padding-bottom: 5px;*/
615 font-variant: normal;
616 -webkit-margin-start: 10px;
629 .vcard #profile-photo-wrapper {
633 background: none repeat scroll 0 0 #FFFFFF;
634 border: 1px solid #C5C5C5;
635 box-shadow: 0 0 8px #BDBDBD;
636 -moz-box-shadow: 3px 3px 4px #959494;
637 -webkit-box-shadow: 3px 3px 4px #959494;
638 -moz-box-shadow: 3px 3px 4px #959494;
639 -webkit-box-shadow: 3px 3px 4px #959494;
641 -moz-border-radius: 5px;
642 -webkit-border-radius: 5px;
653 padding-bottom: 10px;
656 #profile-extra-links ul {
663 box-shadow: inset 0px 1px 0px 0px #a65151;
664 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
665 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
666 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
667 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
668 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
669 background-color: #6da6c4;
671 -moz-border-radius: 5px;
672 -webkit-border-radius: 5px;
673 border: 1px solid #fc5656;
674 display: inline-block;
676 font-family: Trebuchet MS;
682 text-decoration: none;
683 text-shadow: 1px 1px 0px #b36f6f;
690 -webkit-border-radius: 5px ;
691 -moz-border-radius: 5px;
694 background-color: #3465a4;
697 #dfrn-request-link:hover {
698 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
699 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
700 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
701 background-color: #1873a2;
704 #dfrn-request-link:active {
709 #dfrn-request-intro {
714 background-color: #f6f6f6;
715 padding: 5px 5px 0px 15px;
717 #netsearch-box input[type="text"] {
720 #netsearch-box input[type="submit"] {
725 content: url("images/search.png");
727 vertical-align: middle;
731 background-color: #f3f3f3;
732 border: 1px solid #cdcdcd;
735 -webkit-border-radius: 5px;
736 -moz-border-radius: 5px;
740 vertical-align: middle;
743 padding-bottom: 10px;
747 vertical-align: middle;
755 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
756 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
757 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
758 background-color: #bdbdbd;
759 display: inline-block;
761 text-decoration: none;
763 border: 1px solid #7C7D7B;
765 -moz-border-radius: 5px;
766 -webkit-border-radius: 5px;
773 #sidebar-group-list {
782 #sidebar-group-list a {
785 #sidebar-group-list .icon,
786 #sidebar-group-list .iconspacer {
787 display: inline-block;
792 #side-peoplefind-submit {
796 #side-peoplefind-url {
801 #sidebar-page-list {}
805 box-shadow: 1px 2px 6px 0px #959494;
806 -moz-box-shadow: 1px 2px 6px 0px #959494;
807 -webkit-box-shadow: 1px 2px 6px 0px #959494;
808 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
809 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
810 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
811 background-color: #f8f8f8;
813 -moz-border-radius: 5px;
814 -webkit-border-radius: 5px;
816 border: 1px solid #cdcdcd;
820 list-style: none outside none;
821 background: url("images/arrow.png") no-repeat scroll left center transparent;
831 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
832 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
833 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
834 background-color: #bdbdbd;
835 display: inline-block;
837 text-decoration: none;
839 border: 1px solid #7C7D7B;
841 -moz-border-radius: 5px;
842 -webkit-border-radius: 5px;
846 #sidebar-new-group:hover {
847 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
848 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
849 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
850 background-color: #1873a2;
851 border: 1px solid #7C7D7B;
852 box-shadow: 0 0 8px #BDBDBD;
853 -moz-box-shadow: 3px 3px 4px #959494;
854 -webkit-box-shadow: 3px 3px 4px #959494;
856 -moz-border-radius: 5px;
857 -webkit-border-radius: 5px;
860 #sidebar-new-group:active {
868 .categories-selected {
872 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
873 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
874 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
875 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
876 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
877 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
878 background-color: #bdbdbd;
880 -moz-border-radius: 5px;
881 -webkit-border-radius: 5px;
882 display: inline-block;
884 text-decoration: none;
887 .settings-widget .selected {
891 #sidebar-new-group a {
898 ul .sidebar-group-li {
903 ul .sidebar-group-li .icon {
904 display: inline-block;
909 .nets-ul, .fileas-ul, .categories-ul {
910 list-style-type: none;
937 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
938 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
939 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
940 background-color: #f0edf0;
941 border-radius: 5px 5px 0px 0px;
942 -moz-border-radius: 5px 5px 0px 0px;
943 -webkit-border-radius: 5px 5px 0px 0px;
944 border: 1px solid #e2e2e2;
945 border-bottom: 1px solid #cdcdcd;
948 vertical-align: baseline;
950 text-shadow: -1px 0px 0px #bdbdbd;
957 #group-sidebar h3:before {
958 content: url("images/groups.png");
960 vertical-align: middle;
972 .saved-search-li .icon {
992 /* ================== */
993 /* = Contacts Block = */
994 /* ================== */
1000 border: 1px solid #C5C5C5;
1002 -moz-border-radius: 3px;
1003 -webkit-border-radius: 3px;
1004 box-shadow: 0 0 8px #BDBDBD;
1005 -moz-box-shadow: 3px 3px 4px #959494;
1006 -webkit-box-shadow: 3px 3px 4px #959494;
1009 .contact-block-div {
1013 .contact-block-link {
1017 .contact-block-textdiv {
1024 .contact-block-content {
1029 #contact-block-end {
1037 #profile-jot-text-loading,
1043 #profile-jot-text_tbl {
1044 margin-bottom: 10px;
1048 #profile-jot-text_ifr {
1049 width: 99.9% !important;
1052 #profile-jot-submit-wrapper {
1062 border: 1px solid #cccccc;
1069 #jot-title::-webkit-input-placeholder,
1070 #jot-category::-webkit-input-placeholder {
1071 font-weight: normal;
1074 #jot-title:-moz-placeholder,
1075 #jot-category:-moz-placeholder {
1076 font-weight: normal;
1081 #jot-category:hover,
1082 #jot-category:focus {
1083 border: 1px solid #cccccc;
1091 background: #FFFFC8;
1095 margin: 15px 0 15px 0;
1099 #profile-jot-submit {
1102 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1103 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1104 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1105 background-color: #bdbdbd;
1106 display: inline-block;
1108 text-decoration: none;
1110 border: 1px solid #7C7D7B;
1112 -moz-border-radius: 5px;
1113 -webkit-border-radius: 5px;
1116 #jot-preview-form {}
1122 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1123 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1124 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1125 background-color: #bdbdbd;
1126 display: inline-block;
1128 text-decoration: none;
1131 border: 1px solid #7C7D7B;
1133 -moz-border-radius: 5px;
1134 -webkit-border-radius: 5px;
1137 #profile-jot-perms {
1144 border: 1px solid #7C7D7B;
1146 -moz-border-radius: 5px;
1147 -webkit-border-radius: 5px;
1150 #jot-perms-perms .icon {
1154 #profile-jot-submit {
1157 margin-right: 145px;
1161 border: 1px solid #7C7D7B;
1163 -moz-border-radius: 5px;
1164 -webkit-border-radius: 5px;
1167 #profile-jot-perms:hover,
1168 #profile-jot-submit:hover,
1169 #jot-preview-link:hover {
1170 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1171 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1172 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1173 background-color: #1873a2;
1174 border: 1px solid #7C7D7B;
1175 box-shadow: 0 0 8px #BDBDBD;
1176 -moz-box-shadow: 3px 3px 4px #959494;
1177 -webkit-box-shadow: 3px 3px 4px #959494;
1179 -moz-border-radius: 5px;
1180 -webkit-border-radius: 5px;
1183 #profile-jot-perms:active,
1184 #profile-jot-submit:active,
1185 #jot-preview-link:active {
1190 #character-counter {
1196 #profile-rotator-wrapper {
1205 #profile-jot-tools-end,
1206 #profile-jot-banner-end {
1210 #profile-jot-email-wrapper {
1211 margin: 10px 10% 0px 10%;
1212 border: 1px solid #eeeeee;
1216 #profile-jot-email-label {
1217 background-color: #555753;
1222 #profile-jot-email {
1227 #profile-jot-networks {
1229 border: 1px solid #eeeeee;
1234 #profile-jot-acl-wrapper {
1236 border: 1px solid #eeeeee;
1238 display:block!important;
1241 #profile-video-wrapper,
1242 #profile-audio-wrapper,
1243 #profile-location-wrapper,
1244 #profile-nolocation-wrapper {
1247 #group_allow_wrapper,
1248 #group_deny_wrapper,
1249 #acl-permit-outer-wrapper {
1254 #contact_allow_wrapper,
1255 #contact_deny_wrapper,
1256 #acl-deny-outer-wrapper {
1262 background-color: #555753;
1264 padding: 5px; float: left;
1268 background-color: #555753;
1275 background-color: #555753;
1281 #acl-permit-text-end,
1282 #acl-deny-text-end {
1286 #profile-jot-wrapper {
1298 #profile-jot-text-loading,
1299 #profile-attach-wrapper,
1300 #profile-link-wrapper,
1301 #profile-jot-banner-wrapper {}
1314 padding: 20px 0px 0px;
1323 padding: 5px 10px 5px 10px;
1324 display: inline-block;
1331 padding: 5px 10px 5px 10px;
1338 .wall-item-outside-wrapper {
1340 border-bottom: 1px solid #dedede;
1342 margin-bottom: 20px;
1343 padding-right: 10px;
1345 background: none repeat scroll 0 0 #FFFFFF;
1346 border: 1px solid #CDCDCD;
1348 -moz-border-radius: 5px;
1349 -webkit-border-radius: 5px;
1350 box-shadow: 0 0 8px #BDBDBD;
1351 -moz-box-shadow: 3px 3px 4px #959494;
1352 -webkit-box-shadow: 3px 3px 4px #959494;
1355 .wall-item-outside-wrapper-end {
1359 .wall-item-content-wrapper {
1365 .wall-item-comment-wrapper {
1369 .wall-item-photo-menu-button {
1371 text-indent: -99999px;
1372 background: #eeeeee url("images/menu-user-pin.png") no-repeat 75px center;
1379 border-radius: 0px 0px 5px 5px;
1380 -webkit-border-radius: 0px 0px 5px 5px;
1381 -moz-border-radius: 0px 0px 5px 5px;
1389 .wall-item-photo-wrapper {
1394 border: 1px solid #dddddd;
1396 -webkit-border-radius: 5px;
1397 -moz-border-radius: 5px;
1398 box-shadow: 3px 3px 4px #959494;
1399 -moz-box-shadow: 3px 3px 4px #959494;
1400 -webkit-box-shadow: 3px 3px 4px #959494;
1404 filter: alpha(opacity=60);
1406 transition: all 0.25s ease-in-out;
1407 -webkit-transition: all 0.25s ease-in-out;
1408 -moz-transition: all 0.25s ease-in-out;
1410 padding-bottom: 5px;
1415 .wall-item-tools:hover {
1416 filter: alpha(opacity=100);
1418 transition: all 0.25s ease-in-out;
1419 -webkit-transition: all 0.25s ease-in-out;
1420 -moz-transition: all 0.25s ease-in-out;
1424 filter: alpha(opacity=60);
1426 transition: all 0.25s ease-in-out;
1427 -webkit-transition: all 0.25s ease-in-out;
1428 -moz-transition: all 0.25s ease-in-out;
1431 padding-bottom: 5px;
1436 .wall-item-social:hover {
1437 filter: alpha(opacity=100);
1439 transition: all 0.25s ease-in-out;
1440 -webkit-transition: all 0.25s ease-in-out;
1441 -moz-transition: all 0.25s ease-in-out;
1444 .wall-item-outside-wrapper.comment .wall-item-tools {
1448 .wall-item-like-buttons {
1452 .wall-item-like-buttons a.icon {
1458 .wall-item-links-wrapper {
1463 .wall-item-delete-wrapper {
1468 .wall-item-links-wrapper a.icon {
1493 padding-right: 10px;
1498 .wall-item-body img {
1507 .wall-item-lock-wrapper {
1515 margin: 0px 0px 10px 0px;
1521 margin: 0px 0px 0px 100px;
1525 .wall-item-author a {
1535 .wall-item-wrapper-end {
1539 .wall-item-location {
1543 text-overflow: ellipsis;
1544 -o-text-overflow: ellipsis;
1547 .wall-item-location .icon {
1551 .wall-item-location > a {
1556 font-variant: small-caps;
1560 .wall-item-location .smalltext {
1566 .wall-item-location > br {
1586 .wallwall .wwto img {
1587 width: 30px!important;
1588 height: 30px!important;
1591 .wallwall .wall-item-photo-end {
1595 .wall-item-arrowphoto-wrapper {
1602 .wall-item-photo-menu {
1607 background: #eeeeee;
1608 border-right: 1px solid #dddddd;
1609 border-left: 1px solid #dddddd;
1610 border-bottom: 1px solid #dddddd;
1616 border-radius: 0px 5px 5px 5px;
1617 -webkit-border-radius: 0px 5px 5px 5px;
1618 -moz-border-radius: 0px 5px 5px 5px;
1619 box-shadow: 3px 3px 4px #959494;
1620 -moz-box-shadow: 3px 3px 4px #959494;
1621 -webkit-box-shadow: 3px 3px 4px #959494;
1625 .wall-item-photo-menu-button {
1626 border-right: 1px solid #dddddd;
1627 border-left: 1px solid #dddddd;
1628 border-bottom: 1px solid #dddddd;
1629 box-shadow: 3px 3px 4px #959494;
1630 -moz-box-shadow: 3px 3px 4px #959494;
1631 -webkit-box-shadow: 3px 3px 4px #959494;
1634 .fakelink wall-item-photo-menu-button {
1635 -webkit-border-radius: 0px 5px 5px 5px;
1636 -moz-border-radius: 0px 5px 5px 5px;
1637 border-radius: 0px 5px 5px 5px;
1638 box-shadow: 3px 3px 4px #959494;
1639 -moz-box-shadow: 3px 3px 4px #959494;
1640 -webkit-box-shadow: 3px 3px 4px #959494;
1643 .wall-item-photo-menu ul {
1649 .wall-item-photo-menu li a {
1650 white-space: nowrap;
1656 .wall-item-photo-menu li a:hover {
1658 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1659 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1660 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1661 background-color: #1873a2;
1669 #item-delete-selected-end,
1670 #item-delete-selected {
1677 #item-delete-selected-icon {}
1680 font-family: Courier, monospace;
1683 border: 1px solid #444;
1695 .ccollapse-wrapper {
1704 border: 0px solid #CDCDCD;
1706 -moz-border-radius: 5px;
1707 -webkit-border-radius: 5px;
1708 margin-bottom: 20px;
1709 background-color: #E2E2E2;
1712 .collapsed-comments,
1714 .hide-comments-outer,
1715 .wall-item-outside-wrapper.comment {
1717 margin-bottom: 20px;
1720 .wall-item-outside-wrapper.comment .wall-item-photo {
1721 width: 40px!important;
1722 height: 40px!important;
1725 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1730 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1733 background-position: 35px center;
1736 .wall-item-outside-wrapper.comment .wall-item-info {
1740 .wall-item-outside-wrapper.comment .wall-item-body {
1743 padding-right: 10px;
1747 .wall-item-outside-wrapper.comment .wall-item-author {
1751 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1755 .icollapse-wrapper {
1760 .comment-wwedit-wrapper,
1761 .comment-edit-wrapper {
1762 margin: 0px 0px 5px 0px;
1765 .comment-wwedit-wrapper img,
1766 .comment-edit-wrapper img {
1772 .comment-edit-photo-link {
1777 .comment-edit-text-empty {
1778 width: 672px; /*80%*/
1781 transition: all 0.5s ease-in-out;
1782 -webkit-transition: all 0.5s ease-in-out;
1783 -moz-transition: all 0.5s ease-in-out;
1786 .comment-edit-text-empty:hover {
1790 .comment-edit-text-full {
1793 transition: all 0.5s ease-in-out;
1794 -webkit-transition: all 0.5s ease-in-out;
1795 -moz-transition: all 0.5s ease-in-out;
1798 .comment-edit-submit-wrapper {
1804 .comment-edit-submit {
1807 background-color: #a2a2a2;
1809 border: 1px solid #CDCDCD;
1811 -moz-border-radius: 5px;
1812 -webkit-border-radius: 5px;
1815 .comment-edit-submit:hover {
1816 background-color: #1873a2;
1817 border: 1px solid #CDCDCD;
1819 -moz-border-radius: 5px;
1820 -webkit-border-radius: 5px;
1821 box-shadow: 0 0 8px #BDBDBD;
1822 -moz-box-shadow: 3px 3px 4px #959494;
1823 -webkit-box-shadow: 3px 3px 4px #959494;
1826 .comment-edit-submit:active {
1827 background-color: #1873a2;
1830 #item-delete-selected-desc {
1835 .wall-item-body code {
1836 font-family: Courier, monospace;
1839 border: 1px solid #cccccc;
1840 border-width: 1px 1px 1px 3px;
1849 .advanced-profile-content {
1851 margin-bottom: 10px;
1856 .advanced-profile-label {
1859 padding-bottom: 5px;
1863 div[id$="wrapper"] {
1867 div[id$="wrapper"] br {
1871 #advanced-profile-with {
1875 #profile-listing-desc,
1876 #profile-listing-new-link-wrapper {
1879 padding: 5px 10px 5px 10px;
1881 margin:20px 10px 0 0;
1882 display: inline-block;
1887 .profile-listing-name {
1890 .profile-listing-name a {
1894 #profile-edit-links {
1898 #profile-edit-links li {
1901 margin-bottom: 20px;
1903 background-color: #a2a2a2;
1905 padding: 5px 10px 5px 10px;
1909 -moz-border-radius: 5px;
1910 -webkit-border-radius: 5px;
1913 #profile-edit-links li a {
1917 #profile-edit-links li:hover {
1918 background-color: #1873a2;
1921 #profile-edit-links li:active {
1922 background-color: #1873a2;
1925 #profile-edit-links-end {
1927 margin-bottom: 15px;
1930 .profile-edit-side-div {
1938 #cropimage-wrapper {
1946 .profile-match-name a {
1951 .profile-match-name a:hover {
1955 .profile-match-wrapper {
1960 margin-bottom: 10px;
1961 /*margin-left: 20px;*/
1962 background-color: #f6f6f6;
1963 border: 1px solid #dddddd;
1964 box-shadow: 3px 3px 4px #959494;
1965 -moz-box-shadow: 3px 3px 4px #959494;
1966 -webkit-box-shadow: 3px 3px 4px #959494;
1970 .profile-match-end {
1974 .profile-match-photo {
1990 height: 191px!important;
1991 width: 191px!important;
1994 #side-bar-photos-albums {
1997 #photo-albums-upload-link {
2001 #side-bar-photos-albums h3:before {
2002 content: url("images/photography.png");
2003 padding-right: 10px;
2004 vertical-align: middle;
2007 #side-bar-photos-albums li {
2017 margin-bottom: 20px;
2019 background-color: #a2a2a2;
2021 padding: 5px 10px 5px 10px;
2025 -moz-border-radius: 5px;
2026 -webkit-border-radius: 5px;
2029 #photo-top-links a {
2033 #photo-top-links:hover {
2034 background-color: #1873a2;
2037 #photo-top-links:active {
2038 background-color: #1873a2;
2041 .photo-album-image-wrapper {
2043 margin: 0px 10px 10px 0px;
2044 padding-bottom: 30px;
2048 .photo-top-image-wrapper {
2052 margin: 0px 10px 10px 0px;
2053 padding-bottom: 30px;
2057 #photo-album-wrapper-inner {
2074 .photo-top-image-wrapper a:hover,
2075 #photo-photo a:hover,
2076 .photo-album-image-wrapper a:hover {
2083 .photo-album-photo {}
2085 .photo-top-album-name {
2090 font-stretch: semi-expanded;
2093 .photo-top-album-name a {
2126 background-color: rgba(255,255,255,0.2);
2128 transition: all 0.2s ease-in-out;
2129 -webkit-transition: all 0.2s ease-in-out;
2130 -moz-transition: all 0.2s ease-in-out;
2131 background-position: center center;
2132 background-repeat: no-repeat;
2138 background-image: url('images/prev.png');
2144 background-image: url('images/next.png');
2148 #photo-next-link a {
2153 text-indent: -900000px;
2156 #photo-prev-link:hover,
2157 #photo-next-link:hover {
2159 transition: all 0.2s ease-in-out;
2160 -webkit-transition: all 0.2s ease-in-out;
2161 -moz-transition: all 0.2s ease-in-out;
2164 #photo-next-link .icon,
2165 #photo-prev-link .icon {
2169 #photos-upload-spacer,
2170 #photos-upload-new-wrapper,
2171 #photos-upload-exist-wrapper {
2175 #photos-upload-existing-album-text,
2176 #photos-upload-newalbum-div {
2182 #photos-upload-album-select,
2183 #photos-upload-newalbum {
2185 margin-bottom: 10px;
2188 #photos-upload-perms-menu {
2193 #photos-upload-perms-menu .icon {
2197 #photos-upload-perms {
2201 .photos-upload-perms {}
2204 border: 1px solid #b0b0b0;
2207 -moz-border-radius: 3px;
2208 -webkit-border-radius: 3px;
2213 select[size][multiple] {
2214 margin: 5px 0px 10px 0px;
2218 -webkit-appearance: menulist;
2219 box-sizing: border-box;
2220 -webkit-box-align: center;
2227 letter-spacing: normal;
2228 word-spacing: normal;
2230 text-transform: none;
2233 display: inline-block;
2234 text-align: -webkit-auto;
2240 text-align: -webkit-auto;
2245 -moz-border-radius: 5px;
2246 -webkit-border-radius: 5px;
2251 margin-bottom: 20px;
2253 background-color: #a2a2a2;
2255 padding: 5px 10px 5px 10px;
2259 -moz-border-radius: 5px;
2260 -webkit-border-radius: 5px;
2263 #album-edit-link a {
2267 #album-edit-link:hover {
2268 background-color: #1873a2;
2271 #photo-edit-link-wrap {
2272 margin-bottom: 10px;
2281 input #photo_edit_form {
2286 #photo-edit-perms-menu {
2295 #photo-edit-perms-menu .icon {
2299 #photo-edit-delete-button {
2305 #photo-album-edit-wrapper {
2306 margin-bottom: 10px;
2320 background-color: #fff;
2321 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2322 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2323 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2326 #prvmail-wrapper:before,
2327 #prvmail-wrapper:after,
2328 .mail-conv-detail:before,
2329 .mail-conv-detail:after,
2330 .mail-list-detail:before,
2331 .mail-list-detail:after {
2338 background: transparent;
2339 transform: skew(-5deg) rotate(-5deg);
2340 -webkit-transform: skew(-5deg) rotate(-5deg);
2341 -moz-transform: skew(-5deg) rotate(-5deg);
2342 -ms-transform: skew(-5deg) rotate(-5deg);
2343 -o-transform: skew(-5deg) rotate(-5deg);
2344 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2345 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2346 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2350 #prvmail-wrapper:after,
2351 .mail-conv-detail:after,
2352 .mail-list-detail:after {
2355 transform: skew(5deg) rotate(5deg);
2356 -webkit-transform: skew(5deg) rotate(5deg);
2357 -moz-transform: skew(5deg) rotate(5deg);
2358 -ms-transform: skew(5deg) rotate(5deg);
2359 -o-transform: skew(5deg) rotate(5deg);
2375 #prvmail-subject .input {
2376 border: none !important;
2379 #prvmail-subject-label {}
2385 #prvmail-to-label {}
2387 #prvmail-message-label {
2391 #prvmail-submit-wrapper {
2405 #prvmail-submit-wrapper > div {
2410 .mail-list-outside-wrapper {
2417 background-color: #efefef;
2418 border: 1px solid #C5C5C5;
2420 -moz-border-radius: 3px;
2421 -webkit-border-radius: 3px;
2422 box-shadow: 0 0 8px #BDBDBD;
2423 -moz-box-shadow: 3px 3px 4px #959494;
2424 -webkit-box-shadow: 3px 3px 4px #959494;
2433 border: 1px solid #dddddd;
2436 .mail-list-sender-name {
2447 font-stretch: ultra-condensed;
2450 .mail-list-subject {
2454 padding-right: 50px;
2457 .mail-list-subject a {
2461 .mail-list-delete-wrapper {
2465 .mail-list-outside-wrapper-end {
2469 .mail-conv-outside-wrapper {
2470 margin-bottom: 10px;
2476 margin: 0px 5px 5px 0px;
2479 .mail-conv-sender-photo {
2484 .mail-conv-sender-name {
2493 .mail-conv-subject {
2506 padding-bottom: 20px;
2509 vertical-align: middle;
2511 border: 1px solid #dddddd;
2519 .mail-conv-delete-wrapper {
2527 border: 1px solid #dddddd;
2530 /* ================= */
2531 /* = Notifications = */
2532 /* ================= */
2534 #notification-show-hide-wrapper {
2536 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2537 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2538 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2539 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2540 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2541 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2542 background-color: #bdbdbd;
2544 -moz-border-radius: 5px;
2545 -webkit-border-radius: 5px;
2546 padding: 5px 10px 5px 10px;
2554 #notification-show-hide-wrapper:hover {
2556 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2557 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2558 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2559 background-color: #1873a2;
2562 #notification-show-hide-wrapper:active {
2563 background-color: #1873a2;
2568 #notification-show-hide-wrapper a {
2577 margin-bottom: 10px;
2587 .view-contact-wrapper,
2588 .contact-entry-wrapper {
2591 margin-bottom: 20px;
2605 .contact-entry-direction-wrapper {
2610 .contact-entry-edit-links {
2615 #contacts-show-hide-link {
2616 margin-bottom: 20px;
2621 .contact-entry-name {
2631 .contact-entry-photo {
2635 .contact-entry-edit-links .icon {
2636 border: 1px solid #babdb6;
2638 -webkit-border-radius: 3px;
2639 -moz-border-radius: 3px;
2640 background-color: #ffffff;
2643 #contact-edit-banner-name {
2648 #contact-edit-update-now {
2653 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2654 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2655 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2656 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2657 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2658 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2659 background-color: #bdbdbd;
2661 -moz-border-radius: 5px;
2662 -webkit-border-radius: 5px;
2663 display: inline-block;
2665 text-decoration: none;
2669 #contact-edit-update-now:hover {
2671 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2672 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2673 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2674 background-color: #1873a2;
2675 border: 1px solid #7C7D7B;
2676 box-shadow: 0 0 8px #BDBDBD;
2677 -moz-box-shadow: 3px 3px 4px #959494;
2678 -webkit-box-shadow: 3px 3px 4px #959494;
2680 -moz-border-radius: 5px;
2681 -webkit-border-radius: 5px;
2684 #contact-edit-update-now:active {
2689 #contact-edit-update-now a {
2696 #contact-edit-info-wrapper,
2697 #contact-edit-info-end,
2698 #contact-edit-profile-select-text,
2699 #contact-edit-profile-select-end,
2700 #contact-edit-poll-wrapper,
2704 .contact-edit-submit {
2707 #contact-profile-selector {
2710 .contact-photo-menu-button {
2712 background-image: url("images/photo-menu.jpg");
2713 background-position: top left;
2714 background-repeat: no-repeat;
2719 top: 64px; left:0px;
2725 .contact-photo-menu {
2727 border: 1px solid #ddd;
2728 background: #f1f1f1;
2734 box-shadow: 3px 3px 5px #888;
2735 -moz-box-shadow: 3px 3px 5px #888;
2736 -webkit-box-shadow: 3px 3px 5px #888;
2739 .contact-photo-menu ul {
2745 .contact-photo-menu li a {
2752 .contact-photo-menu li a:hover {
2754 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2755 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2756 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2757 background-color: #1873a2;
2758 text-decoration: none;
2761 .view-contact-name {}
2764 background-color: #efefef;
2770 margin-bottom: 80px;
2773 #follow-sidebar h3:before {
2774 content: url("images/user.png");
2775 padding-right: 10px;
2776 vertical-align: middle;
2779 #follow-sidebar input[type="text"] {
2781 margin-bottom: 10px;
2784 #side-follow-submit {
2791 #side-random-profile-link,
2797 margin-bottom: 20px;
2798 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2799 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2800 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2801 background-color: #bdbdbd;
2802 padding: 5px 10px 5px 10px;
2806 border: 1px solid #7C7D7B;
2808 -moz-border-radius: 5px;
2809 -webkit-border-radius: 5px;
2812 #side-invite-link:hover,
2813 #side-random-profile-link:hover,
2814 #side-suggest-link:hover,
2815 #side-match-link:hover {
2817 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2818 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2819 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2820 background-color: #1873a2;
2821 border: 1px solid #7C7D7B;
2822 box-shadow: 0 0 8px #BDBDBD;
2823 -moz-box-shadow: 3px 3px 4px #959494;
2824 -webkit-box-shadow: 3px 3px 4px #959494;
2826 -moz-border-radius: 5px;
2827 -webkit-border-radius: 5px;
2831 #side-invite-link:active,
2832 #side-random-profile-link:active,
2833 #side-suggest-link:active,
2834 #side-match-link:active {
2835 background-color: #1873a2;
2840 #side-invite-link a,
2841 #side-random-profile-link a,
2842 #side-suggest-link a,
2843 #side-match-link a {
2850 #invite-recipient-text {
2854 #side-follow-wrapper {
2857 font-stretch: semi-expanded;
2858 background-color: #f3f3f3;
2859 border: 1px solid #cdcdcd;
2863 -moz-border-radius: 5px;
2864 -webkit-border-radius: 5px;
2867 #side-follow-wrapper label{
2869 font-variant: normal;
2877 margin-bottom: 20px;
2878 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2879 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2880 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2881 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2882 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2883 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2884 background-color: #bdbdbd;
2886 -moz-border-radius: 5px;
2887 -webkit-border-radius: 5px;
2888 padding: 5px 10px 5px 10px;
2894 #contact-suggest:hover {
2896 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2897 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2898 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2899 background-color: #1873a2;
2902 #contact-suggest:active {
2903 background-color: #1873a2;
2908 #contact-suggest a {
2924 /* ===================================== */
2925 /* = Register, Settings, Profile Forms = */
2926 /* ===================================== */
2930 background: url(images/login-bg.gif) no-repeat;
2931 background-position: 0 50%;
2933 width: 250px!important;
2939 #profile-tabs-wrapper {
2943 #profile-tab-status-link {
2945 padding: 5px 10px 5px 10px;
2953 #profile-tab-profile-link {
2955 padding: 5px 10px 5px 10px;
2960 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2961 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2962 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2963 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2964 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2965 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2966 background-color: #7c7d7b;
2968 -moz-border-radius: 5px;
2969 -webkit-border-radius: 5px;
2970 padding: 5px 10px 5px 10px;
2971 margin-bottom: 10px;
2974 #uexport-link:hover {
2976 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2977 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2978 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2979 background-color: #555753;
2982 #uexport-link:active {
2984 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2985 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2986 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2987 background-color: #1873a2;
2992 #settings-default-perms .fakelink {
2996 #settings-default-perms {
3000 padding: 5px 10px 5px 10px;
3001 margin-bottom: 10px;
3002 background-color: #BDBDBD;
3003 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
3004 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3005 border: 1px solid #7C7D7B;
3007 -moz-border-radius: 5px;
3008 -webkit-border-radius: 5px;
3011 #settings-default-perms:hover {
3013 background-color: #555753;
3014 border: 1px solid #7C7D7B;
3015 box-shadow: 0 0 8px #BDBDBD;
3016 -moz-box-shadow: 3px 3px 4px #959494;
3017 -webkit-box-shadow: 3px 3px 4px #959494;
3019 -moz-border-radius: 5px;
3020 -webkit-border-radius: 5px;
3023 #settings-default-perms:active {
3025 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3026 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3027 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3028 background-color: #1873a2;
3033 #settings-nickname-desc {
3035 background-color: #efefef;
3037 margin-bottom: 10px;
3039 -webkit-border-radius: 5px;
3040 -moz-border-radius: 5px;
3044 #register-form div {
3048 #profile-edit-form div {
3052 #profile-edit-form div[id$='desc'] {
3057 #register-form label,
3058 #profile-edit-form label {
3061 margin-right: 155px;
3064 #register-form span {
3067 margin-bottom: 20px;
3071 .settings-submit-wrapper,
3072 .profile-edit-submit-wrapper {
3077 .profile-listing-end {
3080 margin: 20px 20px 0px 0px;
3084 #register-sitename {
3089 #register-submit-button {
3093 #label-register-name,
3094 #label-register-email,
3095 #label-register-nickname,
3096 #label-register-openid {
3104 #register-nickname {
3116 #register-fill-ext {
3117 margin-bottom: 25px;
3121 #register-email-end,
3122 #register-nickname-end,
3123 #register-submit-end,
3124 #register-openid-end {
3128 #register-nickname-desc {
3133 /* ===================== */
3134 /* = Contacts Selector = */
3135 /* ===================== */
3137 #group-edit-wrapper {
3138 margin-bottom: 10px;
3141 #group-edit-name-wrapper {
3145 #group-edit-submit-wrapper {
3146 margin-bottom: 10px;
3147 margin-right: 400px;
3152 .group-delete-wrapper {
3156 margin-bottom: 10px;
3157 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3158 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3159 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3160 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3161 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3162 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3163 background-color: #bdbdbd;
3165 -moz-border-radius: 5px;
3166 -webkit-border-radius: 5px;
3169 .group-delete-wrapper:hover {
3170 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3171 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3172 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3173 background-color: #1873a2;
3176 .group-delete-wrapper:active {
3177 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3178 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3180 background-color: #1873a2;
3183 .group-delete-wrapper a {
3202 background-color: #f0edf0;
3204 border: 1px solid #ccc;
3205 margin-bottom: 10px;
3209 #group-all-contacts,
3210 #prof-all-contacts {
3214 border: 1px solid #ccc;
3215 background-color: #f0edf0;
3220 #group-all-contacts h3,
3222 #prof-all-contacts h3 {
3256 margin-bottom: 10px;
3257 background-color: #fff;
3258 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3259 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3260 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3271 background: transparent;
3272 transform: skew(-5deg) rotate(-5deg);
3273 -webkit-transform: skew(-5deg) rotate(-5deg);
3274 -moz-transform: skew(-5deg) rotate(-5deg);
3275 -ms-transform: skew(-5deg) rotate(-5deg);
3276 -o-transform: skew(-5deg) rotate(-5deg);
3277 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3278 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3279 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3286 transform: skew(5deg) rotate(5deg);
3287 -webkit-transform: skew(5deg) rotate(5deg);
3288 -moz-transform: skew(5deg) rotate(5deg);
3289 -ms-transform: skew(5deg) rotate(5deg);
3290 -o-transform: skew(5deg) rotate(5deg);
3293 .vevent .event-description {
3298 font-weight: bolder;
3301 .vevent .event-location {
3305 font-style: oblique;
3309 .vevent .event-start,
3310 .vevent .event-end {
3322 margin-bottom: 10px;
3324 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3325 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3326 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3327 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3328 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3329 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3330 background-color: #bdbdbd;
3332 -moz-border-radius: 5px;
3333 -webkit-border-radius: 5px;
3337 #new-event-link:hover {
3339 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3340 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3341 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3342 background-color: #1873a2;
3345 #new-event-link:active {
3346 background-color: #1873a2;
3356 .edit-event-link, .plink-event-link {
3360 margin-bottom: 15px;
3363 .event-description:before {
3364 content: url('images/calendar.png');
3366 vertical-align: middle;
3375 .event-start .dtstart,
3382 margin-bottom: 10px;
3383 font-stretch: condensed;
3394 .event-calendar-end {
3400 font-family: Helvetica, Arial, sans-serif;
3401 background-color: #f1f1f1;
3402 border: 1px solid #dedede;
3403 margin-bottom: 10px;
3404 box-shadow: 5px 5px 8px #959494;
3405 -moz-box-shadow: 5px 5px 8px #959494;
3406 -webkit-box-shadow: 5px 5px 8px #959494;
3410 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3411 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3412 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3413 background-color: #1873a2;
3414 padding: 10px 0px 10px 0px;
3419 box-shadow: 5px 2px 8px #959494;
3420 -moz-box-shadow: 5px 2px 8px #959494;
3421 -webkit-box-shadow: 5px 2px 8px #959494;
3431 background-color: #cdcdcd;
3443 background-color: #1873a2;
3448 #event-finish-text {
3453 #event-nofinish-checkbox,
3454 #event-nofinish-text,
3455 #event-adjust-checkbox,
3457 #event-share-checkbox {
3461 #event-datetime-break {
3462 margin-bottom: 10px;
3465 #event-nofinish-break,
3466 #event-adjust-break,
3467 #event-share-break {
3472 #event-location-text {
3487 margin: 50px 50px 0px 0px;
3490 .directory-details {
3512 background-color: #FF0000;
3517 border: 0px; padding: 0px;
3521 list-style-position: inside;
3531 padding-bottom: 2px;
3532 border-bottom: 1px solid black;
3545 border-bottom: 1px solid #898989;
3550 #adminpage .submit {
3560 #adminpage .plugin {
3563 border: 1px solid #888888;
3569 #adminpage .toggleplugin {
3576 border-bottom: 1p solid #000000;
3580 #adminpage table th {
3584 #adminpage td .icon {
3588 #adminpage table#users img {
3593 #adminpage table tr:hover {
3594 background-color: #eeeeee;
3597 #adminpage .selectall {
3601 /* =============== */
3602 /* = Form Fields = */
3603 /* =============== */
3612 margin: 5px 10px 0 0;
3623 border: 1px solid #CDCDCD;
3625 -moz-border-radius: 5px;
3626 -webkit-border-radius: 5px;
3641 margin-bottom: 10px;
3651 border: 1px solid #c1c1c1;
3652 background-image: url("../../../images/onoff.jpg");
3653 background-repeat: no-repeat;
3654 padding: 4px 2px 2px 2px;
3656 text-decoration: none;
3658 .field .onoff .off {
3659 border-color: #c1c1c1;
3661 background-position: left center;
3662 background-color: #cccccc;
3668 border-color: #c1c1c1;
3669 padding-right: 40px;
3670 background-position: right center;
3671 background-color: #1873a2;
3676 .field .radio .field_help {
3685 cursor: url('lock.cur'), pointer;
3694 background-image: url("images/icons.png");
3697 background-image: url("images/star.png");
3701 background-image: url("images/premium.png");
3706 background-image: url("images/notifications.png");
3711 border: 1px solid #c1c1c1;
3713 -webkit-border-radius: 3px;
3714 -moz-border-radius: 3px;
3717 .article { background-position: -50px 0px;}
3718 .audio { background-position: -70px 0px;}
3719 .block { background-position: -90px 0px;}
3720 .drop { background-position: -110px 0px;}
3721 .drophide { background-position: -130px 0px;}
3722 .edit { background-position: -150px 0px;}
3723 .camera { background-position: -170px 0px;}
3724 .dislike { background-position: -190px 0px;}
3725 .like { background-position: -210px 0px;}
3726 .link { background-position: -230px 0px;}
3727 .globe { background-position: -50px -20px;}
3728 .noglobe { background-position: -70px -20px;}
3729 .no { background-position: -90px -20px;}
3730 .pause { background-position: -110px -20px;}
3731 .play { background-position: -130px -20px;}
3732 .pencil { background-position: -150px -20px; margin-right: 12px;}
3733 .small-pencil { background-position: -170px -20px;}
3734 .recycle { background-position: -190px -20px;}
3735 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3736 .share { background-position: -230px -20px;}
3737 .tools { background-position: -50px -40px;}
3738 .lock { background-position: -70px -40px;}
3740 background-position: -90px -40px;
3741 background-image: none;
3747 background-image: url("images/icons.png");
3750 margin: 2px 0px 2px 3px;
3754 .video { background-position: -110px -40px;}
3755 .youtube { background-position: -130px -40px;}
3756 .attach { background-position: -190px -40px;}
3757 .language { background-position: -210px -40px;}
3758 .on { background-position: -50px -60px;}
3759 .off { background-position: -70px -60px;}
3760 .prev { background-position: -90px -60px;}
3761 .next { background-position: -110px -60px;}
3762 .tagged { background-position: -130px -60px; margin-right: 10px;}
3763 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3766 display: block; width: 20px; height: 23px;
3767 background-image: url("../../../images/content-types.png");
3770 .type-video { background-position: 0px 0px; }
3771 .type-image { background-position: -20px 0px; }
3772 .type-audio { background-position: -40px 0px; }
3773 .type-text { background-position: -60px 0px; }
3774 .type-unkn { background-position: -80px 0px; }
3796 #photo-edit-perms-select,
3797 #photos-upload-permissions-wrapper,
3798 #profile-jot-acl-wrapper{
3799 display: block!important;
3808 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3809 padding-right: 20px;
3820 background-color: #cccccc;
3821 background-position: 7px 7px;
3822 background-repeat: no-repeat;
3825 -webkit-border-radius: 5px ;
3826 -moz-border-radius: 5px;
3830 #acl-showall.selected {
3832 background-color: #1873a2;
3837 border: 1px solid #cccccc;
3838 background-color: #efefef;
3851 border: 1px solid #cccccc;
3852 background-color: #fff;
3855 box-shadow: 2px 2px 3px #c1c1c1;
3856 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3857 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3859 .acl-list-item img {
3871 padding: 2px 0px 1px;
3880 background-color: #898989;
3881 background-position: 3px 3px;
3882 background-repeat: no-repeat;
3883 margin: 10px 0 0 5px;
3885 -webkit-border-radius: 2px ;
3886 -moz-border-radius: 2px;
3890 #acl-wrapper a:hover {
3891 text-decoration: none;
3892 background-color:#1873a2;
3895 .acl-button-show.selected {
3897 background-color: #1873a2;
3900 .acl-button-hide .selected {
3902 background-color: #a2a2a2;
3905 .acl-list-item.groupshow { border-color: #1873a2; }
3906 .acl-list-item.grouphide { border-color: #a2a2a2; }
3908 /* ========================= */
3909 /* = Global Directory Link = */
3910 /* ========================= */
3912 #global-directory-link {
3915 /*margin-bottom: 10px;*/
3916 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3917 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3918 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3919 background-color: #bdbdbd;
3922 -webkit-padding-start: 0px;
3923 border: 1px solid #7C7D7B;
3925 -moz-border-radius: 5px;
3926 -webkit-border-radius: 5px;
3929 #global-directory-link:hover {
3931 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3932 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3933 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3934 background-color: #1873a2;
3935 border: 1px solid #7C7D7B;
3936 box-shadow: 0 0 8px #BDBDBD;
3937 -moz-box-shadow: 3px 3px 4px #959494;
3938 -webkit-box-shadow: 3px 3px 4px #959494;
3940 -moz-border-radius: 5px;
3941 -webkit-border-radius: 5px;
3944 #global-directory-link:active {
3945 background-color: #1873a2;
3950 #global-directory-link a {
3955 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3956 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3957 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3958 background-color: #1873a2;
3960 padding: 5px 10px 5px 10px;
3964 /* notifications popup menu */
3988 #nav-notifications-menu {
3992 overflow-style: scrollbar;
3993 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3994 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3995 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3996 background-color: #a2a2a2;
3997 border-radius: 0px 0px 5px 5px;
3998 -moz-border-radius: 0px 0px 5px 5px;
3999 -webkit-border-radius: 0px 0px 5px 5px;
4000 border: 1px solid #9A9A9A;
4002 box-shadow: 5px 5px 10px #242424;
4003 -moz-box-shadow: 5px 5px 10px #242424;
4004 -webkit-box-shadow: 5px 5px 10px #242424;
4007 #nav-notifications-menu .contactname {
4012 #nav-notifications-menu img {
4017 #nav-notifications-menu .notif-when {
4022 #nav-notifications-menu li {
4023 padding: 7px 0px 7px 10px;
4025 border-bottom: 1px solid #626262;
4028 #nav-notifications-menu li:hover {
4029 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4030 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4031 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4032 background-color: #1873a2;
4035 #nav-notifications-menu a:hover {
4036 text-decoration: underline;
4040 vertical-align: middle;
4042 padding-bottom: 7px;
4045 .notif-item a:hover {
4052 padding: 7px 7px 0px 0px;
4059 /* autocomplete popup */
4066 background: #eeeeee;
4067 border-right: 1px solid #dddddd;
4068 border-left: 1px solid #dddddd;
4069 border-bottom: 1px solid #dddddd;
4070 border-radius: 0px 5px 5px 5px;
4071 -webkit-border-radius: 0px 5px 5px 5px;
4072 -moz-border-radius: 0px 5px 5px 5px;
4073 box-shadow: 3px 3px 4px #959494;
4074 -moz-box-shadow: 3px 3px 4px #959494;
4075 -webkit-box-shadow: 3px 3px 4px #959494;
4088 .acpopupitem.selected {
4090 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4091 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4092 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4093 background-color: #1873a2;
4099 filter: alpha(opacity=0);
4106 filter: alpha(opacity=100);
4110 background: #000000;
4113 /* Pages profile widget ----------------------------------------------------------- */
4116 #profile-page-list {
4120 #page-profile .title {
4124 #profile-vcard-break {
4128 #profile-extra-links {
4133 #profile-extra-links ul {
4134 list-style-type: none;
4139 #profile-extra-links li {
4143 .profile-edit-side-div {
4147 .profile-edit-side-link {
4149 filter:alpha(opacity=30);
4151 .profile-edit-side-link:hover {
4153 filter:alpha(opacity=100);
4157 ----------------------------------------------------------- */
4166 text-decoration: none;
4170 /* New posts and comments => background color
4171 ----------------------------------------------------------- */
4173 background: #fbfde9;
4176 div.wall-item-content-wrapper.shiny {
4177 background-image: url("images/shiny.png");
4178 background-repeat: repeat-x;
4184 #profile-nolocation,
4192 #profile-upload-wrapper,
4193 #wall-image-upload-div,
4194 #wall-file-upload-div,
4202 background: url("images/dot.png") repeat-x scroll left center transparent;
4203 border: medium none;
4210 filter:alpha(opacity=50);
4214 .filesavetags:hover,
4215 .categorytags:hover {
4216 opacity: 1.0 !important;
4217 filter:alpha(opacity=100) !important;
4222 filter:alpha(opacity=10);
4230 filter:alpha(opacity=100);
4234 display: block; width: 16px; height: 16px;
4235 background-image: url('images/file.gif');
4238 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4239 [class^="comment-edit-bb"] {
4242 margin: 0px 0 -5px 0px;
4275 #nav-notifications-template {}
4276 #categories-sidebar {}
4294 .fc-border-separate,
4297 div #datebrowse-sidebar.widget {
4308 margin-bottom: 10px;
4309 /*background: url("images/down.png") no-repeat scroll left center transparent;*/
4317 margin:10px 10px 0 0;
4322 #id_post_profilechange,
4331 #id_allow_location {
4341 #settings-activity-desc,
4342 #settings-notify-desc {
4343 margin:10px 10px 10px 0;
4347 #settings-notifications {
4348 border: 1px solid #7C7D7B;
4350 -moz-border-radius: 5px;
4351 -webkit-border-radius: 5px;
4357 #posted-date-selector {
4361 #hide-comments-page-widget {
4365 #collapsed-comments-page-widget {}
4378 #remote-friends-in-common {}