Merge pull request #3227 from annando/1703-pdo

[friendica.git] / view / theme / frost-mobile / style.css

diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css
index 5f78cfc4b70a25ee38cb6e2e287f4c488e841b30..7c5d2c7609d09f26a2a1beb943fecf24debd44a1 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -44,7 +44,7 @@ input {
        border: 1px solid #666666;\r
        -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
-       border-radius: 3px;     \r
+       border-radius: 3px;\r
        padding: 3px;\r
 }\r
 \r
@@ -74,7 +74,7 @@ img { border :0px; }
        background: #EEE;\r
        color: #444;\r
        padding: 10px;\r
-       margin-top: 20px; \r
+       margin-top: 20px;\r
 }\r
 \r
 blockquote {\r
@@ -96,7 +96,7 @@ code {
        background: #EEE;\r
        color: #444;\r
        padding: 10px;\r
-       margin-top: 20px; \r
+       margin-top: 20px;\r
 }\r
 \r
 blockquote {\r
@@ -139,6 +139,47 @@ blockquote {
        margin-right: 5px;\r
 }\r
 \r
+.btn {\r
+       outline: none;\r
+       -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+       -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+       box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+       background-color: #ededed;\r
+       text-indent: 0;\r
+       border: 1px solid #dcdcdc;\r
+       display: inline-block;\r
+       color: #777777;\r
+       padding: 5px 10px;\r
+       text-align: center;\r
+       border-radius: 8px;\r
+}\r
+\r
+.menu-popup {\r
+       width: auto;\r
+       border: 2px solid #444444;\r
+       background: #FFFFFF;\r
+       position: absolute;\r
+       margin: 2px 0 0;\r
+       display: none;\r
+       z-index: 10000;\r
+}\r
+\r
+.menu-popup li a {\r
+       display: block;\r
+       padding: 2px;\r
+}\r
+\r
+.menu-popup li a:hover {\r
+       color: #FFFFFF;\r
+       background: #3465A4;\r
+       text-decoration: none;\r
+}\r
+ul.menu-popup li.divider {\r
+       height: 1px;\r
+       margin: 3px 0;\r
+       overflow: hidden;\r
+       background-color: #2d2d2d;\r
+}\r
 \r
 \r
 /* nav */\r
@@ -205,10 +246,10 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        border: 1px solid #babdb6;\r
        border-bottom: 0px;\r
        background-color: #aec0d3;\r
-       color: #565854;         \r
+       color: #565854;\r
        -moz-border-radius: 3px 3px 0px 0px;\r
        -webkit-border-radius: 3px 3px 0px 0px;\r
-       border-radius: 3px 3px 0px 0px; \r
+       border-radius: 3px 3px 0px 0px;\r
 }\r
 \r
 .nav-commlink.selected {\r
@@ -377,13 +418,13 @@ section {
        background-repeat: no-repeat;\r
 \r
        min-height: 112px;\r
-       border-top: 1px solid #babdb6;  \r
+       border-top: 1px solid #babdb6;\r
        overflow-x:hidden;\r
 }\r
 \r
 .tabs {\r
        /*background-image: url(head.jpg);\r
-       background-repeat: repeat-x;    \r
+       background-repeat: repeat-x;\r
        background-position: 0px -20px;*/\r
        border-bottom: 1px solid #babdb6;\r
        padding:0px;\r
@@ -411,7 +452,7 @@ section {
 }\r
 .tab.active {\r
        font-weight: bold;\r
-       \r
+\r
 }\r
 #events-tab {\r
        display: none;\r
@@ -421,6 +462,27 @@ section {
        clear: both;\r
 }\r
 \r
+/* Contact-Header for the Network Stream */\r
+#viewcontact_wrapper-network {\r
+       width: 100%;\r
+       min-height: 100px;\r
+       background-color: #FAFAFA;\r
+       border: 1px solid #DDDDDD;\r
+       border-radius: 5px;\r
+}\r
+#contact-entry-wrapper-network {\r
+       float: none;\r
+       width: auto;\r
+       height: auto;\r
+       padding: 10px;\r
+       margin: 0;\r
+}\r
+#contact-entry-accounttype-network {\r
+       font-size: 0.9em;\r
+}\r
+#contact-entry-name-network {\r
+       font-size: 1.5em;\r
+}\r
 \r
 /* footer */\r
 footer {\r
@@ -449,14 +511,14 @@ footer {
 }\r
 \r
 /* from default */\r
-#jot-perms-icon, \r
+#jot-perms-icon,\r
 #profile-location,\r
 #profile-nolocation,\r
-#profile-youtube, \r
-#profile-video, \r
+#profile-youtube,\r
+#profile-video,\r
 #profile-audio,\r
 #profile-link,\r
-#profile-title, \r
+#profile-title,\r
 #wall-image-upload,\r
 #wall-file-upload,\r
 #profile-upload-wrapper,\r
@@ -484,13 +546,13 @@ footer {
 #jot-category::-webkit-input-placeholder{font-weight: normal;}\r
 #jot-title:-moz-placeholder{font-weight: normal;}\r
 #jot-category:-moz-placeholder{font-weight: normal;}*/\r
-               \r
-       \r
+\r
+\r
 #jot-title:hover,\r
 #jot-title:focus,\r
 #jot-category:hover,\r
 #jot-category:focus {\r
-       border: 1px solid #cccccc; \r
+       border: 1px solid #cccccc;\r
 }\r
 \r
 .jothidden { display:none; }\r
@@ -511,11 +573,11 @@ footer {
        margin-bottom: 10px;\r
 }\r
 \r
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
+.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {\r
        padding: 3px;\r
        -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
-       border-radius: 3px;     \r
+       border-radius: 3px;\r
        border: 1px solid #CCCCCC;\r
        background: #F8F8F8;\r
        font-weight: bold;\r
@@ -525,7 +587,7 @@ footer {
 /*     padding: 3px;\r
        -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
-       border-radius: 3px;     \r
+       border-radius: 3px;\r
        border: 1px solid #CCCCCC;*/\r
        background: #F8F8F8;\r
        font-weight: bold;\r
@@ -613,7 +675,7 @@ footer {
 }\r
 \r
 #login-submit-button {\r
-       margin-top: 10px; \r
+       margin-top: 10px;\r
        margin-left: 200px;\r
 }*/\r
 \r
@@ -1024,7 +1086,7 @@ input#dfrn-url {
     clear: left;\r
     color: #666666;\r
     display: block;\r
-    margin-bottom: 20px        \r
+    margin-bottom: 20px\r
 }\r
 \r
 #profile-edit-profile-name-end,\r
@@ -1109,9 +1171,14 @@ input#dfrn-url {
 /*     width: 120px;\r
        height: 120px;*/\r
        padding-left: 15px;\r
-       padding-right: 15px; \r
-       width: 95px;\r
-       height: 200px;\r
+       padding-right: 15px;\r
+       max-width: 262px;\r
+       height: 90px;\r
+       margin: 0 10px 10px 0px;\r
+}\r
+.contact-entry-wrapper .contact-entry-photo-wrapper {\r
+       float: left;\r
+       margin-right: 10px;\r
 }\r
 #contacts-search-end {\r
        margin-bottom: 10px;\r
