2 * Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
3 * Additional Changes: Michael Vogel <icarus@dabo.de>
18 background-color: #FF0000;
23 border: 0px; padding: 0px;
27 list-style-position: inside;
38 border-bottom: 1px solid black;
51 border-bottom: 1px solid #898989;
60 #adminpage #pluginslist {
61 margin: 0px; padding: 0px;
67 /* border: 1px solid #888888; */
73 #adminpage .toggleplugin {
78 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
79 #adminpage table th { text-align: left;}
80 #adminpage td .icon { float: left;}
81 #adminpage table#users img { width: 16px; height: 16px; }
82 #adminpage table tr:hover { background-color: #eeeeee; }
83 #adminpage .selectall { text-align: right; }
87 .article { background-position: -50px 0px;}
88 .audio { background-position: -70px 0px;}
89 .block { background-position: -90px 0px;}
90 .drop { background-position: -110px 0px;}
91 .drophide { background-position: -130px 0px;}
92 .edit { background-position: -150px 0px;}
93 .camera { background-position: -170px 0px;}
94 .dislike { background-position: -190px 0px;}
95 .like { background-position: -210px 0px;}
96 .link { background-position: -230px 0px;}
98 .globe { background-position: -50px -20px;}
99 .noglobe { background-position: -70px -20px;}
100 .no { background-position: -90px -20px;}
101 .pause { background-position: -110px -20px;}
102 .play { background-position: -130px -20px;}
103 .pencil { background-position: -150px -20px;}
104 .small-pencil { background-position: -170px -20px;}
105 .recycle { background-position: -190px -20px;}
106 .remote-link { background-position: -210px -20px;}
107 .share { background-position: -230px -20px;}
109 .tools { background-position: -50px -40px;}
110 .lock { background-position: -70px -40px;}
112 .video { background-position: -110px -40px;}
113 .youtube { background-position: -130px -40px;}
115 .attach { background-position: -190px -40px;}
116 .language { background-position: -210px -40px;}
119 .on { background-position: -50px -60px;}
120 .off { background-position: -70px -60px;}
121 .prev { background-position: -90px -60px;}
122 .next { background-position: -110px -60px;}
123 .tagged { background-position: -130px -60px;}
126 display: block; width: 20px; height: 23px;
127 background-image: url('../../../images/content-types.png');
130 .type-video { background-position: 0px 0px; }
131 .type-image { background-position: -20px 0px; }
132 .type-audio { background-position: -40px 0px; }
133 .type-text { background-position: -60px 0px; }
134 .type-unkn { background-position: -80px 0px; }
136 .icon.drop, .icon.drophide {
144 background-image: url('icons.png');
148 background-color: transparent ;
149 background-repeat: no-repeat;
150 /* background-position: left center; */
153 text-indent: -9999px;
165 background-image: url("../../../images/icons/10/notify_off.png");
168 background-image: url("../../../images/icons/10/gear.png");
171 background-image: url("../../../images/icons/10/add.png");
174 background-image: url("../../../images/icons/10/delete.png");
177 background-image: url("../../../images/icons/10/edit.png");
180 background-image: url("../../../images/icons/10/star.png");
183 background-image: url("../../../images/icons/10/menu.png");
186 background-image: url("../../../images/icons/10/link.png");
189 background-image: url("../../../images/icons/10/lock.png");
192 background-image: url("../../../images/icons/10/unlock.png");
195 padding: 2px 0px 0px 15px;
203 background-image: url("../../../images/icons/16/notify_off.png");
206 background-image: url("../../../images/icons/16/gear.png");
209 background-image: url("../../../images/icons/16/add.png");
212 background-image: url("../../../images/icons/16/delete.png");
215 background-image: url("../../../images/icons/16/edit.png");
218 background-image: url("../../../images/icons/16/star.png");
221 background-image: url("../../../images/icons/16/menu.png");
224 background-image: url("../../../images/icons/16/link.png");
227 background-image: url("../../../images/icons/16/lock.png");
230 background-image: url("../../../images/icons/16/unlock.png");
233 padding: 4px 0px 0px 20px;
241 background-image: url("../../../images/icons/22/notify_off.png");
244 background-image: url("../../../images/icons/22/gear.png");
247 background-image: url("../../../images/icons/22/add.png");
250 background-image: url("../../../images/icons/22/delete.png");
253 background-image: url("../../../images/icons/22/edit.png");
256 background-image: url("../../../images/icons/22/star.png");
259 background-image: url("../../../images/icons/22/menu.png");
262 background-image: url("../../../images/icons/22/link.png");
265 background-image: url("../../../images/icons/22/lock.png");
268 background-image: url("../../../images/icons/22/unlock.png");
271 padding: 10px 0px 0px 25px;
279 background-image: url("../../../images/icons/48/notify_off.png");
282 background-image: url("../../../images/icons/48/gear.png");
285 background-image: url("../../../images/icons/48/add.png");
288 background-image: url("../../../images/icons/48/delete.png");
291 background-image: url("../../../images/icons/48/edit.png");
294 background-image: url("../../../images/icons/48/star.png");
297 background-image: url("../../../images/icons/48/menu.png");
300 background-image: url("../../../images/icons/48/link.png");
303 background-image: url("../../../images/icons/48/lock.png");
306 background-image: url("../../../images/icons/48/unlock.png");
309 #contact-edit-links ul {
311 list-style-type: none;
314 .hide-comments-outer {
318 border-bottom: 1px solid #BDCDD4;
319 border-top: 1px solid #BDCDD4;
326 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
328 background-color: #ffffff;
330 margin: 50px 0px 0px 0px;
338 text-decoration: none;
340 a:hover {color: blue;
341 text-decoration: underline}
343 .wall-item-name-link {
368 text-decoration: none;
374 text-decoration: underline;
377 font-family: Courier, monospace;
381 border: 1px solid #444;
395 border: 3px solid #364e59;
397 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
398 -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
399 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
412 /* popup notifications */
413 div.jGrowl div.notice {
414 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
418 div.jGrowl div.info {
419 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
431 /*width: 100%; height: 12px; */
436 header #site-location {
445 header #banner a:active,
446 header #banner a:visited,
447 header #banner a:link,
448 header #banner a:hover {
450 text-decoration: none;
452 vertical-align: bottom;
454 header #banner #logo-img {
458 header #banner #logo-text {
470 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
471 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
472 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
473 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
474 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
475 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
476 background: linear-gradient(top, #516499 0%,#364a84 100%);
479 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
480 -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
481 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
489 text-decoration: none;
499 padding: 1px 1px 3px 1px;
502 nav ul li .menu-popup {
511 -moz-border-radius: 5px 5px 0 0;
512 -webkit-border-radius: 5px 5px 0 0;
513 border-radius: 5px 5px 0 0;
515 nav .nav-menu-icon.selected {
516 background-color: #364e59;
518 nav .nav-menu-icon img {
522 nav .nav-menu-icon .nav-notify {
529 margin: 3px 15px 0px;
531 border-bottom: 3px solid #364A84;
533 nav .nav-menu.selected {
534 border-bottom: 3px solid #9eabb0;
539 background-color: #19aeff;
540 -moz-border-radius: 5px 5px 5px 5px;
541 -webkit-border-radius: 5px 5px 5px 5px;
542 border-radius: 5px 5px 5px 5px;
550 nav .nav-notify.show {
554 nav #nav-search-link,
555 nav #nav-directory-link,
557 nav #nav-site-linkmenu {
560 nav #nav-help-link .menu-popup,
561 nav #nav-search-link .menu-popup,
562 nav #nav-directory-link .menu-popup,
563 nav #nav-apps-link .menu-popup,
564 nav #nav-site-linkmenu .menu-popup {
568 nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
569 background-image: url("../../../images/icons/22/notify_on.png");
571 nav #nav-apps-link.selected {
572 background-color: #364e59;
575 #nav-notifications-mark-all {
576 padding: 1px 1px 2px 1px;
577 border-bottom: 1px solid #364E59;
578 margin: 0px 0px 2px 26px;
581 #nav-notifications-see-all {
583 margin: 0px 0px 2px 26px;
595 border: 3px solid #364e59;
597 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
598 -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
599 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
602 /* display: block; */
604 /* padding: 5px 10px; */
605 text-decoration: none;
607 ul.menu-popup a:hover {
608 background-color: #bdcdd4;
610 ul.menu-popup .menu-sep {
611 border-top: 1px solid #9eabb0;
619 ul.menu-popup li img {
625 ul.menu-popup .empty {
630 /* autocomplete popup */
633 background-color: #ffffff;
635 border: 1px solid #MenuBorder;
638 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
639 -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
640 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
651 .acpopupitem.selected {
652 background-color: #bdcdd4;
654 #nav-notifications-menu {
659 #nav-notifications-menu img {
663 #nav-notifications-menu .contactname {
666 #nav-notifications-menu .notif-when {
675 padding: 7px 7px 0px 0px;
683 padding: 0px 10px 0px 20px;
684 border-right: 1px solid #D2D2D2;
685 /* background: #F1F1F1; */
692 aside .vcard .title {
711 aside #profile-extra-links ul {
715 aside #profile-extra-links li {
720 aside #dfrn-request-link {
722 -moz-border-radius: 5px 5px 5px 5px;
723 -webkit-border-radius: 5px 5px 5px 5px;
724 border-radius: 5px 5px 5px 5px;
726 background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
728 text-transform: uppercase;
729 padding: 4px 2px 2px 35px;
731 aside #dfrn-request-link:hover {
732 text-decoration: none;
733 background-color: #19aeff;
735 aside #profiles-menu {
742 #contact-block .contact-block-h4 {
746 #contact-block .allcontact-link {
750 #contact-block .contact-block-content {
755 #contact-block .contact-block-link {
757 margin: 0px 2px 2px 0px;
759 #contact-block .contact-block-link img {
766 /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
767 .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
768 /* font-size: 12px; */
776 -webkit-transition: all 0.2s ease-in-out;
777 -moz-transition: all 0.2s ease-in-out;
778 -o-transition: all 0.2s ease-in-out;
779 -ms-transition: all 0.2s ease-in-out;
780 transition: all 0.2s ease-in-out;
782 .widget input.action {
784 -webkit-transition: all 0.2s ease-in-out;
785 -moz-transition: all 0.2s ease-in-out;
786 -o-transition: all 0.2s ease-in-out;
787 -ms-transition: all 0.2s ease-in-out;
788 transition: all 0.2s ease-in-out;
790 .widget:hover .title .action {
792 -webkit-transition: all 0.2s ease-in-out;
793 -moz-transition: all 0.2s ease-in-out;
794 -o-transition: all 0.2s ease-in-out;
795 -ms-transition: all 0.2s ease-in-out;
796 transition: all 0.2s ease-in-out;
798 .widget .tool:hover .action {
800 -webkit-transition: all 0.2s ease-in-out;
801 -moz-transition: all 0.2s ease-in-out;
802 -o-transition: all 0.2s ease-in-out;
803 -ms-transition: all 0.2s ease-in-out;
804 transition: all 0.2s ease-in-out;
806 .widget .tool:hover .action.ticked {
808 -webkit-transition: all 0.2s ease-in-out;
809 -moz-transition: all 0.2s ease-in-out;
810 -o-transition: all 0.2s ease-in-out;
811 -ms-transition: all 0.2s ease-in-out;
812 transition: all 0.2s ease-in-out;
822 .widget .tool.selected {
823 background: url('../../../images/selected.png') no-repeat left center;
835 padding: 0px 20px 0px 10px;
839 border-bottom: 1px solid #D2D2D2;
854 .wall-item-container {
858 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
864 .wall-item-container .wall-item-bottom {
866 -webkit-transition: all 0.2s ease-in-out;
867 -moz-transition: all 0.2s ease-in-out;
868 -o-transition: all 0.2s ease-in-out;
869 -ms-transition: all 0.2s ease-in-out;
870 transition: all 0.2s ease-in-out;
872 .wall-item-container:hover .wall-item-bottom {
874 -webkit-transition: all 0.2s ease-in-out;
875 -moz-transition: all 0.2s ease-in-out;
876 -o-transition: all 0.2s ease-in-out;
877 -ms-transition: all 0.2s ease-in-out;
878 transition: all 0.2s ease-in-out;
880 .wall-item-container .wall-item-info {
886 .wall-item-container .wall-item-location {
889 .wall-item-container .wall-item-ago {
890 word-wrap: break-word;
895 .wall-item-location {
900 .wall-item-container .wall-item-content {
903 word-wrap: break-word;
907 .wall-item-container .wall-item-content img {
910 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
912 vertical-align: middle;
914 .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
916 -webkit-transition: all 0.2s ease-in-out;
917 -moz-transition: all 0.2s ease-in-out;
918 -o-transition: all 0.2s ease-in-out;
919 -ms-transition: all 0.2s ease-in-out;
920 transition: all 0.2s ease-in-out;
922 .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
924 -webkit-transition: all 0.2s ease-in-out;
925 -moz-transition: all 0.2s ease-in-out;
926 -o-transition: all 0.2s ease-in-out;
927 -ms-transition: all 0.2s ease-in-out;
928 transition: all 0.2s ease-in-out;
930 .wall-item-container .wall-item-name {
933 .wall-item-container .wall-item-actions-author {
935 margin-bottom: 0.3em;
937 .wall-item-container .wall-item-actions-social {
941 .wall-item-container .wall-item-actions-social a {
944 .wall-item-container .wall-item-actions-tools {
948 .wall-item-container .wall-item-actions-tools a {
951 .wall-item-container .wall-item-actions-tools input {
954 .wall-item-container.comment {
959 border-bottom: 1px solid hsl(198, 21%, 79%);
961 .wall-item-container.comment .contact-photo {
965 /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
968 .wall-item-container.comment {
969 top: 15px !important;
970 left: 15px !important;
972 .wall-item-container.comment .wall-item-links {
975 .wall-item-comment-wrapper {
976 margin: 1px 5px 1px 80px;
978 .wall-item-comment-wrapper .comment-edit-photo {
981 .wall-item-comment-wrapper textarea {
986 border: 1px solid #DDD;
989 .wall-item-comment-wrapper .comment-edit-text-full {
993 border: 1px solid #2d2d2d;
995 .comment-edit-preview {
997 border: 1px solid #2d2d2d;
1000 .comment-edit-preview .contact-photo {
1004 /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
1007 .comment-edit-preview {
1008 top: 15px !important;
1009 left: 15px !important;
1011 .comment-edit-preview .wall-item-links {
1014 .comment-edit-preview .wall-item-container {
1017 .comment-edit-preview .tread-wrapper {
1024 padding-bottom: 2px;
1027 background: url("../../../images/tag_b.png") repeat-x center left;
1034 background: url("../../../images/tag.png") no-repeat center right;
1038 position: absolute !important;
1041 background: #FFFFFF;
1042 border: 2px solid #364e59;
1047 position: absolute !important;
1050 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
1051 -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
1052 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
1054 .wwto .contact-photo {
1059 .contact-photo-wrapper {
1064 .contact-photo-wrapper.wwto {
1074 .contact-photo img {
1083 margin-bottom: 15px;
1085 .contact-wrapper .contact-photo {
1089 .contact-wrapper .contact-photo img {
1102 .directory-item .contact-photo {
1106 .directory-item .contact-photo img {
1124 margin: 0px 2em 20px 0px;
1126 #jot .profile-jot-text {
1131 border: 1px solid #DDD;
1140 background-color: #0e232e;
1141 border-bottom: 2px solid #9eabb0;
1143 #jot #jot-tools li {
1148 border-bottom: 2px solid #9eabb0;
1150 #jot #jot-tools li a {
1159 #jot #jot-tools li:hover {
1160 background-color: #364e59;
1161 border-bottom: 2px solid #bdcdd4;
1163 #jot #jot-tools li.perms {
1167 #jot #jot-tools li.perms a.unlock {
1169 border-left: 10px solid #cccccc;
1170 background-color: #cccccc;
1171 background-position: left center;
1173 #jot #jot-tools li.perms a.lock {
1175 border-left: 10px solid #666666;
1176 background-color: #666666;
1178 #jot #jot-tools li.submit {
1180 background-color: #cccccc;
1181 border-bottom: 2px solid #cccccc;
1182 border-right: 1px solid #666666;
1183 border-left: 1px solid #666666;
1185 #jot #jot-tools li.submit input {
1189 background-color: #cccccc;
1195 #jot #jot-tools li.submit input:hover {
1196 background-color: #bdcdd4;
1199 #jot #jot-tools li.loading {
1201 background-color: #ffffff;
1203 vertical-align: center;
1205 border-top: 2px solid #9eabb0;
1208 #jot #jot-tools li.loading img {
1217 border: 1px solid #ffffff;
1219 #jot #jot-title:-webkit-input-placeholder {
1220 font-weight: normal;
1222 #jot #jot-title:-moz-placeholder {
1223 font-weight: normal;
1225 #jot #jot-title:hover {
1226 border: 1px solid #999999;
1228 #jot #jot-title:focus {
1229 border: 1px solid #999999;
1231 #jot #character-counter {
1237 padding-right: 20px;
1240 /*input[type="submit"] {
1242 background-color: @ButtonBackgroundColor;
1243 color: @ButtonColor;
1249 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
1250 display: block!important;
1258 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
1259 padding-right: 20px;
1266 background-color: #cccccc;
1267 background-image: url("../../../images/show_all_off.png");
1268 background-position: 7px 7px;
1269 background-repeat: no-repeat;
1270 padding: 7px 5px 0px 30px;
1272 -moz-border-radius: 5px 5px 5px 5px;
1273 -webkit-border-radius: 5px 5px 5px 5px;
1274 border-radius: 5px 5px 5px 5px;
1276 #acl-showall.selected {
1278 background-color: #ff9900;
1279 background-image: url("../../../images/show_all_on.png");
1283 border: 1px solid #cccccc;
1292 border: 1px solid #cccccc;
1296 .acl-list-item img {
1306 padding: 2px 0px 1px;
1316 background-color: #cccccc;
1317 background-position: 3px 3px;
1318 background-repeat: no-repeat;
1320 -webkit-border-radius: 2px ;
1321 -moz-border-radius: 2px;
1325 #acl-wrapper a:hover {
1326 text-decoration: none;
1330 background-image: url("../../../images/show_off.png");
1333 background-image: url("../../../images/hide_off.png");
1335 .acl-button-show.selected {
1337 background-color: #9ade00;
1338 background-image: url("../../../images/show_on.png");
1340 .acl-button-hide.selected {
1342 background-color: #ff4141;
1343 background-image: url("../../../images/hide_on.png");
1345 .acl-list-item.groupshow {
1346 border-color: #9ade00;
1348 .acl-list-item.grouphide {
1349 border-color: #ff4141;
1354 list-style-type: none;
1355 padding-bottom: 10px;
1362 ul.tabs li .active {
1363 border-bottom: 1px solid #005c94;
1369 margin-bottom: 10px;
1370 padding-bottom: 10px;
1378 .field input, .field textarea {
1384 .field .field_help {
1395 border: 1px solid #666666;
1396 background-image: url("../../../images/onoff.jpg");
1397 background-repeat: no-repeat;
1398 padding: 4px 2px 2px 2px;
1400 text-decoration: none;
1402 .field .onoff .off {
1403 border-color: #666666;
1405 background-position: left center;
1406 background-color: #cccccc;
1411 border-color: #204A87;
1412 padding-right: 40px;
1413 background-position: right center;
1414 background-color: #D7E3F1;
1419 display: none!important;
1421 .field.radio .field_help {
1425 #profile-edit-links-end {
1427 margin-bottom: 15px;
1430 #profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
1432 #profile-edit-links li {
1438 .profile-edit-side-div {
1442 #register-form label,
1443 #profile-edit-form label {
1444 width: 300px; float: left;
1456 border-bottom: 2px solid #cccccc;
1457 padding-bottom: 1em;
1466 .oauthapp img.noicon {
1467 background-image: url("../../../images/icons/48/plugin.png");
1468 background-position: center center;
1469 background-repeat: no-repeat;
1475 .contact-entry-wrapper {
1483 margin: 0px 10px 10px 0px;
1485 /* profile match wrapper */
1486 .profile-match-wrapper {
1490 margin-bottom: 20px;
1492 .profile-match-wrapper .contact-photo {
1496 .profile-match-wrapper .contact-photo img {
1500 .profile-match-wrapper {
1505 .contact-photo-menu-button {
1507 background-image: url("../../../images/icons/16/menu.png");
1508 background-position: top left;
1509 background-repeat: no-repeat;
1510 margin: 0px 0px -16px 0px;
1514 top: -20px; left:0px;
1520 .contact-photo-menu {
1522 border: 3px solid #364e59;
1524 background: #FFFFFF;
1525 /* position: absolute;*/
1527 left: 0px; top: 0px;
1531 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1532 .contact-photo-menu li a {
1536 text-decoration: none;
1538 .contact-photo-menu li a:hover {
1539 background-color: #bdcdd4;
1549 border-left: 1px solid #D2D2D2;
1554 /* ================== */
1555 /* = Contacts Block = */
1556 /* ================== */
1558 .contact-block-img {
1563 .contact-block-div {
1567 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
1568 #contact-block-end { clear: both; }
1570 #group-edit-wrapper {
1571 margin-bottom: 10px;
1574 #group-members-end {
1580 #prof-separator { display: none;}
1583 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1588 background-color: #fff;
1589 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1590 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1591 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1594 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1601 background: transparent;
1602 -webkit-transform: skew(-5deg) rotate(-5deg);
1603 -moz-transform: skew(-5deg) rotate(-5deg);
1604 -ms-transform: skew(-5deg) rotate(-5deg);
1605 -o-transform: skew(-5deg) rotate(-5deg);
1606 transform: skew(-5deg) rotate(-5deg);
1607 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1608 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1609 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1613 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1616 -webkit-transform: skew(5deg) rotate(5deg);
1617 -moz-transform: skew(5deg) rotate(5deg);
1618 -ms-transform: skew(5deg) rotate(5deg);
1619 -o-transform: skew(5deg) rotate(5deg);
1620 transform: skew(5deg) rotate(5deg);
1627 .mail-list-outside-wrapper {
1634 background-color: #efefef;
1635 border: 2px dotted #eeeeee;
1636 -moz-box-shadow: 3px 3px 4px #959494;
1637 -webkit-box-shadow: 3px 3px 4px #959494;
1638 box-shadow: 3px 3px 4px #959494;
1647 border: 1px solid #dddddd;
1650 .mail-list-sender-name {
1653 font-variant:small-caps;
1662 font-stretch:ultra-condensed;
1663 font-variant:small-caps;
1666 .mail-list-subject {
1670 padding-right: 50px;
1673 .mail-list-subject a {
1677 .mail-list-delete-wrapper { float: right;}
1678 .mail-list-outside-wrapper-end {
1682 .mail-conv-outside-wrapper {
1683 margin-bottom: 10px;
1686 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1687 .mail-conv-sender-photo {
1692 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1693 .mail-conv-date { float: right; font-variant:small-caps; }
1694 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1702 padding-bottom: 10px;
1705 vertical-align: middle;
1707 border: 1px solid #dddddd;
1709 .mail-conv-break { display: none; border: none;}
1710 .mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
1716 .clear { clear: both; }
1729 margin-bottom: 10px;
1730 background-color: #fff;
1731 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1732 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1733 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1736 .vevent:before, .vevent:after {
1743 background: transparent;
1744 -webkit-transform: skew(-5deg) rotate(-5deg);
1745 -moz-transform: skew(-5deg) rotate(-5deg);
1746 -ms-transform: skew(-5deg) rotate(-5deg);
1747 -o-transform: skew(-5deg) rotate(-5deg);
1748 transform: skew(-5deg) rotate(-5deg);
1749 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1750 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1751 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1758 -webkit-transform: skew(5deg) rotate(5deg);
1759 -moz-transform: skew(5deg) rotate(5deg);
1760 -ms-transform: skew(5deg) rotate(5deg);
1761 -o-transform: skew(5deg) rotate(5deg);
1762 transform: skew(5deg) rotate(5deg);
1765 .vevent .event-description {
1773 .vevent .event-location{
1777 font-style: oblique;
1782 .vevent .event-start, .vevent .event-end {
1788 font-variant: small-caps;
1795 margin-bottom: 10px;
1796 margin-left: 170px; ;
1797 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1798 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1799 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1800 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1801 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1802 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1803 background-color:#bdbdbd;
1804 -moz-border-radius:5px;
1805 -webkit-border-radius:5px;
1810 #new-event-link:hover {
1812 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1813 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1814 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1815 background-color:#b20202;
1818 #new-event-link:active {
1819 background-color: #b20202;
1829 .edit-event-link, .plink-event-link {
1833 margin-bottom: 15px;
1836 .event-description:before {
1837 content: url('calendar.png');
1839 vertical-align: middle;
1842 .event-start, .event-end {
1847 .event-start .dtstart, .event-end .dtend {
1853 margin-bottom: 10px;
1854 font-variant:small-caps;
1855 font-stretch:condensed;
1858 .prevcal, .nextcal {
1865 .event-calendar-end {
1871 font-family: Helvetica, Arial, sans-serif;
1872 background-color: #f1f1f1;
1873 border: 1px solid #dedede;
1874 margin-bottom: 10px;
1875 -moz-box-shadow: 5px 5px 8px #959494;
1876 -webkit-box-shadow: 5px 5px 8px #959494;
1877 box-shadow: 5px 5px 8px #959494;
1881 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1882 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
1883 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1884 background-color: #b20202;
1885 padding: 10px 0px 10px 0px;
1890 font-variant:small-caps;
1891 -moz-box-shadow: 5px 2px 8px #959494;
1892 -webkit-box-shadow: 5px 2px 8px #959494;
1893 box-shadow: 5px 2px 8px #959494;
1897 border: 1px solid #eeeeee;
1907 background-color: #cdcdcd;
1919 background-color: #b20202;
1924 #event-finish-text {
1929 #event-nofinish-checkbox,
1930 #event-nofinish-text,
1931 #event-adjust-checkbox,
1933 #event-share-checkbox {
1937 #event-datetime-break {
1938 margin-bottom: 10px;
1941 #event-nofinish-break,
1942 #event-adjust-break,
1943 #event-share-break {
1948 #event-location-text {
1963 margin: 50px 50px 0px 0px;
1966 .directory-details {
1968 font-variant: small-caps;
1974 font-variant: small-caps;