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 {
2213 margin-bottom: 20px;
2214 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2215 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2216 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2217 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2218 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2219 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2220 background-color:#bdbdbd;
2221 -moz-border-radius:5px;
2222 -webkit-border-radius:5px;
2224 padding: 5px 10px 5px 10px;
2230 #side-invite-link:hover {
2232 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2233 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2234 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2235 background-color:#b20202;
2238 #side-invite-link:active {
2239 background-color: #b20202;
2244 #side-invite-link a {
2248 #invite-message, #invite-recipients, #invite-recipient-text {
2252 #side-follow-wrapper{
2255 font-stretch:semi-expanded;
2256 background-color: #f3f3f3;
2257 border: 1px solid #cdcdcd;
2260 -webkit-border-radius: 5px 5px 5px 5px;
2261 -moz-border-radius: 5px 5px 5px 5px;
2262 border-radius: 5px 5px 5px 5px;
2265 #side-follow-wrapper label{
2267 font-variant: normal;
2270 #contact-view-recent {
2274 margin-bottom: 20px;
2275 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2276 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2277 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2278 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2279 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2280 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2281 background-color:#bdbdbd;
2282 -moz-border-radius:5px;
2283 -webkit-border-radius:5px;
2285 padding: 5px 10px 5px 10px;
2291 #contact-view-recent:hover{
2293 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2294 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2295 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2296 background-color:#b20202;
2299 #contact-view-recent:active {
2300 background-color: #b20202;
2305 #contact-view-recent a {
2314 margin-bottom: 20px;
2315 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2316 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2317 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2318 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2319 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2320 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2321 background-color:#bdbdbd;
2322 -moz-border-radius:5px;
2323 -webkit-border-radius:5px;
2325 padding: 5px 10px 5px 10px;
2331 #contact-suggest:hover {
2333 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2334 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2335 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2336 background-color:#b20202;
2339 #contact-suggest:active {
2340 background-color: #b20202;
2345 #contact-suggest a {
2349 #contact-edit-info-wrapper {
2353 /* ===================================== */
2354 /* = Register, Settings, Profile Forms = */
2355 /* ===================================== */
2359 background: url(login-bg.gif) no-repeat;
2360 background-position: 0 50%;
2365 #profile-tabs-wrapper {
2369 #profile-tab-status-link {
2370 padding: 5px 10px 5px 10px;
2374 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2375 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2376 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2377 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2378 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2379 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2380 background-color:#bdbdbd;
2381 -moz-border-radius:5px;
2382 -webkit-border-radius:5px;
2387 #profile-tab-status-link:hover {
2389 padding: 5px 10px 5px 10px;
2392 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2393 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2394 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2395 background-color:#b20202;
2398 #profile-tab-status-link:active {
2400 padding: 5px 10px 5px 10px;
2402 background-color: #b20202;
2407 #profile-tab-status-link a {
2415 #profile-tab-profile-link {
2418 padding: 5px 10px 5px 10px;
2420 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2421 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2422 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2423 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2424 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2425 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2426 background-color:#bdbdbd;
2427 -moz-border-radius:5px;
2428 -webkit-border-radius:5px;
2433 #profile-tab-profile-link:hover {
2435 padding: 5px 10px 5px 10px;
2438 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2439 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2440 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2441 background-color:#b20202;
2444 #profile-tab-profile-link:active {
2446 padding: 5px 10px 5px 10px;
2448 background-color: #b20202;
2453 #profile-tab-profile-link a {
2459 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2460 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2461 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2462 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2463 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2464 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2465 background-color:#7c7d7b;
2466 -moz-border-radius:5px;
2467 -webkit-border-radius:5px;
2469 padding: 5px 10px 5px 10px;
2470 margin-bottom: 10px;
2473 #uexport-link:hover {
2475 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2476 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2477 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2478 background-color:#555753;
2481 #uexport-link:active {
2483 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2484 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2485 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2486 background-color:#b20202;
2491 #settings-default-perms {
2494 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2495 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2496 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2497 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2498 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2499 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2500 background-color:#7c7d7b;
2501 -moz-border-radius:5px;
2502 -webkit-border-radius:5px;
2504 padding: 5px 10px 5px 10px;
2505 margin-bottom: 10px;
2508 #settings-default-perms .fakelink {
2512 #settings-default-perms:hover {
2514 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2515 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2516 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2517 background-color:#555753;
2520 #settings-default-perms:active {
2522 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2523 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2524 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2525 background-color:#b20202;
2530 #settings-nickname-desc {
2532 background-color: #efefef;
2533 margin-bottom: 10px;
2534 -webkit-border-radius: 5px;
2535 -moz-border-radius: 5px;
2541 #profile-edit-form div {
2545 #register-form label,
2546 #profile-edit-form label {
2547 width: 300px; float: left;
2550 #register-form span,
2551 #profile-edit-form span {
2554 margin-bottom: 20px;
2557 .settings-submit-wrapper,
2558 .profile-edit-submit-wrapper { margin: 30px 0px;}
2559 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2561 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2564 #register-sitename { display: inline; font-weight: bold;}
2566 /* ===================== */
2567 /* = Contacts Selector = */
2568 /* ===================== */
2570 #group-edit-wrapper {
2571 margin-bottom: 10px;
2574 #group-edit-name-wrapper {
2578 #group-edit-submit-wrapper {
2579 margin-bottom: 10px;
2580 margin-right: 400px;
2584 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2585 #group-edit-desc { margin: 10px 0xp; }
2586 #group-new-text {font-size: 1.1em;}
2593 background-color: #f0edf0;
2595 border: 1px solid #ccc;
2596 margin-bottom: 10px;
2600 #group-all-contacts,
2601 #prof-all-contacts {
2605 border: 1px solid #ccc;
2606 background-color: #f0edf0;
2611 #group-all-contacts h3,
2613 #prof-all-contacts h3{
2620 #prof-separator { display: none;}
2626 .clear { clear: both; }
2639 background-color: #fff;
2640 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2641 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2642 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2645 .vevent:before, .vevent:after {
2652 background: transparent;
2653 -webkit-transform: skew(-5deg) rotate(-5deg);
2654 -moz-transform: skew(-5deg) rotate(-5deg);
2655 -ms-transform: skew(-5deg) rotate(-5deg);
2656 -o-transform: skew(-5deg) rotate(-5deg);
2657 transform: skew(-5deg) rotate(-5deg);
2658 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2659 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2660 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2667 -webkit-transform: skew(5deg) rotate(5deg);
2668 -moz-transform: skew(5deg) rotate(5deg);
2669 -ms-transform: skew(5deg) rotate(5deg);
2670 -o-transform: skew(5deg) rotate(5deg);
2671 transform: skew(5deg) rotate(5deg);
2674 .vevent .event-description {
2682 .vevent .event-location{
2686 font-style: oblique;
2691 .vevent .event-start, .vevent .event-end {
2697 font-variant: small-caps;
2704 margin-bottom: 10px;
2705 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2706 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2707 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2708 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2709 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2710 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2711 background-color:#bdbdbd;
2712 -moz-border-radius:5px;
2713 -webkit-border-radius:5px;
2718 #new-event-link:hover {
2720 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2721 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2722 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2723 background-color:#b20202;
2726 #new-event-link:active {
2727 background-color: #b20202;
2736 .edit-event-link, .plink-event-link {
2740 margin-bottom: 15px;
2743 .event-description:before {
2744 content: url('calendar.png');
2746 vertical-align: middle;
2749 .event-start, .event-end {
2754 .event-start .dtstart, .event-end .dtend {
2759 margin-bottom: 10px;
2760 font-variant:small-caps;
2761 font-stretch:condensed;
2764 .prevcal, .nextcal {
2771 .event-calendar-end {
2776 font-family: Helvetica, Arial, sans-serif;
2778 background-color: #f1f1f1;
2779 border: 1px solid #dedede;
2780 margin-bottom: 10px;
2781 -moz-box-shadow: 5px 5px 8px #959494;
2782 -webkit-box-shadow: 5px 5px 8px #959494;
2783 box-shadow: 5px 5px 8px #959494;
2787 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2788 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2789 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2790 background-color: #b20202;
2796 font-variant:small-caps;
2797 -moz-box-shadow: 5px 2px 8px #959494;
2798 -webkit-box-shadow: 5px 2px 8px #959494;
2799 box-shadow: 5px 2px 8px #959494;
2803 border: 1px solid #eeeeee;
2813 background-color: #cdcdcd;
2825 background-color: #b20202;
2830 #event-finish-text {
2835 #event-nofinish-checkbox,
2836 #event-nofinish-text,
2837 #event-adjust-checkbox,
2839 #event-share-checkbox {
2843 #event-datetime-break {
2844 margin-bottom: 10px;
2847 #event-nofinish-break,
2848 #event-adjust-break,
2849 #event-share-break {
2854 #event-location-text {
2869 margin: 50px 50px 0px 0px;
2871 background-color: #f1f1f1;
2872 border: 1px solid #dedede;
2874 -moz-box-shadow: 5px 5px 8px #959494;
2875 -webkit-box-shadow: 5px 5px 8px #959494;
2876 box-shadow: 5px 5px 8px #959494;
2879 .directory-details {
2881 font-variant: small-caps;
2887 font-variant: small-caps;
2903 background-color: #FF0000;
2908 border: 0px; padding: 0px;
2912 list-style-position: inside;
2920 padding-bottom: 2px;
2921 border-bottom: 1px solid black;
2934 border-bottom: 1px solid #898989;
2939 #adminpage .submit {
2943 #adminpage #pluginslist {
2944 margin: 0px; padding: 0px;
2947 #adminpage .plugin {
2950 border: 1px solid #888888;
2956 #adminpage .toggleplugin {
2961 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2962 #adminpage table th { text-align: left;}
2963 #adminpage td .icon { float: left;}
2964 #adminpage table#users img { width: 16px; height: 16px; }
2965 #adminpage table tr:hover { background-color: #eeeeee; }
2966 #adminpage .selectall { text-align: right; }
2968 /* =============== */
2969 /* = Form Fields = */
2970 /* =============== */
2974 padding-bottom: 10px;
2988 .field textarea { height: 100px; }
3001 border:1px solid #c1c1c1;
3002 background-image:url("../../../images/onoff.jpg");
3003 background-repeat: no-repeat;
3004 padding: 4px 2px 2px 2px;
3006 text-decoration: none;
3008 .field .onoff .off {
3009 border-color:#c1c1c1;
3011 background-position: left center;
3012 background-color: #cccccc;
3018 border-color:#c1c1c1;
3019 padding-right: 40px;
3020 background-position: right center;
3021 background-color: #b20202;
3026 .hidden { display: none!important; }
3028 .field.radio .field_help { margin-left: 0px; }
3035 display: block; width: 20px; height: 20px;
3036 background-image: url('icons.png');
3039 background-image: url("star.png");
3043 background-image: url("premium.png");
3049 border: 1px solid #c1c1c1;
3050 -webkit-border-radius: 3px;
3051 -moz-border-radius: 3px;
3055 .article { background-position: -50px 0px;}
3056 .audio { background-position: -70px 0px;}
3057 .block { background-position: -90px 0px;}
3058 .drop { background-position: -110px 0px;}
3059 .drophide { background-position: -130px 0px;}
3060 .edit { background-position: -150px 0px;}
3061 .camera { background-position: -170px 0px;}
3062 .dislike { background-position: -190px 0px;}
3063 .like { background-position: -210px 0px;}
3064 .link { background-position: -230px 0px;}
3066 .globe { background-position: -50px -20px;}
3067 .noglobe { background-position: -70px -20px;}
3068 .no { background-position: -90px -20px;}
3069 .pause { background-position: -110px -20px;}
3070 .play { background-position: -130px -20px;}
3071 .pencil { background-position: -150px -20px;}
3072 .small-pencil { background-position: -170px -20px;}
3073 .recycle { background-position: -190px -20px;}
3074 .remote-link { background-position: -210px -20px;}
3075 .share { background-position: -230px -20px;}
3077 .tools { background-position: -50px -40px;}
3078 .lock { background-position: -70px -40px;}
3081 background-position: -90px -40px;
3082 background-image: none;
3087 .video { background-position: -110px -40px;}
3088 .youtube { background-position: -130px -40px;}
3090 .attach { background-position: -190px -40px;}
3091 .language { background-position: -210px -40px;}
3094 .on { background-position: -50px -60px;}
3095 .off { background-position: -70px -60px;}
3096 .prev { background-position: -90px -60px;}
3097 .next { background-position: -110px -60px;}
3099 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3102 display: block; width: 20px; height: 23px;
3103 background-image: url('../../../images/content-types.png');
3106 .type-video { background-position: 0px 0px; }
3107 .type-image { background-position: -20px 0px; }
3108 .type-audio { background-position: -40px 0px; }
3109 .type-text { background-position: -60px 0px; }
3110 .type-unkn { background-position: -80px 0px; }
3116 .cc-license { margin-top: 100px; font-size: 0.7em; }
3117 footer { display: block; margin: 50px 20%; clear: both; }
3122 border: 1px solid #cccccc;
3129 #photo-edit-perms-select,
3130 #photos-upload-permissions-wrapper,
3131 #profile-jot-acl-wrapper{
3132 display:block!important;
3141 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3152 background-color: #cccccc;
3153 background-position: 7px 7px;
3154 background-repeat: no-repeat;
3156 -webkit-border-radius: 5px ;
3157 -moz-border-radius: 5px;
3161 #acl-showall.selected {
3163 background-color: #b20202;
3168 border: 1px solid #cccccc;
3169 background-color: #efefef;
3183 border: 1px solid #cccccc;
3184 background-color: #fff;
3187 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3188 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3189 box-shadow: 2px 2px 3px #c1c1c1;
3203 padding: 2px 0px 1px;
3212 background-color: #898989;
3213 background-position: 3px 3px;
3214 background-repeat: no-repeat;
3216 -webkit-border-radius: 2px ;
3217 -moz-border-radius: 2px;
3222 #acl-wrapper a:hover {
3223 text-decoration: none;
3224 background-color:#b20202;
3227 .acl-button-show.selected {
3229 background-color: #b20202;
3232 .acl-button-hide.selected {
3234 background-color: #a2a2a2;
3237 .acl-list-item.groupshow { border-color: #b20202; }
3238 .acl-list-item.grouphide { border-color: #a2a2a2; }
3240 /* ========================= */
3241 /* = Global Directory Link = */
3242 /* ========================= */
3244 #global-directory-link {
3247 margin-bottom: 10px;
3249 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3250 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3251 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3252 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3253 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3254 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3255 background-color:#bdbdbd;
3256 -moz-border-radius:5px;
3257 -webkit-border-radius:5px;
3263 #global-directory-link:hover {
3265 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3266 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3267 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3268 background-color:#b20202;
3271 #global-directory-link:active {
3272 background-color: #b20202;
3277 #global-directory-link a {
3281 #global-directory-link {
3282 -webkit-padding-start: 0px;