@@ -1124,12 +1191,16 @@ input#dfrn-url {
 \r
 .contact-entry-photo img {\r
        border: none;\r
+       width: 80px;\r
+       height: 80px;\r
 }\r
 .contact-entry-photo-end {\r
        clear: both;\r
 }\r
+.contact-entry-desc {\r
+       overflow: hidden;\r
+}\r
 .contact-entry-name {\r
-       float: left;\r
        margin-left: 0px;\r
        margin-right: 10px;\r
        padding-bottom: 5px;\r
@@ -1141,6 +1212,9 @@ input#dfrn-url {
        font-style: italic;\r
        font-size: 10px;\r
        font-weight: 500;\r
+       white-space: nowrap;\r
+       overflow: hidden;\r
+       text-overflow: ellipsis;\r
 }\r
 .contact-entry-network {\r
        font-size: 10px;\r
@@ -1213,13 +1287,14 @@ input#dfrn-url {
 /*     background: #EEEEEE;*/\r
 }\r
 \r
-.wall-item-like, .wall-item-dislike {\r
+.wall-item-response {\r
+       clear: both;\r
        font-style: italic;\r
        margin-left: 0px;\r
        opacity: 0.6;\r
 }\r
 \r
-.wall-item-like.comment, .wall-item-dislike.comment {\r
+.wall-item-response.comment {\r
        margin-left: 5px;\r
 }\r
 \r
@@ -1238,7 +1313,7 @@ input#dfrn-url {
        display: block;\r
        position: absolute;\r
        background-image: url("photo-menu.jpg");\r
-       background-position: top left; \r
+       background-position: top left;\r
        background-repeat: no-repeat;\r
        margin: 0px; padding: 0px;\r
        width: 16px;\r
@@ -1247,7 +1322,7 @@ input#dfrn-url {
        overflow: hidden;\r
        text-indent: 40px;\r
        display: none;\r
-       \r
+\r
 }\r
 .wall-item-photo-menu {\r
        width: auto;\r
@@ -1339,20 +1414,11 @@ input#dfrn-url {
        margin-right: 10px;\r
 }\r
 \r
-.editpost {\r
-       margin-left: 10px;\r
-       float: left;\r
-}\r
-.star-item {\r
-       margin-left: 10px;\r
-       float: left;    \r
-}\r
-.tag-item {\r
-       margin-left: 10px;\r
-       float: left;    \r
-}\r
-\r
-.filer-item {\r
+.editpost,\r
+.star-item,\r
+.tag-item,\r
+.filer-item,\r
+.event-item {\r
        margin-left: 10px;\r
        float: left;\r
 }\r
@@ -1387,7 +1453,7 @@ input#dfrn-url {
        border-radius: 7px;\r
 }\r
 .comment .wall-item-photo {\r
-       width: 50px !important; \r
+       width: 50px !important;\r
        height: 50px !important;\r
 }\r
 .wall-item-content {\r
@@ -1408,7 +1474,7 @@ input#dfrn-url {
 .wall-item-title {\r
        /*float: left;*/\r
        font-weight: bold;\r
-       font-size: 1.6em; \r
+       font-size: 1.6em;\r
        /*width: 450px;*/\r
 }\r
 \r
@@ -1483,8 +1549,16 @@ input#dfrn-url {
        background-repeat: repeat-x;*/\r
        padding: 5px 5px 0px;\r
        height: 32px;\r
-\r
 }\r
+.wall-item-tools a {\r
+       border-radius: 8px;\r
+       padding: 2px;\r
+       background-position: center;\r
+}\r
+.wall-item-tools a.active {\r
+       background-color: rgba(59, 101, 164, 0.5);\r
+}\r
+\r
 .wall-item-author {\r
 /*     margin-top: 10px;*/\r
        margin-top: 0px;\r
@@ -1497,7 +1571,7 @@ input#dfrn-url {
        background-repeat: repeat-x;*/\r
        border-bottom-left-radius: 10px;\r
        border-bottom-right-radius: 10px;\r
-} \r
+}\r
 \r
 \r
 .comment-edit-wrapper {\r
@@ -1541,7 +1615,7 @@ input#dfrn-url {
 /*     float: left;*/\r
        -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
-       border-radius: 3px;     \r
+       border-radius: 3px;\r
        border: 1px solid #cccccc;\r
        padding: 3px 1px 1px 3px;\r
 }\r
