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.
27 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
29 font-size-adjust: none;
35 /*background: url("back-gradient.jpg") repeat-x scroll left top #F2F2F2;*/
36 background-color: #F2F2F2;
41 img { border: 0 none; max-width: 550px; }
43 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
44 a:hover { color: #db0503; padding-bottom: 0px;}
68 /* font-variant:small-caps; */
75 .required { display: inline; color: #b20202; }
76 .fakelink { color: #b20202; cursor: pointer; }
77 .fakelink :hover { color: #db0503; }
78 .heart { color: #FF0000; font-size: 100%; }
82 border: 2px solid #b0b0b0;
85 -webkit-border-radius: 3px 3px 3px 3px;
86 -moz-border-radius: 3px 3px 3px 3px;
87 border-radius: 3px 3px 3px 3px;
91 margin: 10px 2px 5px 2px;
95 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
96 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
97 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
98 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
99 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
100 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
101 background-color:#bdbdbd;
102 -moz-border-radius:5px;
103 -webkit-border-radius:5px;
109 input[type=submit]:hover {
111 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
112 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
113 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
114 background-color:#b20202;
117 input[type=submit]:active {
122 .smalltext { font-size: 0.7em }
124 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
125 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
130 padding-top: 30px; /*50*/
132 margin: 20px 0px 30px 4%; /*10%*/
138 border: 1px solid #dddddd;
139 -moz-box-shadow: 3px 3px 6px #959494;
140 -webkit-box-shadow: 3px 3px 6px #959494;
141 box-shadow: 3px 3px 6px #959494;
142 background-color: #efefef;
148 background-color: #efefef;
149 border: 2px solid #dddddd;
150 -moz-box-shadow: 3px 3px 4px #959494;
151 -webkit-box-shadow: 3px 3px 4px #959494;
152 box-shadow: 3px 3px 4px #959494;
162 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
163 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
164 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
165 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
166 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
167 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
168 background-color:#bdbdbd;
169 -moz-border-radius:5px;
170 -webkit-border-radius:5px;
178 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
179 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
180 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
181 background-color:#b20202;
198 #login-name-wrapper {
199 vertical-align: middle;
203 #login-name-wrapper input {
208 #login-password-wrapper {
209 vertical-align: middle;
218 #login-extra-links a {
221 padding: 5px 0px 5px 0px;
226 #login-extra-filler {
237 -webkit-border-radius: 5px ;
238 -moz-border-radius: 5px;
240 border: 1px solid #494948;
241 background-color: #2e3436;
246 -moz-box-shadow: 7px 7px 12px #434343;
247 -webkit-box-shadow: 7px75px 12px #434343;
248 box-shadow: 7px 7px 10px #434343;
266 .pager span { padding: 4px; margin:4px; }
267 .pager_current { background-color: #b20202; color: #ffffff; }
281 background: url("nav-bg.png") no-repeat scroll 5px 7px transparent;
282 /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );*/
283 /*background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );*/
284 /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');*/
285 /*background-color:#7c7d7b;*/
288 /*border-bottom: 1px solid #494948;*/
290 nav a { text-decoration: none; color: #eeeeec; border:0px;}
291 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
296 margin-left: -90px; /*10*/
297 margin-top: 10px; /*5*/
300 nav #banner #logo-text a {
309 width: 190px; /*240*/
311 margin-right: 15%; /*20%*/
315 vertical-align: middle;
316 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
317 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
318 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
319 background-color:#a2a2a2;
320 -moz-border-radius:5px;
321 -webkit-border-radius:5px;
323 border: 1px solid #9A9A9A;
325 text-decoration:none;
329 nav #user-menu-label::after {
330 content: url("menu-user-pin.png") no-repeat;
334 nav #user-menu-label {
335 vertical-align: middle;
344 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
345 background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
346 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
347 background-color:#898988;
354 border: 1px solid #9a9a9a;
356 -webkit-border-radius: 0px 0px 5px 5px;
357 -moz-border-radius: 0px 0px 5px 5px;
358 border-radius: 0px 0px 5px 5px;
359 -moz-box-shadow: 5px 5px 10px #242424;
360 -webkit-box-shadow: 5px 5px 10px #242424;
361 box-shadow: 5px 5px 10px #242424;
365 ul#user-menu-popup li { display: block; }
366 ul#user-menu-popup li a { display: block; padding: 5px; }
367 ul#user-menu-popup li a:hover {
369 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
370 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
371 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
372 background-color:#d60808;
375 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
389 background: transparent url('notifications.png') 0px 0px no-repeat;
390 color: #333333; /*efefef*/
398 #notify-update { background-position: 0px -168px; }
399 #net-update { background-position: 0px -126px }
400 #mail-update { background-position: 0px -40px; }
401 #intro-update { background-position: 0px -84px; }
402 #home-update { background-position: 0px 0px; }
407 left: 10px; /*left: 10px*/
417 /* =================== */
418 /* = System Messages = */
419 /* =================== */
421 #sysmsg_info, #sysmsg {
423 bottom: 0px; right:20%;
424 -moz-box-shadow: 7px 7px 12px #434343;
425 -webkit-box-shadow: 7px75px 12px #434343;
426 box-shadow: 7px 7px 10px #434343;
428 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
429 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
430 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
431 background-color:#b20202;
432 -webkit-border-radius: 5px 5px 0px 0px;
433 -moz-border-radius: 5px 5px 0px 0px;
434 border-radius: 5px 5px 0px 0px;
435 border: 1px solid #da2c2c;
437 padding-bottom: 50px;
447 border-top: 1px solid #dddddd;
450 /* ================= */
451 /* = Aside/Sidebar = */
452 /* ================= */
456 margin-right: 5%; /*10%*/
458 width: 200px; /*250*/
459 margin-top: 40px; /*50*/
471 /* font-variant:small-caps; */
476 font-variant: normal;
477 -webkit-margin-start: 10px;
487 .vcard #profile-photo-wrapper {
491 background-color: #f3f3f3;
492 border: 1px solid #dddddd;
493 -moz-box-shadow: 3px 3px 4px #959494;
494 -webkit-box-shadow: 3px 3px 4px #959494;
495 box-shadow: 3px 3px 4px #959494;
496 border-radius: 5px 5px 5px 5px;
499 aside h4 { font-size: 1.3em; }
505 /* font-variant:small-caps; */
509 padding-bottom: 10px;
512 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
515 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
516 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
517 box-shadow:inset 0px 1px 0px 0px #a65151;
518 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
519 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
520 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
521 background-color:#d60808;
522 -moz-border-radius:5px;
523 -webkit-border-radius:5px;
525 border:1px solid #fc5656;
526 display:inline-block;
528 font-family:Trebuchet MS;
534 text-decoration:none;
535 text-shadow:1px 1px 0px #b36f6f;
538 #dfrn-request-link:hover {
539 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
540 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
541 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
542 background-color:#b20202;
545 #dfrn-request-link:active {
550 #dfrn-request-intro {
555 background-color: #f6f6f6;
556 padding: 10px 8px 10px 8px;
558 #netsearch-box input[type="text"] {
561 #netsearch-box input[type="submit"] {
566 content: url("search.png");
568 vertical-align: middle;
572 background-color: #f3f3f3;
573 border: 1px solid #cdcdcd;
575 -webkit-border-radius: 5px 5px 5px 5px;
576 -moz-border-radius: 5px 5px 5px 5px;
577 border-radius: 5px 5px 5px 5px;
581 vertical-align: middle;
584 padding-bottom: 10px;
587 #sidebar-group-list {
592 #sidebar-group-list > a{
593 padding-bottom: 10px;
598 -moz-box-shadow: 1px 2px 6px 0px #959494;
599 -webkit-box-shadow: 1px 2px 6px 0px #959494;
600 box-shadow: 1px 2px 6px 0px #959494;
601 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
602 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
603 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
604 background-color:#f8f8f8;
605 -moz-border-radius:5px;
606 -webkit-border-radius:5px;
608 border:1px solid #eee;
610 /*text-shadow:-1px 0px 0px #bdbdbd;*/
611 border: 1px solid #cdcdcd;
618 margin-left: 10px; /*40*/
619 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
620 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
621 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
622 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
623 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
624 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
625 background-color:#bdbdbd;
626 -moz-border-radius:5px;
627 -webkit-border-radius:5px;
629 display:inline-block;
631 text-decoration:none;
636 #sidebar-new-group:hover {
637 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
638 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
639 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
640 background-color:#b20202;
643 #sidebar-new-group:active {
648 .group-selected, .nets-selected {
652 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
653 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
654 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
655 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
656 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
657 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
658 background-color:#bdbdbd;
659 -moz-border-radius:5px;
660 -webkit-border-radius:5px;
662 display:inline-block;
664 text-decoration:none;
667 #sidebar-new-group a {
674 ul .sidebar-group-li{
680 ul .sidebar-group-li .icon{
681 display: inline-block;
688 list-style-type: none;
704 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
705 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
706 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
707 background-color:#f0edf0;
708 -moz-border-radius:5px 5px 0px 0px;
709 -webkit-border-radius:5px 5px 0px 0px;
710 border-radius:5px 5px 0px 0px;
711 border:1px solid #e2e2e2;
712 border-bottom: 1px solid #cdcdcd;
715 vertical-align: baseline;
717 text-shadow:-1px 0px 0px #bdbdbd;
720 #group-sidebar h3:before{
721 content: url("groups.png");
723 vertical-align: middle;
728 padding-bottom: 20px;
736 .saved-search-li .icon {
740 .birthday-today, .event-today {
744 #birthday-wrapper, #event-wrapper {
754 /* ================== */
755 /* = Contacts Block = */
756 /* ================== */
767 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
768 #contact-block-end { clear: both; }
774 #profile-jot-text_tbl { margin-bottom: 10px; }
775 #profile-jot-text_ifr { width: 99.9%!important }
776 #profile-jot-submit-wrapper {
786 border: 1px solid #ffffff;
789 #jot-title::-webkit-input-placeholder{font-weight: normal;}
790 #jot-title:-moz-placeholder{font-weight: normal;}
795 border: 1px solid #cccccc;
802 #profile-jot-perms, #profile-jot-submit, #jot-preview-link {
805 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
806 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
807 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
808 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
809 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
810 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
811 background-color:#bdbdbd;
812 -moz-border-radius:5px;
813 -webkit-border-radius:5px;
815 display:inline-block;
817 text-decoration:none;
828 #jot-perms-perms .icon {
832 #profile-jot-submit {
840 #profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
841 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
842 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
843 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
844 background-color:#b20202;
846 #profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
852 position: absolute: right: 100px; top:100px;
854 #profile-rotator-wrapper {
862 #profile-jot-tools-end,
863 #profile-jot-banner-end { clear: both; }
865 #profile-jot-email-wrapper {
866 margin: 10px 10% 0px 10%;
867 border: 1px solid #eeeeee;
870 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
871 #profile-jot-email { margin: 5px; width: 98%; }
873 #profile-jot-networks {
875 border: 1px solid #eeeeee;
880 #profile-jot-acl-wrapper {
882 border: 1px solid #eeeeee;
884 display:block!important;
886 #group_allow_wrapper,
888 #acl-permit-outer-wrapper { width: 47%; float: left; }
890 #contact_allow_wrapper,
891 #contact_deny_wrapper,
892 #acl-deny-outer-wrapper { width: 47%; float: right; }
894 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
895 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
896 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
898 #acl-permit-text-end,
899 #acl-deny-text-end { clear: both; }
900 #profile-jot-wrapper {
905 profile-jot-banner-wrapper {
922 border-bottom: 1px solid #efefef;
925 .tabs li { display: inline;}
928 padding: 5px 10px 5px 10px;
929 display: inline-block;
936 padding: 5px 10px 5px 10px;
943 .wall-item-outside-wrapper {
945 border-bottom: 1px solid #dedede;
950 background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;
951 border: 1px solid #CDCDCD;
952 border-radius: 5px 5px 5px 5px;
953 box-shadow: 1px 2px 6px 0 #959494;
956 /*text-shadow: -1px 0 0 #BDBDBD;*/
957 /* Overflow: hidden; */
960 .wall-item-outside-wrapper-end { clear: both;}
961 .wall-item-content-wrapper { position: relative; max-width: 100%; padding-top: 10px; }
962 .wall-item-photo-menu { display: none;}
963 .wall-item-photo-menu-button {
965 text-indent: -99999px;
966 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
969 height: 20px; width: 90px;
970 top: 85px; left: -1px;
971 -webkit-border-radius: 0px 0px 5px 5px;
972 -moz-border-radius: 0px 0px 5px 5px;
973 border-radius: 0px 0px 5px 5px;
976 .wall-item-info { float: left; width: 100px; } /*140*/
977 .wall-item-photo-wrapper {
978 width: 80px; height: 80px;
983 filter: alpha(opacity=60);
985 -webkit-transition: all 0.25s ease-in-out;
986 -moz-transition: all 0.25s ease-in-out;
987 -o-transition: all 0.25s ease-in-out;
988 -ms-transition: all 0.25s ease-in-out;
989 transition: all 0.25s ease-in-out;
990 /*margin-left: 140px;*/
996 .wall-item-tools:hover {
997 filter: alpha(opacity=100);
999 -webkit-transition: all 0.25s ease-in-out;
1000 -moz-transition: all 0.25s ease-in-out;
1001 -o-transition: all 0.25s ease-in-out;
1002 -ms-transition: all 0.25s ease-in-out;
1003 transition: all 0.25s ease-in-out;
1007 .wall-item-outside-wrapper.comment .wall-item-tools {
1008 margin: 5px 5px 0px 70px;
1012 .wall-item-like-buttons {
1016 .wall-item-like-buttons a.icon {
1021 .wall-item-links-wrapper {
1025 .wall-item-delete-wrapper {
1028 .wall-item-links-wrapper a.icon {
1047 .wall-item-title { font-size: 1.2em; font-weight: bold; padding-top: 5px; }
1049 margin-left: 100px; /*140*/
1050 padding-right: 10px;
1052 max-width: 100%; /*85*/
1055 .wall-item-body img { max-width: 100%; height: auto; }
1060 .wall-item-lock-wrapper { float: right; }
1066 margin: 0px 0px 0px 0px; /*140*/
1067 padding-left: 0px; /*10*/
1068 /* font-variant:small-caps; */
1071 .wall-item-author a {
1075 .wall-item-ago { display: inline; padding-left: 0px; color: #898989;} /*10*/
1076 .wall-item-wrapper-end { clear:both; }
1077 .wall-item-location {
1081 text-overflow: ellipsis;
1082 -o-text-overflow: ellipsis;
1085 .wall-item-location .icon { float: left; }
1086 .wall-item-location > a {
1087 margin-left: 0px; /*25*/
1090 /* font-variant:small-caps; */
1094 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
1095 .wall-item-location > br { display: none; }
1099 /* font-variant:small-caps; */
1113 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1114 .wallwall .wall-item-photo-end { clear: both; }
1115 .wall-item-arrowphoto-wrapper {
1122 .wall-item-photo-menu {
1126 background: #eeeeee;
1127 border-right: 1px solid #dddddd;
1128 border-left: 1px solid #dddddd;
1129 border-bottom: 1px solid #dddddd;
1131 left: -2px; top: 101px;
1134 -webkit-border-radius: 0px 5px 5px 5px;
1135 -moz-border-radius: 0px 5px 5px 5px;
1136 border-radius: 0px 5px 5px 5px;
1137 -moz-box-shadow: 3px 3px 4px #959494;
1138 -webkit-box-shadow: 3px 3px 4px #959494;
1139 box-shadow: 3px 3px 4px #959494;
1142 .wall-item-photo-menu-button {
1143 border-right: 1px solid #dddddd;
1144 border-left: 1px solid #dddddd;
1145 border-bottom: 1px solid #dddddd;
1146 -moz-box-shadow: 3px 3px 4px #959494;
1147 -webkit-box-shadow: 3px 3px 4px #959494;
1148 box-shadow: 3px 3px 4px #959494;
1151 .fakelink wall-item-photo-menu-button {
1152 -webkit-border-radius: 0px 5px 5px 5px;
1153 -moz-border-radius: 0px 5px 5px 5px;
1154 border-radius: 0px 5px 5px 5px;
1155 -moz-box-shadow: 3px 3px 4px #959494;
1156 -webkit-box-shadow: 3px 3px 4px #959494;
1157 box-shadow: 3px 3px 4px #959494;
1160 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1161 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1162 .wall-item-photo-menu li a:hover {
1164 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1165 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1166 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1167 background-color:#b20202;
1172 .icon.drophide { float: left; }
1173 #item-delete-selected { overflow: auto; width: 100%;}
1180 .ccollapse-wrapper {
1184 /* font-variant:small-caps; */
1187 .wall-item-outside-wrapper.comment { margin-left: 70px; }
1188 .wall-item-outside-wrapper.comment .wall-item-photo {
1189 width: 40px!important;
1190 height: 40px!important;
1193 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1194 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1197 background-position: 35px center;
1199 .wall-item-outside-wrapper.comment .wall-item-info { width: 50px; } /*60*/
1200 .wall-item-outside-wrapper.comment .wall-item-body {
1201 margin-left: 40px;/*70*/
1203 padding-right: 10px;
1207 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 0px; } /*10*/
1209 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1213 .icollapse-wrapper {
1216 /* font-variant:small-caps; */
1219 .comment-wwedit-wrapper,
1220 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1221 .comment-wwedit-wrapper img,
1222 .comment-edit-wrapper img { width: 20px; height: 20px; }
1223 .comment-edit-photo-link { float: left; width: 40px;}
1224 .comment-edit-text-empty {
1229 -webkit-transition: all 0.5s ease-in-out;
1230 -moz-transition: all 0.5s ease-in-out;
1231 -o-transition: all 0.5s ease-in-out;
1232 -ms-transition: all 0.5s ease-in-out;
1233 transition: all 0.5s ease-in-out;
1235 .comment-edit-text-empty:hover { color: #999999;}
1236 .comment-edit-text-full { width: 80%; height: 6em;
1237 -webkit-transition: all 0.5s ease-in-out;
1238 -moz-transition: all 0.5s ease-in-out;
1239 -o-transition: all 0.5s ease-in-out;
1240 -ms-transition: all 0.5s ease-in-out;
1241 transition: all 0.5s ease-in-out;
1243 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1244 .comment-edit-submit {
1246 background-color: #a2a2a2;
1248 -webkit-border-radius: 5px;
1249 -moz-border-radius: 5px;
1254 .comment-edit-submit:hover {
1255 background-color: #b20202;
1258 .comment-edit-submit:active {
1259 background-color: #b20202;
1262 #item-delete-selected-desc {
1266 .wall-item-body code {
1267 font-family: Courier, monospace;
1271 border: 1px solid #cccccc;
1272 border-width: 1px 1px 1px 10px;
1281 .advanced-profile-content {
1283 margin-bottom: 10px;
1288 .advanced-profile-label {
1291 padding-bottom: 5px;
1293 /* font-variant:small-caps; */
1296 div[id$="wrapper"] { height: 100%;}
1297 div[id$="wrapper"] br { clear: left; }
1298 #advanced-profile-with { margin-left: 20px;}
1300 #profile-listing-desc {
1303 padding: 5px 10px 5px 10px;
1307 display:inline-block;
1312 #profile-listing-new-link-wrapper {
1318 padding: 5px 10px 5px 10px;
1323 .profile-listing-name {
1325 /* font-variant: small-caps;*/
1327 .profile-listing-name a {
1331 #profile-edit-links li {
1336 background-color: #a2a2a2;
1338 padding: 5px 10px 5px 10px;
1341 -webkit-border-radius: 5px 5px 5px 5px;
1342 -moz-border-radius: 5px 5px 5px 5px;
1343 border-radius: 5px 5px 5px 5px;
1346 #profile-edit-links li a {
1350 #profile-edit-links li:hover {
1351 background-color: #b20202;
1354 #profile-edit-links li:active {
1355 background-color: #b20202;
1358 .profile-edit-side-div {
1364 #cropimage-wrapper { float:left; }
1365 #crop-image-form { clear:both; }
1367 .profile-match-name a{
1369 /* font-variant: small-caps; */
1373 .profile-match-name a:hover {
1377 .profile-match-wrapper {
1382 background-color: #f6f6f6;
1383 border: 1px solid #dddddd;
1384 -moz-box-shadow: 3px 3px 4px #959494;
1385 -webkit-box-shadow: 3px 3px 4px #959494;
1386 box-shadow: 3px 3px 4px #959494;
1390 .profile-match-end {
1394 .profile-match-photo {
1408 #side-bar-photos-albums h3:before {
1409 content: url("photography.png");
1410 padding-right: 10px;
1411 vertical-align: middle;
1414 #side-bar-photos-albums li {
1426 background-color: #a2a2a2;
1428 padding: 5px 10px 5px 10px;
1431 -webkit-border-radius: 5px 5px 5px 5px;
1432 -moz-border-radius: 5px 5px 5px 5px;
1433 border-radius: 5px 5px 5px 5px;
1435 #photo-top-links a {
1439 #photo-top-links:hover {
1440 background-color: #b20202;
1443 #photo-top-links:active {
1444 background-color: #b20202;
1447 .photo-album-image-wrapper {
1449 margin: 0px 10px 10px 0px;
1450 padding-bottom: 30px;
1454 .photo-top-image-wrapper {
1458 margin: 0px 10px 10px 0px;
1459 padding-bottom: 30px;
1463 #photo-album-wrapper-inner {
1471 #photo-photo { max-width: 85%; height: auto; }
1472 #photo-photo img { max-width: 100% }
1474 .photo-top-image-wrapper a:hover,
1475 #photo-photo a:hover,
1476 .photo-album-image-wrapper a:hover {
1481 .photo-album-photo {}
1483 .photo-top-album-name {
1488 font-stretch:semi-expanded;
1489 /* font-variant:small-caps; */
1492 .photo-top-album-name a{
1503 /* font-variant: small-caps; */
1514 /* font-variant:small-caps; */
1518 #photo-photo-end { clear: both; }
1524 background-color: rgba(255,255,255,0.2);
1526 -webkit-transition: all 0.2s ease-in-out;
1527 -moz-transition: all 0.2s ease-in-out;
1528 -o-transition: all 0.2s ease-in-out;
1529 -ms-transition: all 0.2s ease-in-out;
1530 transition: all 0.2s ease-in-out;
1531 background-position: center center;
1532 background-repeat: no-repeat;
1535 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1536 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1539 display: block; width: 100%; height: 100%;
1541 text-indent: -900000px;
1544 #photo-prev-link:hover,
1545 #photo-next-link:hover {
1547 -webkit-transition: all 0.2s ease-in-out;
1548 -moz-transition: all 0.2s ease-in-out;
1549 -o-transition: all 0.2s ease-in-out;
1550 -ms-transition: all 0.2s ease-in-out;
1551 transition: all 0.2s ease-in-out;
1554 #photo-next-link .icon,
1555 #photo-prev-link .icon { display: none }
1557 #photos-upload-spacer,
1558 #photos-upload-new-wrapper,
1559 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1560 #photos-upload-existing-album-text,
1561 #photos-upload-newalbum-div {
1562 background-color: #fff;
1570 #photos-upload-album-select,
1571 #photos-upload-newalbum { width: 400px; }
1573 #photos-upload-perms-menu {
1578 #photos-upload-perms-menu .icon {
1583 border: 2px solid #b0b0b0;
1585 -webkit-border-radius: 3px 3px 3px 3px;
1586 -moz-border-radius: 3px 3px 3px 3px;
1587 border-radius: 3px 3px 3px 3px;
1590 select[size], select[multiple], select[size][multiple] {
1591 -webkit-appearance: listbox;
1595 -webkit-appearance: menulist;
1596 box-sizing: border-box;
1597 -webkit-box-align: center;
1602 -webkit-border-radius: ;
1605 input, textarea, keygen {
1607 letter-spacing: normal;
1608 word-spacing: normal;
1610 text-transform: none;
1613 display: inline-block;
1614 text-align: -webkit-auto;
1618 -moz-border-radius:5px;
1619 -webkit-border-radius:5px;
1627 background-color: #a2a2a2;
1629 padding: 5px 10px 5px 10px;
1632 -webkit-border-radius: 5px 5px 5px 5px;
1633 -moz-border-radius: 5px 5px 5px 5px;
1634 border-radius: 5px 5px 5px 5px;
1637 #album-edit-link a {
1641 #album-edit-link:hover {
1642 background-color: #b20202;
1645 #photo-edit-link-wrap {
1646 margin-bottom: 10px;
1655 input#photo_edit_form {
1660 #photo-edit-perms-menu {
1669 #photo-edit-perms-menu .icon {
1673 #photo-edit-delete-button {
1679 #photo-album-edit-wrapper {
1680 margin-bottom: 10px;
1687 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1692 background-color: #fff;
1693 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1694 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1695 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1698 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1705 background: transparent;
1706 -webkit-transform: skew(-5deg) rotate(-5deg);
1707 -moz-transform: skew(-5deg) rotate(-5deg);
1708 -ms-transform: skew(-5deg) rotate(-5deg);
1709 -o-transform: skew(-5deg) rotate(-5deg);
1710 transform: skew(-5deg) rotate(-5deg);
1711 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1712 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1713 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1717 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1720 -webkit-transform: skew(5deg) rotate(5deg);
1721 -moz-transform: skew(5deg) rotate(5deg);
1722 -ms-transform: skew(5deg) rotate(5deg);
1723 -o-transform: skew(5deg) rotate(5deg);
1724 transform: skew(5deg) rotate(5deg);
1733 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1734 #prvmail-subject .input{
1735 border: none !important ;
1738 #prvmail-subject-label {
1739 /* font-variant:small-caps; */
1746 /* font-variant:small-caps; */
1749 #prvmail-message-label {
1750 /* font-variant:small-caps; */
1754 #prvmail-submit-wrapper { margin-top: 10px; }
1765 #prvmail-submit-wrapper > div {
1770 .mail-list-outside-wrapper {
1777 background-color: #efefef;
1778 border: 2px dotted #eeeeee;
1779 -moz-box-shadow: 3px 3px 4px #959494;
1780 -webkit-box-shadow: 3px 3px 4px #959494;
1781 box-shadow: 3px 3px 4px #959494;
1790 border: 1px solid #dddddd;
1793 .mail-list-sender-name {
1796 /* font-variant:small-caps; */
1805 font-stretch:ultra-condensed;
1806 /* font-variant:small-caps; */
1809 .mail-list-subject {
1813 padding-right: 50px;
1816 .mail-list-subject a {
1820 .mail-list-delete-wrapper { float: right;}
1821 .mail-list-outside-wrapper-end {
1825 .mail-conv-outside-wrapper {
1826 margin-bottom: 10px;
1829 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1830 .mail-conv-sender-photo {
1835 .mail-conv-sender-name { float: left; font-style: bold; }
1836 .mail-conv-date { float: right; }
1837 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1845 padding-bottom: 10px;
1848 vertical-align: middle;
1850 border: 1px solid #dddddd;
1852 .mail-conv-break { display: none; border: none;}
1853 .mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
1857 border: 1px solid #dddddd;
1860 /* ================= */
1861 /* = Notifications = */
1862 /* ================= */
1864 /*#notification-show-hide-wrapper {
1866 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1867 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1868 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1869 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1870 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1871 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1872 background-color:#bdbdbd;
1873 -moz-border-radius:5px;
1874 -webkit-border-radius:5px;
1876 padding: 5px 10px 5px 10px;
1884 #notification-show-hide-wrapper:hover {
1886 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1887 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1888 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1889 background-color:#b20202;
1892 #notification-show-hide-wrapper:active {
1893 background-color: #b20202;
1898 #notification-show-hide-wrapper a {
1907 margin-bottom: 10px;
1910 .view-contact-wrapper,
1911 .contact-entry-wrapper {
1914 margin-bottom: 20px;
1920 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1921 .contact-entry-edit-links { position: absolute; top: 60px; }
1922 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1924 .contact-entry-name {
1930 /* font-variant:small-caps; */
1935 .contact-entry-photo {
1939 .contact-entry-edit-links .icon {
1940 border: 1px solid #babdb6;
1941 -webkit-border-radius: 3px;
1942 -moz-border-radius: 3px;
1944 background-color: #ffffff;
1947 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
1950 #contact-edit-update-now {
1955 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1956 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1957 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1958 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1959 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1960 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1961 background-color:#bdbdbd;
1962 -moz-border-radius:5px;
1963 -webkit-border-radius:5px;
1965 display:inline-block;
1967 text-decoration:none;
1971 #contact-edit-update-now:hover {
1972 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1973 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1974 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1975 background-color:#b20202;
1978 #contact-edit-update-now:active {
1983 #contact-edit-update-now a {
1991 .contact-photo-menu-button {
1993 background-image: url("photo-menu.jpg");
1994 background-position: top left;
1995 background-repeat: no-repeat;
1996 margin: 0px; padding: 0px;
1999 top: 64px; left:0px;
2005 .contact-photo-menu {
2007 border: 1px solid #ddd;
2008 background: #f1f1f1;
2010 left: 0px; top: 90px;
2013 -moz-box-shadow: 3px 3px 5px #888;
2014 -webkit-box-shadow: 3px 3px 5px #888;
2015 box-shadow: 3px 3px 5px #888;
2018 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2019 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2020 .contact-photo-menu li a:hover {
2022 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2023 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2024 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2025 background-color:#b20202;
2026 text-decoration: none;
2029 .view-contact-name {
2030 /* font-variant: small-caps; */
2034 background-color: #efefef;
2040 margin-bottom: 20px;
2043 #follow-sidebar h3:before {
2044 content: url("user.png");
2045 padding-right: 10px;
2046 vertical-align: middle;
2049 #follow-sidebar input[type="text"] {
2051 margin-bottom: 10px;
2054 #side-follow-submit {
2062 margin-bottom: 20px;
2063 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2064 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2065 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2066 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2067 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2068 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2069 background-color:#bdbdbd;
2070 -moz-border-radius:5px;
2071 -webkit-border-radius:5px;
2073 padding: 5px 10px 5px 10px;
2079 #side-match-link:hover {
2081 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2082 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2083 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2084 background-color:#b20202;
2087 #side-match-link:active {
2088 background-color: #b20202;
2093 #side-match-link a {
2101 margin-bottom: 20px;
2102 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2103 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2104 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2105 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2106 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2107 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2108 background-color:#bdbdbd;
2109 -moz-border-radius:5px;
2110 -webkit-border-radius:5px;
2112 padding: 5px 10px 5px 10px;
2118 #side-invite-link:hover {
2120 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2121 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2122 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2123 background-color:#b20202;
2127 #side-invite-link:active {
2128 background-color: #b20202;
2133 #side-invite-link a {
2137 #side-suggest-link {
2141 margin-bottom: 20px;
2142 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2143 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2144 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2145 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2146 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2147 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2148 background-color:#bdbdbd;
2149 -moz-border-radius:5px;
2150 -webkit-border-radius:5px;
2152 padding: 5px 10px 5px 10px;
2158 #side-suggest-link:hover {
2160 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2161 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2162 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2163 background-color:#b20202;
2167 #side-suggest-link:active {
2168 background-color: #b20202;
2173 #side-suggest-link a {
2177 #invite-message, #invite-recipients, #invite-recipient-text {
2181 #side-follow-wrapper {
2184 font-stretch:semi-expanded;
2185 background-color: #f3f3f3;
2186 border: 1px solid #cdcdcd;
2189 -webkit-border-radius: 5px 5px 5px 5px;
2190 -moz-border-radius: 5px 5px 5px 5px;
2191 border-radius: 5px 5px 5px 5px;
2194 #side-follow-wrapper label{
2196 font-variant: normal;
2204 margin-bottom: 20px;
2205 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2206 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2207 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2208 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2209 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2210 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2211 background-color:#bdbdbd;
2212 -moz-border-radius:5px;
2213 -webkit-border-radius:5px;
2215 padding: 5px 10px 5px 10px;
2221 #contact-suggest:hover {
2223 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2224 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2225 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2226 background-color:#b20202;
2229 #contact-suggest:active {
2230 background-color: #b20202;
2235 #contact-suggest a {
2251 /* ===================================== */
2252 /* = Register, Settings, Profile Forms = */
2253 /* ===================================== */
2256 background: url(login-bg.gif) no-repeat;
2257 background-position: 0 50%;
2259 width: 384px!important;
2262 #profile-tabs-wrapper {
2266 #profile-tab-status-link {
2268 padding: 5px 10px 5px 10px;
2276 #profile-tab-profile-link {
2278 padding: 5px 10px 5px 10px;
2283 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2284 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2285 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2286 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2287 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2288 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2289 background-color:#7c7d7b;
2290 -moz-border-radius:5px;
2291 -webkit-border-radius:5px;
2293 padding: 5px 10px 5px 10px;
2294 margin-bottom: 10px;
2297 #uexport-link:hover {
2299 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2300 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2301 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2302 background-color:#555753;
2305 #uexport-link:active {
2307 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2308 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2309 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2310 background-color:#b20202;
2315 #settings-default-perms {
2318 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2319 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2320 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2321 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2322 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2323 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2324 background-color:#7c7d7b;
2325 -moz-border-radius:5px;
2326 -webkit-border-radius:5px;
2328 padding: 5px 10px 5px 10px;
2329 margin-bottom: 10px;
2332 #settings-default-perms .fakelink {
2336 #settings-default-perms:hover {
2338 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2339 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2340 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2341 background-color:#555753;
2344 #settings-default-perms:active {
2346 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2347 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2348 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2349 background-color:#b20202;
2354 #settings-nickname-desc {
2356 background-color: #efefef;
2357 margin-bottom: 10px;
2358 -webkit-border-radius: 5px;
2359 -moz-border-radius: 5px;
2364 #register-form div {
2368 #profile-edit-form div {
2372 #profile-edit-form div[id$='desc'] {
2377 #register-form label,
2378 #profile-edit-form label {
2379 width: 300px; float: left;
2382 /* #register-form span,
2383 #profile-edit-form span { */
2384 #register-form span {
2387 margin-bottom: 20px;
2390 .settings-submit-wrapper,
2391 .profile-edit-submit-wrapper { margin: 30px 0px;}
2392 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2394 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2397 #register-sitename { display: inline; font-weight: bold;}
2399 /* ===================== */
2400 /* = Contacts Selector = */
2401 /* ===================== */
2403 #group-edit-wrapper {
2404 margin-bottom: 10px;
2407 #group-edit-name-wrapper {
2411 #group-edit-submit-wrapper {
2412 margin-bottom: 10px;
2413 margin-right: 400px;
2418 .group-delete-wrapper {
2422 margin-bottom: 10px;
2423 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2424 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2425 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2426 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2427 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2428 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2429 background-color:#bdbdbd;
2430 -moz-border-radius:5px;
2431 -webkit-border-radius:5px;
2432 border-radius:5px;*/
2435 .group-delete-wrapper:hover {
2436 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2437 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2438 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2439 background-color:#b20202;
2442 .group-delete-wrapper:active {
2443 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2444 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2445 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2446 background-color:#b20202;
2449 .group-delete-wrapper a {
2454 #group-edit-desc { margin: 10px 0xp; }
2455 #group-new-text {font-size: 1.1em;}
2462 background-color: #f0edf0;
2464 border: 1px solid #ccc;
2465 margin-bottom: 10px;
2469 #group-all-contacts,
2470 #prof-all-contacts {
2474 border: 1px solid #ccc;
2475 background-color: #f0edf0;
2480 #group-all-contacts h3,
2482 #prof-all-contacts h3{
2489 #prof-separator { display: none;}
2495 .clear { clear: both; }
2508 margin-bottom: 10px;
2509 background-color: #fff;
2510 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2511 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2512 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2515 .vevent:before, .vevent:after {
2522 background: transparent;
2523 -webkit-transform: skew(-5deg) rotate(-5deg);
2524 -moz-transform: skew(-5deg) rotate(-5deg);
2525 -ms-transform: skew(-5deg) rotate(-5deg);
2526 -o-transform: skew(-5deg) rotate(-5deg);
2527 transform: skew(-5deg) rotate(-5deg);
2528 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2529 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2530 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2537 -webkit-transform: skew(5deg) rotate(5deg);
2538 -moz-transform: skew(5deg) rotate(5deg);
2539 -ms-transform: skew(5deg) rotate(5deg);
2540 -o-transform: skew(5deg) rotate(5deg);
2541 transform: skew(5deg) rotate(5deg);
2544 .vevent .event-description {
2552 .vevent .event-location{
2556 font-style: oblique;
2561 .vevent .event-start, .vevent .event-end {
2567 /* font-variant: small-caps; */
2574 margin-bottom: 10px;
2575 margin-left: 170px; ;
2576 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2577 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2578 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2579 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2580 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2581 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2582 background-color:#bdbdbd;
2583 -moz-border-radius:5px;
2584 -webkit-border-radius:5px;
2589 #new-event-link:hover {
2591 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2592 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2593 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2594 background-color:#b20202;
2597 #new-event-link:active {
2598 background-color: #b20202;
2608 .edit-event-link, .plink-event-link {
2612 margin-bottom: 15px;
2615 .event-description:before {
2616 content: url('calendar.png');
2618 vertical-align: middle;
2621 .event-start, .event-end {
2626 .event-start .dtstart, .event-end .dtend {
2632 margin-bottom: 10px;
2633 /* font-variant:small-caps; */
2634 font-stretch:condensed;
2637 .prevcal, .nextcal {
2644 .event-calendar-end {
2650 font-family: Helvetica, Arial, sans-serif;
2651 background-color: #f1f1f1;
2652 border: 1px solid #dedede;
2653 margin-bottom: 10px;
2654 -moz-box-shadow: 5px 5px 8px #959494;
2655 -webkit-box-shadow: 5px 5px 8px #959494;
2656 box-shadow: 5px 5px 8px #959494;
2660 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2661 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2662 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2663 background-color: #b20202;
2664 padding: 10px 0px 10px 0px;
2669 /* font-variant:small-caps; */
2670 -moz-box-shadow: 5px 2px 8px #959494;
2671 -webkit-box-shadow: 5px 2px 8px #959494;
2672 box-shadow: 5px 2px 8px #959494;
2676 border: 1px solid #eeeeee;
2686 background-color: #cdcdcd;
2698 background-color: #b20202;
2703 #event-finish-text {
2708 #event-nofinish-checkbox,
2709 #event-nofinish-text,
2710 #event-adjust-checkbox,
2712 #event-share-checkbox {
2716 #event-datetime-break {
2717 margin-bottom: 10px;
2720 #event-nofinish-break,
2721 #event-adjust-break,
2722 #event-share-break {
2727 #event-location-text {
2742 margin: 50px 50px 0px 0px;
2745 .directory-details {
2747 /* font-variant: small-caps; */
2753 /* font-variant: small-caps; */
2769 background-color: #FF0000;
2774 border: 0px; padding: 0px;
2778 list-style-position: inside;
2788 padding-bottom: 2px;
2789 border-bottom: 1px solid black;
2802 border-bottom: 1px solid #898989;
2807 #adminpage .submit {
2811 #adminpage #pluginslist {
2812 margin: 0px; padding: 0px;
2815 #adminpage .plugin {
2818 border: 1px solid #888888;
2824 #adminpage .toggleplugin {
2829 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2830 #adminpage table th { text-align: left;}
2831 #adminpage td .icon { float: left;}
2832 #adminpage table#users img { width: 16px; height: 16px; }
2833 #adminpage table tr:hover { background-color: #eeeeee; }
2834 #adminpage .selectall { text-align: right; }
2836 /* =============== */
2837 /* = Form Fields = */
2838 /* =============== */
2842 padding-bottom: 10px;
2856 .field textarea { height: 100px; }
2869 border:1px solid #c1c1c1;
2870 background-image:url("../../../images/onoff.jpg");
2871 background-repeat: no-repeat;
2872 padding: 4px 2px 2px 2px;
2874 text-decoration: none;
2876 .field .onoff .off {
2877 border-color:#c1c1c1;
2879 background-position: left center;
2880 background-color: #cccccc;
2886 border-color:#c1c1c1;
2887 padding-right: 40px;
2888 background-position: right center;
2889 background-color: #b20202;
2894 .hidden { display: none!important; }
2896 .field.radio .field_help { margin-left: 0px; }
2903 cursor: url('lock.cur'), pointer;
2907 display: block; width: 20px; height: 20px;
2908 background-image: url('icons.png');
2911 background-image: url("star.png");
2915 background-image: url("premium.png");
2920 background-image: url("notify.png");}
2925 border: 1px solid #c1c1c1;
2926 -webkit-border-radius: 3px;
2927 -moz-border-radius: 3px;
2931 .article { background-position: -50px 0px;}
2932 .audio { background-position: -70px 0px;}
2933 .block { background-position: -90px 0px;}
2934 .drop { background-position: -110px 0px;}
2935 .drophide { background-position: -130px 0px;}
2936 .edit { background-position: -150px 0px;}
2937 .camera { background-position: -170px 0px;}
2938 .dislike { background-position: -190px 0px;}
2939 .like { background-position: -210px 0px;}
2940 .link { background-position: -230px 0px;}
2942 .globe { background-position: -50px -20px;}
2943 .noglobe { background-position: -70px -20px;}
2944 .no { background-position: -90px -20px;}
2945 .pause { background-position: -110px -20px;}
2946 .play { background-position: -130px -20px;}
2947 .pencil { background-position: -150px -20px;}
2948 .small-pencil { background-position: -170px -20px;}
2949 .recycle { background-position: -190px -20px;}
2950 .remote-link { background-position: -210px -20px;}
2951 .share { background-position: -230px -20px;}
2953 .tools { background-position: -50px -40px;}
2954 .lock { background-position: -70px -40px;}
2957 background-position: -90px -40px;
2958 background-image: none;
2964 background-image: url(icons.png);
2967 margin: 2px 0px 2px 3px;
2971 .video { background-position: -110px -40px;}
2972 .youtube { background-position: -130px -40px;}
2974 .attach { background-position: -190px -40px;}
2975 .language { background-position: -210px -40px;}
2978 .on { background-position: -50px -60px;}
2979 .off { background-position: -70px -60px;}
2980 .prev { background-position: -90px -60px;}
2981 .next { background-position: -110px -60px;}
2982 .tagged { background-position: -130px -60px;}
2984 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2987 display: block; width: 20px; height: 23px;
2988 background-image: url('../../../images/content-types.png');
2991 .type-video { background-position: 0px 0px; }
2992 .type-image { background-position: -20px 0px; }
2993 .type-audio { background-position: -40px 0px; }
2994 .type-text { background-position: -60px 0px; }
2995 .type-unkn { background-position: -80px 0px; }
3001 .cc-license { margin-top: 100px; font-size: 0.7em; }
3002 footer { display: block; margin: 50px 20%; clear: both; }
3007 border: 1px solid #cccccc;
3014 #photo-edit-perms-select,
3015 #photos-upload-permissions-wrapper,
3016 #profile-jot-acl-wrapper{
3017 display:block!important;
3026 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3037 background-color: #cccccc;
3038 background-position: 7px 7px;
3039 background-repeat: no-repeat;
3041 -webkit-border-radius: 5px ;
3042 -moz-border-radius: 5px;
3046 #acl-showall.selected {
3048 background-color: #b20202;
3053 border: 1px solid #cccccc;
3054 background-color: #efefef;
3068 border: 1px solid #cccccc;
3069 background-color: #fff;
3072 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3073 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3074 box-shadow: 2px 2px 3px #c1c1c1;
3088 padding: 2px 0px 1px;
3097 background-color: #898989;
3098 background-position: 3px 3px;
3099 background-repeat: no-repeat;
3101 -webkit-border-radius: 2px ;
3102 -moz-border-radius: 2px;
3107 #acl-wrapper a:hover {
3108 text-decoration: none;
3109 background-color:#b20202;
3112 .acl-button-show.selected {
3114 background-color: #b20202;
3117 .acl-button-hide.selected {
3119 background-color: #a2a2a2;
3122 .acl-list-item.groupshow { border-color: #b20202; }
3123 .acl-list-item.grouphide { border-color: #a2a2a2; }
3125 /* ========================= */
3126 /* = Global Directory Link = */
3127 /* ========================= */
3129 #global-directory-link {
3132 margin-bottom: 10px;
3134 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3135 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3136 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3137 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3138 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3139 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3140 background-color:#bdbdbd;
3141 -moz-border-radius:5px;
3142 -webkit-border-radius:5px;
3148 #global-directory-link:hover {
3150 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3151 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3152 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3153 background-color:#b20202;
3156 #global-directory-link:active {
3157 background-color: #b20202;
3162 #global-directory-link a {
3166 #global-directory-link {
3167 -webkit-padding-start: 0px;
3171 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3172 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3173 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3174 background-color:#b20202;
3176 padding: 5px 10px 5px 10px;
3180 /* notifications popup menu */
3204 #nav-notifications-menu {
3207 overflow-y: scroll;overflow-style:scrollbar;
3208 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3209 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
3210 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3211 background-color:#a2a2a2;
3212 -moz-border-radius:0px 0px 5px 5px;
3213 -webkit-border-radius:0px 0px 5px 5px;
3214 border-radius:0px 0px 5px 5px;
3215 border: 1px solid #9A9A9A;
3217 -moz-box-shadow: 5px 5px 10px #242424;
3218 -webkit-box-shadow: 5px 5px 10px #242424;
3219 box-shadow: 5px 5px 10px #242424;
3222 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
3223 #nav-notifications-menu img { float: left; margin-right: 5px; }
3224 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
3225 #nav-notifications-menu li {
3226 padding: 7px 0px 7px 10px;
3228 border-bottom: 1px solid #626262;
3231 #nav-notifications-menu li:hover {
3232 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3233 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3234 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3235 background-color:#b20202;
3238 #nav-notifications-menu a:hover {
3239 text-decoration: underline;
3243 vertical-align: middle;
3245 padding-bottom: 7px;
3248 .notif-item a:hover {
3255 padding: 7px 7px 0px 0px;
3262 /* autocomplete popup */
3270 background: #eeeeee;
3271 border-right: 1px solid #dddddd;
3272 border-left: 1px solid #dddddd;
3273 border-bottom: 1px solid #dddddd;
3274 -webkit-border-radius: 0px 5px 5px 5px;
3275 -moz-border-radius: 0px 5px 5px 5px;
3276 border-radius: 0px 5px 5px 5px;
3277 -moz-box-shadow: 3px 3px 4px #959494;
3278 -webkit-box-shadow: 3px 3px 4px #959494;
3279 box-shadow: 3px 3px 4px #959494;
3283 color: #2e3436; padding: 4px;
3291 .acpopupitem.selected {
3293 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3294 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3295 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3296 background-color:#b20202;
3302 filter:alpha(opacity=0);
3306 filter:alpha(opacity=100);
3313 /* Pages profile widget */
3314 #page-profile div#profile-page-list{