Merge pull request #5128 from tobiasd/20180525-5067

[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 91dd907a0c8cfe089bda545f6675c4bf36d5b2f5..632e44b1da946e2d8c76339969320702d575dc3a 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
@@ -1246,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
@@ -1343,7 +1385,7 @@ input#dfrn-url {
        /* add ellipsis on text overflow               */\r
        /* this work on safari, opera, ie, chrome.     */\r
        /* firefox users have to wait support or we    */\r
-       /* can use a jquery plugin http://bit.ly/zJskg */\r
+       /* can use a jquery addon http://bit.ly/zJskg */\r
        text-overflow: ellipsis;\r
        -o-text-overflow: ellipsis;\r
        width: 100%;\r
@@ -1372,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
@@ -1516,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
@@ -1868,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
@@ -2053,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
@@ -2067,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
@@ -3109,7 +3162,7 @@ aside input[type='text'] {
 }\r
 \r
 \r
-#plugin-settings-link, #account-settings-link {\r
+#addon-settings-link, #account-settings-link {\r
        margin-bottom: 10px;\r
 }\r
 \r
@@ -3723,10 +3776,10 @@ aside input[type='text'] {
        text-align: right;\r
 }\r
 \r
-#adminpage #pluginslist {\r
+#adminpage #addonslist {\r
        margin: 0px; padding: 0px;\r
 }\r
-#adminpage .plugin {\r
+#adminpage .addon {\r
        list-style: none;\r
        display: block;\r
        border: 1px solid #888888;\r
@@ -3734,8 +3787,8 @@ aside input[type='text'] {
        margin-bottom: 5px;\r
        clear: left;\r
 }\r
-#adminpage .plugin .desc { margin-left: 2.5em;}\r
-#adminpage .toggleplugin {\r
+#adminpage .addon .desc { margin-left: 2.5em;}\r
+#adminpage .toggleaddon {\r
        float:left;\r
        margin-right: 1em;\r
 }\r
@@ -3854,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
@@ -3862,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
@@ -3871,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
@@ -3889,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
@@ -3905,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
@@ -3915,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
@@ -3927,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
@@ -3935,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
@@ -3945,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
@@ -3958,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
@@ -3974,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
@@ -3984,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
@@ -4158,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