@@ -1600,7 +1674,7 @@ input#dfrn-url {
        padding-top: 0.5em;\r
        margin-top: 1em;\r
        margin-bottom: 1em;\r
-       \r
+\r
 }\r
 .shared_header img {\r
        float: left;\r
@@ -1835,6 +1909,9 @@ input#profile-jot-email {
        -webkit-border-radius: 10px;\r
 }\r
 \r
+.pager .disabled {\r
+       display: none;\r
+}\r
 \r
 .pager_first,\r
 .pager_last,\r
@@ -2020,6 +2097,19 @@ input#profile-jot-email {
        margin-left: 15px;\r
 }\r
 \r
+#contact-edit-status-wrapper {\r
+       padding: 10px;\r
+       border: 1px solid #aaa;\r
+       border-radius: 8px;\r
+}\r
+\r
+#contact-edit-contact-status {\r
+       font-weight: bold;\r
+}\r
+#contact-edit-actions {\r
+       float: right;\r
+       display: inline-block;\r
+}\r
 #contact-edit-wrapper {\r
        margin-top: 10px;\r
 }\r
@@ -2034,14 +2124,10 @@ input#profile-jot-email {
 }\r
 \r
 #contact-edit-last-update-text {\r
-       float: left;\r
-       clear: left;\r
        margin-top: 30px;\r
 }\r
 \r
 #contact-edit-poll-text {\r
