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.
25 /*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
33 vertical-align: baseline;
39 font-family: freesans,helvetica,arial,clean,sans-serif;
45 img { border: 0 none; max-width: 550px; }
47 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
48 a:hover { color: #db0503; padding-bottom: 0px;}
72 font-variant:small-caps;
79 .required { display: inline; color: #b20202; }
80 .fakelink { color: #b20202; cursor: pointer; }
81 .fakelink :hover { color: #db0503; }
84 border: 2px solid #b0b0b0;
87 -webkit-border-radius: 3px 3px 3px 3px;
88 -moz-border-radius: 3px 3px 3px 3px;
89 border-radius: 3px 3px 3px 3px;
93 margin: 10px 2px 5px 2px;
97 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
98 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
99 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
100 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
101 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
102 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
103 background-color:#bdbdbd;
104 -moz-border-radius:5px;
105 -webkit-border-radius:5px;
111 input[type=submit]:hover {
113 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
114 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
115 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
116 background-color:#b20202;
119 input[type=submit]:active {
124 .smalltext { font-size: 0.7em }
126 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
127 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
130 margin: 20px 11% 0px 11%;
133 padding-right: 230px;
144 #login-name-wrapper {
145 vertical-align: middle;
149 #login-name-wrapper input {
154 #login-password-wrapper {
155 vertical-align: middle;
164 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
165 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
166 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
167 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
168 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
169 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
170 background-color:#bdbdbd;
171 -moz-border-radius:5px;
172 -webkit-border-radius:5px;
178 #login-extra-links a {
181 padding: 5px 0px 5px 0px;
187 #login-extra-links:hover {
189 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
190 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
191 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
192 background-color:#b20202;
196 #login-extra-links:active {
201 #login-extra-filler {
212 -webkit-border-radius: 5px ;
213 -moz-border-radius: 5px;
215 border: 1px solid #494948;
216 background-color: #2e3436;
221 -moz-box-shadow: 7px 7px 12px #434343;
222 -webkit-box-shadow: 7px75px 12px #434343;
223 box-shadow: 7px 7px 10px #434343;
241 .pager span { padding: 4px; margin:4px; }
242 .pager_current { background-color: #b20202; color: #ffffff; }
254 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
255 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
256 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
257 background-color:#7c7d7b;
258 border-bottom: 1px solid #494948;
260 nav a { text-decoration: none; color: #eeeeec; border:0px;}
261 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
270 nav #banner #logo-text a {
285 vertical-align: middle;
286 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #898988), color-stop(1, #a2a2a2) );
287 background:-moz-linear-gradient( center top, #898988 5%, #a2a2a2 100% );
288 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898988', endColorstr='#a2a2a2');
289 background-color:#a2a2a2;
290 -moz-border-radius:5px;
291 -webkit-border-radius:5px;
294 text-decoration:none;
298 nav #user-menu-label::after {
299 content: url("menu-user-pin.png") no-repeat;
303 nav #user-menu-label {
304 vertical-align: middle;
313 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
314 background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
315 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
316 background-color:#898988;
323 border: 1px solid #9a9a9a;
325 -webkit-border-radius: 0px 0px 5px 5px;
326 -moz-border-radius: 0px 0px 5px 5px;
327 border-radius: 0px 0px 5px 5px;
328 -moz-box-shadow: 5px 5px 10px #242424;
329 -webkit-box-shadow: 5px 5px 10px #242424;
330 box-shadow: 5px 5px 10px #242424;
334 ul#user-menu-popup li { display: block; }
335 ul#user-menu-popup li a { display: block; padding: 5px; }
336 ul#user-menu-popup li a:hover {
338 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
339 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
340 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
341 background-color:#d60808;
344 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
353 top:10px; left: 650px;
358 background: transparent url('notifications.png') 0px 0px no-repeat;
367 #net-update { background-position: 0px 0px; }
368 #mail-update { background-position: 0px -42px; }
369 #notify-update { background-position: 0px -84px; }
370 #home-update { background-position: 0px -126px; }
385 /* =================== */
386 /* = System Messages = */
387 /* =================== */
389 #sysmsg_info, #sysmsg {
391 bottom: 0px; right:20%;
392 -moz-box-shadow: 7px 7px 12px #434343;
393 -webkit-box-shadow: 7px75px 12px #434343;
394 box-shadow: 7px 7px 10px #434343;
396 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
397 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
398 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
399 background-color:#b20202;
400 -webkit-border-radius: 5px 5px 0px 0px;
401 -moz-border-radius: 5px 5px 0px 0px;
402 border-radius: 5px 5px 0px 0px;
403 border: 1px solid #da2c2c;
405 padding-bottom: 50px;
415 border-top: 1px solid #dddddd;
418 /* ================= */
419 /* = Aside/Sidebar = */
420 /* ================= */
440 font-variant:small-caps;
445 font-variant:small-caps;
450 font-variant:small-caps;
460 .vcard #profile-photo-wrapper {
464 background-color: #f3f3f3;
465 border: 1px solid #dddddd;
466 -moz-box-shadow: 3px 3px 4px #959494;
467 -webkit-box-shadow: 3px 3px 4px #959494;
468 box-shadow: 3px 3px 4px #959494;
471 aside h4 { font-size: 1.3em; }
473 aside #viewcontacts {
476 font-variant:small-caps;
485 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
488 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
489 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
490 box-shadow:inset 0px 1px 0px 0px #a65151;
491 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
492 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
493 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
494 background-color:#d60808;
495 -moz-border-radius:5px;
496 -webkit-border-radius:5px;
498 border:1px solid #fc5656;
499 display:inline-block;
501 font-family:Trebuchet MS;
507 text-decoration:none;
508 text-shadow:1px 1px 0px #b36f6f;
511 #dfrn-request-link:hover {
512 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
513 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
514 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
515 background-color:#b20202;
518 #dfrn-request-link:active {
523 #dfrn-request-intro {
528 background-color: #f6f6f6;
529 /*padding: 10px 10px 10px 20px;*/
530 padding: 10px 8px 10px 8px;
532 #netsearch-box input[type="text"] {
535 #netsearch-box input[type="submit"] {
540 content: url("search.png");
542 vertical-align: middle;
546 background-color: #f3f3f3;
547 border: 1px solid #cdcdcd;
549 -webkit-border-radius: 5px 5px 5px 5px;
550 -moz-border-radius: 5px 5px 5px 5px;
551 border-radius: 5px 5px 5px 5px;
555 vertical-align: middle;
558 padding-bottom: 10px;
561 #sidebar-group-list {
566 #sidebar-group-list > a{
567 padding-bottom: 10px;
572 -moz-box-shadow: 1px 2px 6px 0px #959494;
573 -webkit-box-shadow: 1px 2px 6px 0px #959494;
574 box-shadow: 1px 2px 6px 0px #959494;
575 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
576 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
577 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
578 background-color:#f8f8f8;
579 -moz-border-radius:5px;
580 -webkit-border-radius:5px;
582 border:1px solid #eee;
584 text-shadow:-1px 0px 0px #bdbdbd;
585 border: 1px solid #cdcdcd;
593 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
594 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
595 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
596 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
597 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
598 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
599 background-color:#bdbdbd;
600 -moz-border-radius:5px;
601 -webkit-border-radius:5px;
603 display:inline-block;
605 text-decoration:none;
609 #sidebar-new-group:hover {
610 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
611 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
612 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
613 background-color:#b20202;
616 #sidebar-new-group:active {
621 #sidebar-new-group a {
628 ul .sidebar-group-li{
634 ul .sidebar-group-li img{
639 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
640 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
641 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
642 background-color:#f0edf0;
643 -moz-border-radius:5px 5px 0px 0px;
644 -webkit-border-radius:5px 5px 0px 0px;
645 border-radius:5px 5px 0px 0px;
646 border:1px solid #e2e2e2;
647 border-bottom: 1px solid #cdcdcd;
650 vertical-align: baseline;
652 text-shadow:-1px 0px 0px #bdbdbd;
655 #group-sidebar h3:before{
656 content: url("groups.png");
658 vertical-align: middle;
663 padding-bottom: 20px;
671 .saved-search-li .icon {
675 /* ================== */
676 /* = Contacts Block = */
677 /* ================== */
688 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
689 #contact-block-end { clear: both; }
695 #profile-jot-text_tbl { margin-bottom: 10px; }
696 #profile-jot-text_ifr { width: 99.9%!important }
697 #profile-jot-submit-wrapper {
700 #profile-jot-perms, #profile-jot-submit {
703 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
704 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
705 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
706 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
707 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
708 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
709 background-color:#bdbdbd;
710 -moz-border-radius:5px;
711 -webkit-border-radius:5px;
713 display:inline-block;
715 text-decoration:none;
726 #jot-perms-perms .icon {
730 #profile-jot-submit {
738 #profile-jot-perms:hover, #profile-jot-submit:hover {
739 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
740 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
741 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
742 background-color:#b20202;
744 #profile-jot-perms:active, #profile-jot-submit:active {
750 /*float: left; padding: 8px 10px;*/
751 position: absolute: right: 100px; top:100px;
753 #profile-rotator-wrapper {
761 #profile-jot-tools-end,
762 #profile-jot-banner-end { clear: both; }
764 #profile-jot-email-wrapper {
765 margin: 10px 10% 0px 10%;
766 border: 1px solid #eeeeee;
769 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
770 #profile-jot-email { margin: 5px; width: 98%; }
772 #profile-jot-networks {
774 border: 1px solid #eeeeee;
779 #profile-jot-acl-wrapper {
781 border: 1px solid #eeeeee;
783 display:block!important;
785 #group_allow_wrapper,
787 #acl-permit-outer-wrapper { width: 47%; float: left; }
789 #contact_allow_wrapper,
790 #contact_deny_wrapper,
791 #acl-deny-outer-wrapper { width: 47%; float: right; }
793 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
794 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
795 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
797 #acl-permit-text-end,
798 #acl-deny-text-end { clear: both; }
799 #profile-jot-wrapper {
804 profile-jot-banner-wrapper {
821 margin: 0px 0px 10px 0px;
822 border-bottom: 1px solid #efefef;
824 .tabs-wrapper li { display: inline;}
827 padding: 5px 10px 5px 10px;
830 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
831 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
832 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
833 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
834 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
835 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
836 background-color:#bdbdbd;
837 -moz-border-radius:5px;
838 -webkit-border-radius:5px;
841 text-decoration:none;
846 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
847 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
848 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
849 background-color:#b20202;
851 padding: 5px 10px 5px 10px;
858 padding: 5px 10px 5px 10px;
866 .wall-item-outside-wrapper {
869 .wall-item-outside-wrapper-end { clear: both;}
870 .wall-item-content-wrapper { position: relative; max-width: 95%; }
871 .wall-item-photo-menu { display: none;}
872 .wall-item-photo-menu-button {
874 text-indent: -99999px;
875 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
878 height: 20px; width: 90px;
879 top: 85px; left: -1px;
880 -webkit-border-radius: 0px 0px 5px 5px;
881 -moz-border-radius: 0px 0px 5px 5px;
882 border-radius: 0px 0px 5px 5px;
885 .wall-item-info { float: left; width: 140px; }
886 .wall-item-photo-wrapper {
887 width: 80px; height: 80px;
890 background-color: #eeeeee;
891 border: 1px solid #dddddd;
892 -moz-box-shadow: 3px 3px 4px #959494;
893 -webkit-box-shadow: 3px 3px 4px #959494;
894 box-shadow: 3px 3px 4px #959494;
898 filter: alpha(opacity=60);
900 -webkit-transition: all 0.25s ease-in-out;
901 -moz-transition: all 0.25s ease-in-out;
902 -o-transition: all 0.25s ease-in-out;
903 -ms-transition: all 0.25s ease-in-out;
904 transition: all 0.25s ease-in-out;
910 .wall-item-tools:hover {
911 filter: alpha(opacity=100);
913 -webkit-transition: all 0.25s ease-in-out;
914 -moz-transition: all 0.25s ease-in-out;
915 -o-transition: all 0.25s ease-in-out;
916 -ms-transition: all 0.25s ease-in-out;
917 transition: all 0.25s ease-in-out;
921 .wall-item-outside-wrapper.comment .wall-item-tools {
922 margin: 5px 5px 10px 60px;
926 .wall-item-like-buttons {
929 .wall-item-like-buttons a.icon {
934 .wall-item-links-wrapper {
938 .wall-item-delete-wrapper {
941 .wall-item-links-wrapper a.icon {
955 .wall-item-title { font-size: 1.2em; font-weight: bold;}
956 .wall-item-body { margin-left: 140px; padding-right: 20px; }
961 .wall-item-lock-wrapper { float: right; }
967 margin: 4px 0px 0px 140px;
968 font-variant:small-caps;
971 .wall-item-author a {
975 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
976 .wall-item-wrapper-end { clear:both; }
977 .wall-item-location {
981 text-overflow: ellipsis;
982 -o-text-overflow: ellipsis;
985 .wall-item-location .icon { float: left; }
986 .wall-item-location > a {
990 font-variant:small-caps;
994 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
995 .wall-item-location > br { display: none; }
999 font-variant:small-caps;
1013 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1014 .wallwall .wall-item-photo-end { clear: both; }
1015 .wall-item-arrowphoto-wrapper {
1022 .wall-item-photo-menu {
1026 background: #eeeeee;
1027 border-right: 1px solid #dddddd;
1028 border-left: 1px solid #dddddd;
1029 border-bottom: 1px solid #dddddd;
1031 left: -2px; top: 101px;
1034 -webkit-border-radius: 0px 5px 5px 5px;
1035 -moz-border-radius: 0px 5px 5px 5px;
1036 border-radius: 0px 5px 5px 5px;
1037 -moz-box-shadow: 3px 3px 4px #959494;
1038 -webkit-box-shadow: 3px 3px 4px #959494;
1039 box-shadow: 3px 3px 4px #959494;
1042 .wall-item-photo-menu-button {
1043 border-right: 1px solid #dddddd;
1044 border-left: 1px solid #dddddd;
1045 border-bottom: 1px solid #dddddd;
1046 -moz-box-shadow: 3px 3px 4px #959494;
1047 -webkit-box-shadow: 3px 3px 4px #959494;
1048 box-shadow: 3px 3px 4px #959494;
1051 .fakelink wall-item-photo-menu-button {
1052 -webkit-border-radius: 0px 5px 5px 5px;
1053 -moz-border-radius: 0px 5px 5px 5px;
1054 border-radius: 0px 5px 5px 5px;
1055 -moz-box-shadow: 3px 3px 4px #959494;
1056 -webkit-box-shadow: 3px 3px 4px #959494;
1057 box-shadow: 3px 3px 4px #959494;
1060 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1061 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1062 .wall-item-photo-menu li a:hover {
1064 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1065 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1066 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1067 background-color:#b20202;
1072 .icon.drophide { float: left; }
1073 #item-delete-selected { overflow: auto; width: 100%;}
1074 .wall-item-outside-wrapper {
1076 border-bottom: 1px solid #dedede;
1084 .ccollapse-wrapper {
1088 font-variant:small-caps;
1091 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1092 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1093 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1094 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1097 background-position: 35px center;
1099 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1100 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 85%;}
1101 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1103 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1107 .icollapse-wrapper {
1110 font-variant:small-caps;
1113 .comment-wwedit-wrapper,
1114 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1115 .comment-wwedit-wrapper img,
1116 .comment-edit-wrapper img { width: 20px; height: 20px; }
1117 .comment-edit-photo-link { float: left; width: 40px;}
1118 .comment-edit-text-empty {
1123 -webkit-transition: all 0.5s ease-in-out;
1124 -moz-transition: all 0.5s ease-in-out;
1125 -o-transition: all 0.5s ease-in-out;
1126 -ms-transition: all 0.5s ease-in-out;
1127 transition: all 0.5s ease-in-out;
1129 .comment-edit-text-empty:hover { color: #999999;}
1130 .comment-edit-text-full { width: 80%; height: 6em;
1131 -webkit-transition: all 0.5s ease-in-out;
1132 -moz-transition: all 0.5s ease-in-out;
1133 -o-transition: all 0.5s ease-in-out;
1134 -ms-transition: all 0.5s ease-in-out;
1135 transition: all 0.5s ease-in-out;
1137 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1138 .comment-edit-submit {
1140 background-color: #a2a2a2;
1142 -webkit-border-radius: 5px;
1143 -moz-border-radius: 5px;
1148 .comment-edit-submit:hover {
1149 background-color: #b20202;
1152 .comment-edit-submit:active {
1153 background-color: #b20202;
1156 #item-delete-selected-desc {
1163 .wall-item-body code {
1164 border-color: #CCCCCC;
1165 border-style: solid;
1166 border-width: 1px 1px 1px 10px;
1175 .advanced-profile-content {
1177 margin-bottom: 10px;
1182 .advanced-profile-label {
1185 padding-bottom: 5px;
1187 font-variant:small-caps;
1190 div[id$="wrapper"] { height: 100%;}
1191 div[id$="wrapper"] br { clear: left; }
1192 #advanced-profile-with { margin-left: 20px;}
1194 #profile-listing-desc {
1197 padding: 5px 10px 5px 10px;
1201 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1202 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1203 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1204 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1205 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1206 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1207 background-color:#bdbdbd;
1208 -moz-border-radius:5px;
1209 -webkit-border-radius:5px;
1211 display:inline-block;
1217 #profile-listing-desc:hover {
1218 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1219 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1220 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1221 background-color:#b20202;
1224 #profile-listing-desc:active {
1225 background-color: #b20202;
1230 #profile-listing-desc a {
1234 #profile-listing-new-link-wrapper {
1240 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1241 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1242 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1243 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1244 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1245 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1246 background-color:#bdbdbd;
1247 -moz-border-radius:5px;
1248 -webkit-border-radius:5px;
1250 padding: 5px 10px 5px 10px;
1256 #profile-listing-new-link-wrapper:hover {
1257 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1258 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1259 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1260 background-color:#b20202;
1263 #profile-listing-new-link-wrapper:active {
1264 background-color: #b20202;
1269 #profile-listing-new-link-wrapper a {
1273 .profile-listing-name {
1275 font-variant: small-caps;
1277 .profile-listing-name a {
1281 .profile-listing-visible {
1285 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1286 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1287 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1288 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1289 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1290 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1291 background-color:#bdbdbd;
1292 -moz-border-radius:5px;
1293 -webkit-border-radius:5px;
1295 padding: 5px 10px 5px 10px;
1301 .profile-listing-visible:hover {
1302 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1303 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1304 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1305 background-color:#b20202;
1308 .profile-listing-visible:active {
1309 background-color: #b20202;
1314 .profile-listing-visible a {
1318 .profile-listing-photo {
1320 background-color: #efefef;
1321 border: 2px dotted #eeeeee;
1322 -moz-box-shadow: 3px 3px 4px #959494;
1323 -webkit-box-shadow: 3px 3px 4px #959494;
1324 box-shadow: 3px 3px 4px #959494;
1327 #profile-edit-links li {
1332 background-color: #a2a2a2;
1334 padding: 5px 10px 5px 10px;
1337 -webkit-border-radius: 5px 5px 5px 5px;
1338 -moz-border-radius: 5px 5px 5px 5px;
1339 border-radius: 5px 5px 5px 5px;
1342 #profile-edit-links li a {
1346 #profile-edit-links li:hover {
1347 background-color: #b20202;
1350 #profile-edit-links li:active {
1351 background-color: #b20202;
1354 #cropimage-wrapper { float:left; }
1355 #crop-image-form { clear:both; }
1357 .profile-match-name a{
1359 font-variant: small-caps;
1363 .profile-match-name a:hover {
1367 .profile-match-wrapper {
1371 background-color: #f6f6f6;
1372 border: 1px solid #dddddd;
1373 -moz-box-shadow: 3px 3px 4px #959494;
1374 -webkit-box-shadow: 3px 3px 4px #959494;
1375 box-shadow: 3px 3px 4px #959494;
1382 #side-bar-photos-albums li {
1391 background-color: #a2a2a2;
1393 padding: 5px 10px 5px 10px;
1396 -webkit-border-radius: 5px 5px 5px 5px;
1397 -moz-border-radius: 5px 5px 5px 5px;
1398 border-radius: 5px 5px 5px 5px;
1400 #photo-top-links a {
1404 #photo-top-links:hover {
1405 background-color: #b20202;
1408 #photo-top-links:active {
1409 background-color: #b20202;
1412 .photo-album-image-wrapper,
1413 .photo-top-image-wrapper {
1415 margin: 0px 10px 10px 0px;
1416 border: 1px solid #dddddd;
1417 -moz-box-shadow: 3px 3px 6px #959494;
1418 -webkit-box-shadow: 3px 3px 6px #959494;
1419 box-shadow: 3px 3px 6px #959494;
1420 background-color: #efefef;
1422 padding-bottom: 30px;
1426 #photo-photo { max-width: 100% }
1427 #photo-photo img { max-width: 100% }
1429 .photo-top-image-wrapper a:hover,
1430 #photo-photo a:hover,
1431 .photo-album-image-wrapper a:hover {
1436 .photo-album-photo {}
1438 .photo-top-album-name {
1443 font-stretch:semi-expanded;
1444 font-variant:small-caps;
1447 .photo-top-album-name a{
1458 font-variant: small-caps;
1464 border: 1px solid #dddddd;
1465 -moz-box-shadow: 3px 3px 6px #959494;
1466 -webkit-box-shadow: 3px 3px 6px #959494;
1467 box-shadow: 3px 3px 6px #959494;
1468 background-color: #efefef;
1475 font-variant:small-caps;
1479 #photo-photo-end { clear: both; }
1485 background-color: rgba(255,255,255,0.2);
1487 -webkit-transition: all 0.2s ease-in-out;
1488 -moz-transition: all 0.2s ease-in-out;
1489 -o-transition: all 0.2s ease-in-out;
1490 -ms-transition: all 0.2s ease-in-out;
1491 transition: all 0.2s ease-in-out;
1492 background-position: center center;
1493 background-repeat: no-repeat;
1496 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1497 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1500 display: block; width: 100%; height: 100%;
1502 text-indent: -900000px;
1505 #photo-prev-link:hover,
1506 #photo-next-link:hover {
1508 -webkit-transition: all 0.2s ease-in-out;
1509 -moz-transition: all 0.2s ease-in-out;
1510 -o-transition: all 0.2s ease-in-out;
1511 -ms-transition: all 0.2s ease-in-out;
1512 transition: all 0.2s ease-in-out;
1515 #photo-next-link .icon,
1516 #photo-prev-link .icon { display: none }
1518 #photos-upload-spacer,
1519 #photos-upload-new-wrapper,
1520 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1521 #photos-upload-existing-album-text,
1522 #photos-upload-newalbum-div {
1523 background-color: #fff;
1531 #photos-upload-album-select,
1532 #photos-upload-newalbum { width: 400px; }
1534 #photos-upload-perms-menu {
1536 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1537 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1538 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1539 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1540 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1541 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1542 background-color:#bdbdbd;
1543 -moz-border-radius:5px;
1544 -webkit-border-radius:5px;
1552 #photos-upload-perms-menu:hover {
1558 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1559 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1560 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1561 background-color:#b20202;
1564 #photos-upload-perms-menu:active {
1569 background-color: #b20202;
1574 #photos-upload-perms-menu a {
1578 #photos-upload-perms-menu .icon {
1582 select[size], select[multiple], select[size][multiple] {
1583 -webkit-appearance: listbox;
1584 border: 2px solid #b0b0b0;
1586 -webkit-border-radius: 3px 3px 3px 3px;
1587 -moz-border-radius: 3px 3px 3px 3px;
1588 border-radius: 3px 3px 3px 3px;
1592 -webkit-appearance: menulist;
1593 box-sizing: border-box;
1594 -webkit-box-align: center;
1596 border: 2px solid #b0b0b0;
1598 -webkit-border-radius: 3px 3px 3px 3px;
1599 -moz-border-radius: 3px 3px 3px 3px;
1600 border-radius: 3px 3px 3px 3px;
1604 -webkit-border-radius: ;
1607 input, textarea, keygen {
1609 letter-spacing: normal;
1610 word-spacing: normal;
1612 text-transform: none;
1615 display: inline-block;
1616 text-align: -webkit-auto;
1617 border: 2px solid #b0b0b0;
1619 -webkit-border-radius: 3px 3px 3px 3px;
1620 -moz-border-radius: 3px 3px 3px 3px;
1621 border-radius: 3px 3px 3px 3px;
1625 background-color: none;
1626 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1627 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1628 box-shadow:inset 0px 1px 0px 0px #a65151;
1629 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1630 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1631 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1632 background-color:#d60808;
1633 -moz-border-radius:5px;
1634 -webkit-border-radius:5px;
1636 border:1px solid #fc5656;
1637 display:inline-block;
1639 text-shadow:1px 1px 0px #b36f6f;
1647 .qq-upload-button:hover {
1653 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1654 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1655 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1656 background-color:#b20202;
1659 .qq-upload-button:active {
1663 background-color: #B20202;
1674 background-color: #a2a2a2;
1676 padding: 5px 10px 5px 10px;
1679 -webkit-border-radius: 5px 5px 5px 5px;
1680 -moz-border-radius: 5px 5px 5px 5px;
1681 border-radius: 5px 5px 5px 5px;
1684 #album-edit-link a {
1688 #album-edit-link:hover {
1689 background-color: #b20202;
1692 #photo-edit-link-wrap {
1693 margin-bottom: 10px;
1702 input#photo_edit_form {
1707 #photo-edit-perms-menu {
1712 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1713 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1714 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1715 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1716 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1717 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1718 background-color:#bdbdbd;
1719 -moz-border-radius:5px;
1720 -webkit-border-radius:5px;
1729 #photo-edit-perms-menu:hover {
1731 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1732 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1733 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1734 background-color:#b20202;
1737 #photo-edit-perms-menu:active {
1738 background-color: #b20202;
1743 #photo-edit-perms-menu a {
1747 #photo-edit-perms-menu .icon {
1751 #photo-edit-delete-button {
1757 #side-bar-photos-albums h3:before {
1758 content: url("photography.png");
1759 padding-right: 10px;
1760 vertical-align: middle;
1763 #side-bar-photos-albums li {
1767 #photo-album-edit-wrapper {
1768 margin-bottom: 10px;
1775 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1780 background-color: #fff;
1781 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1782 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1783 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1786 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1793 background: transparent;
1794 -webkit-transform: skew(-5deg) rotate(-5deg);
1795 -moz-transform: skew(-5deg) rotate(-5deg);
1796 -ms-transform: skew(-5deg) rotate(-5deg);
1797 -o-transform: skew(-5deg) rotate(-5deg);
1798 transform: skew(-5deg) rotate(-5deg);
1799 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1800 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1801 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1805 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1808 -webkit-transform: skew(5deg) rotate(5deg);
1809 -moz-transform: skew(5deg) rotate(5deg);
1810 -ms-transform: skew(5deg) rotate(5deg);
1811 -o-transform: skew(5deg) rotate(5deg);
1812 transform: skew(5deg) rotate(5deg);
1821 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1822 #prvmail-subject .input{
1823 border: none !important ;
1826 #prvmail-subject-label {
1827 font-variant:small-caps;
1834 font-variant:small-caps;
1837 #prvmail-message-label {
1838 font-variant:small-caps;
1843 #prvmail-submit-wrapper { margin-top: 10px; }
1854 #prvmail-submit-wrapper > div {
1859 .mail-list-outside-wrapper {
1866 background-color: #efefef;
1867 border: 2px dotted #eeeeee;
1868 -moz-box-shadow: 3px 3px 4px #959494;
1869 -webkit-box-shadow: 3px 3px 4px #959494;
1870 box-shadow: 3px 3px 4px #959494;
1879 border: 1px solid #dddddd;
1882 .mail-list-sender-name {
1885 font-variant:small-caps;
1894 font-stretch:ultra-condensed;
1895 font-variant:small-caps;
1898 .mail-list-subject {
1902 padding-right: 50px;
1905 .mail-list-subject a {
1909 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1910 .mail-list-outside-wrapper-end {
1914 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1915 .mail-conv-sender-photo {
1919 background-color: #efefef;
1920 border: 1px solid #dddddd;
1921 -moz-box-shadow: 3px 3px 4px #959494;
1922 -webkit-box-shadow: 3px 3px 4px #959494;
1923 box-shadow: 3px 3px 4px #959494;
1926 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1927 .mail-conv-date { float: right; font-variant:small-caps; }
1928 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1937 vertical-align: middle;
1939 border: 1px solid #dddddd;
1941 .mail-conv-break { display: none; border: none;}
1942 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1944 /* ================= */
1945 /* = Notifications = */
1946 /* ================= */
1948 #notification-show-hide-wrapper {
1950 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1951 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1952 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1953 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1954 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1955 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1956 background-color:#bdbdbd;
1957 -moz-border-radius:5px;
1958 -webkit-border-radius:5px;
1960 padding: 5px 10px 5px 10px;
1968 #notification-show-hide-wrapper:hover {
1970 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1971 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1972 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1973 background-color:#b20202;
1976 #notification-show-hide-wrapper:active {
1977 background-color: #b20202;
1982 #notification-show-hide-wrapper a {
1991 margin-bottom: 10px;
1994 .view-contact-wrapper,
1995 .contact-entry-wrapper {
1998 margin-bottom: 20px;
2004 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
2005 .contact-entry-edit-links { position: absolute; top: 60px; }
2006 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
2007 .contact-entry-photo {
2009 background-color: #eeeeee;
2010 border: 1px solid #dddddd;
2011 -moz-box-shadow: 3px 3px 4px #959494;
2012 -webkit-box-shadow: 3px 3px 4px #959494;
2013 box-shadow: 3px 3px 4px #959494;
2016 .contact-entry-name {
2022 font-variant:small-caps;
2027 .contact-entry-photo {
2031 .contact-entry-edit-links .icon {
2032 border: 1px solid #babdb6;
2033 -webkit-border-radius: 3px;
2034 -moz-border-radius: 3px;
2036 background-color: #ffffff;
2039 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
2040 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2041 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2042 #contact-edit-nav-wrapper { margin-left: 210px; }
2043 #contact-edit-links { float: left; margin-top: 23px; }
2044 #contact-drop-links {/*position: absolute; top: 150px; left: 348px;*/}
2045 #contact-edit-nav-wrapper .icon {
2046 border: 1px solid #babdb6;
2047 -webkit-border-radius: 3px;
2048 -moz-border-radius: 3px;
2052 #contact-edit-nettype {
2054 font-variant: small-caps;
2057 padding-bottom: 0px;
2060 #contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
2061 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
2062 #contact-edit-last-updated { font-weight: bold; }
2063 #contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
2064 #contact-edit-end { clear: both; margin-bottom: 65px;}
2066 #contact-edit-update-now {
2068 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2069 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2070 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2071 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2072 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2073 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2074 background-color:#bdbdbd;
2075 -moz-border-radius:5px;
2076 -webkit-border-radius:5px;
2078 padding: 5px 10px 5px 10px;
2085 #contact-edit-update-now:hover {
2087 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2088 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2089 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2090 background-color:#b20202;
2093 #contact-edit-update-now:active {
2094 background-color: #b20202;
2099 #contact-edit-update-now a {
2104 #contact-edit-profile-select-text > p {
2108 .contact-photo-menu-button {
2110 background-image: url("photo-menu.jpg");
2111 background-position: top left;
2112 background-repeat: no-repeat;
2113 margin: 0px; padding: 0px;
2116 top: 64px; left:0px;
2122 #contact-edit-photo {
2124 background-color: #f1f1f1;
2125 border: 1px solid #dedede;
2127 -moz-box-shadow: 5px 5px 8px #959494;
2128 -webkit-box-shadow: 5px 5px 8px #959494;
2129 box-shadow: 5px 5px 8px #959494;
2131 .contact-photo-menu {
2133 border: 1px solid #ddd;
2134 background: #f1f1f1;
2136 left: 0px; top: 90px;
2139 -moz-box-shadow: 3px 3px 5px #888;
2140 -webkit-box-shadow: 3px 3px 5px #888;
2141 box-shadow: 3px 3px 5px #888;
2144 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2145 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2146 .contact-photo-menu li a:hover {
2148 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2149 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2150 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2151 background-color:#b20202;
2152 text-decoration: none;
2155 .view-contact-photo {
2157 background-color: #efefef;
2158 border: 1px solid #dddddd;
2159 -moz-box-shadow: 3px 3px 4px #959494;
2160 -webkit-box-shadow: 3px 3px 4px #959494;
2161 box-shadow: 3px 3px 4px #959494;
2164 .view-contact-name {
2165 font-variant: small-caps;
2169 background-color: #efefef;
2175 margin-bottom: 20px;
2178 #follow-sidebar h3:before {
2179 content: url("user.png");
2180 padding-right: 10px;
2181 vertical-align: middle;
2184 #follow-sidebar input[type="text"] {
2186 margin-bottom: 10px;
2193 margin-bottom: 20px;
2194 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2195 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2196 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2197 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2198 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2199 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2200 background-color:#bdbdbd;
2201 -moz-border-radius:5px;
2202 -webkit-border-radius:5px;
2204 padding: 5px 10px 5px 10px;
2210 #side-match-link:hover {
2212 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2213 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2214 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2215 background-color:#b20202;
2218 #side-match-link:active {
2219 background-color: #b20202;
2224 #side-match-link a {
2232 margin-bottom: 20px;
2233 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2234 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2235 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2236 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2237 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2238 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2239 background-color:#bdbdbd;
2240 -moz-border-radius:5px;
2241 -webkit-border-radius:5px;
2243 padding: 5px 10px 5px 10px;
2249 #side-invite-link:hover {
2251 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2252 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2253 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2254 background-color:#b20202;
2257 #side-invite-link:active {
2258 background-color: #b20202;
2263 #side-invite-link a {
2267 #invite-message, #invite-recipients, #invite-recipient-text {
2271 #side-follow-wrapper{
2274 font-stretch:semi-expanded;
2275 background-color: #f3f3f3;
2276 border: 1px solid #cdcdcd;
2279 -webkit-border-radius: 5px 5px 5px 5px;
2280 -moz-border-radius: 5px 5px 5px 5px;
2281 border-radius: 5px 5px 5px 5px;
2284 #side-follow-wrapper label{
2286 font-variant: normal;
2289 #contact-view-recent {
2293 margin-bottom: 20px;
2294 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2295 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2296 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2297 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2298 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2299 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2300 background-color:#bdbdbd;
2301 -moz-border-radius:5px;
2302 -webkit-border-radius:5px;
2304 padding: 5px 10px 5px 10px;
2310 #contact-view-recent:hover{
2312 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2313 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2314 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2315 background-color:#b20202;
2318 #contact-view-recent:active {
2319 background-color: #b20202;
2324 #contact-view-recent a {
2333 margin-bottom: 20px;
2334 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2335 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2336 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2337 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2338 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2339 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2340 background-color:#bdbdbd;
2341 -moz-border-radius:5px;
2342 -webkit-border-radius:5px;
2344 padding: 5px 10px 5px 10px;
2350 #contact-suggest:hover {
2352 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2353 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2354 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2355 background-color:#b20202;
2358 #contact-suggest:active {
2359 background-color: #b20202;
2364 #contact-suggest a {
2368 #contact-edit-info-wrapper {
2372 /* ===================================== */
2373 /* = Register, Settings, Profile Forms = */
2374 /* ===================================== */
2378 background: url(login-bg.gif) no-repeat;
2379 background-position: 0 50%;
2384 #profile-tabs-wrapper {
2388 #profile-tab-status-link:hover {
2390 padding: 5px 10px 5px 10px;
2393 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2394 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2395 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2396 background-color:#b20202;
2399 #profile-tab-status-link:active {
2401 padding: 5px 10px 5px 10px;
2403 background-color: #b20202;
2408 #profile-tab-status-link a {
2416 #profile-tab-profile-link:hover {
2418 padding: 5px 10px 5px 10px;
2421 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2422 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2423 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2424 background-color:#b20202;
2427 #profile-tab-profile-link:active {
2429 padding: 5px 10px 5px 10px;
2431 background-color: #b20202;
2436 #profile-tab-profile-link a {
2442 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2443 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2444 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2445 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2446 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2447 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2448 background-color:#7c7d7b;
2449 -moz-border-radius:5px;
2450 -webkit-border-radius:5px;
2452 padding: 5px 10px 5px 10px;
2453 margin-bottom: 10px;
2456 #uexport-link:hover {
2458 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2459 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2460 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2461 background-color:#555753;
2464 #uexport-link:active {
2466 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2467 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2468 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2469 background-color:#b20202;
2474 #settings-default-perms {
2477 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2478 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2479 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2480 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2481 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2482 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2483 background-color:#7c7d7b;
2484 -moz-border-radius:5px;
2485 -webkit-border-radius:5px;
2487 padding: 5px 10px 5px 10px;
2488 margin-bottom: 10px;
2491 #settings-default-perms .fakelink {
2495 #settings-default-perms:hover {
2497 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2498 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2499 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2500 background-color:#555753;
2503 #settings-default-perms:active {
2505 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2506 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2507 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2508 background-color:#b20202;
2513 #settings-nickname-desc {
2515 background-color: #efefef;
2516 margin-bottom: 10px;
2517 -webkit-border-radius: 5px;
2518 -moz-border-radius: 5px;
2524 #profile-edit-form div {
2528 #register-form label,
2529 #profile-edit-form label {
2530 width: 300px; float: left;
2533 #register-form span,
2534 #profile-edit-form span {
2537 margin-bottom: 20px;
2540 .settings-submit-wrapper,
2541 .profile-edit-submit-wrapper { margin: 30px 0px;}
2542 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2544 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2547 #register-sitename { display: inline; font-weight: bold;}
2549 /* ===================== */
2550 /* = Contacts Selector = */
2551 /* ===================== */
2553 #group-edit-wrapper {
2554 margin-bottom: 10px;
2557 #group-edit-name-wrapper {
2561 #group-edit-submit-wrapper {
2562 margin-bottom: 10px;
2563 margin-right: 400px;
2567 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2568 .group-delete-wrapper {
2572 margin-bottom: 10px;
2573 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2574 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2575 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2576 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2577 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2578 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2579 background-color:#bdbdbd;
2580 -moz-border-radius:5px;
2581 -webkit-border-radius:5px;
2585 .group-delete-wrapper:hover {
2586 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2587 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2588 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2589 background-color:#b20202;
2592 .group-delete-wrapper:active {
2593 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2594 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2595 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2596 background-color:#b20202;
2599 .group-delete-wrapper a {
2603 #group-edit-desc { margin: 10px 0xp; }
2604 #group-new-text {font-size: 1.1em;}
2611 background-color: #f0edf0;
2613 border: 1px solid #ccc;
2614 margin-bottom: 10px;
2618 #group-all-contacts,
2619 #prof-all-contacts {
2623 border: 1px solid #ccc;
2624 background-color: #f0edf0;
2629 #group-all-contacts h3,
2631 #prof-all-contacts h3{
2638 #prof-separator { display: none;}
2644 .clear { clear: both; }
2657 background-color: #fff;
2658 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2659 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2660 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2663 .vevent:before, .vevent:after {
2670 background: transparent;
2671 -webkit-transform: skew(-5deg) rotate(-5deg);
2672 -moz-transform: skew(-5deg) rotate(-5deg);
2673 -ms-transform: skew(-5deg) rotate(-5deg);
2674 -o-transform: skew(-5deg) rotate(-5deg);
2675 transform: skew(-5deg) rotate(-5deg);
2676 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2677 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2678 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2685 -webkit-transform: skew(5deg) rotate(5deg);
2686 -moz-transform: skew(5deg) rotate(5deg);
2687 -ms-transform: skew(5deg) rotate(5deg);
2688 -o-transform: skew(5deg) rotate(5deg);
2689 transform: skew(5deg) rotate(5deg);
2692 .vevent .event-description {
2700 .vevent .event-location{
2704 font-style: oblique;
2709 .vevent .event-start, .vevent .event-end {
2715 font-variant: small-caps;
2722 margin-bottom: 10px;
2723 margin-left: 170px; ;
2724 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2725 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2726 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2727 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2728 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2729 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2730 background-color:#bdbdbd;
2731 -moz-border-radius:5px;
2732 -webkit-border-radius:5px;
2737 #new-event-link:hover {
2739 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2740 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2741 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2742 background-color:#b20202;
2745 #new-event-link:active {
2746 background-color: #b20202;
2756 .edit-event-link, .plink-event-link {
2760 margin-bottom: 15px;
2763 .event-description:before {
2764 content: url('calendar.png');
2766 vertical-align: middle;
2769 .event-start, .event-end {
2774 .event-start .dtstart, .event-end .dtend {
2780 margin-bottom: 10px;
2781 font-variant:small-caps;
2782 font-stretch:condensed;
2785 .prevcal, .nextcal {
2792 .event-calendar-end {
2798 font-family: Helvetica, Arial, sans-serif;
2799 background-color: #f1f1f1;
2800 border: 1px solid #dedede;
2801 margin-bottom: 10px;
2802 -moz-box-shadow: 5px 5px 8px #959494;
2803 -webkit-box-shadow: 5px 5px 8px #959494;
2804 box-shadow: 5px 5px 8px #959494;
2808 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2809 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2810 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2811 background-color: #b20202;
2812 padding: 10px 0px 10px 0px;
2817 font-variant:small-caps;
2818 -moz-box-shadow: 5px 2px 8px #959494;
2819 -webkit-box-shadow: 5px 2px 8px #959494;
2820 box-shadow: 5px 2px 8px #959494;
2824 border: 1px solid #eeeeee;
2834 background-color: #cdcdcd;
2846 background-color: #b20202;
2851 #event-finish-text {
2856 #event-nofinish-checkbox,
2857 #event-nofinish-text,
2858 #event-adjust-checkbox,
2860 #event-share-checkbox {
2864 #event-datetime-break {
2865 margin-bottom: 10px;
2868 #event-nofinish-break,
2869 #event-adjust-break,
2870 #event-share-break {
2875 #event-location-text {
2890 margin: 50px 50px 0px 0px;
2892 background-color: #f1f1f1;
2893 border: 1px solid #dedede;
2895 -moz-box-shadow: 5px 5px 8px #959494;
2896 -webkit-box-shadow: 5px 5px 8px #959494;
2897 box-shadow: 5px 5px 8px #959494;
2900 .directory-details {
2902 font-variant: small-caps;
2908 font-variant: small-caps;
2924 background-color: #FF0000;
2929 border: 0px; padding: 0px;
2933 list-style-position: inside;
2941 padding-bottom: 2px;
2942 border-bottom: 1px solid black;
2955 border-bottom: 1px solid #898989;
2960 #adminpage .submit {
2964 #adminpage #pluginslist {
2965 margin: 0px; padding: 0px;
2968 #adminpage .plugin {
2971 border: 1px solid #888888;
2977 #adminpage .toggleplugin {
2982 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2983 #adminpage table th { text-align: left;}
2984 #adminpage td .icon { float: left;}
2985 #adminpage table#users img { width: 16px; height: 16px; }
2986 #adminpage table tr:hover { background-color: #eeeeee; }
2987 #adminpage .selectall { text-align: right; }
2989 /* =============== */
2990 /* = Form Fields = */
2991 /* =============== */
2995 padding-bottom: 10px;
3009 .field textarea { height: 100px; }
3022 border:1px solid #c1c1c1;
3023 background-image:url("../../../images/onoff.jpg");
3024 background-repeat: no-repeat;
3025 padding: 4px 2px 2px 2px;
3027 text-decoration: none;
3029 .field .onoff .off {
3030 border-color:#c1c1c1;
3032 background-position: left center;
3033 background-color: #cccccc;
3039 border-color:#c1c1c1;
3040 padding-right: 40px;
3041 background-position: right center;
3042 background-color: #b20202;
3047 .hidden { display: none!important; }
3049 .field.radio .field_help { margin-left: 0px; }
3056 display: block; width: 20px; height: 20px;
3057 background-image: url('icons.png');
3060 background-image: url("star.png");
3064 background-image: url("premium.png");
3070 border: 1px solid #c1c1c1;
3071 -webkit-border-radius: 3px;
3072 -moz-border-radius: 3px;
3076 .article { background-position: -50px 0px;}
3077 .audio { background-position: -70px 0px;}
3078 .block { background-position: -90px 0px;}
3079 .drop { background-position: -110px 0px;}
3080 .drophide { background-position: -130px 0px;}
3081 .edit { background-position: -150px 0px;}
3082 .camera { background-position: -170px 0px;}
3083 .dislike { background-position: -190px 0px;}
3084 .like { background-position: -210px 0px;}
3085 .link { background-position: -230px 0px;}
3087 .globe { background-position: -50px -20px;}
3088 .noglobe { background-position: -70px -20px;}
3089 .no { background-position: -90px -20px;}
3090 .pause { background-position: -110px -20px;}
3091 .play { background-position: -130px -20px;}
3092 .pencil { background-position: -150px -20px;}
3093 .small-pencil { background-position: -170px -20px;}
3094 .recycle { background-position: -190px -20px;}
3095 .remote-link { background-position: -210px -20px;}
3096 .share { background-position: -230px -20px;}
3098 .tools { background-position: -50px -40px;}
3099 .lock { background-position: -70px -40px;}
3102 background-position: -90px -40px;
3103 background-image: none;
3109 background-image: url(icons.png);
3112 margin: 2px 0px 2px 3px;
3116 .video { background-position: -110px -40px;}
3117 .youtube { background-position: -130px -40px;}
3119 .attach { background-position: -190px -40px;}
3120 .language { background-position: -210px -40px;}
3123 .on { background-position: -50px -60px;}
3124 .off { background-position: -70px -60px;}
3125 .prev { background-position: -90px -60px;}
3126 .next { background-position: -110px -60px;}
3128 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3131 display: block; width: 20px; height: 23px;
3132 background-image: url('../../../images/content-types.png');
3135 .type-video { background-position: 0px 0px; }
3136 .type-image { background-position: -20px 0px; }
3137 .type-audio { background-position: -40px 0px; }
3138 .type-text { background-position: -60px 0px; }
3139 .type-unkn { background-position: -80px 0px; }
3145 .cc-license { margin-top: 100px; font-size: 0.7em; }
3146 footer { display: block; margin: 50px 20%; clear: both; }
3151 border: 1px solid #cccccc;
3158 #photo-edit-perms-select,
3159 #photos-upload-permissions-wrapper,
3160 #profile-jot-acl-wrapper{
3161 display:block!important;
3170 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3181 background-color: #cccccc;
3182 background-position: 7px 7px;
3183 background-repeat: no-repeat;
3185 -webkit-border-radius: 5px ;
3186 -moz-border-radius: 5px;
3190 #acl-showall.selected {
3192 background-color: #b20202;
3197 border: 1px solid #cccccc;
3198 background-color: #efefef;
3212 border: 1px solid #cccccc;
3213 background-color: #fff;
3216 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3217 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3218 box-shadow: 2px 2px 3px #c1c1c1;
3232 padding: 2px 0px 1px;
3241 background-color: #898989;
3242 background-position: 3px 3px;
3243 background-repeat: no-repeat;
3245 -webkit-border-radius: 2px ;
3246 -moz-border-radius: 2px;
3251 #acl-wrapper a:hover {
3252 text-decoration: none;
3253 background-color:#b20202;
3256 .acl-button-show.selected {
3258 background-color: #b20202;
3261 .acl-button-hide.selected {
3263 background-color: #a2a2a2;
3266 .acl-list-item.groupshow { border-color: #b20202; }
3267 .acl-list-item.grouphide { border-color: #a2a2a2; }
3269 /* ========================= */
3270 /* = Global Directory Link = */
3271 /* ========================= */
3273 #global-directory-link {
3276 margin-bottom: 10px;
3278 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3279 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3280 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3281 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3282 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3283 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3284 background-color:#bdbdbd;
3285 -moz-border-radius:5px;
3286 -webkit-border-radius:5px;
3292 #global-directory-link:hover {
3294 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3295 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3296 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3297 background-color:#b20202;
3300 #global-directory-link:active {
3301 background-color: #b20202;
3306 #global-directory-link a {
3310 #global-directory-link {
3311 -webkit-padding-start: 0px;
3315 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3316 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3317 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3318 background-color:#b20202;
3320 padding: 5px 10px 5px 10px;