5 Created by Anne Walk and Devlon Duthie on 2011-09-24.
6 Based loosely on the Dipsy theme.
12 Red link hover - #db0503
13 Red Gradients (buttons and other gradients) - #b20202 and #d60808
15 Grey/body text - #626262
16 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
18 Dark Grey Gradients - #7c7d7b and #555753
20 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
28 font-family: freesans,helvetica,arial,clean,sans-serif;
34 img { border: 0 none; max-width: 550px; }
36 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
37 a:hover { color: #db0503; padding-bottom: 0px;}
61 font-variant:small-caps;
68 .required { display: inline; color: #b20202; }
69 .fakelink { color: #b20202; cursor: pointer; }
70 .fakelink :hover { color: #db0503; }
73 border: 2px solid #b0b0b0;
75 -webkit-border-radius: 3px 3px 3px 3px;
76 -moz-border-radius: 3px 3px 3px 3px;
77 border-radius: 3px 3px 3px 3px;
84 padding: 5px 5px 5px 5px;
85 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
86 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
87 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
88 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
89 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
90 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
91 background-color:#bdbdbd;
92 -moz-border-radius:5px;
93 -webkit-border-radius:5px;
99 input[type=submit]:hover {
101 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
102 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
103 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
104 background-color:#b20202;
107 input[type=submit]:active {
112 .smalltext { font-size: 0.7em }
114 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
115 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
118 margin: 10px 11% 0px 11%;
121 padding-right: 230px;
132 #login-name-wrapper {
133 vertical-align: middle;
137 #login-name-wrapper input {
142 #login-password-wrapper {
143 vertical-align: middle;
152 padding: 5px 0px 5px 5px;
153 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
154 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
155 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
156 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
157 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
158 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
159 background-color:#bdbdbd;
160 -moz-border-radius:5px;
161 -webkit-border-radius:5px;
167 #login-extra-links:hover {
169 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
170 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
171 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
172 background-color:#b20202;
176 #login-extra-links:active {
181 #login-extra-links a {
186 #login-extra-filler {
190 #login-extra-links a { margin-right: 20px; }
199 -webkit-border-radius: 5px ;
200 -moz-border-radius: 5px;
202 border: 1px solid #494948;
203 background-color: #2e3436;
208 -moz-box-shadow: 7px 7px 12px #434343;
209 -webkit-box-shadow: 7px75px 12px #434343;
210 box-shadow: 7px 7px 10px #434343;
228 .pager span { padding: 4px; margin:4px; }
229 .pager_current { background-color: #b20202; color: #ffffff; }
241 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
242 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
243 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
244 background-color:#7c7d7b;
245 border-bottom: 1px solid #494948;
247 nav a { text-decoration: none; color: #eeeeec; border:0px;}
248 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
257 nav #banner #logo-text a {
272 vertical-align: middle;
273 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
274 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
275 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
276 background-color:#898988;
277 -moz-border-radius:5px;
278 -webkit-border-radius:5px;
281 text-decoration:none;
283 border: 1px solid #9a9a9a;
286 nav #user-menu-label:after{
287 content: url("menu-user-pin.png") no-repeat;
291 nav #user-menu-label {
292 vertical-align: middle;
301 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
302 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
303 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
304 background-color:#898988;
310 border: 1px solid #9a9a9a;
312 -webkit-border-radius: 0px 0px 5px 5px;
313 -moz-border-radius: 0px 0px 5px 5px;
314 border-radius: 0px 0px 5px 5px;
315 -moz-box-shadow: 5px 5px 10px #242424;
316 -webkit-box-shadow: 5px 5px 10px #242424;
317 box-shadow: 5px 5px 10px #242424;
321 ul#user-menu-popup li { display: block; }
322 ul#user-menu-popup li a { display: block; padding: 5px; }
323 ul#user-menu-popup li a:hover {
325 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
326 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
327 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
328 background-color:#d60808;
331 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
340 top:32px; left: 600px;
345 background: transparent url('notifications.png') 0px 0px no-repeat;
355 #net-update { background-position: 0px 0px; }
356 #mail-update { background-position: -30px 0px; }
357 #notify-update { background-position: -60px 0px; }
358 #home-update { background-position: -90px 0px; }
373 /* =================== */
374 /* = System Messages = */
375 /* =================== */
377 #sysmsg_info, #sysmsg {
379 bottom: 0px; right:20%;
380 -moz-box-shadow: 7px 7px 12px #434343;
381 -webkit-box-shadow: 7px75px 12px #434343;
382 box-shadow: 7px 7px 10px #434343;
384 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
385 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
386 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
387 background-color:#b20202;
388 -webkit-border-radius: 5px 5px 0px 0px;
389 -moz-border-radius: 5px 5px 0px 0px;
390 border-radius: 5px 5px 0px 0px;
391 border: 1px solid #da2c2c;
393 padding-bottom: 50px;
403 border-top: 1px solid #dddddd;
406 /* ================= */
407 /* = Aside/Sidebar = */
408 /* ================= */
425 font-variant:small-caps;
430 font-variant:small-caps;
435 font-variant:small-caps;
445 .vcard #profile-photo-wrapper {
449 background-color: #f3f3f3;
450 border: 1px solid #dddddd;
451 -moz-box-shadow: 3px 3px 4px #959494;
452 -webkit-box-shadow: 3px 3px 4px #959494;
453 box-shadow: 3px 3px 4px #959494;
456 aside h4 { font-size: 1.3em; }
458 aside #viewcontacts {
461 font-variant:small-caps;
470 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
473 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
474 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
475 box-shadow:inset 0px 1px 0px 0px #a65151;
476 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
477 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
478 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
479 background-color:#d60808;
480 -moz-border-radius:5px;
481 -webkit-border-radius:5px;
483 border:1px solid #fc5656;
484 display:inline-block;
486 font-family:Trebuchet MS;
492 text-decoration:none;
493 text-shadow:1px 1px 0px #b36f6f;
496 #dfrn-request-link:hover {
497 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
498 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
499 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
500 background-color:#b20202;
503 #dfrn-request-link:active {
508 #dfrn-request-intro {
513 background-color: #f6f6f6;
514 padding: 10px 10px 10px 20px;
518 content: url("search.png");
520 vertical-align: middle;
524 background-color: #f3f3f3;
525 border: 1px solid #cdcdcd;
527 -webkit-border-radius: 5px 5px 5px 5px;
528 -moz-border-radius: 5px 5px 5px 5px;
529 border-radius: 5px 5px 5px 5px;
533 vertical-align: middle;
536 padding-bottom: 10px;
539 #sidebar-group-list {
544 #sidebar-group-list > a{
545 padding-bottom: 10px;
550 -moz-box-shadow: 1px 2px 6px 0px #959494;
551 -webkit-box-shadow: 1px 2px 6px 0px #959494;
552 box-shadow: 1px 2px 6px 0px #959494;
553 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
554 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
555 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
556 background-color:#f8f8f8;
557 -moz-border-radius:5px;
558 -webkit-border-radius:5px;
560 border:1px solid #eee;
562 text-shadow:-1px 0px 0px #bdbdbd;
563 border: 1px solid #cdcdcd;
571 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
572 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
573 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
574 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
575 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
576 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
577 background-color:#bdbdbd;
578 -moz-border-radius:5px;
579 -webkit-border-radius:5px;
581 display:inline-block;
583 text-decoration:none;
587 #sidebar-new-group:hover {
588 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
589 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
590 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
591 background-color:#b20202;
594 #sidebar-new-group:active {
599 #sidebar-new-group a {
606 ul .sidebar-group-li{
612 ul .sidebar-group-li img{
617 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
618 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
619 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
620 background-color:#f0edf0;
621 -moz-border-radius:5px 5px 0px 0px;
622 -webkit-border-radius:5px 5px 0px 0px;
623 border-radius:5px 5px 0px 0px;
624 border:1px solid #e2e2e2;
625 border-bottom: 1px solid #cdcdcd;
628 vertical-align: baseline;
630 text-shadow:-1px 0px 0px #bdbdbd;
633 #group-sidebar h3:before{
634 content: url("groups.png");
636 vertical-align: middle;
641 padding-bottom: 20px;
649 .saved-search-li .icon {
665 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
666 #contact-block-end { clear: both; }
672 #profile-jot-text_tbl { margin-bottom: 10px; }
673 #profile-jot-text_ifr { width: 99.9%!important }
674 #profile-jot-submit-wrapper {
677 #profile-jot-perms, #profile-jot-submit {
680 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
681 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
682 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
683 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
684 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
685 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
686 background-color:#bdbdbd;
687 -moz-border-radius:5px;
688 -webkit-border-radius:5px;
690 display:inline-block;
692 text-decoration:none;
702 #jot-perms-perms .icon {
706 #profile-jot-submit {
713 #profile-jot-perms:hover, #profile-jot-submit:hover {
714 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
715 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
716 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
717 background-color:#b20202;
719 #profile-jot-perms:active, #profile-jot-submit:active {
725 /*float: left; padding: 8px 10px;*/
726 position: absolute: right: 100px; top:100px;
728 #profile-rotator-wrapper {
736 #profile-jot-tools-end,
737 #profile-jot-banner-end { clear: both; }
739 #profile-jot-email-wrapper {
740 margin: 10px 10% 0px 10%;
741 border: 1px solid #eeeeee;
744 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
745 #profile-jot-email { margin: 5px; width: 98%; }
747 #profile-jot-networks {
749 border: 1px solid #eeeeee;
754 #profile-jot-acl-wrapper {
756 border: 1px solid #eeeeee;
758 display:block!important;
760 #group_allow_wrapper,
762 #acl-permit-outer-wrapper { width: 47%; float: left; }
764 #contact_allow_wrapper,
765 #contact_deny_wrapper,
766 #acl-deny-outer-wrapper { width: 47%; float: right; }
768 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
769 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
770 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
772 #acl-permit-text-end,
773 #acl-deny-text-end { clear: both; }
774 #profile-jot-wrapper {
779 profile-jot-banner-wrapper {
796 margin: 0px 0px 10px 0px;
797 border-bottom: 1px solid #efefef;
799 .tabs-wrapper li { display: inline;}
802 padding: 5px 10px 5px 10px;
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;
816 text-decoration:none;
821 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
822 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
823 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
824 background-color:#b20202;
826 padding: 5px 10px 5px 10px;
833 padding: 5px 10px 5px 10px;
838 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
839 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
840 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
841 background-color:#b20202;
843 padding: 5px 10px 5px 10px;
851 .wall-item-outside-wrapper {
854 .wall-item-outside-wrapper-end { clear: both;}
855 .wall-item-content-wrapper { position: relative; max-width: 95%; }
856 .wall-item-photo-menu { display: none;}
857 .wall-item-photo-menu-button {
859 text-indent: -99999px;
860 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
863 height: 20px; width: 90px;
864 top: 85px; left: 0px;
865 -webkit-border-radius: 0px 0px 5px 5px;
866 -moz-border-radius: 0px 0px 5px 5px;
867 border-radius: 0px 0px 5px 5px;
870 .wall-item-info { float: left; width: 140px; }
871 .wall-item-photo-wrapper {
872 width: 80px; height: 80px;
875 background-color: #eeeeee;
876 border: 1px solid #dddddd;
877 -moz-box-shadow: 3px 3px 4px #959494;
878 -webkit-box-shadow: 3px 3px 4px #959494;
879 box-shadow: 3px 3px 4px #959494;
883 filter: alpha(opacity=60);
885 -webkit-transition: all 0.25s ease-in-out;
886 -moz-transition: all 0.25s ease-in-out;
887 -o-transition: all 0.25s ease-in-out;
888 -ms-transition: all 0.25s ease-in-out;
889 transition: all 0.25s ease-in-out;
895 .wall-item-tools:hover {
896 filter: alpha(opacity=100);
898 -webkit-transition: all 0.25s ease-in-out;
899 -moz-transition: all 0.25s ease-in-out;
900 -o-transition: all 0.25s ease-in-out;
901 -ms-transition: all 0.25s ease-in-out;
902 transition: all 0.25s ease-in-out;
906 .wall-item-outside-wrapper.comment .wall-item-tools {
907 margin: 5px 5px 10px 60px;
911 .wall-item-like-buttons {
914 .wall-item-like-buttons a.icon {
919 .wall-item-links-wrapper {
923 .wall-item-delete-wrapper {
926 .wall-item-links-wrapper a.icon {
940 .wall-item-title { font-size: 1.2em; font-weight: bold;}
941 .wall-item-body { margin-left: 140px; padding-right: 20px; }
946 .wall-item-lock-wrapper { float: right; }
952 margin: 4px 0px 0px 140px;
953 font-variant:small-caps;
956 .wall-item-author a {
960 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
961 .wall-item-wrapper-end { clear:both; }
962 .wall-item-location {
966 text-overflow: ellipsis;
967 -o-text-overflow: ellipsis;
970 .wall-item-location .icon { float: left; }
971 .wall-item-location > a {
975 font-variant:small-caps;
979 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
980 .wall-item-location > br { display: none; }
984 font-variant:small-caps;
998 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
999 .wallwall .wall-item-photo-end { clear: both; }
1000 .wall-item-arrowphoto-wrapper {
1007 .wall-item-photo-menu {
1011 background: #eeeeee;
1012 border-right: 1px solid #dddddd;
1013 border-left: 1px solid #dddddd;
1014 border-bottom: 1px solid #dddddd;
1016 left: -2px; top: 101px;
1019 -webkit-border-radius: 0px 5px 5px 5px;
1020 -moz-border-radius: 0px 5px 5px 5px;
1021 border-radius: 0px 5px 5px 5px;
1022 -moz-box-shadow: 3px 3px 4px #959494;
1023 -webkit-box-shadow: 3px 3px 4px #959494;
1024 box-shadow: 3px 3px 4px #959494;
1027 .wall-item-photo-menu-button {
1028 border-right: 1px solid #dddddd;
1029 border-left: 1px solid #dddddd;
1030 border-bottom: 1px solid #dddddd;
1031 -moz-box-shadow: 3px 3px 4px #959494;
1032 -webkit-box-shadow: 3px 3px 4px #959494;
1033 box-shadow: 3px 3px 4px #959494;
1036 .fakelink wall-item-photo-menu-button {
1037 -webkit-border-radius: 0px 5px 5px 5px;
1038 -moz-border-radius: 0px 5px 5px 5px;
1039 border-radius: 0px 5px 5px 5px;
1040 -moz-box-shadow: 3px 3px 4px #959494;
1041 -webkit-box-shadow: 3px 3px 4px #959494;
1042 box-shadow: 3px 3px 4px #959494;
1045 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1046 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1047 .wall-item-photo-menu li a:hover {
1049 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1050 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1051 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1052 background-color:#b20202;
1057 .icon.drophide { float: left; }
1058 #item-delete-selected { overflow: auto; width: 100%;}
1059 .wall-item-outside-wrapper {
1061 border-bottom: 1px solid #dedede;
1069 .ccollapse-wrapper {
1073 font-variant:small-caps;
1076 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1077 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1078 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1079 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1082 background-position: 35px center;
1084 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1085 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
1086 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1088 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1092 .icollapse-wrapper {
1095 font-variant:small-caps;
1098 .comment-wwedit-wrapper,
1099 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1100 .comment-wwedit-wrapper img,
1101 .comment-edit-wrapper img { width: 20px; height: 20px; }
1102 .comment-edit-photo-link { float: left; width: 40px;}
1103 .comment-edit-text-empty {
1108 -webkit-transition: all 0.5s ease-in-out;
1109 -moz-transition: all 0.5s ease-in-out;
1110 -o-transition: all 0.5s ease-in-out;
1111 -ms-transition: all 0.5s ease-in-out;
1112 transition: all 0.5s ease-in-out;
1114 .comment-edit-text-empty:hover { color: #999999;}
1115 .comment-edit-text-full { width: 80%; height: 6em;
1116 -webkit-transition: all 0.5s ease-in-out;
1117 -moz-transition: all 0.5s ease-in-out;
1118 -o-transition: all 0.5s ease-in-out;
1119 -ms-transition: all 0.5s ease-in-out;
1120 transition: all 0.5s ease-in-out;
1122 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1123 .comment-edit-submit {
1125 background-color: #a2a2a2;
1127 -webkit-border-radius: 5px;
1128 -moz-border-radius: 5px;
1133 .comment-edit-submit:hover {
1134 background-color: #b20202;
1137 .comment-edit-submit:active {
1138 background-color: #b20202;
1141 #item-delete-selected-desc {
1148 .wall-item-body code {
1149 border-color: #CCCCCC;
1150 border-style: solid;
1151 border-width: 1px 1px 1px 10px;
1160 .advanced-profile-content {
1162 margin-bottom: 10px;
1167 .advanced-profile-label {
1170 padding-bottom: 5px;
1172 font-variant:small-caps;
1175 div[id$="wrapper"] { height: 100%;}
1176 div[id$="wrapper"] br { clear: left; }
1177 #advanced-profile-with { margin-left: 20px;}
1179 #profile-listing-desc {
1182 padding: 5px 10px 5px 10px;
1186 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1187 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1188 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1189 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1190 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1191 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1192 background-color:#bdbdbd;
1193 -moz-border-radius:5px;
1194 -webkit-border-radius:5px;
1196 display:inline-block;
1202 #profile-listing-desc:hover {
1203 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1204 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1205 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1206 background-color:#b20202;
1209 #profile-listing-desc:active {
1210 background-color: #b20202;
1215 #profile-listing-desc a {
1219 #profile-listing-new-link-wrapper {
1225 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1226 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1227 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1228 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1229 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1230 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1231 background-color:#bdbdbd;
1232 -moz-border-radius:5px;
1233 -webkit-border-radius:5px;
1235 padding: 5px 10px 5px 10px;
1241 #profile-listing-new-link-wrapper:hover {
1242 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1243 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1244 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1245 background-color:#b20202;
1248 #profile-listing-new-link-wrapper:active {
1249 background-color: #b20202;
1254 #profile-listing-new-link-wrapper a {
1258 .profile-listing-name {
1260 font-variant: small-caps;
1262 .profile-listing-name a {
1266 .profile-listing-visible {
1270 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1271 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1272 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1273 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1274 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1275 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1276 background-color:#bdbdbd;
1277 -moz-border-radius:5px;
1278 -webkit-border-radius:5px;
1280 padding: 5px 10px 5px 10px;
1286 .profile-listing-visible:hover {
1287 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1288 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1289 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1290 background-color:#b20202;
1293 .profile-listing-visible:active {
1294 background-color: #b20202;
1299 .profile-listing-visible a {
1303 .profile-listing-photo {
1305 background-color: #efefef;
1306 border: 2px dotted #eeeeee;
1307 -moz-box-shadow: 3px 3px 4px #959494;
1308 -webkit-box-shadow: 3px 3px 4px #959494;
1309 box-shadow: 3px 3px 4px #959494;
1312 #profile-edit-links li {
1317 background-color: #a2a2a2;
1319 padding: 5px 10px 5px 10px;
1322 -webkit-border-radius: 5px 5px 5px 5px;
1323 -moz-border-radius: 5px 5px 5px 5px;
1324 border-radius: 5px 5px 5px 5px;
1327 #profile-edit-links li a {
1331 #profile-edit-links li:hover {
1332 background-color: #b20202;
1335 #profile-edit-links li:active {
1336 background-color: #b20202;
1339 #cropimage-wrapper { float:left; }
1340 #crop-image-form { clear:both; }
1342 .profile-match-name a{
1344 font-variant: small-caps;
1348 .profile-match-name a:hover {
1352 .profile-match-wrapper {
1356 background-color: #f6f6f6;
1357 border: 1px solid #dddddd;
1358 -moz-box-shadow: 3px 3px 4px #959494;
1359 -webkit-box-shadow: 3px 3px 4px #959494;
1360 box-shadow: 3px 3px 4px #959494;
1367 #side-bar-photos-albums li {
1375 background-color: #a2a2a2;
1377 padding: 5px 10px 5px 10px;
1380 -webkit-border-radius: 5px 5px 5px 5px;
1381 -moz-border-radius: 5px 5px 5px 5px;
1382 border-radius: 5px 5px 5px 5px;
1384 #photo-top-links a {
1388 #photo-top-links:hover {
1389 background-color: #b20202;
1392 #photo-top-links:active {
1393 background-color: #b20202;
1396 .photo-album-image-wrapper,
1397 .photo-top-image-wrapper {
1399 margin: 0px 10px 10px 0px;
1400 border: 1px solid #dddddd;
1401 -moz-box-shadow: 3px 3px 6px #959494;
1402 -webkit-box-shadow: 3px 3px 6px #959494;
1403 box-shadow: 3px 3px 6px #959494;
1404 background-color: #efefef;
1406 padding-bottom: 30px;
1410 #photo-photo { max-width: 100% }
1411 #photo-photo img { max-width: 100% }
1413 .photo-top-image-wrapper a:hover,
1414 #photo-photo a:hover,
1415 .photo-album-image-wrapper a:hover {
1420 .photo-album-photo {}
1422 .photo-top-album-name {
1427 font-stretch:semi-expanded;
1428 font-variant:small-caps;
1431 .photo-top-album-name a{
1442 font-variant: small-caps;
1448 border: 1px solid #dddddd;
1449 -moz-box-shadow: 3px 3px 6px #959494;
1450 -webkit-box-shadow: 3px 3px 6px #959494;
1451 box-shadow: 3px 3px 6px #959494;
1452 background-color: #efefef;
1459 font-variant:small-caps;
1463 #photo-photo-end { clear: both; }
1469 background-color: rgba(255,255,255,0.2);
1471 -webkit-transition: all 0.2s ease-in-out;
1472 -moz-transition: all 0.2s ease-in-out;
1473 -o-transition: all 0.2s ease-in-out;
1474 -ms-transition: all 0.2s ease-in-out;
1475 transition: all 0.2s ease-in-out;
1476 background-position: center center;
1477 background-repeat: no-repeat;
1480 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1481 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1484 display: block; width: 100%; height: 100%;
1486 text-indent: -900000px;
1489 #photo-prev-link:hover,
1490 #photo-next-link:hover {
1492 -webkit-transition: all 0.2s ease-in-out;
1493 -moz-transition: all 0.2s ease-in-out;
1494 -o-transition: all 0.2s ease-in-out;
1495 -ms-transition: all 0.2s ease-in-out;
1496 transition: all 0.2s ease-in-out;
1499 #photo-next-link .icon,
1500 #photo-prev-link .icon { display: none }
1502 #photos-upload-spacer,
1503 #photos-upload-new-wrapper,
1504 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1505 #photos-upload-existing-album-text,
1506 #photos-upload-newalbum-div {
1507 background-color: #fff;
1515 #photos-upload-album-select,
1516 #photos-upload-newalbum { width: 400px; }
1518 #photos-upload-perms-menu {
1520 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1521 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1522 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1523 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1524 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1525 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1526 background-color:#bdbdbd;
1527 -moz-border-radius:5px;
1528 -webkit-border-radius:5px;
1536 #photos-upload-perms-menu:hover {
1542 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1543 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1544 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1545 background-color:#b20202;
1548 #photos-upload-perms-menu:active {
1553 background-color: #b20202;
1558 #photos-upload-perms-menu a {
1562 #photos-upload-perms-menu .icon {
1566 select[size], select[multiple], select[size][multiple] {
1567 -webkit-appearance: listbox;
1568 border: 2px solid #b0b0b0;
1570 -webkit-border-radius: 3px 3px 3px 3px;
1571 -moz-border-radius: 3px 3px 3px 3px;
1572 border-radius: 3px 3px 3px 3px;
1576 -webkit-appearance: menulist;
1577 box-sizing: border-box;
1578 -webkit-box-align: center;
1580 border: 2px solid #b0b0b0;
1582 -webkit-border-radius: 3px 3px 3px 3px;
1583 -moz-border-radius: 3px 3px 3px 3px;
1584 border-radius: 3px 3px 3px 3px;
1588 -webkit-border-radius: ;
1591 input, textarea, keygen {
1593 letter-spacing: normal;
1594 word-spacing: normal;
1596 text-transform: none;
1599 display: inline-block;
1600 text-align: -webkit-auto;
1601 border: 2px solid #b0b0b0;
1603 -webkit-border-radius: 3px 3px 3px 3px;
1604 -moz-border-radius: 3px 3px 3px 3px;
1605 border-radius: 3px 3px 3px 3px;
1609 background-color: none;
1610 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1611 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1612 box-shadow:inset 0px 1px 0px 0px #a65151;
1613 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1614 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1615 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1616 background-color:#d60808;
1617 -moz-border-radius:5px;
1618 -webkit-border-radius:5px;
1620 border:1px solid #fc5656;
1621 display:inline-block;
1623 text-shadow:1px 1px 0px #b36f6f;
1631 .qq-upload-button:hover {
1637 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1638 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1639 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1640 background-color:#b20202;
1643 .qq-upload-button:active {
1647 background-color: #B20202;
1658 background-color: #a2a2a2;
1660 padding: 5px 10px 5px 10px;
1663 -webkit-border-radius: 5px 5px 5px 5px;
1664 -moz-border-radius: 5px 5px 5px 5px;
1665 border-radius: 5px 5px 5px 5px;
1668 #album-edit-link a {
1672 #album-edit-link:hover {
1673 background-color: #b20202;
1676 #photo-edit-link-wrap {
1677 margin-bottom: 10px;
1686 input#photo_edit_form {
1691 #photo-edit-perms-menu {
1696 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1697 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1698 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1699 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1700 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1701 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1702 background-color:#bdbdbd;
1703 -moz-border-radius:5px;
1704 -webkit-border-radius:5px;
1713 #photo-edit-perms-menu:hover {
1715 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1716 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1717 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1718 background-color:#b20202;
1721 #photo-edit-perms-menu:active {
1722 background-color: #b20202;
1727 #photo-edit-perms-menu a {
1731 #photo-edit-perms-menu .icon {
1735 #photo-edit-delete-button {
1741 #side-bar-photos-albums h3:before {
1742 content: url("photography.png");
1743 padding-right: 10px;
1744 vertical-align: middle;
1747 #side-bar-photos-albums li {
1751 #photo-album-edit-wrapper {
1752 margin-bottom: 10px;
1759 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1764 background-color: #fff;
1765 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1766 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1767 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1770 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1777 background: transparent;
1778 -webkit-transform: skew(-5deg) rotate(-5deg);
1779 -moz-transform: skew(-5deg) rotate(-5deg);
1780 -ms-transform: skew(-5deg) rotate(-5deg);
1781 -o-transform: skew(-5deg) rotate(-5deg);
1782 transform: skew(-5deg) rotate(-5deg);
1783 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1784 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1785 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1789 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1792 -webkit-transform: skew(5deg) rotate(5deg);
1793 -moz-transform: skew(5deg) rotate(5deg);
1794 -ms-transform: skew(5deg) rotate(5deg);
1795 -o-transform: skew(5deg) rotate(5deg);
1796 transform: skew(5deg) rotate(5deg);
1805 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1806 #prvmail-subject .input{
1807 border: none !important ;
1810 #prvmail-subject-label {
1811 font-variant:small-caps;
1818 font-variant:small-caps;
1821 #prvmail-message-label {
1822 font-variant:small-caps;
1827 #prvmail-submit-wrapper { margin-top: 10px; }
1838 #prvmail-submit-wrapper > div {
1843 .mail-list-outside-wrapper {
1850 background-color: #efefef;
1851 border: 2px dotted #eeeeee;
1852 -moz-box-shadow: 3px 3px 4px #959494;
1853 -webkit-box-shadow: 3px 3px 4px #959494;
1854 box-shadow: 3px 3px 4px #959494;
1863 border: 1px solid #dddddd;
1866 .mail-list-sender-name {
1869 font-variant:small-caps;
1878 font-stretch:ultra-condensed;
1879 font-variant:small-caps;
1882 .mail-list-subject {
1886 padding-right: 50px;
1889 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1890 .mail-list-outside-wrapper-end {
1894 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1895 .mail-conv-sender-photo {
1899 background-color: #efefef;
1900 border: 1px solid #dddddd;
1901 -moz-box-shadow: 3px 3px 4px #959494;
1902 -webkit-box-shadow: 3px 3px 4px #959494;
1903 box-shadow: 3px 3px 4px #959494;
1906 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1907 .mail-conv-date { float: right; font-variant:small-caps; }
1908 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1917 vertical-align: middle;
1919 border: 1px solid #dddddd;
1921 .mail-conv-break { display: none; border: none;}
1922 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1924 /* ================= */
1925 /* = Notifications = */
1926 /* ================= */
1928 #notification-show-hide-wrapper {
1930 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1931 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1932 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1933 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1934 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1935 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1936 background-color:#bdbdbd;
1937 -moz-border-radius:5px;
1938 -webkit-border-radius:5px;
1940 padding: 5px 10px 5px 10px;
1948 #notification-show-hide-wrapper:hover {
1950 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1951 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1952 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1953 background-color:#b20202;
1956 #notification-show-hide-wrapper:active {
1957 background-color: #b20202;
1962 #notification-show-hide-wrapper a {
1971 margin-bottom: 10px;
1974 .view-contact-wrapper,
1975 .contact-entry-wrapper {
1978 margin-bottom: 20px;
1984 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1985 .contact-entry-edit-links { position: absolute; top: 60px; }
1986 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1987 .contact-entry-photo {
1989 background-color: #eeeeee;
1990 border: 1px solid #dddddd;
1991 -moz-box-shadow: 3px 3px 4px #959494;
1992 -webkit-box-shadow: 3px 3px 4px #959494;
1993 box-shadow: 3px 3px 4px #959494;
1996 .contact-entry-name {
2002 font-variant:small-caps;
2007 .contact-entry-photo {
2011 .contact-entry-edit-links .icon {
2012 border: 1px solid #babdb6;
2013 -webkit-border-radius: 3px;
2014 -moz-border-radius: 3px;
2016 background-color: #ffffff;
2019 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
2020 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2021 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2022 #contact-edit-nav-wrapper { margin-left: 210px; }
2023 #contact-edit-links { float: left; margin-top: 43px; }
2024 #contact-drop-links {}
2025 #contact-edit-nav-wrapper .icon {
2026 border: 1px solid #babdb6;
2027 -webkit-border-radius: 3px;
2028 -moz-border-radius: 3px;
2032 #contact-edit-nettype {
2034 font-variant: small-caps;
2037 padding-bottom: 0px;
2040 #contact-edit-poll-wrapper { margin-left: 50px; }
2041 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; font-size: 1em; }
2042 #contact-edit-last-updated { font-weight: bold; }
2043 #contact-edit-poll-text { display: inline; font-size: 1em; }
2044 #contact-edit-end { clear: both; margin-bottom: 65px;}
2046 #contact-edit-update-now {
2048 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2049 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2050 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2051 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2052 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2053 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2054 background-color:#bdbdbd;
2055 -moz-border-radius:5px;
2056 -webkit-border-radius:5px;
2058 padding: 5px 10px 5px 10px;
2065 #contact-edit-update-now:hover {
2067 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2068 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2069 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2070 background-color:#b20202;
2073 #contact-edit-update-now:active {
2074 background-color: #b20202;
2079 #contact-edit-update-now a {
2084 #contact-edit-profile-select-text > p {
2088 .contact-photo-menu-button {
2090 background-image: url("photo-menu.jpg");
2091 background-position: top left;
2092 background-repeat: no-repeat;
2093 margin: 0px; padding: 0px;
2096 top: 64px; left:0px;
2102 #contact-edit-photo {
2104 background-color: #f1f1f1;
2105 border: 1px solid #dedede;
2107 -moz-box-shadow: 5px 5px 8px #959494;
2108 -webkit-box-shadow: 5px 5px 8px #959494;
2109 box-shadow: 5px 5px 8px #959494;
2111 .contact-photo-menu {
2113 border: 1px solid #ddd;
2114 background: #f1f1f1;
2116 left: 0px; top: 90px;
2119 -moz-box-shadow: 3px 3px 5px #888;
2120 -webkit-box-shadow: 3px 3px 5px #888;
2121 box-shadow: 3px 3px 5px #888;
2124 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2125 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2126 .contact-photo-menu li a:hover {
2128 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2129 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2130 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2131 background-color:#b20202;
2132 text-decoration: none;
2135 .view-contact-photo {
2137 background-color: #efefef;
2138 border: 1px solid #dddddd;
2139 -moz-box-shadow: 3px 3px 4px #959494;
2140 -webkit-box-shadow: 3px 3px 4px #959494;
2141 box-shadow: 3px 3px 4px #959494;
2144 .view-contact-name {
2145 font-variant: small-caps;
2149 background-color: #efefef;
2155 margin-bottom: 20px;
2158 #follow-sidebar h3:before {
2159 content: url("user.png");
2160 padding-right: 10px;
2161 vertical-align: middle;
2164 #follow-sidebar input[type="text"] {
2166 margin-bottom: 10px;
2173 margin-bottom: 20px;
2174 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2175 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2176 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2177 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2178 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2179 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2180 background-color:#bdbdbd;
2181 -moz-border-radius:5px;
2182 -webkit-border-radius:5px;
2184 padding: 5px 10px 5px 10px;
2190 #side-match-link:hover {
2192 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2193 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2194 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2195 background-color:#b20202;
2198 #side-match-link:active {
2199 background-color: #b20202;
2204 #side-match-link a {
2208 #side-follow-wrapper{
2211 font-stretch:semi-expanded;
2212 background-color: #f3f3f3;
2213 border: 1px solid #cdcdcd;
2216 -webkit-border-radius: 5px 5px 5px 5px;
2217 -moz-border-radius: 5px 5px 5px 5px;
2218 border-radius: 5px 5px 5px 5px;
2221 #side-follow-wrapper label{
2223 font-variant: normal;
2226 #contact-view-recent {
2230 margin-bottom: 20px;
2231 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2232 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2233 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2234 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2235 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2236 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2237 background-color:#bdbdbd;
2238 -moz-border-radius:5px;
2239 -webkit-border-radius:5px;
2241 padding: 5px 10px 5px 10px;
2247 #contact-view-recent:hover{
2249 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2250 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2251 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2252 background-color:#b20202;
2255 #contact-view-recent:active {
2256 background-color: #b20202;
2261 #contact-view-recent a {
2270 margin-bottom: 20px;
2271 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2272 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2273 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2274 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2275 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2276 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2277 background-color:#bdbdbd;
2278 -moz-border-radius:5px;
2279 -webkit-border-radius:5px;
2281 padding: 5px 10px 5px 10px;
2287 #contact-suggest:hover {
2289 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2290 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2291 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2292 background-color:#b20202;
2295 #contact-suggest:active {
2296 background-color: #b20202;
2301 #contact-suggest a {
2305 #contact-edit-info-wrapper {
2309 /* ===================================== */
2310 /* = Register, Settings, Profile Forms = */
2311 /* ===================================== */
2315 background: url(login-bg.gif) no-repeat;
2316 background-position: 0 50%;
2321 #profile-tabs-wrapper {
2325 #profile-tab-status-link {
2326 padding: 5px 10px 5px 10px;
2330 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2331 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2332 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2333 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2334 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2335 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2336 background-color:#bdbdbd;
2337 -moz-border-radius:5px;
2338 -webkit-border-radius:5px;
2343 #profile-tab-status-link:hover {
2345 padding: 5px 10px 5px 10px;
2348 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2349 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2350 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2351 background-color:#b20202;
2354 #profile-tab-status-link:active {
2356 padding: 5px 10px 5px 10px;
2358 background-color: #b20202;
2363 #profile-tab-status-link a {
2371 #profile-tab-profile-link {
2374 padding: 5px 10px 5px 10px;
2376 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2377 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2378 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2379 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2380 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2381 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2382 background-color:#bdbdbd;
2383 -moz-border-radius:5px;
2384 -webkit-border-radius:5px;
2389 #profile-tab-profile-link:hover {
2391 padding: 5px 10px 5px 10px;
2394 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2395 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2396 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2397 background-color:#b20202;
2400 #profile-tab-profile-link:active {
2402 padding: 5px 10px 5px 10px;
2404 background-color: #b20202;
2409 #profile-tab-profile-link a {
2415 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2416 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2417 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2418 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2419 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2420 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2421 background-color:#7c7d7b;
2422 -moz-border-radius:5px;
2423 -webkit-border-radius:5px;
2425 padding: 5px 10px 5px 10px;
2426 margin-bottom: 10px;
2429 #uexport-link:hover {
2431 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2432 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2433 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2434 background-color:#555753;
2437 #uexport-link:active {
2439 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2440 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2441 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2442 background-color:#b20202;
2447 #settings-default-perms {
2450 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2451 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2452 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2453 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2454 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2455 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2456 background-color:#7c7d7b;
2457 -moz-border-radius:5px;
2458 -webkit-border-radius:5px;
2460 padding: 5px 10px 5px 10px;
2461 margin-bottom: 10px;
2464 #settings-default-perms .fakelink {
2468 #settings-default-perms:hover {
2470 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2471 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2472 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2473 background-color:#555753;
2476 #settings-default-perms:active {
2478 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2479 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2480 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2481 background-color:#b20202;
2486 #settings-nickname-desc {
2488 background-color: #efefef;
2489 margin-bottom: 10px;
2490 -webkit-border-radius: 5px;
2491 -moz-border-radius: 5px;
2497 #profile-edit-form div {
2501 #register-form label,
2502 #profile-edit-form label {
2503 width: 300px; float: left;
2506 #register-form span,
2507 #profile-edit-form span {
2510 margin-bottom: 20px;
2513 .settings-submit-wrapper,
2514 .profile-edit-submit-wrapper { margin: 30px 0px;}
2515 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2517 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2520 #register-sitename { display: inline; font-weight: bold;}
2522 /* ===================== */
2523 /* = Contacts Selector = */
2524 /* ===================== */
2526 #group-edit-wrapper {
2527 margin-bottom: 10px;
2530 #group-edit-name-wrapper {
2534 #group-edit-submit-wrapper {
2535 margin-bottom: 10px;
2536 margin-right: 400px;
2540 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2541 #group-edit-desc { margin: 10px 0xp; }
2542 #group-new-text {font-size: 1.1em;}
2549 background-color: #f0edf0;
2551 border: 1px solid #ccc;
2552 margin-bottom: 10px;
2556 #group-all-contacts,
2557 #prof-all-contacts {
2561 border: 1px solid #ccc;
2562 background-color: #f0edf0;
2567 #group-all-contacts h3,
2569 #prof-all-contacts h3{
2576 #prof-separator { display: none;}
2582 .clear { clear: both; }
2595 background-color: #fff;
2596 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2597 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2598 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2601 .vevent:before, .vevent:after {
2608 background: transparent;
2609 -webkit-transform: skew(-5deg) rotate(-5deg);
2610 -moz-transform: skew(-5deg) rotate(-5deg);
2611 -ms-transform: skew(-5deg) rotate(-5deg);
2612 -o-transform: skew(-5deg) rotate(-5deg);
2613 transform: skew(-5deg) rotate(-5deg);
2614 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2615 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2616 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2623 -webkit-transform: skew(5deg) rotate(5deg);
2624 -moz-transform: skew(5deg) rotate(5deg);
2625 -ms-transform: skew(5deg) rotate(5deg);
2626 -o-transform: skew(5deg) rotate(5deg);
2627 transform: skew(5deg) rotate(5deg);
2630 .vevent .event-description {
2638 .vevent .event-location{
2642 font-style: oblique;
2647 .vevent .event-start, .vevent .event-end {
2653 font-variant: small-caps;
2660 margin-bottom: 10px;
2661 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2662 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2663 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2664 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2665 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2666 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2667 background-color:#bdbdbd;
2668 -moz-border-radius:5px;
2669 -webkit-border-radius:5px;
2674 #new-event-link:hover {
2676 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2677 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2678 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2679 background-color:#b20202;
2682 #new-event-link:active {
2683 background-color: #b20202;
2692 .edit-event-link, .plink-event-link {
2696 margin-bottom: 15px;
2699 .event-description:before {
2700 content: url('calendar.png');
2702 vertical-align: middle;
2705 .event-start, .event-end {
2710 .event-start .dtstart, .event-end .dtend {
2715 margin-bottom: 10px;
2716 font-variant:small-caps;
2717 font-stretch:condensed;
2720 .prevcal, .nextcal {
2727 .event-calendar-end {
2732 font-family: Helvetica, Arial, sans-serif;
2734 background-color: #f1f1f1;
2735 border: 1px solid #dedede;
2736 margin-bottom: 10px;
2737 -moz-box-shadow: 5px 5px 8px #959494;
2738 -webkit-box-shadow: 5px 5px 8px #959494;
2739 box-shadow: 5px 5px 8px #959494;
2743 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2744 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2745 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2746 background-color: #b20202;
2752 font-variant:small-caps;
2753 -moz-box-shadow: 5px 2px 8px #959494;
2754 -webkit-box-shadow: 5px 2px 8px #959494;
2755 box-shadow: 5px 2px 8px #959494;
2759 border: 1px solid #eeeeee;
2769 background-color: #cdcdcd;
2781 background-color: #b20202;
2786 #event-finish-text {
2791 #event-nofinish-checkbox,
2792 #event-nofinish-text,
2793 #event-adjust-checkbox,
2795 #event-share-checkbox {
2799 #event-datetime-break {
2800 margin-bottom: 10px;
2803 #event-nofinish-break,
2804 #event-adjust-break,
2805 #event-share-break {
2810 #event-location-text {
2825 margin: 50px 50px 0px 0px;
2827 background-color: #f1f1f1;
2828 border: 1px solid #dedede;
2830 -moz-box-shadow: 5px 5px 8px #959494;
2831 -webkit-box-shadow: 5px 5px 8px #959494;
2832 box-shadow: 5px 5px 8px #959494;
2835 .directory-details {
2837 font-variant: small-caps;
2843 font-variant: small-caps;
2859 background-color: #FF0000;
2864 border: 0px; padding: 0px;
2868 list-style-position: inside;
2876 padding-bottom: 2px;
2877 border-bottom: 1px solid black;
2890 border-bottom: 1px solid #898989;
2895 #adminpage .submit {
2899 #adminpage #pluginslist {
2900 margin: 0px; padding: 0px;
2903 #adminpage .plugin {
2906 border: 1px solid #888888;
2912 #adminpage .toggleplugin {
2917 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2918 #adminpage table th { text-align: left;}
2919 #adminpage td .icon { float: left;}
2920 #adminpage table#users img { width: 16px; height: 16px; }
2921 #adminpage table tr:hover { background-color: #eeeeee; }
2922 #adminpage .selectall { text-align: right; }
2924 /* =============== */
2925 /* = Form Fields = */
2926 /* =============== */
2930 padding-bottom: 10px;
2944 .field textarea { height: 100px; }
2957 border:1px solid #c1c1c1;
2958 background-image:url("../../../images/onoff.jpg");
2959 background-repeat: no-repeat;
2960 padding: 4px 2px 2px 2px;
2962 text-decoration: none;
2964 .field .onoff .off {
2965 border-color:#c1c1c1;
2967 background-position: left center;
2968 background-color: #cccccc;
2974 border-color:#c1c1c1;
2975 padding-right: 40px;
2976 background-position: right center;
2977 background-color: #b20202;
2982 .hidden { display: none!important; }
2984 .field.radio .field_help { margin-left: 0px; }
2991 display: block; width: 20px; height: 20px;
2992 background-image: url('icons.png');
2995 background-image: url("star.png");
2999 background-image: url("premium.png");
3005 border: 1px solid #c1c1c1;
3006 -webkit-border-radius: 3px;
3007 -moz-border-radius: 3px;
3011 .article { background-position: -50px 0px;}
3012 .audio { background-position: -70px 0px;}
3013 .block { background-position: -90px 0px;}
3014 .drop { background-position: -110px 0px;}
3015 .drophide { background-position: -130px 0px;}
3016 .edit { background-position: -150px 0px;}
3017 .camera { background-position: -170px 0px;}
3018 .dislike { background-position: -190px 0px;}
3019 .like { background-position: -210px 0px;}
3020 .link { background-position: -230px 0px;}
3022 .globe { background-position: -50px -20px;}
3023 .noglobe { background-position: -70px -20px;}
3024 .no { background-position: -90px -20px;}
3025 .pause { background-position: -110px -20px;}
3026 .play { background-position: -130px -20px;}
3027 .pencil { background-position: -150px -20px;}
3028 .small-pencil { background-position: -170px -20px;}
3029 .recycle { background-position: -190px -20px;}
3030 .remote-link { background-position: -210px -20px;}
3031 .share { background-position: -230px -20px;}
3033 .tools { background-position: -50px -40px;}
3034 .lock { background-position: -70px -40px;}
3037 background-position: -90px -40px;
3038 background-image: none;
3043 .video { background-position: -110px -40px;}
3044 .youtube { background-position: -130px -40px;}
3046 .attach { background-position: -190px -40px;}
3047 .language { background-position: -210px -40px;}
3050 .on { background-position: -50px -60px;}
3051 .off { background-position: -70px -60px;}
3052 .prev { background-position: -90px -60px;}
3053 .next { background-position: -110px -60px;}
3055 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3058 display: block; width: 20px; height: 23px;
3059 background-image: url('../../../images/content-types.png');
3062 .type-video { background-position: 0px 0px; }
3063 .type-image { background-position: -20px 0px; }
3064 .type-audio { background-position: -40px 0px; }
3065 .type-text { background-position: -60px 0px; }
3066 .type-unkn { background-position: -80px 0px; }
3072 .cc-license { margin-top: 100px; font-size: 0.7em; }
3073 footer { display: block; margin: 50px 20%; clear: both; }
3078 border: 1px solid #cccccc;
3085 #photo-edit-perms-select,
3086 #photos-upload-permissions-wrapper,
3087 #profile-jot-acl-wrapper{
3088 display:block!important;
3097 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3108 background-color: #cccccc;
3109 background-position: 7px 7px;
3110 background-repeat: no-repeat;
3112 -webkit-border-radius: 5px ;
3113 -moz-border-radius: 5px;
3117 #acl-showall.selected {
3119 background-color: #b20202;
3124 border: 1px solid #cccccc;
3125 background-color: #efefef;
3139 border: 1px solid #cccccc;
3140 background-color: #fff;
3143 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3144 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3145 box-shadow: 2px 2px 3px #c1c1c1;
3159 padding: 2px 0px 1px;
3168 background-color: #898989;
3169 background-position: 3px 3px;
3170 background-repeat: no-repeat;
3172 -webkit-border-radius: 2px ;
3173 -moz-border-radius: 2px;
3178 #acl-wrapper a:hover {
3179 text-decoration: none;
3180 background-color:#b20202;
3183 .acl-button-show.selected {
3185 background-color: #b20202;
3188 .acl-button-hide.selected {
3190 background-color: #a2a2a2;
3193 .acl-list-item.groupshow { border-color: #b20202; }
3194 .acl-list-item.grouphide { border-color: #a2a2a2; }
3196 /* ========================= */
3197 /* = Global Directory Link = */
3198 /* ========================= */
3200 #global-directory-link {
3203 margin-bottom: 10px;
3205 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3206 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3207 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3208 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3209 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3210 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3211 background-color:#bdbdbd;
3212 -moz-border-radius:5px;
3213 -webkit-border-radius:5px;
3219 #global-directory-link:hover {
3221 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3222 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3223 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3224 background-color:#b20202;
3227 #global-directory-link:active {
3228 background-color: #b20202;
3233 #global-directory-link a {
3237 #global-directory-link {
3238 -webkit-padding-start: 0px;