-       float: left;\r
-       clear: left;\r
        margin-top: 15px;\r
        margin-bottom: 0px;\r
 }\r
@@ -2119,7 +2205,7 @@ input#profile-jot-email {
 .contact-photo-menu-button {\r
 /*     position: absolute;\r
        background-image: url("photo-menu.jpg");\r
-       background-position: top left; \r
+       background-position: top left;\r
        background-repeat: no-repeat;\r
        margin: 0px; padding: 0px;\r
        width: 16px;\r
@@ -2128,14 +2214,14 @@ input#profile-jot-email {
        overflow: hidden;\r
        text-indent: 40px;\r
        display: none;*/\r
-       \r
+\r
 }\r
 .contact-photo-menu {\r
        width: 130px;\r
        border: 1px solid #AAA;\r
        background: #FFFFFF;\r
        position: absolute;\r
-       left: -30px; top: 80px;\r
+       /*left: -30px;*/ top: 80px;\r
        display: none;\r
        z-index: 101;\r
        -moz-box-shadow: 3px 3px 5px #555;\r
@@ -2187,7 +2273,7 @@ input#profile-jot-email {
        padding: 3px 0px 0px 5px;\r
        -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
-       border-radius: 3px;     \r
+       border-radius: 3px;\r
 }\r
 \r
 \r
@@ -2260,7 +2346,7 @@ input#profile-jot-email {
        overflow: visible;\r
 }\r
 #acl-list-content {\r
