5 Created by Anne Walk and Devlon Duthie on 2011-09-24
6 Modified by alex@friendica.pixelbits.de on 2012-09-12
11 Blue link hover - #6da6c4
12 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
13 Grey/body text - #626262
14 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
15 Dark Grey Gradients - #7c7d7b and #555753
18 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
25 /*position: relative;*/
27 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
29 font-size-adjust: none;
35 background-color: #F2F2F2;
39 img {border: 0 none; max-width: 550px; }
41 a { color: #1873a2; text-decoration: none; margin-bottom:1px;}
42 a:hover { color: #6da6c4; padding-bottom: 0px;}
66 /* font-variant:small-caps; */
70 list-style: none outside none;
73 list-style: none outside none;
74 background: url("arrow.png") no-repeat scroll left center transparent;
75 /*border-bottom: 1px dotted #D3D3D3;*/
80 .required { display: inline; color: #1873a2; }
81 .fakelink { color: #1873a2; cursor: pointer; }
82 .fakelink :hover { color: #6da6c4; }
83 .heart { color: #FF0000; font-size: 100%; }
87 border: 1px solid #b0b0b0;
91 -webkit-border-radius: 3px 3px 3px 3px;
92 -moz-border-radius: 3px 3px 3px 3px;
93 border-radius: 3px 3px 3px 3px;
96 input[type=text-sidebar] {
97 border: 1px solid #b0b0b0;
102 -webkit-border-radius: 3px 3px 3px 3px;
103 -moz-border-radius: 3px 3px 3px 3px;
104 border-radius: 3px 3px 3px 3px;
112 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
113 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
114 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
115 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
116 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
117 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
118 background-color:#bdbdbd;
119 -moz-border-radius:5px;
120 -webkit-border-radius:5px;
126 input[type=submit]:hover {
128 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
129 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
130 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
131 background-color:#1873a2;
134 input[type=submit]:active {
139 .smalltext { font-size: 0.7em }
141 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
142 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
146 padding-top: 40px; /*60*/
153 border: 1px solid #dddddd;
154 -moz-box-shadow: 3px 3px 6px #959494;
155 -webkit-box-shadow: 3px 3px 6px #959494;
156 box-shadow: 3px 3px 6px #959494;
157 background-color: #efefef;
163 background: none repeat scroll 0 0 #FFFFFF;
164 border: 1px solid #C5C5C5;
165 border-radius: 3px 3px 3px 3px;
166 box-shadow: 0 0 8px #BDBDBD;
167 /*background-color: #efefef;
168 border: 1px solid #dddddd;
169 -moz-box-shadow: 3px 3px 4px #959494;
170 -webkit-box-shadow: 3px 3px 4px #959494;
171 box-shadow: 3px 3px 4px #959494;*/
179 border: 1px solid #7C7D7B;
180 box-shadow: 0 0 8px #BDBDBD;
181 -moz-box-shadow: 3px 3px 4px #959494;
182 -webkit-box-shadow: 3px 3px 4px #959494;
183 border-radius: 5px 5px 5px 5px;
185 box-shadow: inset 0px 0px 0px 0px #cfcfcf;
186 -moz-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
187 -webkit-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
188 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
189 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
190 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
191 background-color: #bdbdbd;
197 border: 1px solid #7C7D7B;
198 box-shadow: 0 0 8px #BDBDBD;
199 -moz-box-shadow: 3px 3px 4px #959494;
200 -webkit-box-shadow: 3px 3px 4px #959494;
201 border-radius: 5px 5px 5px 5px;
202 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
203 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
204 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
205 background-color: #1873a2;
222 #login-name-wrapper {
223 vertical-align: middle;
227 #login-name-wrapper input {
232 #login-password-wrapper {
233 vertical-align: middle;
242 #login-extra-links a {
245 padding: 5px 0px 5px 0px;
250 #login-extra-filler {
261 -webkit-border-radius: 5px ;
262 -moz-border-radius: 5px;
264 border: 1px solid #494948;
265 background-color: #2e3436;
270 -moz-box-shadow: 7px 7px 12px #434343;
271 -webkit-box-shadow: 7px75px 12px #434343;
272 box-shadow: 7px 7px 10px #434343;
290 .pager span { padding: 4px; margin:4px; }
291 .pager_current { background-color: #1873a2; color: #ffffff; }
300 list-style: none outside none;
310 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
311 border: 1px solid #7C7D7B;
312 box-shadow: 0 0 8px #BDBDBD;
313 -moz-box-shadow: 3px 3px 4px #959494;
314 -webkit-box-shadow: 3px 3px 4px #959494;
315 border-radius: 5px 5px 5px 5px;
317 nav a { text-decoration: none; color: #eeeeec; border:0px;}
318 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
322 margin-left: 3px; /*10*/
323 margin-top: 3px; /*5*/
326 nav #banner #logo-text a {
331 text-shadow: #7C7D7B 3px 3px 5px;
341 vertical-align: middle;
342 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
343 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
344 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
345 background-color:#a2a2a2;
346 -moz-border-radius:5px;
347 -webkit-border-radius:5px;
349 border: 1px solid #7C7D8B;
351 text-decoration:none;
354 nav #user-menu-label::after {
355 content: url("menu-user-pin.png") no-repeat;
358 nav #user-menu-label {
359 vertical-align: middle;
367 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
368 background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
369 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
370 background-color:#898988;
377 border: 1px solid #9a9a9a;
379 -webkit-border-radius: 0px 0px 5px 5px;
380 -moz-border-radius: 0px 0px 5px 5px;
381 border-radius: 0px 0px 5px 5px;
382 -moz-box-shadow: 5px 5px 10px #242424;
383 -webkit-box-shadow: 5px 5px 10px #242424;
384 box-shadow: 5px 5px 10px #242424;
387 ul#user-menu-popup li { display: block; }
388 ul#user-menu-popup li a { display: block; padding: 5px; }
389 ul#user-menu-popup li a:hover {
391 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
392 background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
393 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
394 background-color:#6da6c4;
396 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
410 background: transparent url('notifications.png') 0px 0px no-repeat;
418 #notify-update { background-position: 0px -168px; }
419 #net-update { background-position: 0px -126px; }
420 #mail-update { background-position: 0px -40px; }
421 #intro-update { background-position: 0px -84px; }
422 #home-update { background-position: 0px 0px; }
438 /* =================== */
439 /* = System Messages = */
440 /* =================== */
442 #sysmsg_info, #sysmsg {
444 bottom: 0px; right:20%;
445 -moz-box-shadow: 7px 7px 12px #434343;
446 -webkit-box-shadow: 7px75px 12px #434343;
447 box-shadow: 7px 7px 10px #434343;
449 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
450 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
451 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
452 background-color:#1873a2;
453 -webkit-border-radius: 5px 5px 0px 0px;
454 -moz-border-radius: 5px 5px 0px 0px;
455 border-radius: 5px 5px 0px 0px;
456 border: 1px solid #da2c2c;
458 padding-bottom: 50px;
467 border-top: 1px solid #dddddd;
470 /* ================= */
471 /* = Aside/Sidebar = */
472 /* ================= */
476 /*margin-right: 5px;/
478 width: 205px; /*250*/
479 margin-top: 40px; /*50*/
495 font-variant: normal;
496 -webkit-margin-start: 10px;
506 .vcard #profile-photo-wrapper {
510 background: none repeat scroll 0 0 #FFFFFF;
511 /*background-color: #f3f3f3;*/
512 border: 1px solid #C5C5C5; /*1px solid #dddddd;*/
513 -moz-box-shadow: 3px 3px 4px #959494;
514 -webkit-box-shadow: 3px 3px 4px #959494;
515 box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px #959494;*/
516 border-radius: 5px 5px 5px 5px;
519 aside h4 { font-size: 1.3em; }
528 padding-bottom: 10px;
531 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
534 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
535 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
536 box-shadow:inset 0px 1px 0px 0px #a65151;
537 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
538 background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
539 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
540 background-color:#6da6c4;
541 -moz-border-radius:5px;
542 -webkit-border-radius:5px;
544 border:1px solid #fc5656;
545 display:inline-block;
547 font-family:Trebuchet MS;
553 text-decoration:none;
554 text-shadow:1px 1px 0px #b36f6f;
557 #dfrn-request-link:hover {
558 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
559 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
560 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
561 background-color:#1873a2;
564 #dfrn-request-link:active {
569 #dfrn-request-intro {
574 background-color: #f6f6f6;
575 padding: 5px 5px 5px 5px;
577 #netsearch-box input[type="text"] {
580 #netsearch-box input[type="submit"] {
586 content: url("search.png");
588 vertical-align: middle;
592 background-color: #f3f3f3;
593 border: 1px solid #cdcdcd;
595 -webkit-border-radius: 5px 5px 5px 5px;
596 -moz-border-radius: 5px 5px 5px 5px;
597 border-radius: 5px 5px 5px 5px;
601 vertical-align: middle;
604 padding-bottom: 10px;
607 #sidebar-group-list {
612 #sidebar-group-list > a{
613 padding-bottom: 10px;
618 -moz-box-shadow: 1px 2px 6px 0px #959494;
619 -webkit-box-shadow: 1px 2px 6px 0px #959494;
620 box-shadow: 1px 2px 6px 0px #959494;
621 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
622 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
623 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
624 background-color:#f8f8f8;
625 -moz-border-radius:5px;
626 -webkit-border-radius:5px;
629 /*text-shadow:-1px 0px 0px #bdbdbd;*/
630 border: 1px solid #cdcdcd;
637 margin-left: 10px; /*40*/
638 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
639 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
640 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
641 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
642 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
643 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
644 background-color:#bdbdbd;
645 -moz-border-radius:5px;
646 -webkit-border-radius:5px;
648 display:inline-block;
650 text-decoration:none;
655 #sidebar-new-group:hover {
656 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
657 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
658 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
659 background-color:#1873a2;
662 #sidebar-new-group:active {
667 .group-selected, .nets-selected {
671 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
672 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
673 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
674 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
675 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
676 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
677 background-color:#bdbdbd;
678 -moz-border-radius:5px;
679 -webkit-border-radius:5px;
681 display:inline-block;
683 text-decoration:none;
686 #sidebar-new-group a {
693 ul .sidebar-group-li{
699 ul .sidebar-group-li .icon{
700 display: inline-block;
707 list-style-type: none;
723 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
724 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
725 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
726 background-color:#f0edf0;
727 -moz-border-radius:5px 5px 0px 0px;
728 -webkit-border-radius:5px 5px 0px 0px;
729 border-radius:5px 5px 0px 0px;
730 border:1px solid #e2e2e2;
731 border-bottom: 1px solid #cdcdcd;
734 vertical-align: baseline;
736 text-shadow:-1px 0px 0px #bdbdbd;
739 #group-sidebar h3:before{
740 content: url("groups.png");
742 vertical-align: middle;
747 padding-bottom: 20px;
755 .saved-search-li .icon {
759 .birthday-today, .event-today {
763 #birthday-wrapper, #event-wrapper {
773 /* ================== */
774 /* = Contacts Block = */
775 /* ================== */
781 border: 1px solid #C5C5C5;
782 border-radius: 3px 3px 3px 3px;
783 box-shadow: 0 0 8px #BDBDBD;
789 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
790 #contact-block-end { clear: both; }
796 #profile-jot-text_tbl { margin-bottom: 10px; }
797 #profile-jot-text_ifr { width: 99.9%!important }
798 #profile-jot-submit-wrapper {
806 border: 1px solid #cccccc;
809 #jot-title::-webkit-input-placeholder{font-weight: normal;}
810 #jot-title:-moz-placeholder{font-weight: normal;}
814 border: 1px solid #cccccc
821 #profile-jot-perms, #profile-jot-submit, #jot-preview-link {
824 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
825 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
826 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
827 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
828 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
829 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
830 background-color:#bdbdbd;
831 -moz-border-radius:5px;
832 -webkit-border-radius:5px;
834 display:inline-block;
836 text-decoration:none;
847 #jot-perms-perms .icon {
851 #profile-jot-submit {
859 #profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
860 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
861 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
862 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
863 background-color:#1873a2;
865 #profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
871 position: absolute: right: 100px; top:100px;
873 #profile-rotator-wrapper {
881 #profile-jot-tools-end,
882 #profile-jot-banner-end { clear: both; }
884 #profile-jot-email-wrapper {
885 margin: 10px 10% 0px 10%;
886 border: 1px solid #eeeeee;
889 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
890 #profile-jot-email { margin: 5px; width: 95%; }
892 #profile-jot-networks {
894 border: 1px solid #eeeeee;
899 #profile-jot-acl-wrapper {
901 border: 1px solid #eeeeee;
903 display:block!important;
905 #group_allow_wrapper,
907 #acl-permit-outer-wrapper { width: 47%; float: left; }
909 #contact_allow_wrapper,
910 #contact_deny_wrapper,
911 #acl-deny-outer-wrapper { width: 47%; float: right; }
913 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
914 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
915 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
917 #acl-permit-text-end,
918 #acl-deny-text-end { clear: both; }
919 #profile-jot-wrapper {
924 profile-jot-banner-wrapper {
940 padding: 20px 0px 0px;
943 .tabs li { display: inline;}
946 padding: 5px 10px 5px 10px;
947 display: inline-block;
954 padding: 5px 10px 5px 10px;
961 .wall-item-outside-wrapper {
963 border-bottom: 1px solid #dedede;
968 background: none repeat scroll 0 0 #FFFFFF;
969 /*background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;*/
970 border: 1px solid #CDCDCD;
971 border-radius: 5px 5px 5px 5px;
972 box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px 0 #959494;*/
976 .wall-item-outside-wrapper-end { clear: both;}
977 .wall-item-content-wrapper { position: relative; max-width: 100%; padding-top: 10px; }
978 .wall-item-photo-menu { display: none;}
979 .wall-item-photo-menu-button {
981 text-indent: -99999px;
982 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
985 height: 20px; width: 90px;
986 top: 85px; left: -1px;
987 -webkit-border-radius: 0px 0px 5px 5px;
988 -moz-border-radius: 0px 0px 5px 5px;
989 border-radius: 0px 0px 5px 5px;
992 .wall-item-info { float: left; width: 100px; } /*140*/
993 .wall-item-photo-wrapper {
994 width: 80px; height: 80px;
999 filter: alpha(opacity=60);
1001 -webkit-transition: all 0.25s ease-in-out;
1002 -moz-transition: all 0.25s ease-in-out;
1003 -o-transition: all 0.25s ease-in-out;
1004 -ms-transition: all 0.25s ease-in-out;
1005 transition: all 0.25s ease-in-out;
1007 padding-bottom: 5px;
1011 .wall-item-tools:hover {
1012 filter: alpha(opacity=100);
1014 -webkit-transition: all 0.25s ease-in-out;
1015 -moz-transition: all 0.25s ease-in-out;
1016 -o-transition: all 0.25s ease-in-out;
1017 -ms-transition: all 0.25s ease-in-out;
1018 transition: all 0.25s ease-in-out;
1022 .wall-item-outside-wrapper.comment .wall-item-tools {
1023 margin: 5px 5px 0px 70px;
1027 .wall-item-like-buttons {
1031 .wall-item-like-buttons a.icon {
1036 .wall-item-links-wrapper {
1040 .wall-item-delete-wrapper {
1044 .wall-item-links-wrapper a.icon {
1059 .wall-item-title { font-size: 1.2em; font-weight: bold; padding-top: 5px; margin-left: 100px;}
1061 margin-left: 100px; /*140*/
1062 padding-right: 10px;
1064 max-width: 100%; /*85*/
1067 .wall-item-body img { max-width: 100%; height: auto; }
1072 .wall-item-lock-wrapper { float: right; }
1077 margin: 0px 0px 10px 450px;
1083 margin: 0px 0px 0px 100px;
1087 .wall-item-author a {
1091 .wall-item-ago { display: inline; padding-left: 0px; color: #898989;} /*10*/
1092 .wall-item-wrapper-end { clear:both; }
1093 .wall-item-location {
1097 text-overflow: ellipsis;
1098 -o-text-overflow: ellipsis;
1101 .wall-item-location .icon { float: left; }
1102 .wall-item-location > a {
1103 margin-left: 0px; /*25*/
1107 font-variant:small-caps;
1111 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
1112 .wall-item-location > br { display: none; }
1129 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
1130 .wallwall .wall-item-photo-end { clear: both; }
1131 .wall-item-arrowphoto-wrapper {
1138 .wall-item-photo-menu {
1142 background: #eeeeee;
1143 border-right: 1px solid #dddddd;
1144 border-left: 1px solid #dddddd;
1145 border-bottom: 1px solid #dddddd;
1147 left: -2px; top: 101px;
1150 -webkit-border-radius: 0px 5px 5px 5px;
1151 -moz-border-radius: 0px 5px 5px 5px;
1152 border-radius: 0px 5px 5px 5px;
1153 -moz-box-shadow: 3px 3px 4px #959494;
1154 -webkit-box-shadow: 3px 3px 4px #959494;
1155 box-shadow: 3px 3px 4px #959494;
1158 .wall-item-photo-menu-button {
1159 border-right: 1px solid #dddddd;
1160 border-left: 1px solid #dddddd;
1161 border-bottom: 1px solid #dddddd;
1162 -moz-box-shadow: 3px 3px 4px #959494;
1163 -webkit-box-shadow: 3px 3px 4px #959494;
1164 box-shadow: 3px 3px 4px #959494;
1167 .fakelink wall-item-photo-menu-button {
1168 -webkit-border-radius: 0px 5px 5px 5px;
1169 -moz-border-radius: 0px 5px 5px 5px;
1170 border-radius: 0px 5px 5px 5px;
1171 -moz-box-shadow: 3px 3px 4px #959494;
1172 -webkit-box-shadow: 3px 3px 4px #959494;
1173 box-shadow: 3px 3px 4px #959494;
1176 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1177 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1178 .wall-item-photo-menu li a:hover {
1180 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1181 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1182 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1183 background-color:#1873a2;
1188 .icon.drophide { float: right;}
1189 #item-delete-selected { overflow: auto; width: 100%;}
1196 .ccollapse-wrapper {
1200 /*font-variant:small-caps;*/
1203 .wall-item-outside-wrapper.comment { margin-left: 70px; }
1204 .wall-item-outside-wrapper.comment .wall-item-photo {
1205 width: 40px!important;
1206 height: 40px!important;
1209 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1210 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1213 background-position: 35px center;
1215 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1216 .wall-item-outside-wrapper.comment .wall-item-body {
1217 margin-left: 60px;/*70*/
1219 padding-right: 10px;
1223 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px; } /*10*/
1225 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1229 .icollapse-wrapper {
1234 .comment-wwedit-wrapper,
1235 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1236 .comment-wwedit-wrapper img,
1237 .comment-edit-wrapper img { width: 20px; height: 20px; }
1238 .comment-edit-photo-link { float: left; width: 40px;}
1239 .comment-edit-text-empty {
1244 -webkit-transition: all 0.5s ease-in-out;
1245 -moz-transition: all 0.5s ease-in-out;
1246 -o-transition: all 0.5s ease-in-out;
1247 -ms-transition: all 0.5s ease-in-out;
1248 transition: all 0.5s ease-in-out;
1250 .comment-edit-text-empty:hover { color: #999999;}
1251 .comment-edit-text-full { width: 80%; height: 6em;
1252 -webkit-transition: all 0.5s ease-in-out;
1253 -moz-transition: all 0.5s ease-in-out;
1254 -o-transition: all 0.5s ease-in-out;
1255 -ms-transition: all 0.5s ease-in-out;
1256 transition: all 0.5s ease-in-out;
1258 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1259 .comment-edit-submit {
1261 background-color: #a2a2a2;
1263 -webkit-border-radius: 5px;
1264 -moz-border-radius: 5px;
1269 .comment-edit-submit:hover {
1270 background-color: #1873a2;
1273 .comment-edit-submit:active {
1274 background-color: #1873a2;
1277 #item-delete-selected-desc {
1282 .wall-item-body code {
1283 font-family: Courier, monospace;
1287 border: 1px solid #cccccc;
1288 border-width: 1px 1px 1px 10px;
1297 .advanced-profile-content {
1299 margin-bottom: 10px;
1304 .advanced-profile-label {
1307 padding-bottom: 5px;
1309 /*font-variant:small-caps;*/
1312 div[id$="wrapper"] { height: 100%;}
1313 div[id$="wrapper"] br { clear: left; }
1314 #advanced-profile-with { margin-left: 20px;}
1316 #profile-listing-desc {
1319 padding: 5px 10px 5px 10px;
1323 display:inline-block;
1328 #profile-listing-new-link-wrapper {
1334 padding: 5px 10px 5px 10px;
1339 .profile-listing-name {
1342 .profile-listing-name a {
1346 #profile-edit-links li {
1351 background-color: #a2a2a2;
1353 padding: 5px 10px 5px 10px;
1356 -webkit-border-radius: 5px 5px 5px 5px;
1357 -moz-border-radius: 5px 5px 5px 5px;
1358 border-radius: 5px 5px 5px 5px;
1361 #profile-edit-links li a {
1365 #profile-edit-links li:hover {
1366 background-color: #1873a2;
1369 #profile-edit-links li:active {
1370 background-color: #1873a2;
1373 .profile-edit-side-div {
1381 #cropimage-wrapper { float:left; }
1382 #crop-image-form { clear:both; }
1384 .profile-match-name a{
1389 .profile-match-name a:hover {
1393 .profile-match-wrapper {
1398 background-color: #f6f6f6;
1399 border: 1px solid #dddddd;
1400 -moz-box-shadow: 3px 3px 4px #959494;
1401 -webkit-box-shadow: 3px 3px 4px #959494;
1402 box-shadow: 3px 3px 4px #959494;
1406 .profile-match-end {
1410 .profile-match-photo {
1424 #side-bar-photos-albums h3:before {
1425 content: url("photography.png");
1426 padding-right: 10px;
1427 vertical-align: middle;
1430 #side-bar-photos-albums li {
1442 background-color: #a2a2a2;
1444 padding: 5px 10px 5px 10px;
1447 -webkit-border-radius: 5px 5px 5px 5px;
1448 -moz-border-radius: 5px 5px 5px 5px;
1449 border-radius: 5px 5px 5px 5px;
1451 #photo-top-links a {
1455 #photo-top-links:hover {
1456 background-color: #1873a2;
1459 #photo-top-links:active {
1460 background-color: #1873a2;
1463 .photo-album-image-wrapper {
1465 margin: 0px 10px 10px 0px;
1466 padding-bottom: 30px;
1470 .photo-top-image-wrapper {
1474 margin: 0px 10px 10px 0px;
1475 padding-bottom: 30px;
1479 #photo-album-wrapper-inner {
1487 #photo-photo { max-width: 85%; height: auto; }
1488 #photo-photo img { max-width: 100% }
1490 .photo-top-image-wrapper a:hover,
1491 #photo-photo a:hover,
1492 .photo-album-image-wrapper a:hover {
1497 .photo-album-photo {}
1499 .photo-top-album-name {
1504 font-stretch:semi-expanded;
1507 .photo-top-album-name a{
1531 #photo-photo-end { clear: both; }
1537 background-color: rgba(255,255,255,0.2);
1539 -webkit-transition: all 0.2s ease-in-out;
1540 -moz-transition: all 0.2s ease-in-out;
1541 -o-transition: all 0.2s ease-in-out;
1542 -ms-transition: all 0.2s ease-in-out;
1543 transition: all 0.2s ease-in-out;
1544 background-position: center center;
1545 background-repeat: no-repeat;
1548 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1549 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1552 display: block; width: 100%; height: 100%;
1554 text-indent: -900000px;
1557 #photo-prev-link:hover,
1558 #photo-next-link:hover {
1560 -webkit-transition: all 0.2s ease-in-out;
1561 -moz-transition: all 0.2s ease-in-out;
1562 -o-transition: all 0.2s ease-in-out;
1563 -ms-transition: all 0.2s ease-in-out;
1564 transition: all 0.2s ease-in-out;
1567 #photo-next-link .icon,
1568 #photo-prev-link .icon { display: none }
1570 #photos-upload-spacer,
1571 #photos-upload-new-wrapper,
1572 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1573 #photos-upload-existing-album-text,
1574 #photos-upload-newalbum-div {
1575 background-color: #fff;
1583 #photos-upload-album-select,
1584 #photos-upload-newalbum { width: 400px; }
1586 #photos-upload-perms-menu {
1591 #photos-upload-perms-menu .icon {
1597 border: 1px solid #b0b0b0;
1599 -webkit-border-radius: 3px 3px 3px 3px;
1600 -moz-border-radius: 3px 3px 3px 3px;
1601 border-radius: 3px 3px 3px 3px;
1604 select[size], select[multiple], select[size][multiple] {
1605 -webkit-appearance: listbox;
1609 -webkit-appearance: menulist;
1610 box-sizing: border-box;
1611 -webkit-box-align: center;
1616 -webkit-border-radius: ;
1619 input, textarea, keygen {
1621 letter-spacing: normal;
1622 word-spacing: normal;
1624 text-transform: none;
1627 display: inline-block;
1628 text-align: -webkit-auto;
1632 -moz-border-radius:5px;
1633 -webkit-border-radius:5px;
1641 background-color: #a2a2a2;
1643 padding: 5px 10px 5px 10px;
1646 -webkit-border-radius: 5px 5px 5px 5px;
1647 -moz-border-radius: 5px 5px 5px 5px;
1648 border-radius: 5px 5px 5px 5px;
1651 #album-edit-link a {
1655 #album-edit-link:hover {
1656 background-color: #1873a2;
1659 #photo-edit-link-wrap {
1660 margin-bottom: 10px;
1669 input#photo_edit_form {
1674 #photo-edit-perms-menu {
1683 #photo-edit-perms-menu .icon {
1687 #photo-edit-delete-button {
1693 #photo-album-edit-wrapper {
1694 margin-bottom: 10px;
1701 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1706 background-color: #fff;
1707 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1708 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1709 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1712 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1719 background: transparent;
1720 -webkit-transform: skew(-5deg) rotate(-5deg);
1721 -moz-transform: skew(-5deg) rotate(-5deg);
1722 -ms-transform: skew(-5deg) rotate(-5deg);
1723 -o-transform: skew(-5deg) rotate(-5deg);
1724 transform: skew(-5deg) rotate(-5deg);
1725 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1726 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1727 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1731 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1734 -webkit-transform: skew(5deg) rotate(5deg);
1735 -moz-transform: skew(5deg) rotate(5deg);
1736 -ms-transform: skew(5deg) rotate(5deg);
1737 -o-transform: skew(5deg) rotate(5deg);
1738 transform: skew(5deg) rotate(5deg);
1747 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1748 #prvmail-subject .input{
1749 border: none !important ;
1752 #prvmail-subject-label {
1753 /* font-variant:small-caps; */
1760 /* font-variant:small-caps; */
1763 #prvmail-message-label {
1767 #prvmail-submit-wrapper { margin-top: 10px; }
1778 #prvmail-submit-wrapper > div {
1783 .mail-list-outside-wrapper {
1790 background-color: #efefef;
1791 border: 1px solid #C5C5C5;
1792 border-radius: 3px 3px 3px 3px;
1793 box-shadow: 0 0 8px #BDBDBD;
1794 -moz-box-shadow: 3px 3px 4px #959494;
1795 -webkit-box-shadow: 3px 3px 4px #959494;
1804 border: 1px solid #dddddd;
1807 .mail-list-sender-name {
1818 font-stretch:ultra-condensed;
1821 .mail-list-subject {
1825 padding-right: 50px;
1828 .mail-list-subject a {
1832 .mail-list-delete-wrapper { float: right;}
1833 .mail-list-outside-wrapper-end {
1837 .mail-conv-outside-wrapper {
1838 margin-bottom: 10px;
1842 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1843 .mail-conv-sender-photo {
1848 .mail-conv-sender-name { float: left; font-style: bold; }
1849 .mail-conv-date { float: right; }
1850 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1858 padding-bottom: 20px;
1861 vertical-align: middle;
1863 border: 1px solid #dddddd;
1865 .mail-conv-break { display: none; border: none;}
1866 .mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
1870 border: 1px solid #dddddd;
1873 /* ================= */
1874 /* = Notifications = */
1875 /* ================= */
1877 #notification-show-hide-wrapper {
1879 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1880 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1881 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1882 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1883 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1884 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1885 background-color:#bdbdbd;
1886 -moz-border-radius:5px;
1887 -webkit-border-radius:5px;
1889 padding: 5px 10px 5px 10px;
1897 #notification-show-hide-wrapper:hover {
1899 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1900 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1901 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1902 background-color:#1873a2;
1905 #notification-show-hide-wrapper:active {
1906 background-color: #1873a2;
1911 #notification-show-hide-wrapper a {
1920 margin-bottom: 10px;
1923 .view-contact-wrapper,
1924 .contact-entry-wrapper {
1927 margin-bottom: 20px;
1933 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1934 .contact-entry-edit-links { position: absolute; top: 60px; }
1935 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1937 .contact-entry-name {
1947 .contact-entry-photo {
1951 .contact-entry-edit-links .icon {
1952 border: 1px solid #babdb6;
1953 -webkit-border-radius: 3px;
1954 -moz-border-radius: 3px;
1956 background-color: #ffffff;
1959 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
1961 #contact-edit-update-now {
1966 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1967 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1968 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1969 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1970 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1971 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1972 background-color:#bdbdbd;
1973 -moz-border-radius:5px;
1974 -webkit-border-radius:5px;
1976 display:inline-block;
1978 text-decoration:none;
1982 #contact-edit-update-now:hover {
1983 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1984 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1985 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1986 background-color:#1873a2;
1989 #contact-edit-update-now:active {
1994 #contact-edit-update-now a {
2001 .contact-photo-menu-button {
2003 background-image: url("photo-menu.jpg");
2004 background-position: top left;
2005 background-repeat: no-repeat;
2006 margin: 0px; padding: 0px;
2009 top: 64px; left:0px;
2015 .contact-photo-menu {
2017 border: 1px solid #ddd;
2018 background: #f1f1f1;
2020 left: 0px; top: 90px;
2023 -moz-box-shadow: 3px 3px 5px #888;
2024 -webkit-box-shadow: 3px 3px 5px #888;
2025 box-shadow: 3px 3px 5px #888;
2028 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2029 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2030 .contact-photo-menu li a:hover {
2032 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2033 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2034 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2035 background-color:#1873a2;
2036 text-decoration: none;
2039 .view-contact-name {
2040 /* font-variant: small-caps; */
2044 background-color: #efefef;
2050 margin-bottom: 20px;
2053 #follow-sidebar h3:before {
2054 content: url("user.png");
2055 padding-right: 10px;
2056 vertical-align: middle;
2059 #follow-sidebar input[type="text"] {
2061 margin-bottom: 10px;
2064 #side-follow-submit {
2073 margin: auto 10px 20px;
2074 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2075 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2076 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2077 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2078 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2079 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2080 background-color:#bdbdbd;
2081 -moz-border-radius:5px;
2082 -webkit-border-radius:5px;
2084 padding: 5px 10px 5px 10px;
2090 #side-match-link:hover {
2092 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2093 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2094 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2095 background-color:#1873a2;
2098 #side-match-link:active {
2099 background-color: #1873a2;
2104 #side-match-link a {
2112 margin-bottom: 20px;
2113 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2114 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2115 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2116 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2117 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2118 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2119 background-color:#bdbdbd;
2120 -moz-border-radius:5px;
2121 -webkit-border-radius:5px;
2123 padding: 5px 10px 5px 10px;
2129 #side-invite-link:hover {
2131 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2132 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2133 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2134 background-color:#1873a2;
2138 #side-invite-link:active {
2139 background-color: #1873a2;
2144 #side-invite-link a {
2148 #side-suggest-link {
2152 margin-bottom: 20px;
2153 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2154 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2155 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2156 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2157 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2158 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2159 background-color:#bdbdbd;
2160 -moz-border-radius:5px;
2161 -webkit-border-radius:5px;
2163 padding: 5px 10px 5px 10px;
2169 #side-suggest-link:hover {
2171 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2172 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2173 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2174 background-color:#1873a2;
2177 #side-suggest-link:active {
2178 background-color: #1873a2;
2183 #side-suggest-link a {
2187 #invite-message, #invite-recipients, #invite-recipient-text {
2191 #side-follow-wrapper {
2194 font-stretch:semi-expanded;
2195 background-color: #f3f3f3;
2196 border: 1px solid #cdcdcd;
2199 -webkit-border-radius: 5px 5px 5px 5px;
2200 -moz-border-radius: 5px 5px 5px 5px;
2201 border-radius: 5px 5px 5px 5px;
2204 #side-follow-wrapper label{
2206 font-variant: normal;
2214 margin-bottom: 20px;
2215 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2216 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2217 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2218 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2219 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2220 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2221 background-color:#bdbdbd;
2222 -moz-border-radius:5px;
2223 -webkit-border-radius:5px;
2225 padding: 5px 10px 5px 10px;
2231 #contact-suggest:hover {
2233 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2234 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2235 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2236 background-color:#1873a2;
2239 #contact-suggest:active {
2240 background-color: #1873a2;
2245 #contact-suggest a {
2261 /* ===================================== */
2262 /* = Register, Settings, Profile Forms = */
2263 /* ===================================== */
2266 background: url(login-bg.gif) no-repeat;
2267 background-position: 0 50%;
2269 width: 384px!important;
2272 #profile-tabs-wrapper {
2276 #profile-tab-status-link {
2278 padding: 5px 10px 5px 10px;
2286 #profile-tab-profile-link {
2288 padding: 5px 10px 5px 10px;
2293 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2294 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2295 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2296 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2297 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2298 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2299 background-color:#7c7d7b;
2300 -moz-border-radius:5px;
2301 -webkit-border-radius:5px;
2303 padding: 5px 10px 5px 10px;
2304 margin-bottom: 10px;
2307 #uexport-link:hover {
2309 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2310 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2311 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2312 background-color:#555753;
2315 #uexport-link:active {
2317 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2318 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2319 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2320 background-color:#1873a2;
2325 #settings-default-perms {
2328 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2329 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2330 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2331 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2332 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2333 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2335 background-color:#7c7d7b;
2336 -moz-border-radius:5px;
2337 -webkit-border-radius:5px;
2339 padding: 5px 10px 5px 10px;
2340 margin-bottom: 10px;
2343 #settings-default-perms .fakelink {
2347 #settings-default-perms:hover {
2349 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2350 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2351 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2352 background-color:#555753;
2355 #settings-default-perms:active {
2357 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2358 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2359 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2360 background-color:#1873a2;
2365 #settings-nickname-desc {
2367 background-color: #efefef;
2368 margin-bottom: 10px;
2369 -webkit-border-radius: 5px;
2370 -moz-border-radius: 5px;
2375 #register-form div {
2379 #profile-edit-form div {
2383 #profile-edit-form div[id$='desc'] {
2388 #register-form label,
2389 #profile-edit-form label {
2390 width: 300px; float: left;
2393 /* #register-form span,
2394 #profile-edit-form span { */
2395 #register-form span {
2398 margin-bottom: 20px;
2401 .settings-submit-wrapper,
2402 .profile-edit-submit-wrapper { margin: 30px 0px;}
2403 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2405 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2408 #register-sitename { display: inline; font-weight: bold;}
2410 /* ===================== */
2411 /* = Contacts Selector = */
2412 /* ===================== */
2414 #group-edit-wrapper {
2415 margin-bottom: 10px;
2418 #group-edit-name-wrapper {
2422 #group-edit-submit-wrapper {
2423 margin-bottom: 10px;
2424 margin-right: 400px;
2429 .group-delete-wrapper {
2433 margin-bottom: 10px;
2434 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2435 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2436 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2437 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2438 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2439 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2440 background-color:#bdbdbd;
2441 -moz-border-radius:5px;
2442 -webkit-border-radius:5px;
2446 .group-delete-wrapper:hover {
2447 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2448 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2449 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2450 background-color:#1873a2;
2453 .group-delete-wrapper:active {
2454 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2455 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2456 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2457 background-color:#1873a2;
2460 .group-delete-wrapper a {
2465 #group-edit-desc { margin: 10px 0xp; }
2466 #group-new-text {font-size: 1.1em;}
2473 background-color: #f0edf0;
2475 border: 1px solid #ccc;
2476 margin-bottom: 10px;
2480 #group-all-contacts,
2481 #prof-all-contacts {
2485 border: 1px solid #ccc;
2486 background-color: #f0edf0;
2491 #group-all-contacts h3,
2493 #prof-all-contacts h3{
2500 #prof-separator { display: none;}
2506 .clear { clear: both; }
2519 margin-bottom: 10px;
2520 background-color: #fff;
2521 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2522 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2523 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2526 .vevent:before, .vevent:after {
2533 background: transparent;
2534 -webkit-transform: skew(-5deg) rotate(-5deg);
2535 -moz-transform: skew(-5deg) rotate(-5deg);
2536 -ms-transform: skew(-5deg) rotate(-5deg);
2537 -o-transform: skew(-5deg) rotate(-5deg);
2538 transform: skew(-5deg) rotate(-5deg);
2539 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2540 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2541 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2548 -webkit-transform: skew(5deg) rotate(5deg);
2549 -moz-transform: skew(5deg) rotate(5deg);
2550 -ms-transform: skew(5deg) rotate(5deg);
2551 -o-transform: skew(5deg) rotate(5deg);
2552 transform: skew(5deg) rotate(5deg);
2555 .vevent .event-description {
2563 .vevent .event-location{
2567 font-style: oblique;
2572 .vevent .event-start, .vevent .event-end {
2584 margin-bottom: 10px;
2585 margin-left: 170px; ;
2586 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2587 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2588 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2589 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2590 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2591 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2592 background-color:#bdbdbd;
2593 -moz-border-radius:5px;
2594 -webkit-border-radius:5px;
2599 #new-event-link:hover {
2601 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2602 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2603 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2604 background-color:#1873a2;
2607 #new-event-link:active {
2608 background-color: #1873a2;
2618 .edit-event-link, .plink-event-link {
2622 margin-bottom: 15px;
2625 .event-description:before {
2626 content: url('calendar.png');
2628 vertical-align: middle;
2631 .event-start, .event-end {
2636 .event-start .dtstart, .event-end .dtend {
2642 margin-bottom: 10px;
2643 font-stretch:condensed;
2646 .prevcal, .nextcal {
2653 .event-calendar-end {
2659 font-family: Helvetica, Arial, sans-serif;
2660 background-color: #f1f1f1;
2661 border: 1px solid #dedede;
2662 margin-bottom: 10px;
2663 -moz-box-shadow: 5px 5px 8px #959494;
2664 -webkit-box-shadow: 5px 5px 8px #959494;
2665 box-shadow: 5px 5px 8px #959494;
2669 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
2670 background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
2671 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
2672 background-color: #1873a2;
2673 padding: 10px 0px 10px 0px;
2678 -moz-box-shadow: 5px 2px 8px #959494;
2679 -webkit-box-shadow: 5px 2px 8px #959494;
2680 box-shadow: 5px 2px 8px #959494;
2684 border: 1px solid #eeeeee;
2694 background-color: #cdcdcd;
2706 background-color: #1873a2;
2711 #event-finish-text {
2716 #event-nofinish-checkbox,
2717 #event-nofinish-text,
2718 #event-adjust-checkbox,
2720 #event-share-checkbox {
2724 #event-datetime-break {
2725 margin-bottom: 10px;
2728 #event-nofinish-break,
2729 #event-adjust-break,
2730 #event-share-break {
2735 #event-location-text {
2750 margin: 50px 50px 0px 0px;
2753 .directory-details {
2775 background-color: #FF0000;
2780 border: 0px; padding: 0px;
2784 list-style-position: inside;
2794 padding-bottom: 2px;
2795 border-bottom: 1px solid black;
2808 border-bottom: 1px solid #898989;
2813 #adminpage .submit {
2817 #adminpage #pluginslist {
2818 margin: 0px; padding: 0px;
2821 #adminpage .plugin {
2824 border: 1px solid #888888;
2830 #adminpage .toggleplugin {
2835 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2836 #adminpage table th { text-align: left;}
2837 #adminpage td .icon { float: left;}
2838 #adminpage table#users img { width: 16px; height: 16px; }
2839 #adminpage table tr:hover { background-color: #eeeeee; }
2840 #adminpage .selectall { text-align: right; }
2842 /* =============== */
2843 /* = Form Fields = */
2844 /* =============== */
2847 margin-bottom: 10px;
2849 padding-bottom: 0px;
2856 width: 480px; /*550*/
2862 border: 1px solid #CDCDCD;
2863 border-radius: 5px 5px 5px 5px;
2864 /*box-shadow: 3px 3px 4px 0 #959494;*/
2866 .field textarea { height: 100px; }
2879 border:1px solid #c1c1c1;
2880 background-image:url("../../../images/onoff.jpg");
2881 background-repeat: no-repeat;
2882 padding: 4px 2px 2px 2px;
2884 text-decoration: none;
2886 .field .onoff .off {
2887 border-color:#c1c1c1;
2889 background-position: left center;
2890 background-color: #cccccc;
2896 border-color:#c1c1c1;
2897 padding-right: 40px;
2898 background-position: right center;
2899 background-color: #1873a2;
2904 .hidden { display: none!important; }
2906 .field.radio .field_help { margin-left: 0px; }
2913 cursor: url('lock.cur'), pointer;
2919 display: block; width: 20px; height: 20px;
2920 background-image: url("icons.png");
2923 background-image: url("star.png");
2927 background-image: url("premium.png");
2932 background-image: url("notifications.png");}
2937 border: 1px solid #c1c1c1;
2938 -webkit-border-radius: 3px;
2939 -moz-border-radius: 3px;
2943 .article { background-position: -50px 0px;}
2944 .audio { background-position: -70px 0px;}
2945 .block { background-position: -90px 0px;}
2946 .drop { background-position: -110px 0px;}
2947 .drophide { background-position: -130px 0px;}
2948 .edit { background-position: -150px 0px;}
2949 .camera { background-position: -170px 0px;}
2950 .dislike { background-position: -190px 0px;}
2951 .like { background-position: -210px 0px;}
2952 .link { background-position: -230px 0px;}
2953 .globe { background-position: -50px -20px;}
2954 .noglobe { background-position: -70px -20px;}
2955 .no { background-position: -90px -20px;}
2956 .pause { background-position: -110px -20px;}
2957 .play { background-position: -130px -20px;}
2958 .pencil { background-position: -150px -20px;}
2959 .small-pencil { background-position: -170px -20px;}
2960 .recycle { background-position: -190px -20px;}
2961 .remote-link { background-position: -210px -20px;}
2962 .share { background-position: -230px -20px;}
2963 .tools { background-position: -50px -40px;}
2964 .lock { background-position: -70px -40px;}
2966 background-position: -90px -40px;
2967 background-image: none;
2973 background-image: url("icons.png");
2976 margin: 2px 0px 2px 3px;
2980 .video { background-position: -110px -40px;}
2981 .youtube { background-position: -130px -40px;}
2983 .attach { background-position: -190px -40px;}
2984 .language { background-position: -210px -40px;}
2987 .on { background-position: -50px -60px;}
2988 .off { background-position: -70px -60px;}
2989 .prev { background-position: -90px -60px;}
2990 .next { background-position: -110px -60px;}
2991 .tagged { background-position: -130px -60px;}
2993 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2996 display: block; width: 20px; height: 23px;
2997 background-image: url("../../../images/content-types.png");
3000 .type-video { background-position: 0px 0px; }
3001 .type-image { background-position: -20px 0px; }
3002 .type-audio { background-position: -40px 0px; }
3003 .type-text { background-position: -60px 0px; }
3004 .type-unkn { background-position: -80px 0px; }
3010 .cc-license { margin-top: 100px; font-size: 0.7em; }
3011 footer { display: block; margin: 50px 20%; clear: both; }
3016 /*border: 1px solid #cccccc;*/
3023 #photo-edit-perms-select,
3024 #photos-upload-permissions-wrapper,
3025 #profile-jot-acl-wrapper{
3026 display:block!important;
3035 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3046 background-color: #cccccc;
3047 background-position: 7px 7px;
3048 background-repeat: no-repeat;
3050 -webkit-border-radius: 5px ;
3051 -moz-border-radius: 5px;
3055 #acl-showall.selected {
3057 background-color: #1873a2;
3062 border: 1px solid #cccccc;
3063 background-color: #efefef;
3077 border: 1px solid #cccccc;
3078 background-color: #fff;
3081 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3082 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3083 box-shadow: 2px 2px 3px #c1c1c1;
3097 padding: 2px 0px 1px;
3106 background-color: #898989;
3107 background-position: 3px 3px;
3108 background-repeat: no-repeat;
3109 margin: 10px 0 0 5px;
3110 -webkit-border-radius: 2px ;
3111 -moz-border-radius: 2px;
3116 #acl-wrapper a:hover {
3117 text-decoration: none;
3118 background-color:#1873a2;
3121 .acl-button-show.selected {
3123 background-color: #1873a2;
3126 .acl-button-hide.selected {
3128 background-color: #a2a2a2;
3131 .acl-list-item.groupshow { border-color: #1873a2; }
3132 .acl-list-item.grouphide { border-color: #a2a2a2; }
3134 /* ========================= */
3135 /* = Global Directory Link = */
3136 /* ========================= */
3138 #global-directory-link {
3141 margin-bottom: 10px;
3143 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3144 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3145 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3146 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3147 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3148 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3149 background-color:#bdbdbd;
3150 -moz-border-radius:5px;
3151 -webkit-border-radius:5px;
3157 #global-directory-link:hover {
3159 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3160 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3161 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3162 background-color:#1873a2;
3165 #global-directory-link:active {
3166 background-color: #1873a2;
3171 #global-directory-link a {
3175 #global-directory-link {
3176 -webkit-padding-start: 0px;
3180 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3181 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3182 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3183 background-color:#1873a2;
3185 padding: 5px 10px 5px 10px;
3189 /* notifications popup menu */
3213 #nav-notifications-menu {
3216 overflow-y: scroll;overflow-style:scrollbar;
3217 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3218 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
3219 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3220 background-color:#a2a2a2;
3221 -moz-border-radius:0px 0px 5px 5px;
3222 -webkit-border-radius:0px 0px 5px 5px;
3223 border-radius:0px 0px 5px 5px;
3224 border: 1px solid #9A9A9A;
3226 -moz-box-shadow: 5px 5px 10px #242424;
3227 -webkit-box-shadow: 5px 5px 10px #242424;
3228 box-shadow: 5px 5px 10px #242424;
3231 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
3232 #nav-notifications-menu img { float: left; margin-right: 5px; }
3233 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
3234 #nav-notifications-menu li {
3235 padding: 7px 0px 7px 10px;
3237 border-bottom: 1px solid #626262;
3240 #nav-notifications-menu li:hover {
3241 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3242 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3243 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3244 background-color:#1873a2;
3247 #nav-notifications-menu a:hover {
3248 text-decoration: underline;
3252 vertical-align: middle;
3254 padding-bottom: 7px;
3257 .notif-item a:hover {
3264 padding: 7px 7px 0px 0px;
3271 /* autocomplete popup */
3278 background: #eeeeee;
3279 border-right: 1px solid #dddddd;
3280 border-left: 1px solid #dddddd;
3281 border-bottom: 1px solid #dddddd;
3282 -webkit-border-radius: 0px 5px 5px 5px;
3283 -moz-border-radius: 0px 5px 5px 5px;
3284 border-radius: 0px 5px 5px 5px;
3285 -moz-box-shadow: 3px 3px 4px #959494;
3286 -webkit-box-shadow: 3px 3px 4px #959494;
3287 box-shadow: 3px 3px 4px #959494;
3291 color: #2e3436; padding: 4px;
3299 .acpopupitem.selected {
3301 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3302 background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3303 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3304 background-color:#1873a2;
3310 filter:alpha(opacity=0);
3315 filter:alpha(opacity=100);
3322 /* Pages profile widget
3323 ----------------------------------------------------------- */
3324 #page-profile div#profile-page-list{
3329 background: url("dot.png") repeat-x scroll left center transparent;
3330 border: medium none;
3331 /*padding: 0.5em 0;*/
3335 ----------------------------------------------------------- */
3342 #scrollup a:hover{text-decoration:none;border:0;}