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;
704 #jot-perms-perms .icon {
708 #profile-jot-submit {
716 #profile-jot-perms:hover, #profile-jot-submit:hover {
717 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
718 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
719 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
720 background-color:#b20202;
722 #profile-jot-perms:active, #profile-jot-submit:active {
728 /*float: left; padding: 8px 10px;*/
729 position: absolute: right: 100px; top:100px;
731 #profile-rotator-wrapper {
739 #profile-jot-tools-end,
740 #profile-jot-banner-end { clear: both; }
742 #profile-jot-email-wrapper {
743 margin: 10px 10% 0px 10%;
744 border: 1px solid #eeeeee;
747 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
748 #profile-jot-email { margin: 5px; width: 98%; }
750 #profile-jot-networks {
752 border: 1px solid #eeeeee;
757 #profile-jot-acl-wrapper {
759 border: 1px solid #eeeeee;
761 display:block!important;
763 #group_allow_wrapper,
765 #acl-permit-outer-wrapper { width: 47%; float: left; }
767 #contact_allow_wrapper,
768 #contact_deny_wrapper,
769 #acl-deny-outer-wrapper { width: 47%; float: right; }
771 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
772 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
773 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
775 #acl-permit-text-end,
776 #acl-deny-text-end { clear: both; }
777 #profile-jot-wrapper {
782 profile-jot-banner-wrapper {
799 margin: 0px 0px 10px 0px;
800 border-bottom: 1px solid #efefef;
802 .tabs-wrapper li { display: inline;}
805 padding: 5px 10px 5px 10px;
808 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
809 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
810 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
811 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
812 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
813 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
814 background-color:#bdbdbd;
815 -moz-border-radius:5px;
816 -webkit-border-radius:5px;
819 text-decoration:none;
824 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
825 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
826 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
827 background-color:#b20202;
829 padding: 5px 10px 5px 10px;
836 padding: 5px 10px 5px 10px;
841 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
842 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
843 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
844 background-color:#b20202;
846 padding: 5px 10px 5px 10px;
854 .wall-item-outside-wrapper {
857 .wall-item-outside-wrapper-end { clear: both;}
858 .wall-item-content-wrapper { position: relative; max-width: 95%; }
859 .wall-item-photo-menu { display: none;}
860 .wall-item-photo-menu-button {
862 text-indent: -99999px;
863 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
866 height: 20px; width: 90px;
867 top: 85px; left: -1px;
868 -webkit-border-radius: 0px 0px 5px 5px;
869 -moz-border-radius: 0px 0px 5px 5px;
870 border-radius: 0px 0px 5px 5px;
873 .wall-item-info { float: left; width: 140px; }
874 .wall-item-photo-wrapper {
875 width: 80px; height: 80px;
878 background-color: #eeeeee;
879 border: 1px solid #dddddd;
880 -moz-box-shadow: 3px 3px 4px #959494;
881 -webkit-box-shadow: 3px 3px 4px #959494;
882 box-shadow: 3px 3px 4px #959494;
886 filter: alpha(opacity=60);
888 -webkit-transition: all 0.25s ease-in-out;
889 -moz-transition: all 0.25s ease-in-out;
890 -o-transition: all 0.25s ease-in-out;
891 -ms-transition: all 0.25s ease-in-out;
892 transition: all 0.25s ease-in-out;
898 .wall-item-tools:hover {
899 filter: alpha(opacity=100);
901 -webkit-transition: all 0.25s ease-in-out;
902 -moz-transition: all 0.25s ease-in-out;
903 -o-transition: all 0.25s ease-in-out;
904 -ms-transition: all 0.25s ease-in-out;
905 transition: all 0.25s ease-in-out;
909 .wall-item-outside-wrapper.comment .wall-item-tools {
910 margin: 5px 5px 10px 60px;
914 .wall-item-like-buttons {
917 .wall-item-like-buttons a.icon {
922 .wall-item-links-wrapper {
926 .wall-item-delete-wrapper {
929 .wall-item-links-wrapper a.icon {
943 .wall-item-title { font-size: 1.2em; font-weight: bold;}
944 .wall-item-body { margin-left: 140px; padding-right: 20px; }
949 .wall-item-lock-wrapper { float: right; }
955 margin: 4px 0px 0px 140px;
956 font-variant:small-caps;
959 .wall-item-author a {
963 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
964 .wall-item-wrapper-end { clear:both; }
965 .wall-item-location {
969 text-overflow: ellipsis;
970 -o-text-overflow: ellipsis;
973 .wall-item-location .icon { float: left; }
974 .wall-item-location > a {
978 font-variant:small-caps;
982 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
983 .wall-item-location > br { display: none; }
987 font-variant:small-caps;
1001 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1002 .wallwall .wall-item-photo-end { clear: both; }
1003 .wall-item-arrowphoto-wrapper {
1010 .wall-item-photo-menu {
1014 background: #eeeeee;
1015 border-right: 1px solid #dddddd;
1016 border-left: 1px solid #dddddd;
1017 border-bottom: 1px solid #dddddd;
1019 left: -2px; top: 101px;
1022 -webkit-border-radius: 0px 5px 5px 5px;
1023 -moz-border-radius: 0px 5px 5px 5px;
1024 border-radius: 0px 5px 5px 5px;
1025 -moz-box-shadow: 3px 3px 4px #959494;
1026 -webkit-box-shadow: 3px 3px 4px #959494;
1027 box-shadow: 3px 3px 4px #959494;
1030 .wall-item-photo-menu-button {
1031 border-right: 1px solid #dddddd;
1032 border-left: 1px solid #dddddd;
1033 border-bottom: 1px solid #dddddd;
1034 -moz-box-shadow: 3px 3px 4px #959494;
1035 -webkit-box-shadow: 3px 3px 4px #959494;
1036 box-shadow: 3px 3px 4px #959494;
1039 .fakelink wall-item-photo-menu-button {
1040 -webkit-border-radius: 0px 5px 5px 5px;
1041 -moz-border-radius: 0px 5px 5px 5px;
1042 border-radius: 0px 5px 5px 5px;
1043 -moz-box-shadow: 3px 3px 4px #959494;
1044 -webkit-box-shadow: 3px 3px 4px #959494;
1045 box-shadow: 3px 3px 4px #959494;
1048 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1049 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1050 .wall-item-photo-menu li a:hover {
1052 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1053 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1054 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1055 background-color:#b20202;
1060 .icon.drophide { float: left; }
1061 #item-delete-selected { overflow: auto; width: 100%;}
1062 .wall-item-outside-wrapper {
1064 border-bottom: 1px solid #dedede;
1072 .ccollapse-wrapper {
1076 font-variant:small-caps;
1079 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1080 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1081 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1082 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1085 background-position: 35px center;
1087 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1088 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
1089 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1091 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1095 .icollapse-wrapper {
1098 font-variant:small-caps;
1101 .comment-wwedit-wrapper,
1102 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1103 .comment-wwedit-wrapper img,
1104 .comment-edit-wrapper img { width: 20px; height: 20px; }
1105 .comment-edit-photo-link { float: left; width: 40px;}
1106 .comment-edit-text-empty {
1111 -webkit-transition: all 0.5s ease-in-out;
1112 -moz-transition: all 0.5s ease-in-out;
1113 -o-transition: all 0.5s ease-in-out;
1114 -ms-transition: all 0.5s ease-in-out;
1115 transition: all 0.5s ease-in-out;
1117 .comment-edit-text-empty:hover { color: #999999;}
1118 .comment-edit-text-full { width: 80%; height: 6em;
1119 -webkit-transition: all 0.5s ease-in-out;
1120 -moz-transition: all 0.5s ease-in-out;
1121 -o-transition: all 0.5s ease-in-out;
1122 -ms-transition: all 0.5s ease-in-out;
1123 transition: all 0.5s ease-in-out;
1125 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1126 .comment-edit-submit {
1128 background-color: #a2a2a2;
1130 -webkit-border-radius: 5px;
1131 -moz-border-radius: 5px;
1136 .comment-edit-submit:hover {
1137 background-color: #b20202;
1140 .comment-edit-submit:active {
1141 background-color: #b20202;
1144 #item-delete-selected-desc {
1151 .wall-item-body code {
1152 border-color: #CCCCCC;
1153 border-style: solid;
1154 border-width: 1px 1px 1px 10px;
1163 .advanced-profile-content {
1165 margin-bottom: 10px;
1170 .advanced-profile-label {
1173 padding-bottom: 5px;
1175 font-variant:small-caps;
1178 div[id$="wrapper"] { height: 100%;}
1179 div[id$="wrapper"] br { clear: left; }
1180 #advanced-profile-with { margin-left: 20px;}
1182 #profile-listing-desc {
1185 padding: 5px 10px 5px 10px;
1189 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1190 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1191 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1192 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1193 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1194 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1195 background-color:#bdbdbd;
1196 -moz-border-radius:5px;
1197 -webkit-border-radius:5px;
1199 display:inline-block;
1205 #profile-listing-desc:hover {
1206 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1207 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1208 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1209 background-color:#b20202;
1212 #profile-listing-desc:active {
1213 background-color: #b20202;
1218 #profile-listing-desc a {
1222 #profile-listing-new-link-wrapper {
1228 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1229 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1230 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1231 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1232 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1233 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1234 background-color:#bdbdbd;
1235 -moz-border-radius:5px;
1236 -webkit-border-radius:5px;
1238 padding: 5px 10px 5px 10px;
1244 #profile-listing-new-link-wrapper:hover {
1245 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1246 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1247 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1248 background-color:#b20202;
1251 #profile-listing-new-link-wrapper:active {
1252 background-color: #b20202;
1257 #profile-listing-new-link-wrapper a {
1261 .profile-listing-name {
1263 font-variant: small-caps;
1265 .profile-listing-name a {
1269 .profile-listing-visible {
1273 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1274 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1275 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1276 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1277 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1278 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1279 background-color:#bdbdbd;
1280 -moz-border-radius:5px;
1281 -webkit-border-radius:5px;
1283 padding: 5px 10px 5px 10px;
1289 .profile-listing-visible:hover {
1290 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1291 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1292 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1293 background-color:#b20202;
1296 .profile-listing-visible:active {
1297 background-color: #b20202;
1302 .profile-listing-visible a {
1306 .profile-listing-photo {
1308 background-color: #efefef;
1309 border: 2px dotted #eeeeee;
1310 -moz-box-shadow: 3px 3px 4px #959494;
1311 -webkit-box-shadow: 3px 3px 4px #959494;
1312 box-shadow: 3px 3px 4px #959494;
1315 #profile-edit-links li {
1320 background-color: #a2a2a2;
1322 padding: 5px 10px 5px 10px;
1325 -webkit-border-radius: 5px 5px 5px 5px;
1326 -moz-border-radius: 5px 5px 5px 5px;
1327 border-radius: 5px 5px 5px 5px;
1330 #profile-edit-links li a {
1334 #profile-edit-links li:hover {
1335 background-color: #b20202;
1338 #profile-edit-links li:active {
1339 background-color: #b20202;
1342 #cropimage-wrapper { float:left; }
1343 #crop-image-form { clear:both; }
1345 .profile-match-name a{
1347 font-variant: small-caps;
1351 .profile-match-name a:hover {
1355 .profile-match-wrapper {
1359 background-color: #f6f6f6;
1360 border: 1px solid #dddddd;
1361 -moz-box-shadow: 3px 3px 4px #959494;
1362 -webkit-box-shadow: 3px 3px 4px #959494;
1363 box-shadow: 3px 3px 4px #959494;
1370 #side-bar-photos-albums li {
1378 background-color: #a2a2a2;
1380 padding: 5px 10px 5px 10px;
1383 -webkit-border-radius: 5px 5px 5px 5px;
1384 -moz-border-radius: 5px 5px 5px 5px;
1385 border-radius: 5px 5px 5px 5px;
1387 #photo-top-links a {
1391 #photo-top-links:hover {
1392 background-color: #b20202;
1395 #photo-top-links:active {
1396 background-color: #b20202;
1399 .photo-album-image-wrapper,
1400 .photo-top-image-wrapper {
1402 margin: 0px 10px 10px 0px;
1403 border: 1px solid #dddddd;
1404 -moz-box-shadow: 3px 3px 6px #959494;
1405 -webkit-box-shadow: 3px 3px 6px #959494;
1406 box-shadow: 3px 3px 6px #959494;
1407 background-color: #efefef;
1409 padding-bottom: 30px;
1413 #photo-photo { max-width: 100% }
1414 #photo-photo img { max-width: 100% }
1416 .photo-top-image-wrapper a:hover,
1417 #photo-photo a:hover,
1418 .photo-album-image-wrapper a:hover {
1423 .photo-album-photo {}
1425 .photo-top-album-name {
1430 font-stretch:semi-expanded;
1431 font-variant:small-caps;
1434 .photo-top-album-name a{
1445 font-variant: small-caps;
1451 border: 1px solid #dddddd;
1452 -moz-box-shadow: 3px 3px 6px #959494;
1453 -webkit-box-shadow: 3px 3px 6px #959494;
1454 box-shadow: 3px 3px 6px #959494;
1455 background-color: #efefef;
1462 font-variant:small-caps;
1466 #photo-photo-end { clear: both; }
1472 background-color: rgba(255,255,255,0.2);
1474 -webkit-transition: all 0.2s ease-in-out;
1475 -moz-transition: all 0.2s ease-in-out;
1476 -o-transition: all 0.2s ease-in-out;
1477 -ms-transition: all 0.2s ease-in-out;
1478 transition: all 0.2s ease-in-out;
1479 background-position: center center;
1480 background-repeat: no-repeat;
1483 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1484 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1487 display: block; width: 100%; height: 100%;
1489 text-indent: -900000px;
1492 #photo-prev-link:hover,
1493 #photo-next-link:hover {
1495 -webkit-transition: all 0.2s ease-in-out;
1496 -moz-transition: all 0.2s ease-in-out;
1497 -o-transition: all 0.2s ease-in-out;
1498 -ms-transition: all 0.2s ease-in-out;
1499 transition: all 0.2s ease-in-out;
1502 #photo-next-link .icon,
1503 #photo-prev-link .icon { display: none }
1505 #photos-upload-spacer,
1506 #photos-upload-new-wrapper,
1507 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1508 #photos-upload-existing-album-text,
1509 #photos-upload-newalbum-div {
1510 background-color: #fff;
1518 #photos-upload-album-select,
1519 #photos-upload-newalbum { width: 400px; }
1521 #photos-upload-perms-menu {
1523 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1524 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1525 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1526 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1527 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1528 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1529 background-color:#bdbdbd;
1530 -moz-border-radius:5px;
1531 -webkit-border-radius:5px;
1539 #photos-upload-perms-menu:hover {
1545 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1546 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1547 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1548 background-color:#b20202;
1551 #photos-upload-perms-menu:active {
1556 background-color: #b20202;
1561 #photos-upload-perms-menu a {
1565 #photos-upload-perms-menu .icon {
1569 select[size], select[multiple], select[size][multiple] {
1570 -webkit-appearance: listbox;
1571 border: 2px solid #b0b0b0;
1573 -webkit-border-radius: 3px 3px 3px 3px;
1574 -moz-border-radius: 3px 3px 3px 3px;
1575 border-radius: 3px 3px 3px 3px;
1579 -webkit-appearance: menulist;
1580 box-sizing: border-box;
1581 -webkit-box-align: center;
1583 border: 2px solid #b0b0b0;
1585 -webkit-border-radius: 3px 3px 3px 3px;
1586 -moz-border-radius: 3px 3px 3px 3px;
1587 border-radius: 3px 3px 3px 3px;
1591 -webkit-border-radius: ;
1594 input, textarea, keygen {
1596 letter-spacing: normal;
1597 word-spacing: normal;
1599 text-transform: none;
1602 display: inline-block;
1603 text-align: -webkit-auto;
1604 border: 2px solid #b0b0b0;
1606 -webkit-border-radius: 3px 3px 3px 3px;
1607 -moz-border-radius: 3px 3px 3px 3px;
1608 border-radius: 3px 3px 3px 3px;
1612 background-color: none;
1613 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1614 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1615 box-shadow:inset 0px 1px 0px 0px #a65151;
1616 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1617 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1618 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1619 background-color:#d60808;
1620 -moz-border-radius:5px;
1621 -webkit-border-radius:5px;
1623 border:1px solid #fc5656;
1624 display:inline-block;
1626 text-shadow:1px 1px 0px #b36f6f;
1634 .qq-upload-button:hover {
1640 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1641 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1642 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1643 background-color:#b20202;
1646 .qq-upload-button:active {
1650 background-color: #B20202;
1661 background-color: #a2a2a2;
1663 padding: 5px 10px 5px 10px;
1666 -webkit-border-radius: 5px 5px 5px 5px;
1667 -moz-border-radius: 5px 5px 5px 5px;
1668 border-radius: 5px 5px 5px 5px;
1671 #album-edit-link a {
1675 #album-edit-link:hover {
1676 background-color: #b20202;
1679 #photo-edit-link-wrap {
1680 margin-bottom: 10px;
1689 input#photo_edit_form {
1694 #photo-edit-perms-menu {
1699 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1700 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1701 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1702 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1703 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1704 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1705 background-color:#bdbdbd;
1706 -moz-border-radius:5px;
1707 -webkit-border-radius:5px;
1716 #photo-edit-perms-menu:hover {
1718 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1719 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1720 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1721 background-color:#b20202;
1724 #photo-edit-perms-menu:active {
1725 background-color: #b20202;
1730 #photo-edit-perms-menu a {
1734 #photo-edit-perms-menu .icon {
1738 #photo-edit-delete-button {
1744 #side-bar-photos-albums h3:before {
1745 content: url("photography.png");
1746 padding-right: 10px;
1747 vertical-align: middle;
1750 #side-bar-photos-albums li {
1754 #photo-album-edit-wrapper {
1755 margin-bottom: 10px;
1762 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1767 background-color: #fff;
1768 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1769 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1770 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1773 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1780 background: transparent;
1781 -webkit-transform: skew(-5deg) rotate(-5deg);
1782 -moz-transform: skew(-5deg) rotate(-5deg);
1783 -ms-transform: skew(-5deg) rotate(-5deg);
1784 -o-transform: skew(-5deg) rotate(-5deg);
1785 transform: skew(-5deg) rotate(-5deg);
1786 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1787 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1788 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1792 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1795 -webkit-transform: skew(5deg) rotate(5deg);
1796 -moz-transform: skew(5deg) rotate(5deg);
1797 -ms-transform: skew(5deg) rotate(5deg);
1798 -o-transform: skew(5deg) rotate(5deg);
1799 transform: skew(5deg) rotate(5deg);
1808 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1809 #prvmail-subject .input{
1810 border: none !important ;
1813 #prvmail-subject-label {
1814 font-variant:small-caps;
1821 font-variant:small-caps;
1824 #prvmail-message-label {
1825 font-variant:small-caps;
1830 #prvmail-submit-wrapper { margin-top: 10px; }
1841 #prvmail-submit-wrapper > div {
1846 .mail-list-outside-wrapper {
1853 background-color: #efefef;
1854 border: 2px dotted #eeeeee;
1855 -moz-box-shadow: 3px 3px 4px #959494;
1856 -webkit-box-shadow: 3px 3px 4px #959494;
1857 box-shadow: 3px 3px 4px #959494;
1866 border: 1px solid #dddddd;
1869 .mail-list-sender-name {
1872 font-variant:small-caps;
1881 font-stretch:ultra-condensed;
1882 font-variant:small-caps;
1885 .mail-list-subject {
1889 padding-right: 50px;
1892 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1893 .mail-list-outside-wrapper-end {
1897 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1898 .mail-conv-sender-photo {
1902 background-color: #efefef;
1903 border: 1px solid #dddddd;
1904 -moz-box-shadow: 3px 3px 4px #959494;
1905 -webkit-box-shadow: 3px 3px 4px #959494;
1906 box-shadow: 3px 3px 4px #959494;
1909 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1910 .mail-conv-date { float: right; font-variant:small-caps; }
1911 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1920 vertical-align: middle;
1922 border: 1px solid #dddddd;
1924 .mail-conv-break { display: none; border: none;}
1925 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1927 /* ================= */
1928 /* = Notifications = */
1929 /* ================= */
1931 #notification-show-hide-wrapper {
1933 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1934 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1935 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1936 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1937 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1938 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1939 background-color:#bdbdbd;
1940 -moz-border-radius:5px;
1941 -webkit-border-radius:5px;
1943 padding: 5px 10px 5px 10px;
1951 #notification-show-hide-wrapper:hover {
1953 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1954 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1955 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1956 background-color:#b20202;
1959 #notification-show-hide-wrapper:active {
1960 background-color: #b20202;
1965 #notification-show-hide-wrapper a {
1974 margin-bottom: 10px;
1977 .view-contact-wrapper,
1978 .contact-entry-wrapper {
1981 margin-bottom: 20px;
1987 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1988 .contact-entry-edit-links { position: absolute; top: 60px; }
1989 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1990 .contact-entry-photo {
1992 background-color: #eeeeee;
1993 border: 1px solid #dddddd;
1994 -moz-box-shadow: 3px 3px 4px #959494;
1995 -webkit-box-shadow: 3px 3px 4px #959494;
1996 box-shadow: 3px 3px 4px #959494;
1999 .contact-entry-name {
2005 font-variant:small-caps;
2010 .contact-entry-photo {
2014 .contact-entry-edit-links .icon {
2015 border: 1px solid #babdb6;
2016 -webkit-border-radius: 3px;
2017 -moz-border-radius: 3px;
2019 background-color: #ffffff;
2022 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
2023 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2024 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2025 #contact-edit-nav-wrapper { margin-left: 210px; }
2026 #contact-edit-links { float: left; margin-top: 23px; }
2027 #contact-drop-links {/*position: absolute; top: 150px; left: 348px;*/}
2028 #contact-edit-nav-wrapper .icon {
2029 border: 1px solid #babdb6;
2030 -webkit-border-radius: 3px;
2031 -moz-border-radius: 3px;
2035 #contact-edit-nettype {
2037 font-variant: small-caps;
2040 padding-bottom: 0px;
2043 #contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
2044 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
2045 #contact-edit-last-updated { font-weight: bold; }
2046 #contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
2047 #contact-edit-end { clear: both; margin-bottom: 65px;}
2049 #contact-edit-update-now {
2051 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2052 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2053 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2054 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2055 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2056 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2057 background-color:#bdbdbd;
2058 -moz-border-radius:5px;
2059 -webkit-border-radius:5px;
2061 padding: 5px 10px 5px 10px;
2068 #contact-edit-update-now:hover {
2070 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2071 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2072 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2073 background-color:#b20202;
2076 #contact-edit-update-now:active {
2077 background-color: #b20202;
2082 #contact-edit-update-now a {
2087 #contact-edit-profile-select-text > p {
2091 .contact-photo-menu-button {
2093 background-image: url("photo-menu.jpg");
2094 background-position: top left;
2095 background-repeat: no-repeat;
2096 margin: 0px; padding: 0px;
2099 top: 64px; left:0px;
2105 #contact-edit-photo {
2107 background-color: #f1f1f1;
2108 border: 1px solid #dedede;
2110 -moz-box-shadow: 5px 5px 8px #959494;
2111 -webkit-box-shadow: 5px 5px 8px #959494;
2112 box-shadow: 5px 5px 8px #959494;
2114 .contact-photo-menu {
2116 border: 1px solid #ddd;
2117 background: #f1f1f1;
2119 left: 0px; top: 90px;
2122 -moz-box-shadow: 3px 3px 5px #888;
2123 -webkit-box-shadow: 3px 3px 5px #888;
2124 box-shadow: 3px 3px 5px #888;
2127 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2128 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2129 .contact-photo-menu li a:hover {
2131 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2132 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2133 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2134 background-color:#b20202;
2135 text-decoration: none;
2138 .view-contact-photo {
2140 background-color: #efefef;
2141 border: 1px solid #dddddd;
2142 -moz-box-shadow: 3px 3px 4px #959494;
2143 -webkit-box-shadow: 3px 3px 4px #959494;
2144 box-shadow: 3px 3px 4px #959494;
2147 .view-contact-name {
2148 font-variant: small-caps;
2152 background-color: #efefef;
2158 margin-bottom: 20px;
2161 #follow-sidebar h3:before {
2162 content: url("user.png");
2163 padding-right: 10px;
2164 vertical-align: middle;
2167 #follow-sidebar input[type="text"] {
2169 margin-bottom: 10px;
2176 margin-bottom: 20px;
2177 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2178 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2179 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2180 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2181 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2182 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2183 background-color:#bdbdbd;
2184 -moz-border-radius:5px;
2185 -webkit-border-radius:5px;
2187 padding: 5px 10px 5px 10px;
2193 #side-match-link:hover {
2195 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2196 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2197 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2198 background-color:#b20202;
2201 #side-match-link:active {
2202 background-color: #b20202;
2207 #side-match-link a {
2215 margin-bottom: 20px;
2216 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2217 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2218 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2219 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2220 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2221 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2222 background-color:#bdbdbd;
2223 -moz-border-radius:5px;
2224 -webkit-border-radius:5px;
2226 padding: 5px 10px 5px 10px;
2232 #side-invite-link:hover {
2234 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2235 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2236 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2237 background-color:#b20202;
2240 #side-invite-link:active {
2241 background-color: #b20202;
2246 #side-invite-link a {
2250 #invite-message, #invite-recipients, #invite-recipient-text {
2254 #side-follow-wrapper{
2257 font-stretch:semi-expanded;
2258 background-color: #f3f3f3;
2259 border: 1px solid #cdcdcd;
2262 -webkit-border-radius: 5px 5px 5px 5px;
2263 -moz-border-radius: 5px 5px 5px 5px;
2264 border-radius: 5px 5px 5px 5px;
2267 #side-follow-wrapper label{
2269 font-variant: normal;
2272 #contact-view-recent {
2276 margin-bottom: 20px;
2277 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2278 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2279 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2280 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2281 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2282 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2283 background-color:#bdbdbd;
2284 -moz-border-radius:5px;
2285 -webkit-border-radius:5px;
2287 padding: 5px 10px 5px 10px;
2293 #contact-view-recent:hover{
2295 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2296 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2297 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2298 background-color:#b20202;
2301 #contact-view-recent:active {
2302 background-color: #b20202;
2307 #contact-view-recent a {
2316 margin-bottom: 20px;
2317 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2318 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2319 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2320 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2321 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2322 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2323 background-color:#bdbdbd;
2324 -moz-border-radius:5px;
2325 -webkit-border-radius:5px;
2327 padding: 5px 10px 5px 10px;
2333 #contact-suggest:hover {
2335 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2336 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2337 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2338 background-color:#b20202;
2341 #contact-suggest:active {
2342 background-color: #b20202;
2347 #contact-suggest a {
2351 #contact-edit-info-wrapper {
2355 /* ===================================== */
2356 /* = Register, Settings, Profile Forms = */
2357 /* ===================================== */
2361 background: url(login-bg.gif) no-repeat;
2362 background-position: 0 50%;
2367 #profile-tabs-wrapper {
2371 #profile-tab-status-link {
2372 padding: 5px 10px 5px 10px;
2376 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2377 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2378 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2379 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2380 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2381 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2382 background-color:#bdbdbd;
2383 -moz-border-radius:5px;
2384 -webkit-border-radius:5px;
2389 #profile-tab-status-link:hover {
2391 padding: 5px 10px 5px 10px;
2394 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2395 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2396 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2397 background-color:#b20202;
2400 #profile-tab-status-link:active {
2402 padding: 5px 10px 5px 10px;
2404 background-color: #b20202;
2409 #profile-tab-status-link a {
2417 #profile-tab-profile-link {
2420 padding: 5px 10px 5px 10px;
2422 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2423 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2424 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2425 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2426 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2427 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2428 background-color:#bdbdbd;
2429 -moz-border-radius:5px;
2430 -webkit-border-radius:5px;
2435 #profile-tab-profile-link:hover {
2437 padding: 5px 10px 5px 10px;
2440 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2441 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2442 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2443 background-color:#b20202;
2446 #profile-tab-profile-link:active {
2448 padding: 5px 10px 5px 10px;
2450 background-color: #b20202;
2455 #profile-tab-profile-link a {
2461 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2462 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2463 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2464 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2465 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2466 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2467 background-color:#7c7d7b;
2468 -moz-border-radius:5px;
2469 -webkit-border-radius:5px;
2471 padding: 5px 10px 5px 10px;
2472 margin-bottom: 10px;
2475 #uexport-link:hover {
2477 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2478 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2479 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2480 background-color:#555753;
2483 #uexport-link:active {
2485 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2486 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2487 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2488 background-color:#b20202;
2493 #settings-default-perms {
2496 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2497 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2498 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2499 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2500 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2501 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2502 background-color:#7c7d7b;
2503 -moz-border-radius:5px;
2504 -webkit-border-radius:5px;
2506 padding: 5px 10px 5px 10px;
2507 margin-bottom: 10px;
2510 #settings-default-perms .fakelink {
2514 #settings-default-perms:hover {
2516 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2517 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2518 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2519 background-color:#555753;
2522 #settings-default-perms:active {
2524 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2525 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2526 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2527 background-color:#b20202;
2532 #settings-nickname-desc {
2534 background-color: #efefef;
2535 margin-bottom: 10px;
2536 -webkit-border-radius: 5px;
2537 -moz-border-radius: 5px;
2543 #profile-edit-form div {
2547 #register-form label,
2548 #profile-edit-form label {
2549 width: 300px; float: left;
2552 #register-form span,
2553 #profile-edit-form span {
2556 margin-bottom: 20px;
2559 .settings-submit-wrapper,
2560 .profile-edit-submit-wrapper { margin: 30px 0px;}
2561 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2563 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2566 #register-sitename { display: inline; font-weight: bold;}
2568 /* ===================== */
2569 /* = Contacts Selector = */
2570 /* ===================== */
2572 #group-edit-wrapper {
2573 margin-bottom: 10px;
2576 #group-edit-name-wrapper {
2580 #group-edit-submit-wrapper {
2581 margin-bottom: 10px;
2582 margin-right: 400px;
2586 #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
2587 #group-edit-desc { margin: 10px 0xp; }
2588 #group-new-text {font-size: 1.1em;}
2595 background-color: #f0edf0;
2597 border: 1px solid #ccc;
2598 margin-bottom: 10px;
2602 #group-all-contacts,
2603 #prof-all-contacts {
2607 border: 1px solid #ccc;
2608 background-color: #f0edf0;
2613 #group-all-contacts h3,
2615 #prof-all-contacts h3{
2622 #prof-separator { display: none;}
2628 .clear { clear: both; }
2641 background-color: #fff;
2642 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2643 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2644 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2647 .vevent:before, .vevent:after {
2654 background: transparent;
2655 -webkit-transform: skew(-5deg) rotate(-5deg);
2656 -moz-transform: skew(-5deg) rotate(-5deg);
2657 -ms-transform: skew(-5deg) rotate(-5deg);
2658 -o-transform: skew(-5deg) rotate(-5deg);
2659 transform: skew(-5deg) rotate(-5deg);
2660 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2661 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2662 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2669 -webkit-transform: skew(5deg) rotate(5deg);
2670 -moz-transform: skew(5deg) rotate(5deg);
2671 -ms-transform: skew(5deg) rotate(5deg);
2672 -o-transform: skew(5deg) rotate(5deg);
2673 transform: skew(5deg) rotate(5deg);
2676 .vevent .event-description {
2684 .vevent .event-location{
2688 font-style: oblique;
2693 .vevent .event-start, .vevent .event-end {
2699 font-variant: small-caps;
2706 margin-bottom: 10px;
2707 margin-left: 170px; ;
2708 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2709 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2710 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2711 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2712 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2713 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2714 background-color:#bdbdbd;
2715 -moz-border-radius:5px;
2716 -webkit-border-radius:5px;
2721 #new-event-link:hover {
2723 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2724 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2725 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2726 background-color:#b20202;
2729 #new-event-link:active {
2730 background-color: #b20202;
2740 .edit-event-link, .plink-event-link {
2744 margin-bottom: 15px;
2747 .event-description:before {
2748 content: url('calendar.png');
2750 vertical-align: middle;
2753 .event-start, .event-end {
2758 .event-start .dtstart, .event-end .dtend {
2764 margin-bottom: 10px;
2765 font-variant:small-caps;
2766 font-stretch:condensed;
2769 .prevcal, .nextcal {
2776 .event-calendar-end {
2781 font-family: Helvetica, Arial, sans-serif;
2783 background-color: #f1f1f1;
2784 border: 1px solid #dedede;
2785 margin-bottom: 10px;
2786 -moz-box-shadow: 5px 5px 8px #959494;
2787 -webkit-box-shadow: 5px 5px 8px #959494;
2788 box-shadow: 5px 5px 8px #959494;
2792 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2793 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2794 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2795 background-color: #b20202;
2801 font-variant:small-caps;
2802 -moz-box-shadow: 5px 2px 8px #959494;
2803 -webkit-box-shadow: 5px 2px 8px #959494;
2804 box-shadow: 5px 2px 8px #959494;
2808 border: 1px solid #eeeeee;
2818 background-color: #cdcdcd;
2830 background-color: #b20202;
2835 #event-finish-text {
2840 #event-nofinish-checkbox,
2841 #event-nofinish-text,
2842 #event-adjust-checkbox,
2844 #event-share-checkbox {
2848 #event-datetime-break {
2849 margin-bottom: 10px;
2852 #event-nofinish-break,
2853 #event-adjust-break,
2854 #event-share-break {
2859 #event-location-text {
2874 margin: 50px 50px 0px 0px;
2876 background-color: #f1f1f1;
2877 border: 1px solid #dedede;
2879 -moz-box-shadow: 5px 5px 8px #959494;
2880 -webkit-box-shadow: 5px 5px 8px #959494;
2881 box-shadow: 5px 5px 8px #959494;
2884 .directory-details {
2886 font-variant: small-caps;
2892 font-variant: small-caps;
2908 background-color: #FF0000;
2913 border: 0px; padding: 0px;
2917 list-style-position: inside;
2925 padding-bottom: 2px;
2926 border-bottom: 1px solid black;
2939 border-bottom: 1px solid #898989;
2944 #adminpage .submit {
2948 #adminpage #pluginslist {
2949 margin: 0px; padding: 0px;
2952 #adminpage .plugin {
2955 border: 1px solid #888888;
2961 #adminpage .toggleplugin {
2966 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2967 #adminpage table th { text-align: left;}
2968 #adminpage td .icon { float: left;}
2969 #adminpage table#users img { width: 16px; height: 16px; }
2970 #adminpage table tr:hover { background-color: #eeeeee; }
2971 #adminpage .selectall { text-align: right; }
2973 /* =============== */
2974 /* = Form Fields = */
2975 /* =============== */
2979 padding-bottom: 10px;
2993 .field textarea { height: 100px; }
3006 border:1px solid #c1c1c1;
3007 background-image:url("../../../images/onoff.jpg");
3008 background-repeat: no-repeat;
3009 padding: 4px 2px 2px 2px;
3011 text-decoration: none;
3013 .field .onoff .off {
3014 border-color:#c1c1c1;
3016 background-position: left center;
3017 background-color: #cccccc;
3023 border-color:#c1c1c1;
3024 padding-right: 40px;
3025 background-position: right center;
3026 background-color: #b20202;
3031 .hidden { display: none!important; }
3033 .field.radio .field_help { margin-left: 0px; }
3040 display: block; width: 20px; height: 20px;
3041 background-image: url('icons.png');
3044 background-image: url("star.png");
3048 background-image: url("premium.png");
3054 border: 1px solid #c1c1c1;
3055 -webkit-border-radius: 3px;
3056 -moz-border-radius: 3px;
3060 .article { background-position: -50px 0px;}
3061 .audio { background-position: -70px 0px;}
3062 .block { background-position: -90px 0px;}
3063 .drop { background-position: -110px 0px;}
3064 .drophide { background-position: -130px 0px;}
3065 .edit { background-position: -150px 0px;}
3066 .camera { background-position: -170px 0px;}
3067 .dislike { background-position: -190px 0px;}
3068 .like { background-position: -210px 0px;}
3069 .link { background-position: -230px 0px;}
3071 .globe { background-position: -50px -20px;}
3072 .noglobe { background-position: -70px -20px;}
3073 .no { background-position: -90px -20px;}
3074 .pause { background-position: -110px -20px;}
3075 .play { background-position: -130px -20px;}
3076 .pencil { background-position: -150px -20px;}
3077 .small-pencil { background-position: -170px -20px;}
3078 .recycle { background-position: -190px -20px;}
3079 .remote-link { background-position: -210px -20px;}
3080 .share { background-position: -230px -20px;}
3082 .tools { background-position: -50px -40px;}
3083 .lock { background-position: -70px -40px;}
3086 background-position: -90px -40px;
3087 background-image: none;
3093 background-image: url(icons.png);
3096 margin: 2px 0px 2px 3px;
3100 .video { background-position: -110px -40px;}
3101 .youtube { background-position: -130px -40px;}
3103 .attach { background-position: -190px -40px;}
3104 .language { background-position: -210px -40px;}
3107 .on { background-position: -50px -60px;}
3108 .off { background-position: -70px -60px;}
3109 .prev { background-position: -90px -60px;}
3110 .next { background-position: -110px -60px;}
3112 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3115 display: block; width: 20px; height: 23px;
3116 background-image: url('../../../images/content-types.png');
3119 .type-video { background-position: 0px 0px; }
3120 .type-image { background-position: -20px 0px; }
3121 .type-audio { background-position: -40px 0px; }
3122 .type-text { background-position: -60px 0px; }
3123 .type-unkn { background-position: -80px 0px; }
3129 .cc-license { margin-top: 100px; font-size: 0.7em; }
3130 footer { display: block; margin: 50px 20%; clear: both; }
3135 border: 1px solid #cccccc;
3142 #photo-edit-perms-select,
3143 #photos-upload-permissions-wrapper,
3144 #profile-jot-acl-wrapper{
3145 display:block!important;
3154 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3165 background-color: #cccccc;
3166 background-position: 7px 7px;
3167 background-repeat: no-repeat;
3169 -webkit-border-radius: 5px ;
3170 -moz-border-radius: 5px;
3174 #acl-showall.selected {
3176 background-color: #b20202;
3181 border: 1px solid #cccccc;
3182 background-color: #efefef;
3196 border: 1px solid #cccccc;
3197 background-color: #fff;
3200 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3201 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3202 box-shadow: 2px 2px 3px #c1c1c1;
3216 padding: 2px 0px 1px;
3225 background-color: #898989;
3226 background-position: 3px 3px;
3227 background-repeat: no-repeat;
3229 -webkit-border-radius: 2px ;
3230 -moz-border-radius: 2px;
3235 #acl-wrapper a:hover {
3236 text-decoration: none;
3237 background-color:#b20202;
3240 .acl-button-show.selected {
3242 background-color: #b20202;
3245 .acl-button-hide.selected {
3247 background-color: #a2a2a2;
3250 .acl-list-item.groupshow { border-color: #b20202; }
3251 .acl-list-item.grouphide { border-color: #a2a2a2; }
3253 /* ========================= */
3254 /* = Global Directory Link = */
3255 /* ========================= */
3257 #global-directory-link {
3260 margin-bottom: 10px;
3262 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3263 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3264 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3265 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3266 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3267 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3268 background-color:#bdbdbd;
3269 -moz-border-radius:5px;
3270 -webkit-border-radius:5px;
3276 #global-directory-link:hover {
3278 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3279 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3280 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3281 background-color:#b20202;
3284 #global-directory-link:active {
3285 background-color: #b20202;
3290 #global-directory-link a {
3294 #global-directory-link {
3295 -webkit-padding-start: 0px;