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:32px; left: 600px;
346 background: transparent url('notifications.png') 0px 0px no-repeat;
356 #net-update { background-position: 0px 0px; }
357 #mail-update { background-position: -30px 0px; }
358 #notify-update { background-position: -60px 0px; }
359 #home-update { background-position: -90px 0px; }
374 /* =================== */
375 /* = System Messages = */
376 /* =================== */
378 #sysmsg_info, #sysmsg {
380 bottom: 0px; right:20%;
381 -moz-box-shadow: 7px 7px 12px #434343;
382 -webkit-box-shadow: 7px75px 12px #434343;
383 box-shadow: 7px 7px 10px #434343;
385 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
386 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
387 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
388 background-color:#b20202;
389 -webkit-border-radius: 5px 5px 0px 0px;
390 -moz-border-radius: 5px 5px 0px 0px;
391 border-radius: 5px 5px 0px 0px;
392 border: 1px solid #da2c2c;
394 padding-bottom: 50px;
404 border-top: 1px solid #dddddd;
407 /* ================= */
408 /* = Aside/Sidebar = */
409 /* ================= */
426 font-variant:small-caps;
431 font-variant:small-caps;
436 font-variant:small-caps;
446 .vcard #profile-photo-wrapper {
450 background-color: #f3f3f3;
451 border: 1px solid #dddddd;
452 -moz-box-shadow: 3px 3px 4px #959494;
453 -webkit-box-shadow: 3px 3px 4px #959494;
454 box-shadow: 3px 3px 4px #959494;
457 aside h4 { font-size: 1.3em; }
459 aside #viewcontacts {
462 font-variant:small-caps;
471 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
474 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
475 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
476 box-shadow:inset 0px 1px 0px 0px #a65151;
477 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
478 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
479 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
480 background-color:#d60808;
481 -moz-border-radius:5px;
482 -webkit-border-radius:5px;
484 border:1px solid #fc5656;
485 display:inline-block;
487 font-family:Trebuchet MS;
493 text-decoration:none;
494 text-shadow:1px 1px 0px #b36f6f;
497 #dfrn-request-link:hover {
498 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
499 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
500 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
501 background-color:#b20202;
504 #dfrn-request-link:active {
509 #dfrn-request-intro {
514 background-color: #f6f6f6;
515 padding: 10px 10px 10px 20px;
519 content: url("search.png");
521 vertical-align: middle;
525 background-color: #f3f3f3;
526 border: 1px solid #cdcdcd;
528 -webkit-border-radius: 5px 5px 5px 5px;
529 -moz-border-radius: 5px 5px 5px 5px;
530 border-radius: 5px 5px 5px 5px;
534 vertical-align: middle;
537 padding-bottom: 10px;
540 #sidebar-group-list {
545 #sidebar-group-list > a{
546 padding-bottom: 10px;
551 -moz-box-shadow: 1px 2px 6px 0px #959494;
552 -webkit-box-shadow: 1px 2px 6px 0px #959494;
553 box-shadow: 1px 2px 6px 0px #959494;
554 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
555 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
556 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
557 background-color:#f8f8f8;
558 -moz-border-radius:5px;
559 -webkit-border-radius:5px;
561 border:1px solid #eee;
563 text-shadow:-1px 0px 0px #bdbdbd;
564 border: 1px solid #cdcdcd;
572 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
573 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
574 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
575 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
576 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
577 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
578 background-color:#bdbdbd;
579 -moz-border-radius:5px;
580 -webkit-border-radius:5px;
582 display:inline-block;
584 text-decoration:none;
588 #sidebar-new-group:hover {
589 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
590 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
591 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
592 background-color:#b20202;
595 #sidebar-new-group:active {
600 #sidebar-new-group a {
607 ul .sidebar-group-li{
613 ul .sidebar-group-li img{
618 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
619 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
620 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
621 background-color:#f0edf0;
622 -moz-border-radius:5px 5px 0px 0px;
623 -webkit-border-radius:5px 5px 0px 0px;
624 border-radius:5px 5px 0px 0px;
625 border:1px solid #e2e2e2;
626 border-bottom: 1px solid #cdcdcd;
629 vertical-align: baseline;
631 text-shadow:-1px 0px 0px #bdbdbd;
634 #group-sidebar h3:before{
635 content: url("groups.png");
637 vertical-align: middle;
642 padding-bottom: 20px;
650 .saved-search-li .icon {
666 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
667 #contact-block-end { clear: both; }
673 #profile-jot-text_tbl { margin-bottom: 10px; }
674 #profile-jot-text_ifr { width: 99.9%!important }
675 #profile-jot-submit-wrapper {
678 #profile-jot-perms, #profile-jot-submit {
681 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
682 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
683 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
684 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
685 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
686 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
687 background-color:#bdbdbd;
688 -moz-border-radius:5px;
689 -webkit-border-radius:5px;
691 display:inline-block;
693 text-decoration:none;
703 #jot-perms-perms .icon {
707 #profile-jot-submit {
714 #profile-jot-perms:hover, #profile-jot-submit:hover {
715 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
716 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
717 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
718 background-color:#b20202;
720 #profile-jot-perms:active, #profile-jot-submit:active {
726 /*float: left; padding: 8px 10px;*/
727 position: absolute: right: 100px; top:100px;
729 #profile-rotator-wrapper {
737 #profile-jot-tools-end,
738 #profile-jot-banner-end { clear: both; }
740 #profile-jot-email-wrapper {
741 margin: 10px 10% 0px 10%;
742 border: 1px solid #eeeeee;
745 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
746 #profile-jot-email { margin: 5px; width: 98%; }
748 #profile-jot-networks {
750 border: 1px solid #eeeeee;
755 #profile-jot-acl-wrapper {
757 border: 1px solid #eeeeee;
759 display:block!important;
761 #group_allow_wrapper,
763 #acl-permit-outer-wrapper { width: 47%; float: left; }
765 #contact_allow_wrapper,
766 #contact_deny_wrapper,
767 #acl-deny-outer-wrapper { width: 47%; float: right; }
769 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
770 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
771 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
773 #acl-permit-text-end,
774 #acl-deny-text-end { clear: both; }
775 #profile-jot-wrapper {
780 profile-jot-banner-wrapper {
797 margin: 0px 0px 10px 0px;
798 border-bottom: 1px solid #efefef;
800 .tabs-wrapper li { display: inline;}
803 padding: 5px 10px 5px 10px;
806 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
807 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
808 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
809 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
810 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
811 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
812 background-color:#bdbdbd;
813 -moz-border-radius:5px;
814 -webkit-border-radius:5px;
817 text-decoration:none;
822 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
823 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
824 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
825 background-color:#b20202;
827 padding: 5px 10px 5px 10px;
834 padding: 5px 10px 5px 10px;
839 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
840 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
841 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
842 background-color:#b20202;
844 padding: 5px 10px 5px 10px;
852 .wall-item-outside-wrapper {
855 .wall-item-outside-wrapper-end { clear: both;}
856 .wall-item-content-wrapper { position: relative; max-width: 95%; }
857 .wall-item-photo-menu { display: none;}
858 .wall-item-photo-menu-button {
860 text-indent: -99999px;
861 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
864 height: 20px; width: 90px;
865 top: 85px; left: -1px;
866 -webkit-border-radius: 0px 0px 5px 5px;
867 -moz-border-radius: 0px 0px 5px 5px;
868 border-radius: 0px 0px 5px 5px;
871 .wall-item-info { float: left; width: 140px; }
872 .wall-item-photo-wrapper {
873 width: 80px; height: 80px;
876 background-color: #eeeeee;
877 border: 1px solid #dddddd;
878 -moz-box-shadow: 3px 3px 4px #959494;
879 -webkit-box-shadow: 3px 3px 4px #959494;
880 box-shadow: 3px 3px 4px #959494;
884 filter: alpha(opacity=60);
886 -webkit-transition: all 0.25s ease-in-out;
887 -moz-transition: all 0.25s ease-in-out;
888 -o-transition: all 0.25s ease-in-out;
889 -ms-transition: all 0.25s ease-in-out;
890 transition: all 0.25s ease-in-out;
896 .wall-item-tools:hover {
897 filter: alpha(opacity=100);
899 -webkit-transition: all 0.25s ease-in-out;
900 -moz-transition: all 0.25s ease-in-out;
901 -o-transition: all 0.25s ease-in-out;
902 -ms-transition: all 0.25s ease-in-out;
903 transition: all 0.25s ease-in-out;
907 .wall-item-outside-wrapper.comment .wall-item-tools {
908 margin: 5px 5px 10px 60px;
912 .wall-item-like-buttons {
915 .wall-item-like-buttons a.icon {
920 .wall-item-links-wrapper {
924 .wall-item-delete-wrapper {
927 .wall-item-links-wrapper a.icon {
941 .wall-item-title { font-size: 1.2em; font-weight: bold;}
942 .wall-item-body { margin-left: 140px; padding-right: 20px; }
947 .wall-item-lock-wrapper { float: right; }
953 margin: 4px 0px 0px 140px;
954 font-variant:small-caps;
957 .wall-item-author a {
961 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
962 .wall-item-wrapper-end { clear:both; }
963 .wall-item-location {
967 text-overflow: ellipsis;
968 -o-text-overflow: ellipsis;
971 .wall-item-location .icon { float: left; }
972 .wall-item-location > a {
976 font-variant:small-caps;
980 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
981 .wall-item-location > br { display: none; }
985 font-variant:small-caps;
999 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1000 .wallwall .wall-item-photo-end { clear: both; }
1001 .wall-item-arrowphoto-wrapper {
1008 .wall-item-photo-menu {
1012 background: #eeeeee;
1013 border-right: 1px solid #dddddd;
1014 border-left: 1px solid #dddddd;
1015 border-bottom: 1px solid #dddddd;
1017 left: -2px; top: 101px;
1020 -webkit-border-radius: 0px 5px 5px 5px;
1021 -moz-border-radius: 0px 5px 5px 5px;
1022 border-radius: 0px 5px 5px 5px;
1023 -moz-box-shadow: 3px 3px 4px #959494;
1024 -webkit-box-shadow: 3px 3px 4px #959494;
1025 box-shadow: 3px 3px 4px #959494;
1028 .wall-item-photo-menu-button {
1029 border-right: 1px solid #dddddd;
1030 border-left: 1px solid #dddddd;
1031 border-bottom: 1px solid #dddddd;
1032 -moz-box-shadow: 3px 3px 4px #959494;
1033 -webkit-box-shadow: 3px 3px 4px #959494;
1034 box-shadow: 3px 3px 4px #959494;
1037 .fakelink wall-item-photo-menu-button {
1038 -webkit-border-radius: 0px 5px 5px 5px;
1039 -moz-border-radius: 0px 5px 5px 5px;
1040 border-radius: 0px 5px 5px 5px;
1041 -moz-box-shadow: 3px 3px 4px #959494;
1042 -webkit-box-shadow: 3px 3px 4px #959494;
1043 box-shadow: 3px 3px 4px #959494;
1046 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1047 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1048 .wall-item-photo-menu li a:hover {
1050 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1051 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1052 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1053 background-color:#b20202;
1058 .icon.drophide { float: left; }
1059 #item-delete-selected { overflow: auto; width: 100%;}
1060 .wall-item-outside-wrapper {
1062 border-bottom: 1px solid #dedede;
1070 .ccollapse-wrapper {
1074 font-variant:small-caps;
1077 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1078 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1079 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1080 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1083 background-position: 35px center;
1085 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1086 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
1087 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1089 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1093 .icollapse-wrapper {
1096 font-variant:small-caps;
1099 .comment-wwedit-wrapper,
1100 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1101 .comment-wwedit-wrapper img,
1102 .comment-edit-wrapper img { width: 20px; height: 20px; }
1103 .comment-edit-photo-link { float: left; width: 40px;}
1104 .comment-edit-text-empty {
1109 -webkit-transition: all 0.5s ease-in-out;
1110 -moz-transition: all 0.5s ease-in-out;
1111 -o-transition: all 0.5s ease-in-out;
1112 -ms-transition: all 0.5s ease-in-out;
1113 transition: all 0.5s ease-in-out;
1115 .comment-edit-text-empty:hover { color: #999999;}
1116 .comment-edit-text-full { width: 80%; height: 6em;
1117 -webkit-transition: all 0.5s ease-in-out;
1118 -moz-transition: all 0.5s ease-in-out;
1119 -o-transition: all 0.5s ease-in-out;
1120 -ms-transition: all 0.5s ease-in-out;
1121 transition: all 0.5s ease-in-out;
1123 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1124 .comment-edit-submit {
1126 background-color: #a2a2a2;
1128 -webkit-border-radius: 5px;
1129 -moz-border-radius: 5px;
1134 .comment-edit-submit:hover {
1135 background-color: #b20202;
1138 .comment-edit-submit:active {
1139 background-color: #b20202;
1142 #item-delete-selected-desc {
1149 .wall-item-body code {
1150 border-color: #CCCCCC;
1151 border-style: solid;
1152 border-width: 1px 1px 1px 10px;
1161 .advanced-profile-content {
1163 margin-bottom: 10px;
1168 .advanced-profile-label {
1171 padding-bottom: 5px;
1173 font-variant:small-caps;
1176 div[id$="wrapper"] { height: 100%;}
1177 div[id$="wrapper"] br { clear: left; }
1178 #advanced-profile-with { margin-left: 20px;}
1180 #profile-listing-desc {
1183 padding: 5px 10px 5px 10px;
1187 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1188 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1189 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1190 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1191 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1192 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1193 background-color:#bdbdbd;
1194 -moz-border-radius:5px;
1195 -webkit-border-radius:5px;
1197 display:inline-block;
1203 #profile-listing-desc:hover {
1204 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1205 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1206 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1207 background-color:#b20202;
1210 #profile-listing-desc:active {
1211 background-color: #b20202;
1216 #profile-listing-desc a {
1220 #profile-listing-new-link-wrapper {
1226 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1227 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1228 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1229 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1230 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1231 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1232 background-color:#bdbdbd;
1233 -moz-border-radius:5px;
1234 -webkit-border-radius:5px;
1236 padding: 5px 10px 5px 10px;
1242 #profile-listing-new-link-wrapper:hover {
1243 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1244 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1245 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1246 background-color:#b20202;
1249 #profile-listing-new-link-wrapper:active {
1250 background-color: #b20202;
1255 #profile-listing-new-link-wrapper a {
1259 .profile-listing-name {
1261 font-variant: small-caps;
1263 .profile-listing-name a {
1267 .profile-listing-visible {
1271 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1272 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1273 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1274 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1275 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1276 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1277 background-color:#bdbdbd;
1278 -moz-border-radius:5px;
1279 -webkit-border-radius:5px;
1281 padding: 5px 10px 5px 10px;
1287 .profile-listing-visible:hover {
1288 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1289 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1290 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1291 background-color:#b20202;
1294 .profile-listing-visible:active {
1295 background-color: #b20202;
1300 .profile-listing-visible a {
1304 .profile-listing-photo {
1306 background-color: #efefef;
1307 border: 2px dotted #eeeeee;
1308 -moz-box-shadow: 3px 3px 4px #959494;
1309 -webkit-box-shadow: 3px 3px 4px #959494;
1310 box-shadow: 3px 3px 4px #959494;
1313 #profile-edit-links li {
1318 background-color: #a2a2a2;
1320 padding: 5px 10px 5px 10px;
1323 -webkit-border-radius: 5px 5px 5px 5px;
1324 -moz-border-radius: 5px 5px 5px 5px;
1325 border-radius: 5px 5px 5px 5px;
1328 #profile-edit-links li a {
1332 #profile-edit-links li:hover {
1333 background-color: #b20202;
1336 #profile-edit-links li:active {
1337 background-color: #b20202;
1340 #cropimage-wrapper { float:left; }
1341 #crop-image-form { clear:both; }
1343 .profile-match-name a{
1345 font-variant: small-caps;
1349 .profile-match-name a:hover {
1353 .profile-match-wrapper {
1357 background-color: #f6f6f6;
1358 border: 1px solid #dddddd;
1359 -moz-box-shadow: 3px 3px 4px #959494;
1360 -webkit-box-shadow: 3px 3px 4px #959494;
1361 box-shadow: 3px 3px 4px #959494;
1368 #side-bar-photos-albums li {
1376 background-color: #a2a2a2;
1378 padding: 5px 10px 5px 10px;
1381 -webkit-border-radius: 5px 5px 5px 5px;
1382 -moz-border-radius: 5px 5px 5px 5px;
1383 border-radius: 5px 5px 5px 5px;
1385 #photo-top-links a {
1389 #photo-top-links:hover {
1390 background-color: #b20202;
1393 #photo-top-links:active {
1394 background-color: #b20202;
1397 .photo-album-image-wrapper,
1398 .photo-top-image-wrapper {
1400 margin: 0px 10px 10px 0px;
1401 border: 1px solid #dddddd;
1402 -moz-box-shadow: 3px 3px 6px #959494;
1403 -webkit-box-shadow: 3px 3px 6px #959494;
1404 box-shadow: 3px 3px 6px #959494;
1405 background-color: #efefef;
1407 padding-bottom: 30px;
1411 #photo-photo { max-width: 100% }
1412 #photo-photo img { max-width: 100% }
1414 .photo-top-image-wrapper a:hover,
1415 #photo-photo a:hover,
1416 .photo-album-image-wrapper a:hover {
1421 .photo-album-photo {}
1423 .photo-top-album-name {
1428 font-stretch:semi-expanded;
1429 font-variant:small-caps;
1432 .photo-top-album-name a{
1443 font-variant: small-caps;
1449 border: 1px solid #dddddd;
1450 -moz-box-shadow: 3px 3px 6px #959494;
1451 -webkit-box-shadow: 3px 3px 6px #959494;
1452 box-shadow: 3px 3px 6px #959494;
1453 background-color: #efefef;
1460 font-variant:small-caps;
1464 #photo-photo-end { clear: both; }
1470 background-color: rgba(255,255,255,0.2);
1472 -webkit-transition: all 0.2s ease-in-out;
1473 -moz-transition: all 0.2s ease-in-out;
1474 -o-transition: all 0.2s ease-in-out;
1475 -ms-transition: all 0.2s ease-in-out;
1476 transition: all 0.2s ease-in-out;
1477 background-position: center center;
1478 background-repeat: no-repeat;
1481 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1482 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1485 display: block; width: 100%; height: 100%;
1487 text-indent: -900000px;
1490 #photo-prev-link:hover,
1491 #photo-next-link:hover {
1493 -webkit-transition: all 0.2s ease-in-out;
1494 -moz-transition: all 0.2s ease-in-out;
1495 -o-transition: all 0.2s ease-in-out;
1496 -ms-transition: all 0.2s ease-in-out;
1497 transition: all 0.2s ease-in-out;
1500 #photo-next-link .icon,
1501 #photo-prev-link .icon { display: none }
1503 #photos-upload-spacer,
1504 #photos-upload-new-wrapper,
1505 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1506 #photos-upload-existing-album-text,
1507 #photos-upload-newalbum-div {
1508 background-color: #fff;
1516 #photos-upload-album-select,
1517 #photos-upload-newalbum { width: 400px; }
1519 #photos-upload-perms-menu {
1521 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1522 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1523 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1524 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1525 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1526 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1527 background-color:#bdbdbd;
1528 -moz-border-radius:5px;
1529 -webkit-border-radius:5px;
1537 #photos-upload-perms-menu:hover {
1543 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1544 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1545 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1546 background-color:#b20202;
1549 #photos-upload-perms-menu:active {
1554 background-color: #b20202;
1559 #photos-upload-perms-menu a {
1563 #photos-upload-perms-menu .icon {
1567 select[size], select[multiple], select[size][multiple] {
1568 -webkit-appearance: listbox;
1569 border: 2px solid #b0b0b0;
1571 -webkit-border-radius: 3px 3px 3px 3px;
1572 -moz-border-radius: 3px 3px 3px 3px;
1573 border-radius: 3px 3px 3px 3px;
1577 -webkit-appearance: menulist;
1578 box-sizing: border-box;
1579 -webkit-box-align: center;
1581 border: 2px solid #b0b0b0;
1583 -webkit-border-radius: 3px 3px 3px 3px;
1584 -moz-border-radius: 3px 3px 3px 3px;
1585 border-radius: 3px 3px 3px 3px;
1589 -webkit-border-radius: ;
1592 input, textarea, keygen {
1594 letter-spacing: normal;
1595 word-spacing: normal;
1597 text-transform: none;
1600 display: inline-block;
1601 text-align: -webkit-auto;
1602 border: 2px solid #b0b0b0;
1604 -webkit-border-radius: 3px 3px 3px 3px;
1605 -moz-border-radius: 3px 3px 3px 3px;
1606 border-radius: 3px 3px 3px 3px;
1610 background-color: none;
1611 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1612 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1613 box-shadow:inset 0px 1px 0px 0px #a65151;
1614 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1615 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1616 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1617 background-color:#d60808;
1618 -moz-border-radius:5px;
1619 -webkit-border-radius:5px;
1621 border:1px solid #fc5656;
1622 display:inline-block;
1624 text-shadow:1px 1px 0px #b36f6f;
1632 .qq-upload-button:hover {
1638 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1639 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1640 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1641 background-color:#b20202;
1644 .qq-upload-button:active {
1648 background-color: #B20202;
1659 background-color: #a2a2a2;
1661 padding: 5px 10px 5px 10px;
1664 -webkit-border-radius: 5px 5px 5px 5px;
1665 -moz-border-radius: 5px 5px 5px 5px;
1666 border-radius: 5px 5px 5px 5px;
1669 #album-edit-link a {
1673 #album-edit-link:hover {
1674 background-color: #b20202;
1677 #photo-edit-link-wrap {
1678 margin-bottom: 10px;
1687 input#photo_edit_form {
1692 #photo-edit-perms-menu {
1697 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1698 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1699 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1700 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1701 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1702 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1703 background-color:#bdbdbd;
1704 -moz-border-radius:5px;
1705 -webkit-border-radius:5px;
1714 #photo-edit-perms-menu:hover {
1716 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1717 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1718 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1719 background-color:#b20202;
1722 #photo-edit-perms-menu:active {
1723 background-color: #b20202;
1728 #photo-edit-perms-menu a {
1732 #photo-edit-perms-menu .icon {
1736 #photo-edit-delete-button {
1742 #side-bar-photos-albums h3:before {
1743 content: url("photography.png");
1744 padding-right: 10px;
1745 vertical-align: middle;
1748 #side-bar-photos-albums li {
1752 #photo-album-edit-wrapper {
1753 margin-bottom: 10px;
1760 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1765 background-color: #fff;
1766 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1767 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1768 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1771 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1778 background: transparent;
1779 -webkit-transform: skew(-5deg) rotate(-5deg);
1780 -moz-transform: skew(-5deg) rotate(-5deg);
1781 -ms-transform: skew(-5deg) rotate(-5deg);
1782 -o-transform: skew(-5deg) rotate(-5deg);
1783 transform: skew(-5deg) rotate(-5deg);
1784 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1785 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1786 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1790 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1793 -webkit-transform: skew(5deg) rotate(5deg);
1794 -moz-transform: skew(5deg) rotate(5deg);
1795 -ms-transform: skew(5deg) rotate(5deg);
1796 -o-transform: skew(5deg) rotate(5deg);
1797 transform: skew(5deg) rotate(5deg);
1806 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1807 #prvmail-subject .input{
1808 border: none !important ;
1811 #prvmail-subject-label {
1812 font-variant:small-caps;
1819 font-variant:small-caps;
1822 #prvmail-message-label {
1823 font-variant:small-caps;
1828 #prvmail-submit-wrapper { margin-top: 10px; }
1839 #prvmail-submit-wrapper > div {
1844 .mail-list-outside-wrapper {
1851 background-color: #efefef;
1852 border: 2px dotted #eeeeee;
1853 -moz-box-shadow: 3px 3px 4px #959494;
1854 -webkit-box-shadow: 3px 3px 4px #959494;
1855 box-shadow: 3px 3px 4px #959494;
1864 border: 1px solid #dddddd;
1867 .mail-list-sender-name {
1870 font-variant:small-caps;
1879 font-stretch:ultra-condensed;
1880 font-variant:small-caps;
1883 .mail-list-subject {
1887 padding-right: 50px;
1890 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1891 .mail-list-outside-wrapper-end {
1895 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1896 .mail-conv-sender-photo {
1900 background-color: #efefef;
1901 border: 1px solid #dddddd;
1902 -moz-box-shadow: 3px 3px 4px #959494;
1903 -webkit-box-shadow: 3px 3px 4px #959494;
1904 box-shadow: 3px 3px 4px #959494;
1907 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1908 .mail-conv-date { float: right; font-variant:small-caps; }
1909 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1918 vertical-align: middle;
1920 border: 1px solid #dddddd;
1922 .mail-conv-break { display: none; border: none;}
1923 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1925 /* ================= */
1926 /* = Notifications = */
1927 /* ================= */
1929 #notification-show-hide-wrapper {
1931 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1932 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1933 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1934 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1935 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1936 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1937 background-color:#bdbdbd;
1938 -moz-border-radius:5px;
1939 -webkit-border-radius:5px;
1941 padding: 5px 10px 5px 10px;
1949 #notification-show-hide-wrapper:hover {
1951 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1952 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1953 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1954 background-color:#b20202;
1957 #notification-show-hide-wrapper:active {
1958 background-color: #b20202;
1963 #notification-show-hide-wrapper a {
1972 margin-bottom: 10px;
1975 .view-contact-wrapper,
1976 .contact-entry-wrapper {
1979 margin-bottom: 20px;
1985 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1986 .contact-entry-edit-links { position: absolute; top: 60px; }
1987 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1988 .contact-entry-photo {
1990 background-color: #eeeeee;
1991 border: 1px solid #dddddd;
1992 -moz-box-shadow: 3px 3px 4px #959494;
1993 -webkit-box-shadow: 3px 3px 4px #959494;
1994 box-shadow: 3px 3px 4px #959494;
1997 .contact-entry-name {
2003 font-variant:small-caps;
2008 .contact-entry-photo {
2012 .contact-entry-edit-links .icon {
2013 border: 1px solid #babdb6;
2014 -webkit-border-radius: 3px;
2015 -moz-border-radius: 3px;
2017 background-color: #ffffff;
2020 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
2021 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2022 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2023 #contact-edit-nav-wrapper { margin-left: 210px; }
2024 #contact-edit-links { float: left; margin-top: 43px; }
2025 #contact-drop-links {position: absolute; top: 150px; left: 348px;}
2026 #contact-edit-nav-wrapper .icon {
2027 border: 1px solid #babdb6;
2028 -webkit-border-radius: 3px;
2029 -moz-border-radius: 3px;
2033 #contact-edit-nettype {
2035 font-variant: small-caps;
2038 padding-bottom: 0px;
2041 #contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
2042 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
2043 #contact-edit-last-updated { font-weight: bold; }
2044 #contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
2045 #contact-edit-end { clear: both; margin-bottom: 65px;}
2047 #contact-edit-update-now {
2049 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2050 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2051 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2052 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2053 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2054 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2055 background-color:#bdbdbd;
2056 -moz-border-radius:5px;
2057 -webkit-border-radius:5px;
2059 padding: 5px 10px 5px 10px;
2066 #contact-edit-update-now:hover {
2068 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2069 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2070 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2071 background-color:#b20202;
2074 #contact-edit-update-now:active {
2075 background-color: #b20202;
2080 #contact-edit-update-now a {
2085 #contact-edit-profile-select-text > p {
2089 .contact-photo-menu-button {
2091 background-image: url("photo-menu.jpg");
2092 background-position: top left;
2093 background-repeat: no-repeat;
2094 margin: 0px; padding: 0px;
2097 top: 64px; left:0px;
2103 #contact-edit-photo {
2105 background-color: #f1f1f1;
2106 border: 1px solid #dedede;
2108 -moz-box-shadow: 5px 5px 8px #959494;
2109 -webkit-box-shadow: 5px 5px 8px #959494;
2110 box-shadow: 5px 5px 8px #959494;
2112 .contact-photo-menu {
2114 border: 1px solid #ddd;
2115 background: #f1f1f1;
2117 left: 0px; top: 90px;
2120 -moz-box-shadow: 3px 3px 5px #888;
2121 -webkit-box-shadow: 3px 3px 5px #888;
2122 box-shadow: 3px 3px 5px #888;
2125 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2126 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2127 .contact-photo-menu li a:hover {
2129 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2130 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2131 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2132 background-color:#b20202;
2133 text-decoration: none;
2136 .view-contact-photo {
2138 background-color: #efefef;
2139 border: 1px solid #dddddd;
2140 -moz-box-shadow: 3px 3px 4px #959494;
2141 -webkit-box-shadow: 3px 3px 4px #959494;
2142 box-shadow: 3px 3px 4px #959494;
2145 .view-contact-name {
2146 font-variant: small-caps;
2150 background-color: #efefef;
2156 margin-bottom: 20px;
2159 #follow-sidebar h3:before {
2160 content: url("user.png");
2161 padding-right: 10px;
2162 vertical-align: middle;
2165 #follow-sidebar input[type="text"] {
2167 margin-bottom: 10px;
2174 margin-bottom: 20px;
2175 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2176 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2177 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2178 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2179 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2180 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2181 background-color:#bdbdbd;
2182 -moz-border-radius:5px;
2183 -webkit-border-radius:5px;
2185 padding: 5px 10px 5px 10px;
2191 #side-match-link:hover {
2193 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2194 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2195 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2196 background-color:#b20202;
2199 #side-match-link:active {
2200 background-color: #b20202;
2205 #side-match-link a {
2209 #side-follow-wrapper{
2212 font-stretch:semi-expanded;
2213 background-color: #f3f3f3;
2214 border: 1px solid #cdcdcd;
2217 -webkit-border-radius: 5px 5px 5px 5px;
2218 -moz-border-radius: 5px 5px 5px 5px;
2219 border-radius: 5px 5px 5px 5px;
2222 #side-follow-wrapper label{
2224 font-variant: normal;
2227 #contact-view-recent {
2231 margin-bottom: 20px;
2232 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2233 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2234 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2235 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2236 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2237 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2238 background-color:#bdbdbd;
2239 -moz-border-radius:5px;
2240 -webkit-border-radius:5px;
2242 padding: 5px 10px 5px 10px;
2248 #contact-view-recent:hover{
2250 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2251 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2252 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2253 background-color:#b20202;
2256 #contact-view-recent:active {
2257 background-color: #b20202;
2262 #contact-view-recent a {
2271 margin-bottom: 20px;
2272 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2273 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2274 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2275 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2276 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2277 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2278 background-color:#bdbdbd;
2279 -moz-border-radius:5px;
2280 -webkit-border-radius:5px;
2282 padding: 5px 10px 5px 10px;
2288 #contact-suggest:hover {
2290 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2291 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2292 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2293 background-color:#b20202;
2296 #contact-suggest:active {
2297 background-color: #b20202;
2302 #contact-suggest a {
2306 #contact-edit-info-wrapper {
2310 /* ===================================== */
2311 /* = Register, Settings, Profile Forms = */
2312 /* ===================================== */
2316 background: url(login-bg.gif) no-repeat;
2317 background-position: 0 50%;
2322 #profile-tabs-wrapper {
2326 #profile-tab-status-link {
2327 padding: 5px 10px 5px 10px;
2331 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2332 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2333 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2334 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2335 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2336 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2337 background-color:#bdbdbd;
2338 -moz-border-radius:5px;
2339 -webkit-border-radius:5px;
2344 #profile-tab-status-link:hover {
2346 padding: 5px 10px 5px 10px;
2349 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2350 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2351 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2352 background-color:#b20202;
2355 #profile-tab-status-link:active {
2357 padding: 5px 10px 5px 10px;
2359 background-color: #b20202;
2364 #profile-tab-status-link a {
2372 #profile-tab-profile-link {
2375 padding: 5px 10px 5px 10px;
2377 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2378 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2379 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2380 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2381 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2382 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2383 background-color:#bdbdbd;
2384 -moz-border-radius:5px;
2385 -webkit-border-radius:5px;
2390 #profile-tab-profile-link:hover {
2392 padding: 5px 10px 5px 10px;
2395 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2396 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2397 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2398 background-color:#b20202;
2401 #profile-tab-profile-link:active {
2403 padding: 5px 10px 5px 10px;
2405 background-color: #b20202;
2410 #profile-tab-profile-link a {
2416 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2417 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2418 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2419 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2420 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2421 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2422 background-color:#7c7d7b;
2423 -moz-border-radius:5px;
2424 -webkit-border-radius:5px;
2426 padding: 5px 10px 5px 10px;
2427 margin-bottom: 10px;
2430 #uexport-link:hover {
2432 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2433 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2434 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2435 background-color:#555753;
2438 #uexport-link:active {
2440 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2441 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2442 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2443 background-color:#b20202;
2448 #settings-default-perms {
2451 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2452 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2453 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2454 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2455 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2456 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2457 background-color:#7c7d7b;
2458 -moz-border-radius:5px;
2459 -webkit-border-radius:5px;
2461 padding: 5px 10px 5px 10px;
2462 margin-bottom: 10px;
2465 #settings-default-perms .fakelink {
2469 #settings-default-perms:hover {
2471 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2472 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2473 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2474 background-color:#555753;
2477 #settings-default-perms:active {
2479 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2480 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2481 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2482 background-color:#b20202;
2487 #settings-nickname-desc {
2489 background-color: #efefef;
2490 margin-bottom: 10px;
2491 -webkit-border-radius: 5px;
2492 -moz-border-radius: 5px;
2498 #profile-edit-form div {
2502 #register-form label,
2503 #profile-edit-form label {
2504 width: 300px; float: left;
2507 #register-form span,
2508 #profile-edit-form span {
2511 margin-bottom: 20px;
2514 .settings-submit-wrapper,
2515 .profile-edit-submit-wrapper { margin: 30px 0px;}
2516 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2518 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2521 #register-sitename { display: inline; font-weight: bold;}
2523 /* ===================== */
2524 /* = Contacts Selector = */
2525 /* ===================== */
2527 #group-edit-wrapper {
2528 margin-bottom: 10px;
2531 #group-edit-name-wrapper {
2535 #group-edit-submit-wrapper {
2536 margin-bottom: 10px;
2537 margin-right: 400px;
2541 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2542 #group-edit-desc { margin: 10px 0xp; }
2543 #group-new-text {font-size: 1.1em;}
2550 background-color: #f0edf0;
2552 border: 1px solid #ccc;
2553 margin-bottom: 10px;
2557 #group-all-contacts,
2558 #prof-all-contacts {
2562 border: 1px solid #ccc;
2563 background-color: #f0edf0;
2568 #group-all-contacts h3,
2570 #prof-all-contacts h3{
2577 #prof-separator { display: none;}
2583 .clear { clear: both; }
2596 background-color: #fff;
2597 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2598 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2599 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2602 .vevent:before, .vevent:after {
2609 background: transparent;
2610 -webkit-transform: skew(-5deg) rotate(-5deg);
2611 -moz-transform: skew(-5deg) rotate(-5deg);
2612 -ms-transform: skew(-5deg) rotate(-5deg);
2613 -o-transform: skew(-5deg) rotate(-5deg);
2614 transform: skew(-5deg) rotate(-5deg);
2615 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2616 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2617 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2624 -webkit-transform: skew(5deg) rotate(5deg);
2625 -moz-transform: skew(5deg) rotate(5deg);
2626 -ms-transform: skew(5deg) rotate(5deg);
2627 -o-transform: skew(5deg) rotate(5deg);
2628 transform: skew(5deg) rotate(5deg);
2631 .vevent .event-description {
2639 .vevent .event-location{
2643 font-style: oblique;
2648 .vevent .event-start, .vevent .event-end {
2654 font-variant: small-caps;
2661 margin-bottom: 10px;
2662 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2663 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2664 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2665 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2666 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2667 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2668 background-color:#bdbdbd;
2669 -moz-border-radius:5px;
2670 -webkit-border-radius:5px;
2675 #new-event-link:hover {
2677 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2678 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2679 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2680 background-color:#b20202;
2683 #new-event-link:active {
2684 background-color: #b20202;
2693 .edit-event-link, .plink-event-link {
2697 margin-bottom: 15px;
2700 .event-description:before {
2701 content: url('calendar.png');
2703 vertical-align: middle;
2706 .event-start, .event-end {
2711 .event-start .dtstart, .event-end .dtend {
2716 margin-bottom: 10px;
2717 font-variant:small-caps;
2718 font-stretch:condensed;
2721 .prevcal, .nextcal {
2728 .event-calendar-end {
2733 font-family: Helvetica, Arial, sans-serif;
2735 background-color: #f1f1f1;
2736 border: 1px solid #dedede;
2737 margin-bottom: 10px;
2738 -moz-box-shadow: 5px 5px 8px #959494;
2739 -webkit-box-shadow: 5px 5px 8px #959494;
2740 box-shadow: 5px 5px 8px #959494;
2744 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2745 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2746 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2747 background-color: #b20202;
2753 font-variant:small-caps;
2754 -moz-box-shadow: 5px 2px 8px #959494;
2755 -webkit-box-shadow: 5px 2px 8px #959494;
2756 box-shadow: 5px 2px 8px #959494;
2760 border: 1px solid #eeeeee;
2770 background-color: #cdcdcd;
2782 background-color: #b20202;
2787 #event-finish-text {
2792 #event-nofinish-checkbox,
2793 #event-nofinish-text,
2794 #event-adjust-checkbox,
2796 #event-share-checkbox {
2800 #event-datetime-break {
2801 margin-bottom: 10px;
2804 #event-nofinish-break,
2805 #event-adjust-break,
2806 #event-share-break {
2811 #event-location-text {
2826 margin: 50px 50px 0px 0px;
2828 background-color: #f1f1f1;
2829 border: 1px solid #dedede;
2831 -moz-box-shadow: 5px 5px 8px #959494;
2832 -webkit-box-shadow: 5px 5px 8px #959494;
2833 box-shadow: 5px 5px 8px #959494;
2836 .directory-details {
2838 font-variant: small-caps;
2844 font-variant: small-caps;
2860 background-color: #FF0000;
2865 border: 0px; padding: 0px;
2869 list-style-position: inside;
2877 padding-bottom: 2px;
2878 border-bottom: 1px solid black;
2891 border-bottom: 1px solid #898989;
2896 #adminpage .submit {
2900 #adminpage #pluginslist {
2901 margin: 0px; padding: 0px;
2904 #adminpage .plugin {
2907 border: 1px solid #888888;
2913 #adminpage .toggleplugin {
2918 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2919 #adminpage table th { text-align: left;}
2920 #adminpage td .icon { float: left;}
2921 #adminpage table#users img { width: 16px; height: 16px; }
2922 #adminpage table tr:hover { background-color: #eeeeee; }
2923 #adminpage .selectall { text-align: right; }
2925 /* =============== */
2926 /* = Form Fields = */
2927 /* =============== */
2931 padding-bottom: 10px;
2945 .field textarea { height: 100px; }
2958 border:1px solid #c1c1c1;
2959 background-image:url("../../../images/onoff.jpg");
2960 background-repeat: no-repeat;
2961 padding: 4px 2px 2px 2px;
2963 text-decoration: none;
2965 .field .onoff .off {
2966 border-color:#c1c1c1;
2968 background-position: left center;
2969 background-color: #cccccc;
2975 border-color:#c1c1c1;
2976 padding-right: 40px;
2977 background-position: right center;
2978 background-color: #b20202;
2983 .hidden { display: none!important; }
2985 .field.radio .field_help { margin-left: 0px; }
2992 display: block; width: 20px; height: 20px;
2993 background-image: url('icons.png');
2996 background-image: url("star.png");
3000 background-image: url("premium.png");
3006 border: 1px solid #c1c1c1;
3007 -webkit-border-radius: 3px;
3008 -moz-border-radius: 3px;
3012 .article { background-position: -50px 0px;}
3013 .audio { background-position: -70px 0px;}
3014 .block { background-position: -90px 0px;}
3015 .drop { background-position: -110px 0px;}
3016 .drophide { background-position: -130px 0px;}
3017 .edit { background-position: -150px 0px;}
3018 .camera { background-position: -170px 0px;}
3019 .dislike { background-position: -190px 0px;}
3020 .like { background-position: -210px 0px;}
3021 .link { background-position: -230px 0px;}
3023 .globe { background-position: -50px -20px;}
3024 .noglobe { background-position: -70px -20px;}
3025 .no { background-position: -90px -20px;}
3026 .pause { background-position: -110px -20px;}
3027 .play { background-position: -130px -20px;}
3028 .pencil { background-position: -150px -20px;}
3029 .small-pencil { background-position: -170px -20px;}
3030 .recycle { background-position: -190px -20px;}
3031 .remote-link { background-position: -210px -20px;}
3032 .share { background-position: -230px -20px;}
3034 .tools { background-position: -50px -40px;}
3035 .lock { background-position: -70px -40px;}
3038 background-position: -90px -40px;
3039 background-image: none;
3044 .video { background-position: -110px -40px;}
3045 .youtube { background-position: -130px -40px;}
3047 .attach { background-position: -190px -40px;}
3048 .language { background-position: -210px -40px;}
3051 .on { background-position: -50px -60px;}
3052 .off { background-position: -70px -60px;}
3053 .prev { background-position: -90px -60px;}
3054 .next { background-position: -110px -60px;}
3056 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3059 display: block; width: 20px; height: 23px;
3060 background-image: url('../../../images/content-types.png');
3063 .type-video { background-position: 0px 0px; }
3064 .type-image { background-position: -20px 0px; }
3065 .type-audio { background-position: -40px 0px; }
3066 .type-text { background-position: -60px 0px; }
3067 .type-unkn { background-position: -80px 0px; }
3073 .cc-license { margin-top: 100px; font-size: 0.7em; }
3074 footer { display: block; margin: 50px 20%; clear: both; }
3079 border: 1px solid #cccccc;
3086 #photo-edit-perms-select,
3087 #photos-upload-permissions-wrapper,
3088 #profile-jot-acl-wrapper{
3089 display:block!important;
3098 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3109 background-color: #cccccc;
3110 background-position: 7px 7px;
3111 background-repeat: no-repeat;
3113 -webkit-border-radius: 5px ;
3114 -moz-border-radius: 5px;
3118 #acl-showall.selected {
3120 background-color: #b20202;
3125 border: 1px solid #cccccc;
3126 background-color: #efefef;
3140 border: 1px solid #cccccc;
3141 background-color: #fff;
3144 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3145 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3146 box-shadow: 2px 2px 3px #c1c1c1;
3160 padding: 2px 0px 1px;
3169 background-color: #898989;
3170 background-position: 3px 3px;
3171 background-repeat: no-repeat;
3173 -webkit-border-radius: 2px ;
3174 -moz-border-radius: 2px;
3179 #acl-wrapper a:hover {
3180 text-decoration: none;
3181 background-color:#b20202;
3184 .acl-button-show.selected {
3186 background-color: #b20202;
3189 .acl-button-hide.selected {
3191 background-color: #a2a2a2;
3194 .acl-list-item.groupshow { border-color: #b20202; }
3195 .acl-list-item.grouphide { border-color: #a2a2a2; }
3197 /* ========================= */
3198 /* = Global Directory Link = */
3199 /* ========================= */
3201 #global-directory-link {
3204 margin-bottom: 10px;
3206 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3207 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3208 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3209 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3210 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3211 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3212 background-color:#bdbdbd;
3213 -moz-border-radius:5px;
3214 -webkit-border-radius:5px;
3220 #global-directory-link:hover {
3222 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3223 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3224 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3225 background-color:#b20202;
3228 #global-directory-link:active {
3229 background-color: #b20202;
3234 #global-directory-link a {
3238 #global-directory-link {
3239 -webkit-padding-start: 0px;