5 Created by Anne Walk and Devlon Duthie on 2011-09-24.
6 Based loosely on the Dipsy theme.
11 Red link hover - #db0503
12 Red Gradients (buttons and other gradients) - #b20202 and #d60808
13 Grey/body text - #626262
14 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
15 Dark Grey Gradients - #7c7d7b and #555753
17 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
25 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
27 font-size-adjust: none;
33 background: url("back-gradient.jpg") repeat-x scroll left top #F2F2F2;
38 img { border: 0 none; max-width: 550px; }
40 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
41 a:hover { color: #db0503; padding-bottom: 0px;}
65 /* font-variant:small-caps; */
72 .required { display: inline; color: #b20202; }
73 .fakelink { color: #b20202; cursor: pointer; }
74 .fakelink :hover { color: #db0503; }
75 .heart { color: #FF0000; font-size: 100%; }
79 border: 2px solid #b0b0b0;
82 -webkit-border-radius: 3px 3px 3px 3px;
83 -moz-border-radius: 3px 3px 3px 3px;
84 border-radius: 3px 3px 3px 3px;
88 margin: 10px 2px 5px 2px;
92 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
93 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
94 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
95 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
96 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
97 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
98 background-color:#bdbdbd;
99 -moz-border-radius:5px;
100 -webkit-border-radius:5px;
106 input[type=submit]:hover {
108 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
109 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
110 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
111 background-color:#b20202;
114 input[type=submit]:active {
119 .smalltext { font-size: 0.7em }
121 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
122 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
129 margin: 20px 0px 30px 10%;
135 border: 1px solid #dddddd;
136 -moz-box-shadow: 3px 3px 6px #959494;
137 -webkit-box-shadow: 3px 3px 6px #959494;
138 box-shadow: 3px 3px 6px #959494;
139 background-color: #efefef;
145 background-color: #efefef;
146 border: 2px solid #dddddd;
147 -moz-box-shadow: 3px 3px 4px #959494;
148 -webkit-box-shadow: 3px 3px 4px #959494;
149 box-shadow: 3px 3px 4px #959494;
159 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
160 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
161 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
162 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
163 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
164 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
165 background-color:#bdbdbd;
166 -moz-border-radius:5px;
167 -webkit-border-radius:5px;
175 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
176 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
177 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
178 background-color:#b20202;
195 #login-name-wrapper {
196 vertical-align: middle;
200 #login-name-wrapper input {
205 #login-password-wrapper {
206 vertical-align: middle;
215 #login-extra-links a {
218 padding: 5px 0px 5px 0px;
223 #login-extra-filler {
234 -webkit-border-radius: 5px ;
235 -moz-border-radius: 5px;
237 border: 1px solid #494948;
238 background-color: #2e3436;
243 -moz-box-shadow: 7px 7px 12px #434343;
244 -webkit-box-shadow: 7px75px 12px #434343;
245 box-shadow: 7px 7px 10px #434343;
263 .pager span { padding: 4px; margin:4px; }
264 .pager_current { background-color: #b20202; color: #ffffff; }
278 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
279 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
280 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
281 background-color:#7c7d7b;
282 border-bottom: 1px solid #494948;
284 nav a { text-decoration: none; color: #eeeeec; border:0px;}
285 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
294 nav #banner #logo-text a {
309 vertical-align: middle;
310 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
311 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
312 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
313 background-color:#a2a2a2;
314 -moz-border-radius:5px;
315 -webkit-border-radius:5px;
317 border: 1px solid #9A9A9A;
319 text-decoration:none;
323 nav #user-menu-label::after {
324 content: url("menu-user-pin.png") no-repeat;
328 nav #user-menu-label {
329 vertical-align: middle;
338 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
339 background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
340 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
341 background-color:#898988;
348 border: 1px solid #9a9a9a;
350 -webkit-border-radius: 0px 0px 5px 5px;
351 -moz-border-radius: 0px 0px 5px 5px;
352 border-radius: 0px 0px 5px 5px;
353 -moz-box-shadow: 5px 5px 10px #242424;
354 -webkit-box-shadow: 5px 5px 10px #242424;
355 box-shadow: 5px 5px 10px #242424;
359 ul#user-menu-popup li { display: block; }
360 ul#user-menu-popup li a { display: block; padding: 5px; }
361 ul#user-menu-popup li a:hover {
363 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
364 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
365 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
366 background-color:#d60808;
369 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
383 background: transparent url('notifications.png') 0px 0px no-repeat;
392 #notify-update { background-position: 0px -168px; }
393 #net-update { background-position: 0px -126px }
394 #mail-update { background-position: 0px -40px; }
395 #intro-update { background-position: 0px -84px; }
396 #home-update { background-position: 0px 0px; }
411 /* =================== */
412 /* = System Messages = */
413 /* =================== */
415 #sysmsg_info, #sysmsg {
417 bottom: 0px; right:20%;
418 -moz-box-shadow: 7px 7px 12px #434343;
419 -webkit-box-shadow: 7px75px 12px #434343;
420 box-shadow: 7px 7px 10px #434343;
422 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
423 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
424 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
425 background-color:#b20202;
426 -webkit-border-radius: 5px 5px 0px 0px;
427 -moz-border-radius: 5px 5px 0px 0px;
428 border-radius: 5px 5px 0px 0px;
429 border: 1px solid #da2c2c;
431 padding-bottom: 50px;
441 border-top: 1px solid #dddddd;
444 /* ================= */
445 /* = Aside/Sidebar = */
446 /* ================= */
465 /* font-variant:small-caps; */
470 font-variant: normal;
471 -webkit-margin-start: 10px;
481 .vcard #profile-photo-wrapper {
485 background-color: #f3f3f3;
486 border: 1px solid #dddddd;
487 -moz-box-shadow: 3px 3px 4px #959494;
488 -webkit-box-shadow: 3px 3px 4px #959494;
489 box-shadow: 3px 3px 4px #959494;
492 aside h4 { font-size: 1.3em; }
498 /* font-variant:small-caps; */
502 padding-bottom: 10px;
505 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
508 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
509 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
510 box-shadow:inset 0px 1px 0px 0px #a65151;
511 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
512 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
513 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
514 background-color:#d60808;
515 -moz-border-radius:5px;
516 -webkit-border-radius:5px;
518 border:1px solid #fc5656;
519 display:inline-block;
521 font-family:Trebuchet MS;
527 text-decoration:none;
528 text-shadow:1px 1px 0px #b36f6f;
531 #dfrn-request-link:hover {
532 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
533 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
534 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
535 background-color:#b20202;
538 #dfrn-request-link:active {
543 #dfrn-request-intro {
548 background-color: #f6f6f6;
549 padding: 10px 8px 10px 8px;
551 #netsearch-box input[type="text"] {
554 #netsearch-box input[type="submit"] {
559 content: url("search.png");
561 vertical-align: middle;
565 background-color: #f3f3f3;
566 border: 1px solid #cdcdcd;
568 -webkit-border-radius: 5px 5px 5px 5px;
569 -moz-border-radius: 5px 5px 5px 5px;
570 border-radius: 5px 5px 5px 5px;
574 vertical-align: middle;
577 padding-bottom: 10px;
580 #sidebar-group-list {
585 #sidebar-group-list > a{
586 padding-bottom: 10px;
591 -moz-box-shadow: 1px 2px 6px 0px #959494;
592 -webkit-box-shadow: 1px 2px 6px 0px #959494;
593 box-shadow: 1px 2px 6px 0px #959494;
594 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
595 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
596 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
597 background-color:#f8f8f8;
598 -moz-border-radius:5px;
599 -webkit-border-radius:5px;
601 border:1px solid #eee;
603 text-shadow:-1px 0px 0px #bdbdbd;
604 border: 1px solid #cdcdcd;
612 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
613 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
614 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
615 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
616 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
617 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
618 background-color:#bdbdbd;
619 -moz-border-radius:5px;
620 -webkit-border-radius:5px;
622 display:inline-block;
624 text-decoration:none;
629 #sidebar-new-group:hover {
630 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
631 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
632 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
633 background-color:#b20202;
636 #sidebar-new-group:active {
641 .group-selected, .nets-selected {
645 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
646 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
647 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
648 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
649 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
650 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
651 background-color:#bdbdbd;
652 -moz-border-radius:5px;
653 -webkit-border-radius:5px;
655 display:inline-block;
657 text-decoration:none;
660 #sidebar-new-group a {
667 ul .sidebar-group-li{
673 ul .sidebar-group-li .icon{
674 display: inline-block;
681 list-style-type: none;
697 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
698 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
699 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
700 background-color:#f0edf0;
701 -moz-border-radius:5px 5px 0px 0px;
702 -webkit-border-radius:5px 5px 0px 0px;
703 border-radius:5px 5px 0px 0px;
704 border:1px solid #e2e2e2;
705 border-bottom: 1px solid #cdcdcd;
708 vertical-align: baseline;
710 text-shadow:-1px 0px 0px #bdbdbd;
713 #group-sidebar h3:before{
714 content: url("groups.png");
716 vertical-align: middle;
721 padding-bottom: 20px;
729 .saved-search-li .icon {
733 .birthday-today, .event-today {
737 #birthday-wrapper, #event-wrapper {
747 /* ================== */
748 /* = Contacts Block = */
749 /* ================== */
760 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
761 #contact-block-end { clear: both; }
767 #profile-jot-text_tbl { margin-bottom: 10px; }
768 #profile-jot-text_ifr { width: 99.9%!important }
769 #profile-jot-submit-wrapper {
779 border: 1px solid #ffffff;
782 #jot-title::-webkit-input-placeholder{font-weight: normal;}
783 #jot-title:-moz-placeholder{font-weight: normal;}
788 border: 1px solid #cccccc;
795 #profile-jot-perms, #profile-jot-submit, #jot-preview-link {
798 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
799 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
800 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
801 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
802 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
803 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
804 background-color:#bdbdbd;
805 -moz-border-radius:5px;
806 -webkit-border-radius:5px;
808 display:inline-block;
810 text-decoration:none;
821 #jot-perms-perms .icon {
825 #profile-jot-submit {
833 #profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
834 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
835 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
836 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
837 background-color:#b20202;
839 #profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
845 position: absolute: right: 100px; top:100px;
847 #profile-rotator-wrapper {
855 #profile-jot-tools-end,
856 #profile-jot-banner-end { clear: both; }
858 #profile-jot-email-wrapper {
859 margin: 10px 10% 0px 10%;
860 border: 1px solid #eeeeee;
863 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
864 #profile-jot-email { margin: 5px; width: 98%; }
866 #profile-jot-networks {
868 border: 1px solid #eeeeee;
873 #profile-jot-acl-wrapper {
875 border: 1px solid #eeeeee;
877 display:block!important;
879 #group_allow_wrapper,
881 #acl-permit-outer-wrapper { width: 47%; float: left; }
883 #contact_allow_wrapper,
884 #contact_deny_wrapper,
885 #acl-deny-outer-wrapper { width: 47%; float: right; }
887 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
888 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
889 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
891 #acl-permit-text-end,
892 #acl-deny-text-end { clear: both; }
893 #profile-jot-wrapper {
898 profile-jot-banner-wrapper {
915 border-bottom: 1px solid #efefef;
918 .tabs li { display: inline;}
921 padding: 5px 10px 5px 10px;
922 display: inline-block;
929 padding: 5px 10px 5px 10px;
936 .wall-item-outside-wrapper {
938 border-bottom: 1px solid #dedede;
942 /* overflow: hidden; */
945 .wall-item-outside-wrapper-end { clear: both;}
946 .wall-item-content-wrapper { position: relative; max-width: 100%; }
947 .wall-item-photo-menu { display: none;}
948 .wall-item-photo-menu-button {
950 text-indent: -99999px;
951 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
954 height: 20px; width: 90px;
955 top: 85px; left: -1px;
956 -webkit-border-radius: 0px 0px 5px 5px;
957 -moz-border-radius: 0px 0px 5px 5px;
958 border-radius: 0px 0px 5px 5px;
961 .wall-item-info { float: left; width: 140px; }
962 .wall-item-photo-wrapper {
963 width: 80px; height: 80px;
968 filter: alpha(opacity=60);
970 -webkit-transition: all 0.25s ease-in-out;
971 -moz-transition: all 0.25s ease-in-out;
972 -o-transition: all 0.25s ease-in-out;
973 -ms-transition: all 0.25s ease-in-out;
974 transition: all 0.25s ease-in-out;
980 .wall-item-tools:hover {
981 filter: alpha(opacity=100);
983 -webkit-transition: all 0.25s ease-in-out;
984 -moz-transition: all 0.25s ease-in-out;
985 -o-transition: all 0.25s ease-in-out;
986 -ms-transition: all 0.25s ease-in-out;
987 transition: all 0.25s ease-in-out;
991 .wall-item-outside-wrapper.comment .wall-item-tools {
992 margin: 5px 5px 10px 70px;
996 .wall-item-like-buttons {
1000 .wall-item-like-buttons a.icon {
1005 .wall-item-links-wrapper {
1009 .wall-item-delete-wrapper {
1012 .wall-item-links-wrapper a.icon {
1031 .wall-item-title { font-size: 1.2em; font-weight: bold;}
1034 padding-right: 10px;
1038 .wall-item-body img { max-width: 100%; height: auto; }
1043 .wall-item-lock-wrapper { float: right; }
1049 margin: 4px 0px 0px 140px;
1051 /* font-variant:small-caps; */
1054 .wall-item-author a {
1058 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
1059 .wall-item-wrapper-end { clear:both; }
1060 .wall-item-location {
1064 text-overflow: ellipsis;
1065 -o-text-overflow: ellipsis;
1068 .wall-item-location .icon { float: left; }
1069 .wall-item-location > a {
1073 /* font-variant:small-caps; */
1077 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
1078 .wall-item-location > br { display: none; }
1082 /* font-variant:small-caps; */
1096 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1097 .wallwall .wall-item-photo-end { clear: both; }
1098 .wall-item-arrowphoto-wrapper {
1105 .wall-item-photo-menu {
1109 background: #eeeeee;
1110 border-right: 1px solid #dddddd;
1111 border-left: 1px solid #dddddd;
1112 border-bottom: 1px solid #dddddd;
1114 left: -2px; top: 101px;
1117 -webkit-border-radius: 0px 5px 5px 5px;
1118 -moz-border-radius: 0px 5px 5px 5px;
1119 border-radius: 0px 5px 5px 5px;
1120 -moz-box-shadow: 3px 3px 4px #959494;
1121 -webkit-box-shadow: 3px 3px 4px #959494;
1122 box-shadow: 3px 3px 4px #959494;
1125 .wall-item-photo-menu-button {
1126 border-right: 1px solid #dddddd;
1127 border-left: 1px solid #dddddd;
1128 border-bottom: 1px solid #dddddd;
1129 -moz-box-shadow: 3px 3px 4px #959494;
1130 -webkit-box-shadow: 3px 3px 4px #959494;
1131 box-shadow: 3px 3px 4px #959494;
1134 .fakelink wall-item-photo-menu-button {
1135 -webkit-border-radius: 0px 5px 5px 5px;
1136 -moz-border-radius: 0px 5px 5px 5px;
1137 border-radius: 0px 5px 5px 5px;
1138 -moz-box-shadow: 3px 3px 4px #959494;
1139 -webkit-box-shadow: 3px 3px 4px #959494;
1140 box-shadow: 3px 3px 4px #959494;
1143 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1144 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1145 .wall-item-photo-menu li a:hover {
1147 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1148 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1149 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1150 background-color:#b20202;
1155 .icon.drophide { float: left; }
1156 #item-delete-selected { overflow: auto; width: 100%;}
1163 .ccollapse-wrapper {
1167 /* font-variant:small-caps; */
1170 .wall-item-outside-wrapper.comment { margin-left: 70px; }
1171 .wall-item-outside-wrapper.comment .wall-item-photo {
1172 width: 40px!important;
1173 height: 40px!important;
1176 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1177 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1180 background-position: 35px center;
1182 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1183 .wall-item-outside-wrapper.comment .wall-item-body {
1186 padding-right: 10px;
1190 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1192 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1196 .icollapse-wrapper {
1199 /* font-variant:small-caps; */
1202 .comment-wwedit-wrapper,
1203 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1204 .comment-wwedit-wrapper img,
1205 .comment-edit-wrapper img { width: 20px; height: 20px; }
1206 .comment-edit-photo-link { float: left; width: 40px;}
1207 .comment-edit-text-empty {
1212 -webkit-transition: all 0.5s ease-in-out;
1213 -moz-transition: all 0.5s ease-in-out;
1214 -o-transition: all 0.5s ease-in-out;
1215 -ms-transition: all 0.5s ease-in-out;
1216 transition: all 0.5s ease-in-out;
1218 .comment-edit-text-empty:hover { color: #999999;}
1219 .comment-edit-text-full { width: 80%; height: 6em;
1220 -webkit-transition: all 0.5s ease-in-out;
1221 -moz-transition: all 0.5s ease-in-out;
1222 -o-transition: all 0.5s ease-in-out;
1223 -ms-transition: all 0.5s ease-in-out;
1224 transition: all 0.5s ease-in-out;
1226 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1227 .comment-edit-submit {
1229 background-color: #a2a2a2;
1231 -webkit-border-radius: 5px;
1232 -moz-border-radius: 5px;
1237 .comment-edit-submit:hover {
1238 background-color: #b20202;
1241 .comment-edit-submit:active {
1242 background-color: #b20202;
1245 #item-delete-selected-desc {
1249 .wall-item-body code {
1250 font-family: Courier, monospace;
1254 border: 1px solid #cccccc;
1255 border-width: 1px 1px 1px 10px;
1264 .advanced-profile-content {
1266 margin-bottom: 10px;
1271 .advanced-profile-label {
1274 padding-bottom: 5px;
1276 /* font-variant:small-caps; */
1279 div[id$="wrapper"] { height: 100%;}
1280 div[id$="wrapper"] br { clear: left; }
1281 #advanced-profile-with { margin-left: 20px;}
1283 #profile-listing-desc {
1286 padding: 5px 10px 5px 10px;
1290 display:inline-block;
1295 #profile-listing-new-link-wrapper {
1301 padding: 5px 10px 5px 10px;
1306 .profile-listing-name {
1308 /* font-variant: small-caps;*/
1310 .profile-listing-name a {
1314 #profile-edit-links li {
1319 background-color: #a2a2a2;
1321 padding: 5px 10px 5px 10px;
1324 -webkit-border-radius: 5px 5px 5px 5px;
1325 -moz-border-radius: 5px 5px 5px 5px;
1326 border-radius: 5px 5px 5px 5px;
1329 #profile-edit-links li a {
1333 #profile-edit-links li:hover {
1334 background-color: #b20202;
1337 #profile-edit-links li:active {
1338 background-color: #b20202;
1341 .profile-edit-side-div {
1347 #cropimage-wrapper { float:left; }
1348 #crop-image-form { clear:both; }
1350 .profile-match-name a{
1352 /* font-variant: small-caps; */
1356 .profile-match-name a:hover {
1360 .profile-match-wrapper {
1365 background-color: #f6f6f6;
1366 border: 1px solid #dddddd;
1367 -moz-box-shadow: 3px 3px 4px #959494;
1368 -webkit-box-shadow: 3px 3px 4px #959494;
1369 box-shadow: 3px 3px 4px #959494;
1373 .profile-match-end {
1377 .profile-match-photo {
1391 #side-bar-photos-albums h3:before {
1392 content: url("photography.png");
1393 padding-right: 10px;
1394 vertical-align: middle;
1397 #side-bar-photos-albums li {
1409 background-color: #a2a2a2;
1411 padding: 5px 10px 5px 10px;
1414 -webkit-border-radius: 5px 5px 5px 5px;
1415 -moz-border-radius: 5px 5px 5px 5px;
1416 border-radius: 5px 5px 5px 5px;
1418 #photo-top-links a {
1422 #photo-top-links:hover {
1423 background-color: #b20202;
1426 #photo-top-links:active {
1427 background-color: #b20202;
1430 .photo-album-image-wrapper {
1432 margin: 0px 10px 10px 0px;
1433 padding-bottom: 30px;
1437 .photo-top-image-wrapper {
1441 margin: 0px 10px 10px 0px;
1442 padding-bottom: 30px;
1446 #photo-album-wrapper-inner {
1454 #photo-photo { max-width: 85%; height: auto; }
1455 #photo-photo img { max-width: 100% }
1457 .photo-top-image-wrapper a:hover,
1458 #photo-photo a:hover,
1459 .photo-album-image-wrapper a:hover {
1464 .photo-album-photo {}
1466 .photo-top-album-name {
1471 font-stretch:semi-expanded;
1472 /* font-variant:small-caps; */
1475 .photo-top-album-name a{
1486 /* font-variant: small-caps; */
1497 /* font-variant:small-caps; */
1501 #photo-photo-end { clear: both; }
1507 background-color: rgba(255,255,255,0.2);
1509 -webkit-transition: all 0.2s ease-in-out;
1510 -moz-transition: all 0.2s ease-in-out;
1511 -o-transition: all 0.2s ease-in-out;
1512 -ms-transition: all 0.2s ease-in-out;
1513 transition: all 0.2s ease-in-out;
1514 background-position: center center;
1515 background-repeat: no-repeat;
1518 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1519 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1522 display: block; width: 100%; height: 100%;
1524 text-indent: -900000px;
1527 #photo-prev-link:hover,
1528 #photo-next-link:hover {
1530 -webkit-transition: all 0.2s ease-in-out;
1531 -moz-transition: all 0.2s ease-in-out;
1532 -o-transition: all 0.2s ease-in-out;
1533 -ms-transition: all 0.2s ease-in-out;
1534 transition: all 0.2s ease-in-out;
1537 #photo-next-link .icon,
1538 #photo-prev-link .icon { display: none }
1540 #photos-upload-spacer,
1541 #photos-upload-new-wrapper,
1542 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1543 #photos-upload-existing-album-text,
1544 #photos-upload-newalbum-div {
1545 background-color: #fff;
1553 #photos-upload-album-select,
1554 #photos-upload-newalbum { width: 400px; }
1556 #photos-upload-perms-menu {
1561 #photos-upload-perms-menu .icon {
1566 border: 2px solid #b0b0b0;
1568 -webkit-border-radius: 3px 3px 3px 3px;
1569 -moz-border-radius: 3px 3px 3px 3px;
1570 border-radius: 3px 3px 3px 3px;
1573 select[size], select[multiple], select[size][multiple] {
1574 -webkit-appearance: listbox;
1578 -webkit-appearance: menulist;
1579 box-sizing: border-box;
1580 -webkit-box-align: center;
1585 -webkit-border-radius: ;
1588 input, textarea, keygen {
1590 letter-spacing: normal;
1591 word-spacing: normal;
1593 text-transform: none;
1596 display: inline-block;
1597 text-align: -webkit-auto;
1601 -moz-border-radius:5px;
1602 -webkit-border-radius:5px;
1610 background-color: #a2a2a2;
1612 padding: 5px 10px 5px 10px;
1615 -webkit-border-radius: 5px 5px 5px 5px;
1616 -moz-border-radius: 5px 5px 5px 5px;
1617 border-radius: 5px 5px 5px 5px;
1620 #album-edit-link a {
1624 #album-edit-link:hover {
1625 background-color: #b20202;
1628 #photo-edit-link-wrap {
1629 margin-bottom: 10px;
1638 input#photo_edit_form {
1643 #photo-edit-perms-menu {
1652 #photo-edit-perms-menu .icon {
1656 #photo-edit-delete-button {
1662 #photo-album-edit-wrapper {
1663 margin-bottom: 10px;
1670 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1675 background-color: #fff;
1676 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1677 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1678 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1681 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1688 background: transparent;
1689 -webkit-transform: skew(-5deg) rotate(-5deg);
1690 -moz-transform: skew(-5deg) rotate(-5deg);
1691 -ms-transform: skew(-5deg) rotate(-5deg);
1692 -o-transform: skew(-5deg) rotate(-5deg);
1693 transform: skew(-5deg) rotate(-5deg);
1694 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1695 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1696 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1700 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1703 -webkit-transform: skew(5deg) rotate(5deg);
1704 -moz-transform: skew(5deg) rotate(5deg);
1705 -ms-transform: skew(5deg) rotate(5deg);
1706 -o-transform: skew(5deg) rotate(5deg);
1707 transform: skew(5deg) rotate(5deg);
1716 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1717 #prvmail-subject .input{
1718 border: none !important ;
1721 #prvmail-subject-label {
1722 /* font-variant:small-caps; */
1729 /* font-variant:small-caps; */
1732 #prvmail-message-label {
1733 /* font-variant:small-caps; */
1737 #prvmail-submit-wrapper { margin-top: 10px; }
1748 #prvmail-submit-wrapper > div {
1753 .mail-list-outside-wrapper {
1760 background-color: #efefef;
1761 border: 2px dotted #eeeeee;
1762 -moz-box-shadow: 3px 3px 4px #959494;
1763 -webkit-box-shadow: 3px 3px 4px #959494;
1764 box-shadow: 3px 3px 4px #959494;
1773 border: 1px solid #dddddd;
1776 .mail-list-sender-name {
1779 /* font-variant:small-caps; */
1788 font-stretch:ultra-condensed;
1789 /* font-variant:small-caps; */
1792 .mail-list-subject {
1796 padding-right: 50px;
1799 .mail-list-subject a {
1803 .mail-list-delete-wrapper { float: right;}
1804 .mail-list-outside-wrapper-end {
1808 .mail-conv-outside-wrapper {
1809 margin-bottom: 10px;
1812 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1813 .mail-conv-sender-photo {
1818 .mail-conv-sender-name { float: left; font-style: bold; }
1819 .mail-conv-date { float: right; }
1820 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1828 padding-bottom: 10px;
1831 vertical-align: middle;
1833 border: 1px solid #dddddd;
1835 .mail-conv-break { display: none; border: none;}
1836 .mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
1840 border: 1px solid #dddddd;
1843 /* ================= */
1844 /* = Notifications = */
1845 /* ================= */
1847 /*#notification-show-hide-wrapper {
1849 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1850 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1851 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1852 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1853 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1854 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1855 background-color:#bdbdbd;
1856 -moz-border-radius:5px;
1857 -webkit-border-radius:5px;
1859 padding: 5px 10px 5px 10px;
1867 #notification-show-hide-wrapper:hover {
1869 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1870 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1871 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1872 background-color:#b20202;
1875 #notification-show-hide-wrapper:active {
1876 background-color: #b20202;
1881 #notification-show-hide-wrapper a {
1890 margin-bottom: 10px;
1893 .view-contact-wrapper,
1894 .contact-entry-wrapper {
1897 margin-bottom: 20px;
1903 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1904 .contact-entry-edit-links { position: absolute; top: 60px; }
1905 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1907 .contact-entry-name {
1913 /* font-variant:small-caps; */
1918 .contact-entry-photo {
1922 .contact-entry-edit-links .icon {
1923 border: 1px solid #babdb6;
1924 -webkit-border-radius: 3px;
1925 -moz-border-radius: 3px;
1927 background-color: #ffffff;
1930 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
1933 #contact-edit-update-now {
1938 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1939 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1940 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1941 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1942 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1943 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1944 background-color:#bdbdbd;
1945 -moz-border-radius:5px;
1946 -webkit-border-radius:5px;
1948 display:inline-block;
1950 text-decoration:none;
1954 #contact-edit-update-now:hover {
1955 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1956 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1957 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1958 background-color:#b20202;
1961 #contact-edit-update-now:active {
1966 #contact-edit-update-now a {
1974 .contact-photo-menu-button {
1976 background-image: url("photo-menu.jpg");
1977 background-position: top left;
1978 background-repeat: no-repeat;
1979 margin: 0px; padding: 0px;
1982 top: 64px; left:0px;
1988 .contact-photo-menu {
1990 border: 1px solid #ddd;
1991 background: #f1f1f1;
1993 left: 0px; top: 90px;
1996 -moz-box-shadow: 3px 3px 5px #888;
1997 -webkit-box-shadow: 3px 3px 5px #888;
1998 box-shadow: 3px 3px 5px #888;
2001 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2002 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2003 .contact-photo-menu li a:hover {
2005 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2006 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2007 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2008 background-color:#b20202;
2009 text-decoration: none;
2012 .view-contact-name {
2013 /* font-variant: small-caps; */
2017 background-color: #efefef;
2023 margin-bottom: 20px;
2026 #follow-sidebar h3:before {
2027 content: url("user.png");
2028 padding-right: 10px;
2029 vertical-align: middle;
2032 #follow-sidebar input[type="text"] {
2034 margin-bottom: 10px;
2037 #side-follow-submit {
2045 margin-bottom: 20px;
2046 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2047 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2048 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2049 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2050 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2051 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2052 background-color:#bdbdbd;
2053 -moz-border-radius:5px;
2054 -webkit-border-radius:5px;
2056 padding: 5px 10px 5px 10px;
2062 #side-match-link:hover {
2064 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2065 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2066 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2067 background-color:#b20202;
2070 #side-match-link:active {
2071 background-color: #b20202;
2076 #side-match-link a {
2084 margin-bottom: 20px;
2085 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2086 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2087 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2088 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2089 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2090 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2091 background-color:#bdbdbd;
2092 -moz-border-radius:5px;
2093 -webkit-border-radius:5px;
2095 padding: 5px 10px 5px 10px;
2101 #side-invite-link:hover {
2103 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2104 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2105 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2106 background-color:#b20202;
2110 #side-invite-link:active {
2111 background-color: #b20202;
2116 #side-invite-link a {
2120 #side-suggest-link {
2124 margin-bottom: 20px;
2125 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2126 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2127 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2128 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2129 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2130 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2131 background-color:#bdbdbd;
2132 -moz-border-radius:5px;
2133 -webkit-border-radius:5px;
2135 padding: 5px 10px 5px 10px;
2141 #side-suggest-link:hover {
2143 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2144 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2145 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2146 background-color:#b20202;
2150 #side-suggest-link:active {
2151 background-color: #b20202;
2156 #side-suggest-link a {
2160 #invite-message, #invite-recipients, #invite-recipient-text {
2164 #side-follow-wrapper {
2167 font-stretch:semi-expanded;
2168 background-color: #f3f3f3;
2169 border: 1px solid #cdcdcd;
2172 -webkit-border-radius: 5px 5px 5px 5px;
2173 -moz-border-radius: 5px 5px 5px 5px;
2174 border-radius: 5px 5px 5px 5px;
2177 #side-follow-wrapper label{
2179 font-variant: normal;
2187 margin-bottom: 20px;
2188 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2189 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2190 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2191 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2192 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2193 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2194 background-color:#bdbdbd;
2195 -moz-border-radius:5px;
2196 -webkit-border-radius:5px;
2198 padding: 5px 10px 5px 10px;
2204 #contact-suggest:hover {
2206 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2207 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2208 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2209 background-color:#b20202;
2212 #contact-suggest:active {
2213 background-color: #b20202;
2218 #contact-suggest a {
2234 /* ===================================== */
2235 /* = Register, Settings, Profile Forms = */
2236 /* ===================================== */
2239 background: url(login-bg.gif) no-repeat;
2240 background-position: 0 50%;
2242 width: 384px!important;
2245 #profile-tabs-wrapper {
2249 #profile-tab-status-link {
2251 padding: 5px 10px 5px 10px;
2259 #profile-tab-profile-link {
2261 padding: 5px 10px 5px 10px;
2266 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2267 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2268 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2269 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2270 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2271 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2272 background-color:#7c7d7b;
2273 -moz-border-radius:5px;
2274 -webkit-border-radius:5px;
2276 padding: 5px 10px 5px 10px;
2277 margin-bottom: 10px;
2280 #uexport-link:hover {
2282 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2283 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2284 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2285 background-color:#555753;
2288 #uexport-link:active {
2290 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2291 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2292 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2293 background-color:#b20202;
2298 #settings-default-perms {
2301 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2302 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2303 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2304 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2305 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2306 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2307 background-color:#7c7d7b;
2308 -moz-border-radius:5px;
2309 -webkit-border-radius:5px;
2311 padding: 5px 10px 5px 10px;
2312 margin-bottom: 10px;
2315 #settings-default-perms .fakelink {
2319 #settings-default-perms:hover {
2321 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2322 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2323 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2324 background-color:#555753;
2327 #settings-default-perms:active {
2329 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2330 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2331 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2332 background-color:#b20202;
2337 #settings-nickname-desc {
2339 background-color: #efefef;
2340 margin-bottom: 10px;
2341 -webkit-border-radius: 5px;
2342 -moz-border-radius: 5px;
2347 #register-form div {
2351 #profile-edit-form div {
2355 #profile-edit-form div[id$='desc'] {
2360 #register-form label,
2361 #profile-edit-form label {
2362 width: 300px; float: left;
2365 /* #register-form span,
2366 #profile-edit-form span { */
2367 #register-form span {
2370 margin-bottom: 20px;
2373 .settings-submit-wrapper,
2374 .profile-edit-submit-wrapper { margin: 30px 0px;}
2375 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2377 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2380 #register-sitename { display: inline; font-weight: bold;}
2382 /* ===================== */
2383 /* = Contacts Selector = */
2384 /* ===================== */
2386 #group-edit-wrapper {
2387 margin-bottom: 10px;
2390 #group-edit-name-wrapper {
2394 #group-edit-submit-wrapper {
2395 margin-bottom: 10px;
2396 margin-right: 400px;
2401 .group-delete-wrapper {
2405 margin-bottom: 10px;
2406 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2407 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2408 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2409 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2410 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2411 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2412 background-color:#bdbdbd;
2413 -moz-border-radius:5px;
2414 -webkit-border-radius:5px;
2415 border-radius:5px;*/
2418 .group-delete-wrapper:hover {
2419 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2420 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2421 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2422 background-color:#b20202;
2425 .group-delete-wrapper:active {
2426 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2427 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2428 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2429 background-color:#b20202;
2432 .group-delete-wrapper a {
2437 #group-edit-desc { margin: 10px 0xp; }
2438 #group-new-text {font-size: 1.1em;}
2445 background-color: #f0edf0;
2447 border: 1px solid #ccc;
2448 margin-bottom: 10px;
2452 #group-all-contacts,
2453 #prof-all-contacts {
2457 border: 1px solid #ccc;
2458 background-color: #f0edf0;
2463 #group-all-contacts h3,
2465 #prof-all-contacts h3{
2472 #prof-separator { display: none;}
2478 .clear { clear: both; }
2491 margin-bottom: 10px;
2492 background-color: #fff;
2493 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2494 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2495 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2498 .vevent:before, .vevent:after {
2505 background: transparent;
2506 -webkit-transform: skew(-5deg) rotate(-5deg);
2507 -moz-transform: skew(-5deg) rotate(-5deg);
2508 -ms-transform: skew(-5deg) rotate(-5deg);
2509 -o-transform: skew(-5deg) rotate(-5deg);
2510 transform: skew(-5deg) rotate(-5deg);
2511 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2512 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2513 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2520 -webkit-transform: skew(5deg) rotate(5deg);
2521 -moz-transform: skew(5deg) rotate(5deg);
2522 -ms-transform: skew(5deg) rotate(5deg);
2523 -o-transform: skew(5deg) rotate(5deg);
2524 transform: skew(5deg) rotate(5deg);
2527 .vevent .event-description {
2535 .vevent .event-location{
2539 font-style: oblique;
2544 .vevent .event-start, .vevent .event-end {
2550 /* font-variant: small-caps; */
2557 margin-bottom: 10px;
2558 margin-left: 170px; ;
2559 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2560 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2561 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2562 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2563 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2564 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2565 background-color:#bdbdbd;
2566 -moz-border-radius:5px;
2567 -webkit-border-radius:5px;
2572 #new-event-link:hover {
2574 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2575 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2576 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2577 background-color:#b20202;
2580 #new-event-link:active {
2581 background-color: #b20202;
2591 .edit-event-link, .plink-event-link {
2595 margin-bottom: 15px;
2598 .event-description:before {
2599 content: url('calendar.png');
2601 vertical-align: middle;
2604 .event-start, .event-end {
2609 .event-start .dtstart, .event-end .dtend {
2615 margin-bottom: 10px;
2616 /* font-variant:small-caps; */
2617 font-stretch:condensed;
2620 .prevcal, .nextcal {
2627 .event-calendar-end {
2633 font-family: Helvetica, Arial, sans-serif;
2634 background-color: #f1f1f1;
2635 border: 1px solid #dedede;
2636 margin-bottom: 10px;
2637 -moz-box-shadow: 5px 5px 8px #959494;
2638 -webkit-box-shadow: 5px 5px 8px #959494;
2639 box-shadow: 5px 5px 8px #959494;
2643 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2644 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2645 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2646 background-color: #b20202;
2647 padding: 10px 0px 10px 0px;
2652 /* font-variant:small-caps; */
2653 -moz-box-shadow: 5px 2px 8px #959494;
2654 -webkit-box-shadow: 5px 2px 8px #959494;
2655 box-shadow: 5px 2px 8px #959494;
2659 border: 1px solid #eeeeee;
2669 background-color: #cdcdcd;
2681 background-color: #b20202;
2686 #event-finish-text {
2691 #event-nofinish-checkbox,
2692 #event-nofinish-text,
2693 #event-adjust-checkbox,
2695 #event-share-checkbox {
2699 #event-datetime-break {
2700 margin-bottom: 10px;
2703 #event-nofinish-break,
2704 #event-adjust-break,
2705 #event-share-break {
2710 #event-location-text {
2725 margin: 50px 50px 0px 0px;
2728 .directory-details {
2730 /* font-variant: small-caps; */
2736 /* font-variant: small-caps; */
2752 background-color: #FF0000;
2757 border: 0px; padding: 0px;
2761 list-style-position: inside;
2771 padding-bottom: 2px;
2772 border-bottom: 1px solid black;
2785 border-bottom: 1px solid #898989;
2790 #adminpage .submit {
2794 #adminpage #pluginslist {
2795 margin: 0px; padding: 0px;
2798 #adminpage .plugin {
2801 border: 1px solid #888888;
2807 #adminpage .toggleplugin {
2812 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2813 #adminpage table th { text-align: left;}
2814 #adminpage td .icon { float: left;}
2815 #adminpage table#users img { width: 16px; height: 16px; }
2816 #adminpage table tr:hover { background-color: #eeeeee; }
2817 #adminpage .selectall { text-align: right; }
2819 /* =============== */
2820 /* = Form Fields = */
2821 /* =============== */
2825 padding-bottom: 10px;
2839 .field textarea { height: 100px; }
2852 border:1px solid #c1c1c1;
2853 background-image:url("../../../images/onoff.jpg");
2854 background-repeat: no-repeat;
2855 padding: 4px 2px 2px 2px;
2857 text-decoration: none;
2859 .field .onoff .off {
2860 border-color:#c1c1c1;
2862 background-position: left center;
2863 background-color: #cccccc;
2869 border-color:#c1c1c1;
2870 padding-right: 40px;
2871 background-position: right center;
2872 background-color: #b20202;
2877 .hidden { display: none!important; }
2879 .field.radio .field_help { margin-left: 0px; }
2886 cursor: url('lock.cur'), pointer;
2890 display: block; width: 20px; height: 20px;
2891 background-image: url('icons.png');
2894 background-image: url("star.png");
2898 background-image: url("premium.png");
2903 background-image: url("notify.png");}
2908 border: 1px solid #c1c1c1;
2909 -webkit-border-radius: 3px;
2910 -moz-border-radius: 3px;
2914 .article { background-position: -50px 0px;}
2915 .audio { background-position: -70px 0px;}
2916 .block { background-position: -90px 0px;}
2917 .drop { background-position: -110px 0px;}
2918 .drophide { background-position: -130px 0px;}
2919 .edit { background-position: -150px 0px;}
2920 .camera { background-position: -170px 0px;}
2921 .dislike { background-position: -190px 0px;}
2922 .like { background-position: -210px 0px;}
2923 .link { background-position: -230px 0px;}
2925 .globe { background-position: -50px -20px;}
2926 .noglobe { background-position: -70px -20px;}
2927 .no { background-position: -90px -20px;}
2928 .pause { background-position: -110px -20px;}
2929 .play { background-position: -130px -20px;}
2930 .pencil { background-position: -150px -20px;}
2931 .small-pencil { background-position: -170px -20px;}
2932 .recycle { background-position: -190px -20px;}
2933 .remote-link { background-position: -210px -20px;}
2934 .share { background-position: -230px -20px;}
2936 .tools { background-position: -50px -40px;}
2937 .lock { background-position: -70px -40px;}
2940 background-position: -90px -40px;
2941 background-image: none;
2947 background-image: url(icons.png);
2950 margin: 2px 0px 2px 3px;
2954 .video { background-position: -110px -40px;}
2955 .youtube { background-position: -130px -40px;}
2957 .attach { background-position: -190px -40px;}
2958 .language { background-position: -210px -40px;}
2961 .on { background-position: -50px -60px;}
2962 .off { background-position: -70px -60px;}
2963 .prev { background-position: -90px -60px;}
2964 .next { background-position: -110px -60px;}
2965 .tagged { background-position: -130px -60px;}
2967 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2970 display: block; width: 20px; height: 23px;
2971 background-image: url('../../../images/content-types.png');
2974 .type-video { background-position: 0px 0px; }
2975 .type-image { background-position: -20px 0px; }
2976 .type-audio { background-position: -40px 0px; }
2977 .type-text { background-position: -60px 0px; }
2978 .type-unkn { background-position: -80px 0px; }
2984 .cc-license { margin-top: 100px; font-size: 0.7em; }
2985 footer { display: block; margin: 50px 20%; clear: both; }
2990 border: 1px solid #cccccc;
2997 #photo-edit-perms-select,
2998 #photos-upload-permissions-wrapper,
2999 #profile-jot-acl-wrapper{
3000 display:block!important;
3009 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3020 background-color: #cccccc;
3021 background-position: 7px 7px;
3022 background-repeat: no-repeat;
3024 -webkit-border-radius: 5px ;
3025 -moz-border-radius: 5px;
3029 #acl-showall.selected {
3031 background-color: #b20202;
3036 border: 1px solid #cccccc;
3037 background-color: #efefef;
3051 border: 1px solid #cccccc;
3052 background-color: #fff;
3055 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3056 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3057 box-shadow: 2px 2px 3px #c1c1c1;
3071 padding: 2px 0px 1px;
3080 background-color: #898989;
3081 background-position: 3px 3px;
3082 background-repeat: no-repeat;
3084 -webkit-border-radius: 2px ;
3085 -moz-border-radius: 2px;
3090 #acl-wrapper a:hover {
3091 text-decoration: none;
3092 background-color:#b20202;
3095 .acl-button-show.selected {
3097 background-color: #b20202;
3100 .acl-button-hide.selected {
3102 background-color: #a2a2a2;
3105 .acl-list-item.groupshow { border-color: #b20202; }
3106 .acl-list-item.grouphide { border-color: #a2a2a2; }
3108 /* ========================= */
3109 /* = Global Directory Link = */
3110 /* ========================= */
3112 #global-directory-link {
3115 margin-bottom: 10px;
3117 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3118 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3119 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3120 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3121 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3122 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3123 background-color:#bdbdbd;
3124 -moz-border-radius:5px;
3125 -webkit-border-radius:5px;
3131 #global-directory-link:hover {
3133 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3134 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3135 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3136 background-color:#b20202;
3139 #global-directory-link:active {
3140 background-color: #b20202;
3145 #global-directory-link a {
3149 #global-directory-link {
3150 -webkit-padding-start: 0px;
3154 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3155 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3156 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3157 background-color:#b20202;
3159 padding: 5px 10px 5px 10px;
3163 /* notifications popup menu */
3187 #nav-notifications-menu {
3190 overflow-y: scroll;overflow-style:scrollbar;
3191 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3192 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
3193 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3194 background-color:#a2a2a2;
3195 -moz-border-radius:0px 0px 5px 5px;
3196 -webkit-border-radius:0px 0px 5px 5px;
3197 border-radius:0px 0px 5px 5px;
3198 border: 1px solid #9A9A9A;
3200 -moz-box-shadow: 5px 5px 10px #242424;
3201 -webkit-box-shadow: 5px 5px 10px #242424;
3202 box-shadow: 5px 5px 10px #242424;
3205 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
3206 #nav-notifications-menu img { float: left; margin-right: 5px; }
3207 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
3208 #nav-notifications-menu li {
3209 padding: 7px 0px 7px 10px;
3211 border-bottom: 1px solid #626262;
3214 #nav-notifications-menu li:hover {
3215 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3216 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3217 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3218 background-color:#b20202;
3221 #nav-notifications-menu a:hover {
3222 text-decoration: underline;
3226 vertical-align: middle;
3228 padding-bottom: 7px;
3231 .notif-item a:hover {
3238 padding: 7px 7px 0px 0px;
3245 /* autocomplete popup */
3253 background: #eeeeee;
3254 border-right: 1px solid #dddddd;
3255 border-left: 1px solid #dddddd;
3256 border-bottom: 1px solid #dddddd;
3257 -webkit-border-radius: 0px 5px 5px 5px;
3258 -moz-border-radius: 0px 5px 5px 5px;
3259 border-radius: 0px 5px 5px 5px;
3260 -moz-box-shadow: 3px 3px 4px #959494;
3261 -webkit-box-shadow: 3px 3px 4px #959494;
3262 box-shadow: 3px 3px 4px #959494;
3266 color: #2e3436; padding: 4px;
3274 .acpopupitem.selected {
3276 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3277 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3278 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3279 background-color:#b20202;
3285 filter:alpha(opacity=0);
3289 filter:alpha(opacity=100);
3296 /* Pages profile widget */
3297 #page-profile div#profile-page-list{