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 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
153 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
154 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
155 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
156 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
157 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
158 background-color:#bdbdbd;
159 -moz-border-radius:5px;
160 -webkit-border-radius:5px;
166 #login-extra-links a {
169 padding: 5px 0px 5px 0px;
175 #login-extra-links:hover {
177 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
178 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
179 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
180 background-color:#b20202;
184 #login-extra-links:active {
189 #login-extra-filler {
200 -webkit-border-radius: 5px ;
201 -moz-border-radius: 5px;
203 border: 1px solid #494948;
204 background-color: #2e3436;
209 -moz-box-shadow: 7px 7px 12px #434343;
210 -webkit-box-shadow: 7px75px 12px #434343;
211 box-shadow: 7px 7px 10px #434343;
229 .pager span { padding: 4px; margin:4px; }
230 .pager_current { background-color: #b20202; color: #ffffff; }
242 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
243 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
244 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
245 background-color:#7c7d7b;
246 border-bottom: 1px solid #494948;
248 nav a { text-decoration: none; color: #eeeeec; border:0px;}
249 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
258 nav #banner #logo-text a {
273 vertical-align: middle;
274 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
275 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
276 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
277 background-color:#898988;
278 -moz-border-radius:5px;
279 -webkit-border-radius:5px;
282 text-decoration:none;
284 border: 1px solid #9a9a9a;
287 nav #user-menu-label:after{
288 content: url("menu-user-pin.png") no-repeat;
292 nav #user-menu-label {
293 vertical-align: middle;
302 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
303 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
304 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
305 background-color:#898988;
311 border: 1px solid #9a9a9a;
313 -webkit-border-radius: 0px 0px 5px 5px;
314 -moz-border-radius: 0px 0px 5px 5px;
315 border-radius: 0px 0px 5px 5px;
316 -moz-box-shadow: 5px 5px 10px #242424;
317 -webkit-box-shadow: 5px 5px 10px #242424;
318 box-shadow: 5px 5px 10px #242424;
322 ul#user-menu-popup li { display: block; }
323 ul#user-menu-popup li a { display: block; padding: 5px; }
324 ul#user-menu-popup li a:hover {
326 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
327 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
328 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
329 background-color:#d60808;
332 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
341 top:10px; left: 650px;
346 background: transparent url('notifications.png') 0px 0px no-repeat;
355 #net-update { background-position: 0px 0px; }
356 #mail-update { background-position: 0px -42px; }
357 #notify-update { background-position: 0px -84px; }
358 #home-update { background-position: 0px -126px; }
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;
703 #jot-perms-perms .icon {
707 #profile-jot-submit {
715 #profile-jot-perms:hover, #profile-jot-submit:hover {
716 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
717 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
718 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
719 background-color:#b20202;
721 #profile-jot-perms:active, #profile-jot-submit:active {
727 /*float: left; padding: 8px 10px;*/
728 position: absolute: right: 100px; top:100px;
730 #profile-rotator-wrapper {
738 #profile-jot-tools-end,
739 #profile-jot-banner-end { clear: both; }
741 #profile-jot-email-wrapper {
742 margin: 10px 10% 0px 10%;
743 border: 1px solid #eeeeee;
746 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
747 #profile-jot-email { margin: 5px; width: 98%; }
749 #profile-jot-networks {
751 border: 1px solid #eeeeee;
756 #profile-jot-acl-wrapper {
758 border: 1px solid #eeeeee;
760 display:block!important;
762 #group_allow_wrapper,
764 #acl-permit-outer-wrapper { width: 47%; float: left; }
766 #contact_allow_wrapper,
767 #contact_deny_wrapper,
768 #acl-deny-outer-wrapper { width: 47%; float: right; }
770 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
771 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
772 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
774 #acl-permit-text-end,
775 #acl-deny-text-end { clear: both; }
776 #profile-jot-wrapper {
781 profile-jot-banner-wrapper {
798 margin: 0px 0px 10px 0px;
799 border-bottom: 1px solid #efefef;
801 .tabs-wrapper li { display: inline;}
804 padding: 5px 10px 5px 10px;
807 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
808 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
809 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
810 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
811 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
812 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
813 background-color:#bdbdbd;
814 -moz-border-radius:5px;
815 -webkit-border-radius:5px;
818 text-decoration:none;
823 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
824 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
825 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
826 background-color:#b20202;
828 padding: 5px 10px 5px 10px;
835 padding: 5px 10px 5px 10px;
843 .wall-item-outside-wrapper {
846 .wall-item-outside-wrapper-end { clear: both;}
847 .wall-item-content-wrapper { position: relative; max-width: 95%; }
848 .wall-item-photo-menu { display: none;}
849 .wall-item-photo-menu-button {
851 text-indent: -99999px;
852 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
855 height: 20px; width: 90px;
856 top: 85px; left: -1px;
857 -webkit-border-radius: 0px 0px 5px 5px;
858 -moz-border-radius: 0px 0px 5px 5px;
859 border-radius: 0px 0px 5px 5px;
862 .wall-item-info { float: left; width: 140px; }
863 .wall-item-photo-wrapper {
864 width: 80px; height: 80px;
867 background-color: #eeeeee;
868 border: 1px solid #dddddd;
869 -moz-box-shadow: 3px 3px 4px #959494;
870 -webkit-box-shadow: 3px 3px 4px #959494;
871 box-shadow: 3px 3px 4px #959494;
875 filter: alpha(opacity=60);
877 -webkit-transition: all 0.25s ease-in-out;
878 -moz-transition: all 0.25s ease-in-out;
879 -o-transition: all 0.25s ease-in-out;
880 -ms-transition: all 0.25s ease-in-out;
881 transition: all 0.25s ease-in-out;
887 .wall-item-tools:hover {
888 filter: alpha(opacity=100);
890 -webkit-transition: all 0.25s ease-in-out;
891 -moz-transition: all 0.25s ease-in-out;
892 -o-transition: all 0.25s ease-in-out;
893 -ms-transition: all 0.25s ease-in-out;
894 transition: all 0.25s ease-in-out;
898 .wall-item-outside-wrapper.comment .wall-item-tools {
899 margin: 5px 5px 10px 60px;
903 .wall-item-like-buttons {
906 .wall-item-like-buttons a.icon {
911 .wall-item-links-wrapper {
915 .wall-item-delete-wrapper {
918 .wall-item-links-wrapper a.icon {
932 .wall-item-title { font-size: 1.2em; font-weight: bold;}
933 .wall-item-body { margin-left: 140px; padding-right: 20px; }
938 .wall-item-lock-wrapper { float: right; }
944 margin: 4px 0px 0px 140px;
945 font-variant:small-caps;
948 .wall-item-author a {
952 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
953 .wall-item-wrapper-end { clear:both; }
954 .wall-item-location {
958 text-overflow: ellipsis;
959 -o-text-overflow: ellipsis;
962 .wall-item-location .icon { float: left; }
963 .wall-item-location > a {
967 font-variant:small-caps;
971 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
972 .wall-item-location > br { display: none; }
976 font-variant:small-caps;
990 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
991 .wallwall .wall-item-photo-end { clear: both; }
992 .wall-item-arrowphoto-wrapper {
999 .wall-item-photo-menu {
1003 background: #eeeeee;
1004 border-right: 1px solid #dddddd;
1005 border-left: 1px solid #dddddd;
1006 border-bottom: 1px solid #dddddd;
1008 left: -2px; top: 101px;
1011 -webkit-border-radius: 0px 5px 5px 5px;
1012 -moz-border-radius: 0px 5px 5px 5px;
1013 border-radius: 0px 5px 5px 5px;
1014 -moz-box-shadow: 3px 3px 4px #959494;
1015 -webkit-box-shadow: 3px 3px 4px #959494;
1016 box-shadow: 3px 3px 4px #959494;
1019 .wall-item-photo-menu-button {
1020 border-right: 1px solid #dddddd;
1021 border-left: 1px solid #dddddd;
1022 border-bottom: 1px solid #dddddd;
1023 -moz-box-shadow: 3px 3px 4px #959494;
1024 -webkit-box-shadow: 3px 3px 4px #959494;
1025 box-shadow: 3px 3px 4px #959494;
1028 .fakelink wall-item-photo-menu-button {
1029 -webkit-border-radius: 0px 5px 5px 5px;
1030 -moz-border-radius: 0px 5px 5px 5px;
1031 border-radius: 0px 5px 5px 5px;
1032 -moz-box-shadow: 3px 3px 4px #959494;
1033 -webkit-box-shadow: 3px 3px 4px #959494;
1034 box-shadow: 3px 3px 4px #959494;
1037 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1038 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1039 .wall-item-photo-menu li a:hover {
1041 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1042 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1043 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1044 background-color:#b20202;
1049 .icon.drophide { float: left; }
1050 #item-delete-selected { overflow: auto; width: 100%;}
1051 .wall-item-outside-wrapper {
1053 border-bottom: 1px solid #dedede;
1061 .ccollapse-wrapper {
1065 font-variant:small-caps;
1068 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1069 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1070 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1071 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1074 background-position: 35px center;
1076 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1077 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
1078 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1080 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1084 .icollapse-wrapper {
1087 font-variant:small-caps;
1090 .comment-wwedit-wrapper,
1091 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1092 .comment-wwedit-wrapper img,
1093 .comment-edit-wrapper img { width: 20px; height: 20px; }
1094 .comment-edit-photo-link { float: left; width: 40px;}
1095 .comment-edit-text-empty {
1100 -webkit-transition: all 0.5s ease-in-out;
1101 -moz-transition: all 0.5s ease-in-out;
1102 -o-transition: all 0.5s ease-in-out;
1103 -ms-transition: all 0.5s ease-in-out;
1104 transition: all 0.5s ease-in-out;
1106 .comment-edit-text-empty:hover { color: #999999;}
1107 .comment-edit-text-full { width: 80%; height: 6em;
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-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1115 .comment-edit-submit {
1117 background-color: #a2a2a2;
1119 -webkit-border-radius: 5px;
1120 -moz-border-radius: 5px;
1125 .comment-edit-submit:hover {
1126 background-color: #b20202;
1129 .comment-edit-submit:active {
1130 background-color: #b20202;
1133 #item-delete-selected-desc {
1140 .wall-item-body code {
1141 border-color: #CCCCCC;
1142 border-style: solid;
1143 border-width: 1px 1px 1px 10px;
1152 .advanced-profile-content {
1154 margin-bottom: 10px;
1159 .advanced-profile-label {
1162 padding-bottom: 5px;
1164 font-variant:small-caps;
1167 div[id$="wrapper"] { height: 100%;}
1168 div[id$="wrapper"] br { clear: left; }
1169 #advanced-profile-with { margin-left: 20px;}
1171 #profile-listing-desc {
1174 padding: 5px 10px 5px 10px;
1178 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1179 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1180 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1181 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1182 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1183 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1184 background-color:#bdbdbd;
1185 -moz-border-radius:5px;
1186 -webkit-border-radius:5px;
1188 display:inline-block;
1194 #profile-listing-desc:hover {
1195 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1196 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1197 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1198 background-color:#b20202;
1201 #profile-listing-desc:active {
1202 background-color: #b20202;
1207 #profile-listing-desc a {
1211 #profile-listing-new-link-wrapper {
1217 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1218 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1219 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1220 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1221 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1222 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1223 background-color:#bdbdbd;
1224 -moz-border-radius:5px;
1225 -webkit-border-radius:5px;
1227 padding: 5px 10px 5px 10px;
1233 #profile-listing-new-link-wrapper:hover {
1234 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1235 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1236 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1237 background-color:#b20202;
1240 #profile-listing-new-link-wrapper:active {
1241 background-color: #b20202;
1246 #profile-listing-new-link-wrapper a {
1250 .profile-listing-name {
1252 font-variant: small-caps;
1254 .profile-listing-name a {
1258 .profile-listing-visible {
1262 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1263 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1264 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1265 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1266 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1267 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1268 background-color:#bdbdbd;
1269 -moz-border-radius:5px;
1270 -webkit-border-radius:5px;
1272 padding: 5px 10px 5px 10px;
1278 .profile-listing-visible:hover {
1279 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1280 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1281 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1282 background-color:#b20202;
1285 .profile-listing-visible:active {
1286 background-color: #b20202;
1291 .profile-listing-visible a {
1295 .profile-listing-photo {
1297 background-color: #efefef;
1298 border: 2px dotted #eeeeee;
1299 -moz-box-shadow: 3px 3px 4px #959494;
1300 -webkit-box-shadow: 3px 3px 4px #959494;
1301 box-shadow: 3px 3px 4px #959494;
1304 #profile-edit-links li {
1309 background-color: #a2a2a2;
1311 padding: 5px 10px 5px 10px;
1314 -webkit-border-radius: 5px 5px 5px 5px;
1315 -moz-border-radius: 5px 5px 5px 5px;
1316 border-radius: 5px 5px 5px 5px;
1319 #profile-edit-links li a {
1323 #profile-edit-links li:hover {
1324 background-color: #b20202;
1327 #profile-edit-links li:active {
1328 background-color: #b20202;
1331 #cropimage-wrapper { float:left; }
1332 #crop-image-form { clear:both; }
1334 .profile-match-name a{
1336 font-variant: small-caps;
1340 .profile-match-name a:hover {
1344 .profile-match-wrapper {
1348 background-color: #f6f6f6;
1349 border: 1px solid #dddddd;
1350 -moz-box-shadow: 3px 3px 4px #959494;
1351 -webkit-box-shadow: 3px 3px 4px #959494;
1352 box-shadow: 3px 3px 4px #959494;
1359 #side-bar-photos-albums li {
1367 background-color: #a2a2a2;
1369 padding: 5px 10px 5px 10px;
1372 -webkit-border-radius: 5px 5px 5px 5px;
1373 -moz-border-radius: 5px 5px 5px 5px;
1374 border-radius: 5px 5px 5px 5px;
1376 #photo-top-links a {
1380 #photo-top-links:hover {
1381 background-color: #b20202;
1384 #photo-top-links:active {
1385 background-color: #b20202;
1388 .photo-album-image-wrapper,
1389 .photo-top-image-wrapper {
1391 margin: 0px 10px 10px 0px;
1392 border: 1px solid #dddddd;
1393 -moz-box-shadow: 3px 3px 6px #959494;
1394 -webkit-box-shadow: 3px 3px 6px #959494;
1395 box-shadow: 3px 3px 6px #959494;
1396 background-color: #efefef;
1398 padding-bottom: 30px;
1402 #photo-photo { max-width: 100% }
1403 #photo-photo img { max-width: 100% }
1405 .photo-top-image-wrapper a:hover,
1406 #photo-photo a:hover,
1407 .photo-album-image-wrapper a:hover {
1412 .photo-album-photo {}
1414 .photo-top-album-name {
1419 font-stretch:semi-expanded;
1420 font-variant:small-caps;
1423 .photo-top-album-name a{
1434 font-variant: small-caps;
1440 border: 1px solid #dddddd;
1441 -moz-box-shadow: 3px 3px 6px #959494;
1442 -webkit-box-shadow: 3px 3px 6px #959494;
1443 box-shadow: 3px 3px 6px #959494;
1444 background-color: #efefef;
1451 font-variant:small-caps;
1455 #photo-photo-end { clear: both; }
1461 background-color: rgba(255,255,255,0.2);
1463 -webkit-transition: all 0.2s ease-in-out;
1464 -moz-transition: all 0.2s ease-in-out;
1465 -o-transition: all 0.2s ease-in-out;
1466 -ms-transition: all 0.2s ease-in-out;
1467 transition: all 0.2s ease-in-out;
1468 background-position: center center;
1469 background-repeat: no-repeat;
1472 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1473 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1476 display: block; width: 100%; height: 100%;
1478 text-indent: -900000px;
1481 #photo-prev-link:hover,
1482 #photo-next-link:hover {
1484 -webkit-transition: all 0.2s ease-in-out;
1485 -moz-transition: all 0.2s ease-in-out;
1486 -o-transition: all 0.2s ease-in-out;
1487 -ms-transition: all 0.2s ease-in-out;
1488 transition: all 0.2s ease-in-out;
1491 #photo-next-link .icon,
1492 #photo-prev-link .icon { display: none }
1494 #photos-upload-spacer,
1495 #photos-upload-new-wrapper,
1496 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1497 #photos-upload-existing-album-text,
1498 #photos-upload-newalbum-div {
1499 background-color: #fff;
1507 #photos-upload-album-select,
1508 #photos-upload-newalbum { width: 400px; }
1510 #photos-upload-perms-menu {
1512 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1513 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1514 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1515 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1516 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1517 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1518 background-color:#bdbdbd;
1519 -moz-border-radius:5px;
1520 -webkit-border-radius:5px;
1528 #photos-upload-perms-menu:hover {
1534 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1535 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1536 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1537 background-color:#b20202;
1540 #photos-upload-perms-menu:active {
1545 background-color: #b20202;
1550 #photos-upload-perms-menu a {
1554 #photos-upload-perms-menu .icon {
1558 select[size], select[multiple], select[size][multiple] {
1559 -webkit-appearance: listbox;
1560 border: 2px solid #b0b0b0;
1562 -webkit-border-radius: 3px 3px 3px 3px;
1563 -moz-border-radius: 3px 3px 3px 3px;
1564 border-radius: 3px 3px 3px 3px;
1568 -webkit-appearance: menulist;
1569 box-sizing: border-box;
1570 -webkit-box-align: center;
1572 border: 2px solid #b0b0b0;
1574 -webkit-border-radius: 3px 3px 3px 3px;
1575 -moz-border-radius: 3px 3px 3px 3px;
1576 border-radius: 3px 3px 3px 3px;
1580 -webkit-border-radius: ;
1583 input, textarea, keygen {
1585 letter-spacing: normal;
1586 word-spacing: normal;
1588 text-transform: none;
1591 display: inline-block;
1592 text-align: -webkit-auto;
1593 border: 2px solid #b0b0b0;
1595 -webkit-border-radius: 3px 3px 3px 3px;
1596 -moz-border-radius: 3px 3px 3px 3px;
1597 border-radius: 3px 3px 3px 3px;
1601 background-color: none;
1602 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1603 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1604 box-shadow:inset 0px 1px 0px 0px #a65151;
1605 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1606 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1607 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1608 background-color:#d60808;
1609 -moz-border-radius:5px;
1610 -webkit-border-radius:5px;
1612 border:1px solid #fc5656;
1613 display:inline-block;
1615 text-shadow:1px 1px 0px #b36f6f;
1623 .qq-upload-button:hover {
1629 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1630 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1631 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1632 background-color:#b20202;
1635 .qq-upload-button:active {
1639 background-color: #B20202;
1650 background-color: #a2a2a2;
1652 padding: 5px 10px 5px 10px;
1655 -webkit-border-radius: 5px 5px 5px 5px;
1656 -moz-border-radius: 5px 5px 5px 5px;
1657 border-radius: 5px 5px 5px 5px;
1660 #album-edit-link a {
1664 #album-edit-link:hover {
1665 background-color: #b20202;
1668 #photo-edit-link-wrap {
1669 margin-bottom: 10px;
1678 input#photo_edit_form {
1683 #photo-edit-perms-menu {
1688 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1689 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1690 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1691 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1692 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1693 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1694 background-color:#bdbdbd;
1695 -moz-border-radius:5px;
1696 -webkit-border-radius:5px;
1705 #photo-edit-perms-menu:hover {
1707 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1708 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1709 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1710 background-color:#b20202;
1713 #photo-edit-perms-menu:active {
1714 background-color: #b20202;
1719 #photo-edit-perms-menu a {
1723 #photo-edit-perms-menu .icon {
1727 #photo-edit-delete-button {
1733 #side-bar-photos-albums h3:before {
1734 content: url("photography.png");
1735 padding-right: 10px;
1736 vertical-align: middle;
1739 #side-bar-photos-albums li {
1743 #photo-album-edit-wrapper {
1744 margin-bottom: 10px;
1751 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1756 background-color: #fff;
1757 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1758 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1759 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1762 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1769 background: transparent;
1770 -webkit-transform: skew(-5deg) rotate(-5deg);
1771 -moz-transform: skew(-5deg) rotate(-5deg);
1772 -ms-transform: skew(-5deg) rotate(-5deg);
1773 -o-transform: skew(-5deg) rotate(-5deg);
1774 transform: skew(-5deg) rotate(-5deg);
1775 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1776 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1777 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1781 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1784 -webkit-transform: skew(5deg) rotate(5deg);
1785 -moz-transform: skew(5deg) rotate(5deg);
1786 -ms-transform: skew(5deg) rotate(5deg);
1787 -o-transform: skew(5deg) rotate(5deg);
1788 transform: skew(5deg) rotate(5deg);
1797 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1798 #prvmail-subject .input{
1799 border: none !important ;
1802 #prvmail-subject-label {
1803 font-variant:small-caps;
1810 font-variant:small-caps;
1813 #prvmail-message-label {
1814 font-variant:small-caps;
1819 #prvmail-submit-wrapper { margin-top: 10px; }
1830 #prvmail-submit-wrapper > div {
1835 .mail-list-outside-wrapper {
1842 background-color: #efefef;
1843 border: 2px dotted #eeeeee;
1844 -moz-box-shadow: 3px 3px 4px #959494;
1845 -webkit-box-shadow: 3px 3px 4px #959494;
1846 box-shadow: 3px 3px 4px #959494;
1855 border: 1px solid #dddddd;
1858 .mail-list-sender-name {
1861 font-variant:small-caps;
1870 font-stretch:ultra-condensed;
1871 font-variant:small-caps;
1874 .mail-list-subject {
1878 padding-right: 50px;
1881 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1882 .mail-list-outside-wrapper-end {
1886 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1887 .mail-conv-sender-photo {
1891 background-color: #efefef;
1892 border: 1px solid #dddddd;
1893 -moz-box-shadow: 3px 3px 4px #959494;
1894 -webkit-box-shadow: 3px 3px 4px #959494;
1895 box-shadow: 3px 3px 4px #959494;
1898 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1899 .mail-conv-date { float: right; font-variant:small-caps; }
1900 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1909 vertical-align: middle;
1911 border: 1px solid #dddddd;
1913 .mail-conv-break { display: none; border: none;}
1914 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1916 /* ================= */
1917 /* = Notifications = */
1918 /* ================= */
1920 #notification-show-hide-wrapper {
1922 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1923 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1924 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1925 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1926 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1927 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1928 background-color:#bdbdbd;
1929 -moz-border-radius:5px;
1930 -webkit-border-radius:5px;
1932 padding: 5px 10px 5px 10px;
1940 #notification-show-hide-wrapper:hover {
1942 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1943 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1944 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1945 background-color:#b20202;
1948 #notification-show-hide-wrapper:active {
1949 background-color: #b20202;
1954 #notification-show-hide-wrapper a {
1963 margin-bottom: 10px;
1966 .view-contact-wrapper,
1967 .contact-entry-wrapper {
1970 margin-bottom: 20px;
1976 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1977 .contact-entry-edit-links { position: absolute; top: 60px; }
1978 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1979 .contact-entry-photo {
1981 background-color: #eeeeee;
1982 border: 1px solid #dddddd;
1983 -moz-box-shadow: 3px 3px 4px #959494;
1984 -webkit-box-shadow: 3px 3px 4px #959494;
1985 box-shadow: 3px 3px 4px #959494;
1988 .contact-entry-name {
1994 font-variant:small-caps;
1999 .contact-entry-photo {
2003 .contact-entry-edit-links .icon {
2004 border: 1px solid #babdb6;
2005 -webkit-border-radius: 3px;
2006 -moz-border-radius: 3px;
2008 background-color: #ffffff;
2011 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
2012 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2013 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2014 #contact-edit-nav-wrapper { margin-left: 210px; }
2015 #contact-edit-links { float: left; margin-top: 23px; }
2016 #contact-drop-links {/*position: absolute; top: 150px; left: 348px;*/}
2017 #contact-edit-nav-wrapper .icon {
2018 border: 1px solid #babdb6;
2019 -webkit-border-radius: 3px;
2020 -moz-border-radius: 3px;
2024 #contact-edit-nettype {
2026 font-variant: small-caps;
2029 padding-bottom: 0px;
2032 #contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
2033 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
2034 #contact-edit-last-updated { font-weight: bold; }
2035 #contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
2036 #contact-edit-end { clear: both; margin-bottom: 65px;}
2038 #contact-edit-update-now {
2040 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2041 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2042 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2043 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2044 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2045 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2046 background-color:#bdbdbd;
2047 -moz-border-radius:5px;
2048 -webkit-border-radius:5px;
2050 padding: 5px 10px 5px 10px;
2057 #contact-edit-update-now:hover {
2059 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2060 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2061 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2062 background-color:#b20202;
2065 #contact-edit-update-now:active {
2066 background-color: #b20202;
2071 #contact-edit-update-now a {
2076 #contact-edit-profile-select-text > p {
2080 .contact-photo-menu-button {
2082 background-image: url("photo-menu.jpg");
2083 background-position: top left;
2084 background-repeat: no-repeat;
2085 margin: 0px; padding: 0px;
2088 top: 64px; left:0px;
2094 #contact-edit-photo {
2096 background-color: #f1f1f1;
2097 border: 1px solid #dedede;
2099 -moz-box-shadow: 5px 5px 8px #959494;
2100 -webkit-box-shadow: 5px 5px 8px #959494;
2101 box-shadow: 5px 5px 8px #959494;
2103 .contact-photo-menu {
2105 border: 1px solid #ddd;
2106 background: #f1f1f1;
2108 left: 0px; top: 90px;
2111 -moz-box-shadow: 3px 3px 5px #888;
2112 -webkit-box-shadow: 3px 3px 5px #888;
2113 box-shadow: 3px 3px 5px #888;
2116 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2117 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2118 .contact-photo-menu li a: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;
2124 text-decoration: none;
2127 .view-contact-photo {
2129 background-color: #efefef;
2130 border: 1px solid #dddddd;
2131 -moz-box-shadow: 3px 3px 4px #959494;
2132 -webkit-box-shadow: 3px 3px 4px #959494;
2133 box-shadow: 3px 3px 4px #959494;
2136 .view-contact-name {
2137 font-variant: small-caps;
2141 background-color: #efefef;
2147 margin-bottom: 20px;
2150 #follow-sidebar h3:before {
2151 content: url("user.png");
2152 padding-right: 10px;
2153 vertical-align: middle;
2156 #follow-sidebar input[type="text"] {
2158 margin-bottom: 10px;
2165 margin-bottom: 20px;
2166 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2167 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2168 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2169 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2170 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2171 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2172 background-color:#bdbdbd;
2173 -moz-border-radius:5px;
2174 -webkit-border-radius:5px;
2176 padding: 5px 10px 5px 10px;
2182 #side-match-link:hover {
2184 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2185 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2186 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2187 background-color:#b20202;
2190 #side-match-link:active {
2191 background-color: #b20202;
2196 #side-match-link a {
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 #side-invite-link: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 #side-invite-link:active {
2230 background-color: #b20202;
2235 #side-invite-link a {
2239 #invite-message, #invite-recipients, #invite-recipient-text {
2243 #side-follow-wrapper{
2246 font-stretch:semi-expanded;
2247 background-color: #f3f3f3;
2248 border: 1px solid #cdcdcd;
2251 -webkit-border-radius: 5px 5px 5px 5px;
2252 -moz-border-radius: 5px 5px 5px 5px;
2253 border-radius: 5px 5px 5px 5px;
2256 #side-follow-wrapper label{
2258 font-variant: normal;
2261 #contact-view-recent {
2265 margin-bottom: 20px;
2266 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2267 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2268 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2269 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2270 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2271 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2272 background-color:#bdbdbd;
2273 -moz-border-radius:5px;
2274 -webkit-border-radius:5px;
2276 padding: 5px 10px 5px 10px;
2282 #contact-view-recent:hover{
2284 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2285 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2286 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2287 background-color:#b20202;
2290 #contact-view-recent:active {
2291 background-color: #b20202;
2296 #contact-view-recent a {
2305 margin-bottom: 20px;
2306 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2307 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2308 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2309 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2310 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2311 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2312 background-color:#bdbdbd;
2313 -moz-border-radius:5px;
2314 -webkit-border-radius:5px;
2316 padding: 5px 10px 5px 10px;
2322 #contact-suggest:hover {
2324 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2325 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2326 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2327 background-color:#b20202;
2330 #contact-suggest:active {
2331 background-color: #b20202;
2336 #contact-suggest a {
2340 #contact-edit-info-wrapper {
2344 /* ===================================== */
2345 /* = Register, Settings, Profile Forms = */
2346 /* ===================================== */
2350 background: url(login-bg.gif) no-repeat;
2351 background-position: 0 50%;
2356 #profile-tabs-wrapper {
2360 /*#profile-tab-status-link {
2361 padding: 5px 10px 5px 10px;
2365 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2366 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2367 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2368 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2369 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2370 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2371 background-color:#bdbdbd;
2372 -moz-border-radius:5px;
2373 -webkit-border-radius:5px;
2378 #profile-tab-status-link:hover {
2380 padding: 5px 10px 5px 10px;
2383 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2384 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2385 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2386 background-color:#b20202;
2389 #profile-tab-status-link:active {
2391 padding: 5px 10px 5px 10px;
2393 background-color: #b20202;
2398 #profile-tab-status-link a {
2406 #profile-tab-profile-link:hover {
2408 padding: 5px 10px 5px 10px;
2411 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2412 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2413 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2414 background-color:#b20202;
2417 #profile-tab-profile-link:active {
2419 padding: 5px 10px 5px 10px;
2421 background-color: #b20202;
2426 #profile-tab-profile-link a {
2432 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2433 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2434 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2435 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2436 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2437 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2438 background-color:#7c7d7b;
2439 -moz-border-radius:5px;
2440 -webkit-border-radius:5px;
2442 padding: 5px 10px 5px 10px;
2443 margin-bottom: 10px;
2446 #uexport-link:hover {
2448 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2449 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2450 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2451 background-color:#555753;
2454 #uexport-link:active {
2456 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2457 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2458 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2459 background-color:#b20202;
2464 #settings-default-perms {
2467 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2468 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2469 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2470 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2471 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2472 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2473 background-color:#7c7d7b;
2474 -moz-border-radius:5px;
2475 -webkit-border-radius:5px;
2477 padding: 5px 10px 5px 10px;
2478 margin-bottom: 10px;
2481 #settings-default-perms .fakelink {
2485 #settings-default-perms:hover {
2487 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2488 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2489 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2490 background-color:#555753;
2493 #settings-default-perms:active {
2495 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2496 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2497 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2498 background-color:#b20202;
2503 #settings-nickname-desc {
2505 background-color: #efefef;
2506 margin-bottom: 10px;
2507 -webkit-border-radius: 5px;
2508 -moz-border-radius: 5px;
2514 #profile-edit-form div {
2518 #register-form label,
2519 #profile-edit-form label {
2520 width: 300px; float: left;
2523 #register-form span,
2524 #profile-edit-form span {
2527 margin-bottom: 20px;
2530 .settings-submit-wrapper,
2531 .profile-edit-submit-wrapper { margin: 30px 0px;}
2532 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2534 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2537 #register-sitename { display: inline; font-weight: bold;}
2539 /* ===================== */
2540 /* = Contacts Selector = */
2541 /* ===================== */
2543 #group-edit-wrapper {
2544 margin-bottom: 10px;
2547 #group-edit-name-wrapper {
2551 #group-edit-submit-wrapper {
2552 margin-bottom: 10px;
2553 margin-right: 400px;
2557 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2558 #group-edit-desc { margin: 10px 0xp; }
2559 #group-new-text {font-size: 1.1em;}
2566 background-color: #f0edf0;
2568 border: 1px solid #ccc;
2569 margin-bottom: 10px;
2573 #group-all-contacts,
2574 #prof-all-contacts {
2578 border: 1px solid #ccc;
2579 background-color: #f0edf0;
2584 #group-all-contacts h3,
2586 #prof-all-contacts h3{
2593 #prof-separator { display: none;}
2599 .clear { clear: both; }
2612 background-color: #fff;
2613 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2614 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2615 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2618 .vevent:before, .vevent:after {
2625 background: transparent;
2626 -webkit-transform: skew(-5deg) rotate(-5deg);
2627 -moz-transform: skew(-5deg) rotate(-5deg);
2628 -ms-transform: skew(-5deg) rotate(-5deg);
2629 -o-transform: skew(-5deg) rotate(-5deg);
2630 transform: skew(-5deg) rotate(-5deg);
2631 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2632 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2633 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2640 -webkit-transform: skew(5deg) rotate(5deg);
2641 -moz-transform: skew(5deg) rotate(5deg);
2642 -ms-transform: skew(5deg) rotate(5deg);
2643 -o-transform: skew(5deg) rotate(5deg);
2644 transform: skew(5deg) rotate(5deg);
2647 .vevent .event-description {
2655 .vevent .event-location{
2659 font-style: oblique;
2664 .vevent .event-start, .vevent .event-end {
2670 font-variant: small-caps;
2677 margin-bottom: 10px;
2678 margin-left: 170px; ;
2679 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2680 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2681 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2682 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2683 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2684 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2685 background-color:#bdbdbd;
2686 -moz-border-radius:5px;
2687 -webkit-border-radius:5px;
2692 #new-event-link:hover {
2694 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2695 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2696 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2697 background-color:#b20202;
2700 #new-event-link:active {
2701 background-color: #b20202;
2711 .edit-event-link, .plink-event-link {
2715 margin-bottom: 15px;
2718 .event-description:before {
2719 content: url('calendar.png');
2721 vertical-align: middle;
2724 .event-start, .event-end {
2729 .event-start .dtstart, .event-end .dtend {
2735 margin-bottom: 10px;
2736 font-variant:small-caps;
2737 font-stretch:condensed;
2740 .prevcal, .nextcal {
2747 .event-calendar-end {
2752 font-family: Helvetica, Arial, sans-serif;
2754 background-color: #f1f1f1;
2755 border: 1px solid #dedede;
2756 margin-bottom: 10px;
2757 -moz-box-shadow: 5px 5px 8px #959494;
2758 -webkit-box-shadow: 5px 5px 8px #959494;
2759 box-shadow: 5px 5px 8px #959494;
2763 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2764 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2765 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2766 background-color: #b20202;
2772 font-variant:small-caps;
2773 -moz-box-shadow: 5px 2px 8px #959494;
2774 -webkit-box-shadow: 5px 2px 8px #959494;
2775 box-shadow: 5px 2px 8px #959494;
2779 border: 1px solid #eeeeee;
2789 background-color: #cdcdcd;
2801 background-color: #b20202;
2806 #event-finish-text {
2811 #event-nofinish-checkbox,
2812 #event-nofinish-text,
2813 #event-adjust-checkbox,
2815 #event-share-checkbox {
2819 #event-datetime-break {
2820 margin-bottom: 10px;
2823 #event-nofinish-break,
2824 #event-adjust-break,
2825 #event-share-break {
2830 #event-location-text {
2845 margin: 50px 50px 0px 0px;
2847 background-color: #f1f1f1;
2848 border: 1px solid #dedede;
2850 -moz-box-shadow: 5px 5px 8px #959494;
2851 -webkit-box-shadow: 5px 5px 8px #959494;
2852 box-shadow: 5px 5px 8px #959494;
2855 .directory-details {
2857 font-variant: small-caps;
2863 font-variant: small-caps;
2879 background-color: #FF0000;
2884 border: 0px; padding: 0px;
2888 list-style-position: inside;
2896 padding-bottom: 2px;
2897 border-bottom: 1px solid black;
2910 border-bottom: 1px solid #898989;
2915 #adminpage .submit {
2919 #adminpage #pluginslist {
2920 margin: 0px; padding: 0px;
2923 #adminpage .plugin {
2926 border: 1px solid #888888;
2932 #adminpage .toggleplugin {
2937 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2938 #adminpage table th { text-align: left;}
2939 #adminpage td .icon { float: left;}
2940 #adminpage table#users img { width: 16px; height: 16px; }
2941 #adminpage table tr:hover { background-color: #eeeeee; }
2942 #adminpage .selectall { text-align: right; }
2944 /* =============== */
2945 /* = Form Fields = */
2946 /* =============== */
2950 padding-bottom: 10px;
2964 .field textarea { height: 100px; }
2977 border:1px solid #c1c1c1;
2978 background-image:url("../../../images/onoff.jpg");
2979 background-repeat: no-repeat;
2980 padding: 4px 2px 2px 2px;
2982 text-decoration: none;
2984 .field .onoff .off {
2985 border-color:#c1c1c1;
2987 background-position: left center;
2988 background-color: #cccccc;
2994 border-color:#c1c1c1;
2995 padding-right: 40px;
2996 background-position: right center;
2997 background-color: #b20202;
3002 .hidden { display: none!important; }
3004 .field.radio .field_help { margin-left: 0px; }
3011 display: block; width: 20px; height: 20px;
3012 background-image: url('icons.png');
3015 background-image: url("star.png");
3019 background-image: url("premium.png");
3025 border: 1px solid #c1c1c1;
3026 -webkit-border-radius: 3px;
3027 -moz-border-radius: 3px;
3031 .article { background-position: -50px 0px;}
3032 .audio { background-position: -70px 0px;}
3033 .block { background-position: -90px 0px;}
3034 .drop { background-position: -110px 0px;}
3035 .drophide { background-position: -130px 0px;}
3036 .edit { background-position: -150px 0px;}
3037 .camera { background-position: -170px 0px;}
3038 .dislike { background-position: -190px 0px;}
3039 .like { background-position: -210px 0px;}
3040 .link { background-position: -230px 0px;}
3042 .globe { background-position: -50px -20px;}
3043 .noglobe { background-position: -70px -20px;}
3044 .no { background-position: -90px -20px;}
3045 .pause { background-position: -110px -20px;}
3046 .play { background-position: -130px -20px;}
3047 .pencil { background-position: -150px -20px;}
3048 .small-pencil { background-position: -170px -20px;}
3049 .recycle { background-position: -190px -20px;}
3050 .remote-link { background-position: -210px -20px;}
3051 .share { background-position: -230px -20px;}
3053 .tools { background-position: -50px -40px;}
3054 .lock { background-position: -70px -40px;}
3057 background-position: -90px -40px;
3058 background-image: none;
3064 background-image: url(icons.png);
3067 margin: 2px 0px 2px 3px;
3071 .video { background-position: -110px -40px;}
3072 .youtube { background-position: -130px -40px;}
3074 .attach { background-position: -190px -40px;}
3075 .language { background-position: -210px -40px;}
3078 .on { background-position: -50px -60px;}
3079 .off { background-position: -70px -60px;}
3080 .prev { background-position: -90px -60px;}
3081 .next { background-position: -110px -60px;}
3083 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3086 display: block; width: 20px; height: 23px;
3087 background-image: url('../../../images/content-types.png');
3090 .type-video { background-position: 0px 0px; }
3091 .type-image { background-position: -20px 0px; }
3092 .type-audio { background-position: -40px 0px; }
3093 .type-text { background-position: -60px 0px; }
3094 .type-unkn { background-position: -80px 0px; }
3100 .cc-license { margin-top: 100px; font-size: 0.7em; }
3101 footer { display: block; margin: 50px 20%; clear: both; }
3106 border: 1px solid #cccccc;
3113 #photo-edit-perms-select,
3114 #photos-upload-permissions-wrapper,
3115 #profile-jot-acl-wrapper{
3116 display:block!important;
3125 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3136 background-color: #cccccc;
3137 background-position: 7px 7px;
3138 background-repeat: no-repeat;
3140 -webkit-border-radius: 5px ;
3141 -moz-border-radius: 5px;
3145 #acl-showall.selected {
3147 background-color: #b20202;
3152 border: 1px solid #cccccc;
3153 background-color: #efefef;
3167 border: 1px solid #cccccc;
3168 background-color: #fff;
3171 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3172 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3173 box-shadow: 2px 2px 3px #c1c1c1;
3187 padding: 2px 0px 1px;
3196 background-color: #898989;
3197 background-position: 3px 3px;
3198 background-repeat: no-repeat;
3200 -webkit-border-radius: 2px ;
3201 -moz-border-radius: 2px;
3206 #acl-wrapper a:hover {
3207 text-decoration: none;
3208 background-color:#b20202;
3211 .acl-button-show.selected {
3213 background-color: #b20202;
3216 .acl-button-hide.selected {
3218 background-color: #a2a2a2;
3221 .acl-list-item.groupshow { border-color: #b20202; }
3222 .acl-list-item.grouphide { border-color: #a2a2a2; }
3224 /* ========================= */
3225 /* = Global Directory Link = */
3226 /* ========================= */
3228 #global-directory-link {
3231 margin-bottom: 10px;
3233 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3234 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3235 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3236 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3237 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3238 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3239 background-color:#bdbdbd;
3240 -moz-border-radius:5px;
3241 -webkit-border-radius:5px;
3247 #global-directory-link:hover {
3249 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3250 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3251 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3252 background-color:#b20202;
3255 #global-directory-link:active {
3256 background-color: #b20202;
3261 #global-directory-link a {
3265 #global-directory-link {
3266 -webkit-padding-start: 0px;
3270 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3271 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3272 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3273 background-color:#b20202;
3275 padding: 5px 10px 5px 10px;