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 7c69694ea4c5bb989e8483e329a1f8257096b8a8..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
@@ -54,7 +54,7 @@ img { border :0px; }
    background: url(login-bg.gif) no-repeat;\r
    background-position: 0 50%;\r
    padding-left: 18px;\r
-   width: 252px;\r
+   width: 212px;\r
    margin-left: 20px;\r
 }\r
 .openid:hover {\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
@@ -288,9 +307,8 @@ div.main-container {
 \r
 \r
 /* aside */\r
-aside {\r
-/*     display: block;*/\r
-       display: none;\r
+/*aside {\r
+       display: block;\r
        min-height: 112px;\r
 \r
        width: 250px;\r
@@ -299,9 +317,7 @@ aside {
        margin: 1em 0px 0px 0px;\r
 \r
        position: absolute;\r
-\r
-/*     float:left;*/\r
-}\r
+}*/\r
 \r
 #dfrn-request-link {\r
        display: block;\r
@@ -311,7 +327,7 @@ aside {
        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
@@ -396,8 +412,8 @@ section {
 \r
 /* footer */\r
 footer {\r
-    display: none;\r
-\r
+       text-align: center;\r
+       padding-bottom: 1em;\r
 }\r
 \r
 .birthday-today, .event-today {\r
@@ -409,7 +425,15 @@ footer {
 }\r
 \r
 #theme-preview {\r
-       margin: 15px 0 15px 150px;\r
+       margin: 15px 0 15px 15px;\r
+}\r
+#theme-version {\r
+       display: block;\r
+       font-weight: bold;\r
+}\r
+#theme-credits {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
 }\r
 \r
 /* from default */\r
@@ -486,11 +510,11 @@ footer {
 }\r
 \r
 .settings-widget .selected {\r
-       padding: 3px;\r
-/*     -moz-border-radius: 3px;*/\r
+/*     padding: 3px;\r
+       -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
-       border: 1px solid #CCCCCC;\r
+       border: 1px solid #CCCCCC;*/\r
        background: #F8F8F8;\r
        font-weight: bold;\r
 }\r
@@ -547,7 +571,7 @@ footer {
        margin-top: 10px;\r
 }\r
 \r
-\r
+/*\r
 #login_standard {\r
        width: 210px;\r
        float: left;\r
@@ -577,14 +601,14 @@ footer {
 }\r
 \r
 #login-submit-button {\r
-/*     margin-top: 10px; */\r
+       margin-top: 10px; \r
        margin-left: 200px;\r
-}\r
+}*/\r
 \r
 \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
@@ -1017,7 +1041,11 @@ input#dfrn-url {
        margin-bottom: 20px;\r
 }\r
 \r
-.settings-widget ul {\r
+#id_theme,\r
+#id_mobile_theme {\r
+       width: 280px;\r
+}\r
+/*.settings-widget ul {\r
        list-style-type: none;\r
        padding: 0px;\r
 }\r
@@ -1025,7 +1053,7 @@ input#dfrn-url {
 .settings-widget li {\r
        margin-left: 24px;\r
        margin-bottom: 8px;\r
-}\r
+}*/\r
 \r
 \r
 #gender-select, #marital-select, #sexual-select {\r
@@ -1037,6 +1065,11 @@ input#dfrn-url {
        float: left;\r
 }\r
 \r
+#contacts-search-submit {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
+}\r
+\r
 #contacts-display-wrapper {\r
        padding-left: 35px;\r
 }\r
@@ -1053,7 +1086,7 @@ input#dfrn-url {
        padding-left: 15px;\r
        padding-right: 15px; \r
        width: 95px;\r
-       height: 170px;\r
+       height: 200px;\r
 }\r
 #contacts-search-end {\r
        margin-bottom: 10px;\r
@@ -1126,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
@@ -1192,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
@@ -1222,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
@@ -1337,16 +1370,44 @@ 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
+       text-align: center;\r
+       outline: 0;\r
+       border-top: 1px dotted #888;\r
+}\r
+\r
 \r
 .wall-item-title {\r
        float: left;\r
@@ -1362,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
@@ -1369,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
@@ -1380,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
@@ -1393,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
@@ -1408,6 +1471,7 @@ input#dfrn-url {
        border-bottom-right-radius: 10px;\r
 } \r
 \r
+\r
 .comment-edit-wrapper {\r
        margin-top: 15px;\r
        background: #f3f3f3;\r
@@ -2002,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
@@ -2399,7 +2463,9 @@ a.mail-list-link {
        margin-top: 5px;\r
 }\r
 #side-follow-submit, #side-peoplefind-submit {\r
-       margin-top: 15px;\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
+       margin: 10px 0px 10px 10px;\r
 }\r
 \r
 #side-match-link {\r
@@ -2412,7 +2478,7 @@ aside input[type='text'] {
 \r
 .widget {\r
        border: 1px solid #DDDDDD;\r
-       padding: 8px;\r
+       padding: 18px;\r
        margin-top: 5px;\r
 /*     -moz-border-radius:5px;*/\r
        -webkit-border-radius:5px;\r
@@ -2685,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
@@ -3245,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
@@ -3327,7 +3398,7 @@ aside input[type='text'] {
        margin-bottom: 10px;\r
        padding-bottom: 10px;\r
        overflow: auto;\r
-       width: 100%\r
+/*     width: 100%*/\r
 }\r
 \r
 .field label {\r
@@ -3338,18 +3409,23 @@ aside input[type='text'] {
 \r
 .field input,\r
 .field textarea {\r
-       width: 270px;\r
+       width: 230px;\r
        margin-left: 20px;\r
 }\r
+.field input[type=checkbox],\r
+.field input[type=radio] {\r
+       width: auto;\r
+}\r
 .field textarea { height: 100px; }\r
 .field_help {\r
        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
@@ -3364,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
@@ -3381,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
@@ -3566,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
@@ -3653,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
@@ -3781,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
@@ -3802,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
@@ -3855,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
@@ -3873,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
@@ -3948,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
@@ -3962,5 +4048,5 @@ width:650px;
                width: 700px;\r
        }\r
 \r
-}\r
+}*/\r
 \r