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 f8b49df7c508d05a379cebf6cc75ccd6fc72cf6a..7c5d2c7609d09f26a2a1beb943fecf24debd44a1 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -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
@@ -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
@@ -511,7 +573,7 @@ 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
@@ -1225,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
@@ -1351,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
@@ -1495,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
@@ -1847,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
@@ -2032,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
@@ -2046,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
@@ -3060,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
@@ -3105,11 +3179,18 @@ 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
@@ -3826,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
@@ -3834,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
@@ -3843,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
@@ -3861,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
@@ -3877,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
@@ -3887,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
@@ -3899,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
@@ -3907,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
@@ -3917,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
@@ -3930,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
@@ -3946,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
@@ -3956,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
@@ -4130,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