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 655332e3645be29f05debaab4e269a8b2a3dc544..9cf97e0a7a37966e5a276e5a73eed5429110a1ea 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -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
@@ -260,6 +278,7 @@ nav .nav-link {
 }\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
@@ -1238,9 +1260,6 @@ input#dfrn-url {
     top: 80px;\r
 /*    z-index: 100;*/\r
 }\r
-.wall-item-wrapper {\r
-       margin-left:10px;\r
-}\r
 .wall-item-lock {\r
        margin-top: 30px;\r
        left: 105px;\r
@@ -1361,10 +1380,26 @@ input#dfrn-url {
        -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
@@ -1388,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
@@ -1395,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
@@ -1406,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
@@ -2715,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
@@ -3275,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
@@ -3380,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
@@ -3398,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
@@ -3415,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
@@ -3693,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
@@ -3842,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
@@ -3988,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
@@ -4002,5 +4048,5 @@ width:650px;
                width: 700px;\r
        }\r
 \r
-}\r
+}*/\r
 \r