-       \r
+\r
 }\r
 .acl-list-item {\r
        display: inline-block;\r
@@ -2284,7 +2370,7 @@ input#profile-jot-email {
        margin: 4px;\r
 }\r
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
-.acl-list-item a { \r
+.acl-list-item a {\r
        font-size: 10px;\r
        display: block;\r
        width: 55px;\r
@@ -2622,15 +2708,15 @@ aside input[type='text'] {
        margin-top: 15px;\r
        margin-right: 15px;\r
        margin-left: 15px;\r
-/*     width: 200px; height: 200px; \r
-       overflow: hidden; \r
+/*     width: 200px; height: 200px;\r
+       overflow: hidden;\r
        position: relative; */\r
 }\r
 .photo-album-image-wrapper .caption {\r
-       display: none; \r
+       display: none;\r
        width: 100%;\r
 /*     position: absolute; */\r
-       bottom: 0px; \r
+       bottom: 0px;\r
        padding: 0.5em 0.5em 0px 0.5em;\r
        background-color: rgba(245, 245, 255, 0.8);\r
        border-bottom: 2px solid #CCC;\r
@@ -2646,7 +2732,7 @@ aside input[type='text'] {
 }\r
 \r
 .photo-top-image-wrapper {\r
-/*     position: relative; \r
+/*     position: relative;\r
        float: left;*/\r
        display: inline-block;\r
        vertical-align: top;\r
@@ -2654,7 +2740,7 @@ aside input[type='text'] {
        margin-right: 15px;\r
        margin-left: 15px;\r
        margin-bottom: 15px;\r
-/*     width: 200px; height: 200px; \r
+/*     width: 200px; height: 200px;\r
        overflow: hidden; */\r
 }\r
 .photo-top-image-wrapper img {\r
@@ -2667,7 +2753,7 @@ aside input[type='text'] {
        width: 100%;\r
        min-height: 2em;\r
 /*     position: absolute;  */\r
-       bottom: 0px; \r
+       bottom: 0px;\r
        padding: 0px 3px;\r
        padding-top: 0.5em;\r
        background-color: rgb(255, 255, 255);\r
@@ -2747,7 +2833,7 @@ aside input[type='text'] {
 }\r
 \r
 #profile-jot-banner-end {\r
-       /* clear: both; */ \r
+       /* clear: both; */\r
 }\r
 \r
 #photos-upload-select-files-text {\r
@@ -3048,14 +3134,14 @@ aside input[type='text'] {
        margin-bottom: 25px;\r
 }\r
 \r
-.location-label, .gender-label, .marital-label, .homepage-label {\r
+.location-label, .gender-label, .marital-label, .homepage-label, .network-label {\r
        float: left;\r
        text-align: right;\r
        display: block;\r
        width: 65px;\r
 }\r
 \r
-.adr, .x-gender, .marital-text, .homepage-url {\r
+.adr, .x-gender, .marital-text, .homepage-url, .x-network {\r
        float: left;\r
        display: block;\r
        margin-left: 8px;\r
@@ -3085,7 +3171,7 @@ aside input[type='text'] {
 }\r
 \r
 /* end from default */\r
-       \r
+\r
 \r
 .fn {\r
        padding: 1em 0px 5px 12px;\r
@@ -3093,18 +3179,25 @@ aside input[type='text'] {
        font-weight: bold;\r
 }\r
 \r
-.vcard .title {\r
+.vcard .title,\r
+.vcard .p-addr,\r
+.vcard .account-type {\r
        margin-bottom: 5px;\r
        margin-left: 12px;\r
 }\r
 \r
+.vcard .account-type {\r
+       font-size: 120%;\r
+       margin-bottom: 13px;\r
+}\r
+\r
 .vcard dl {\r
        clear: both;\r
 }\r
 \r
 #birthday-title {\r
        float: left;\r
-       font-weight: bold;      \r
+       font-weight: bold;\r
 }\r
 \r
 #birthday-adjust {\r
@@ -3231,7 +3324,7 @@ aside input[type='text'] {
        clear: both;\r
 }\r
 \r
- \r
+\r
 .calendar {\r
        font-family: Courier, monospace;\r
 }\r
@@ -3250,17 +3343,49 @@ aside input[type='text'] {
        margin: 10px;\r
 }\r
 \r
-#identity-manage-desc {\r
-       margin-top:15px;\r
-       margin-bottom: 15px;\r
+.itentity-match-wrapper {\r
+       float: left;\r
+       padding: 10px;\r
+       width: 120px;\r
+       height: 140px;\r
+       margin-bottom: 20px;\r
 }\r
 \r
-#identity-manage-choose {\r
-       margin-bottom: 15px;\r
+.identity-match-photo {\r
+       float: left;\r
+       text-align: center;\r
+       width: 120px;\r
 }\r
 \r
-#identity-submit {\r
-       margin-top: 20px;\r
+.identity-match-name {\r
+       text-align: center;\r
+}\r
+\r
+.identity-match-details {\r
+       float: left;\r
+       text-align: center;\r
+       width: 120px;\r
+       overflow: hidden;\r
+       font-size: 10px;\r
+       font-weight: 500;\r
+       color: #999999;\r
+}\r
+\r
+.identity-match-break, .identity-match-end {\r
+       clear: both;\r
+}\r
+\r
+.identity-match-photo button {\r
+       border: none;\r
+       padding: 0;\r
+       margin: 0;\r
+       background: none;\r
+       height: 80px;\r
+       width: 80px;\r
+}\r
+\r
+.selected-identity img {\r
+       border: 2px solid #ff0000;\r
 }\r
 \r
 #photo-nav {\r
@@ -3345,11 +3470,6 @@ aside input[type='text'] {
        margin-bottom: 15px;\r
 }\r
 \r
-#language-selector {\r
-       position: absolute;\r
-       top: 0px;\r
-       left: 16px;\r
-}\r
 \r
 #group-members {\r
        margin-top: 20px;\r
@@ -3447,7 +3567,7 @@ aside input[type='text'] {
 \r
 \r
 #netsearch-box {\r
-       margin-top: 20px;       \r
+       margin-top: 20px;\r
 }\r
 \r
 #netsearch-box #search-submit {\r
@@ -3526,20 +3646,6 @@ aside input[type='text'] {
        text-decoration: underline;\r
 }\r
 \r
-#lang-select-icon {\r
-       cursor: pointer;\r
-       position: fixed;\r
-       left: 0px;\r
-       top: 0px;\r
-       opacity: 0.2;\r
-       filter:alpha(opacity=20);\r
-}\r
-\r
-#lang-select-icon:hover {\r
-       opacity: 1;\r
-       filter:alpha(opacity=100);\r
-}\r
-\r
 .notif-image {\r
        height: 80px;\r
        width: 80px;\r
@@ -3560,7 +3666,7 @@ aside input[type='text'] {
 .settings-heading {\r
        border-bottom: 1px solid #babdb6;\r
 }\r
- \r
+\r
 \r
 \r
 /**\r
@@ -3641,7 +3747,7 @@ aside input[type='text'] {
        font-weight: bold;\r
        background-color: #FF0000;\r
        padding: 0em 0.3em;\r
-       \r
+\r
 }\r
 #adminpage dl {\r
        clear: left;\r
@@ -3701,7 +3807,7 @@ aside input[type='text'] {
 /*\r
  * UPDATE\r
  */\r
-.popup {       \r
+.popup {\r
        width: 100%; height: 100%;\r
        top:0px; left:0px;\r
        position: absolute;\r
@@ -3722,7 +3828,7 @@ aside input[type='text'] {
        border: 4px solid #000000;\r
        background-color: #FFFFFF;\r
 }\r
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }\r
 .popup .panel .panel_in { width: 100%; height: 100%;   position: relative; }\r
 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
@@ -3735,7 +3841,7 @@ aside input[type='text'] {
        height: auto; overflow: auto;\r
        border-bottom: 2px solid #cccccc;\r
        padding-bottom: 1em;\r
-       margin-bottom: 1em;     \r
+       margin-bottom: 1em;\r
 }\r
 .oauthapp img {\r
        float: left;\r
@@ -3801,7 +3907,7 @@ aside input[type='text'] {
 .icon.like {\r
        display: block; width: 26px; height: 28px;/*31 33*/\r
        margin-right: 7px;\r
-       background-size: 100% 100%;\r
+       background-size: 26px 28px;\r
        background-image: url('images/approve.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
@@ -3809,7 +3915,7 @@ aside input[type='text'] {
 \r
 .icon.link {\r
     display: block;  width: 22px; height: 24px;\r
-    background-size: 100% 100%;\r
+    background-size: 22px 24px;\r
     background-image: url('images/link.png');\r
     background-repeat: no-repeat;\r
 \r
@@ -3818,14 +3924,14 @@ aside input[type='text'] {
 /*.globe { background-position: 0px -16px;}*/\r
 .icon.globe {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/globe.png');\r
        background-repeat: no-repeat;\r
 }\r
 /*.noglobe { background-position: -16px -16px;}*/\r
 .icon.noglobe {\r
        display: block; width: 24px; height: 24px;\r
-       background-size: 100% 100%;\r
+       background-size: 24px 24px;\r
        background-image: url('images/noglobe.png');\r
        background-repeat: no-repeat;\r
 }\r
@@ -3836,14 +3942,14 @@ aside input[type='text'] {
 .small-pencil { background-position: -96px -16px;}*/\r
 .icon.pencil {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/pencil.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
 }\r
 .icon.small-pencil {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/pencil.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
@@ -3852,7 +3958,7 @@ aside input[type='text'] {
 .icon.recycle {\r
        display: block;\r
        width: 28px; height: 27px;/*33 32*/\r
-       background-size: 100% 100%;\r
+       background-size: 28px 27px;\r
        background-image: url('images/recycle.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
@@ -3862,7 +3968,7 @@ aside input[type='text'] {
 /*     display: block;*/\r
        display: none;\r
        width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/remote-link.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
@@ -3874,7 +3980,7 @@ aside input[type='text'] {
 .icon.lock {\r
        display: block; width: 17px; height: 25px;\r
        margin-top: 1px;\r
-       background-size: 100% 100%;\r
+       background-size: 17px 25px;\r
        background-image: url('images/lock.png');\r
        background-repeat: no-repeat;\r
 }\r
@@ -3882,7 +3988,7 @@ aside input[type='text'] {
 .icon.unlock {\r
        display: block; width: 17px; height: 28px;\r
        margin-top: -2px;\r
-       background-size: 100% 100%;\r
+       background-size: 17px 28px;\r
        background-image: url('images/unlock.png');\r
        background-repeat: no-repeat;\r
 }\r
@@ -3892,7 +3998,7 @@ aside input[type='text'] {
 /*.attach { background-position: -80px -32px; }*/\r
 .icon.attach {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/paperclip.png');\r
        background-repeat: no-repeat;\r
 }\r
@@ -3905,14 +4011,14 @@ aside input[type='text'] {
 /*.starred { background-position: -16px -48px; }*/\r
 .icon.starred {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/star-yellow.png');\r
        background-repeat: no-repeat;\r
 }\r
 /*.unstarred { background-position: -32px -48px; }*/\r
 .icon.unstarred {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/star.png');\r
        background-repeat: no-repeat;\r
 \r
@@ -3921,7 +4027,7 @@ aside input[type='text'] {
 /*.tagged { background-position: -48px -48px; }*/\r
 .icon.tagged {\r
        display: block; width: 28px; height: 28px;\r
-       background-size: 100% 100%;\r
+       background-size: 28px 28px;\r
        background-image: url('images/tag.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
@@ -3931,12 +4037,22 @@ aside input[type='text'] {
 \r
 .filer-icon {\r
        display: block; width: 24px; height: 24px;\r
-       background-size: 100% 100%;\r
+       background-size: 24px 24px;\r
        background-image: url('images/folder.png');\r
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
 }\r
 \r
+.event-icon {\r
+       display: block; width: 33px; height: 33px;\r
+       background-size: 33px 33px;\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+.event-attend-icon { background-image: url('images/event-attend.png'); }\r
+.event-maybeattend-icon { background-image: url('images/event-maybeattend.png'); }\r
+.event-dontattend-icon { background-image: url('images/event-dontattend.png'); }\r
+\r
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }\r
 \r
 [class^="comment-edit-bb"] {\r
@@ -4105,6 +4221,64 @@ aside input[type='text'] {
 .acpopupitem.selected {\r
        color: #FFFFFF; background: #3465A4;\r
 }\r
+ul.acpopup {\r
+       list-style: none;\r
+       float: left;\r
+       min-width: 160px;\r
+       padding: 5px 0;\r
+       margin: 2px 0 0;\r
+}\r
+nav .acpopup {\r
+       width: 290px;\r
+       margin-left: -35px;\r
+       max-height: 450px;\r
+       max-width: 300px;\r
+       overflow-y: auto;\r
+       overflow-x: hidden;\r
+       margin-top: 0px;\r
+}\r
+img.acpopup-img {\r
+       float: left;\r
+       width: 36px;\r
+       height: 36px;\r
+       margin-right: 5px;\r
+       vertical-align: middle;\r
+}\r
+.acpopup-contactname {\r
+       padding-top: 2px;\r
+       font-weight: bold;\r
+       line-height: 1em;\r
+       white-space: nowrap;\r
+       overflow: hidden;\r
+       text-overflow: ellipsis;\r
+       display: block;\r
+}\r
+.acpopup-sub-text {\r
+       color: #777;\r
+       font-size: 0.833em;\r
+       line-height: 1em;\r
+       overflow: hidden;\r
+       text-overflow: ellipsis;\r
+       display: block;\r
+}\r
+.textcomplete-item a {\r
+       color: inherit;\r
+       overflow: hidden;\r
+       text-overflow: ellipsis;\r
+       clear: both;\r
+       white-space: nowrap;\r
+       padding: 3px 20px;\r
+       display: block;\r
+}\r
+.textcomplete-item a:hover {\r
+       text-decoration: none;\r
+}\r
+.textcomplete-item.active {\r
+       color: #FFFFFF; background: #3465A4;\r
+}\r
+.active a .acpopup-sub-text {\r
+       color: #fff;\r
+}\r
 \r
 /* popup notifications */\r
 div.jGrowl div.notice {\r
@@ -4231,7 +4405,7 @@ ul.notifications-menu-popup {
 }\r
 \r
 #recip {\r
-       \r
+\r
 }\r
 .autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }\r