implement features

[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 c58a32df669a3a62eb6a28ab52e72a521d604854..9cf97e0a7a37966e5a276e5a73eed5429110a1ea 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -12,7 +12,7 @@ html {
 /*     width: 320px;*/\r
        margin-left: auto;\r
        margin-right: auto;\r
-       overflow-x:hidden;\r
+/*     overflow-x:hidden;*/\r
 }\r
 \r
 body {\r
@@ -65,7 +65,7 @@ img { border :0px; }
        width: 384px;\r
 }*/\r
 \r
-code {\r
+/*code {\r
        font-family: Courier, monospace;\r
        white-space: pre;\r
        display: block;\r
@@ -85,6 +85,24 @@ blockquote {
        margin-right: 0px;\r
        width: 260px;\r
        overflow: hidden;\r
+}*/\r
+\r
+code {\r
+       font-family: Courier, monospace;\r
+       white-space: pre;\r
+       display: block;\r
+       overflow: auto;\r
+       border: 1px solid #444;\r
+       background: #EEE;\r
+       color: #444;\r
+       padding: 10px;\r
+       margin-top: 20px; \r
+}\r
+\r
+blockquote {\r
+       background-color: #f4f8f9;\r
+       border-left: 4px solid #dae4ee;\r
+       padding: 0.4em;\r
 }\r
 \r
 .icollapse-wrapper, .ccollapse-wrapper {\r
@@ -104,7 +122,7 @@ blockquote {
 #panel {\r
        background-color: ivory;\r
        position: absolute;\r
-       z-index: 2;\r
+/*     z-index: 2;*/\r
        width: 30%;\r
        padding: 25px;\r
        border: 1px solid #444;\r
@@ -256,10 +274,11 @@ nav .nav-link {
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
 \r
-       z-index: 10000;\r
+       z-index: 100;\r
 }\r
 \r
 #network-menu-list {\r
+       width: 9em;\r
        left: 3px;\r
 }\r
 \r
@@ -308,7 +327,7 @@ div.main-container {
        border-radius: 5px;\r
        padding: 5px;\r
        font-weight: bold;\r
-       background: #3465a4 url('friendika-16.png') no-repeat 95% center;\r
+       background: #3465a4 url('friendica-16.png') no-repeat 95% center;\r
 }\r
 #wallmessage-link {\r
        display: block;\r
@@ -589,7 +608,7 @@ footer {
 \r
 input#dfrn-url {\r
        float: left;\r
-       background: url(friendika-16.png) no-repeat;\r
+       background: url(friendica-16.png) no-repeat;\r
        background-position: 2px center;\r
        font-size: 17px;\r
        padding-left: 21px;\r
@@ -1140,8 +1159,11 @@ input#dfrn-url {
        margin-top: 10px;\r
 }\r
 \r
+.toplevel_item {\r
+       margin-bottom: 60px;\r
+}\r
+\r
 .wall-item-content-wrapper {\r
-       margin-top: 60px;\r
        padding-top: 30px;\r
        border-top: 2px solid #AAAAAA;\r
        position: relative;\r
@@ -1206,7 +1228,7 @@ input#dfrn-url {
        position: absolute;\r
        left: 0px; top:110px;\r
        display: none;\r
-       z-index: 10000;\r
+/*     z-index: 10000;*/\r
 }\r
 .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }\r
 .wall-item-photo-menu li a { display: block; padding: 2px; }\r
@@ -1236,10 +1258,7 @@ input#dfrn-url {
     position: absolute;\r
     left: 75px;\r
     top: 80px;\r
-    z-index: 100;\r
-}\r
-.wall-item-wrapper {\r
-       margin-left:10px;\r
+/*    z-index: 100;*/\r
 }\r
 .wall-item-lock {\r
        margin-top: 30px;\r
@@ -1351,16 +1370,36 @@ input#dfrn-url {
 }\r
 \r
 .wall-item-content img {\r
+       display: block;\r
+       margin-top: 10px;\r
+       margin-right: auto;\r
+       margin-left: auto;\r
        max-width: 290px;\r
        border-radius: 7px;\r
 /*     -moz-border-radius: 7px;*/\r
        -webkit-border-radius: 7px;\r
 }\r
 \r
+.wall-item-content img.smiley {\r
+       display: inline;\r
+       margin: auto;\r
+       border-radius: 0;\r
+       -webkit-border-radius: 0;\r
+}\r
+\r
+.wall-item-content blockquote {\r
+       margin-left: 0px;\r
+       margin-right: 0px;\r
+}\r
+\r
 .comment .wall-item-content img {\r
        max-width: 280px;\r
 }\r
 \r
+.comment .wall-item-content ul {\r
+       padding-left: 1.5em;\r
+}\r
+\r
 .divgrow-showmore {\r
        display: block;\r
        clear: both;\r
@@ -1384,6 +1423,7 @@ input#dfrn-url {
 .wall-item-body {\r
        text-align: justify;\r
        float: left;\r
+       clear: left;\r
 /*     width: 300px;*/\r
        overflow: hidden;\r
        margin-top: 10px;\r
@@ -1391,8 +1431,14 @@ input#dfrn-url {
        line-height: 23px;\r
 }\r
 \r
+.wall-item-body iframe {\r
+       display: block;\r
+       clear: both;\r
+       margin-top: 1.5em;\r
+       margin-bottom: 1.5em;\r
+}\r
+\r
 .wall-item-body code {\r
-       width: 260px;\r
        overflow: hidden;\r
 }\r
 \r
@@ -1402,12 +1448,6 @@ input#dfrn-url {
 /*     width: 280px;*/\r
 }\r
 \r
-.comment .wall-item-body blockquote {\r
-       margin-left: 0px;\r
-       margin-right: 0px;\r
-       width: 260px;\r
-}\r
-\r
 .wall-item-tools {\r
        clear: both;\r
 /*     background-image: url("head.jpg");\r
@@ -1415,6 +1455,7 @@ input#dfrn-url {
        background-repeat: repeat-x;*/\r
        padding: 5px 5px 0px;\r
        height: 32px;\r
+\r
 }\r
 .wall-item-author {\r
 /*     margin-top: 10px;*/\r
@@ -2025,7 +2066,7 @@ input#dfrn-url {
        position: absolute;\r
        left: -30px; top: 80px;\r
        display: none;\r
-       z-index: 10000;\r
+       z-index: 101;\r
 /*     -moz-box-shadow: 3px 3px 5px #555;*/\r
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
@@ -2710,7 +2751,7 @@ aside input[type='text'] {
        margin-left: 100px;\r
        margin-bottom: 20px;\r
 }\r
-.settings-submit, .profile-edit-submit-button {\r
+.settings-submit, .profile-edit-submit-button, .settings-features-submit {\r
        padding: 0.25em 0.5em;\r
        margin-bottom: 10px;\r
        font-size: 18px;\r
@@ -3270,6 +3311,11 @@ aside input[type='text'] {
        margin-top: 10px;\r
 }\r
 \r
+.filesavetags, .categorytags {\r
+       display: block;\r
+       clear: left;\r
+}\r
+\r
 .body-tag, .filesavetags, .categorytags {\r
        opacity: 0.5;\r
        filter:alpha(opacity=50);\r
@@ -3375,10 +3421,11 @@ aside input[type='text'] {
        display: block;\r
        margin-left: 20px;\r
        color: #666666;\r
-       \r
+       clear: left;\r
 }\r
 \r
 \r
+\r
 .field .onoff {\r
        float: left;\r
        width: 80px;\r
@@ -3393,6 +3440,7 @@ aside input[type='text'] {
        text-decoration: none;\r
 }\r
 .field .onoff .off {\r
+\r
        border-color:#666666;\r
        padding-left: 40px;\r
        background-position: left center;\r
@@ -3410,7 +3458,7 @@ aside input[type='text'] {
 }\r
 .hidden { display: none!important; }\r
 \r
-.field.radio .field_help { clear: left; margin-left: 20px; }\r
+.field.radio .field_help { margin-left: 20px; }\r
 \r
 /**\r
  * ADMIN\r
@@ -3595,7 +3643,13 @@ aside input[type='text'] {
        background-image: url('images/globe.png');\r
        background-repeat: no-repeat;\r
 }\r
-.noglobe { background-position: -16px -16px;}\r
+/*.noglobe { background-position: -16px -16px;}*/\r
+.icon.noglobe {\r
+       display: block; width: 24px; height: 24px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/noglobe.png');\r
+       background-repeat: no-repeat;\r
+}\r
 .no { background-position: -32px -16px;}\r
 .pause { background-position: -48px -16px;}\r
 .play { background-position: -64px -16px;}\r
@@ -3682,6 +3736,7 @@ aside input[type='text'] {
        background-size: 100% 100%;\r
        background-image: url('images/star.png');\r
        background-repeat: no-repeat;\r
+\r
        opacity: 0.5;\r
 }\r
 /*.tagged { background-position: -48px -48px; }*/\r
@@ -3810,7 +3865,7 @@ aside input[type='text'] {
        max-height:150px;\r
        background-color:#ffffff;\r
        overflow:auto;\r
-       z-index:100000;\r
+       z-index:102;\r
        border:1px solid #cccccc;\r
 }\r
 .acpopupitem {\r
@@ -3831,15 +3886,17 @@ div.jGrowl div.notice {
   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
   color: #ffffff;\r
   padding-left: 58px;\r
+  margin: 0px;\r
 }\r
 div.jGrowl div.info {\r
   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
   color: #ffffff;\r
   padding-left: 58px;\r
+  margin: 0px;\r
 }\r
 #jGrowl.top-right {\r
        top: 15px;\r
-       right: 15px;\r
+       right: 10px;\r
 }\r
 .qcomment {\r
        border: 1px solid #EEE;\r
@@ -3884,16 +3941,15 @@ ul.notifications-menu-popup {
        display: none;\r
        width: 10em;\r
        margin: 0px;\r
-       padding: 0px;\r
+       padding: 0px 0.3em;\r
        list-style: none;\r
-       z-index: 100000;\r
-       right: -55px;\r
+       right: -60px;\r
 }\r
 #nav-notifications-menu {\r
        width: 300px;\r
 /*     max-height: 400px;*/\r
        height: auto;\r
-       overflow-y: scroll;overflow-style:scrollbar;\r
+/*     overflow-y: scroll;overflow-style:scrollbar;*/\r
        background-color:#FFFFFF;\r
 /*     -moz-border-radius: 5px;*/\r
        -webkit-border-radius: 5px;\r
@@ -3902,6 +3958,7 @@ ul.notifications-menu-popup {
 /*     -moz-box-shadow: 3px 3px 5px #555;*/\r
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
+/*     z-index: 103;*/\r
 }\r
 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }\r
 #nav-notifications-menu img { float: left; margin-right: 5px; }\r
@@ -3977,7 +4034,7 @@ width:650px;
 }\r
 }*/\r
 \r
-@media only screen and (min-device-width: 768px)\r
+/*@media only screen and (min-device-width: 768px)\r
 {\r
        .wall-item-body code {\r
                width: 700px;\r
@@ -3991,5 +4048,5 @@ width:650px;
                width: 700px;\r
        }\r
 \r
-}\r
+}*/\r
 \r