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 8095d7eff22c78581c0aeef42eacb4ac74b9c4fd..9cf97e0a7a37966e5a276e5a73eed5429110a1ea 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -9,9 +9,10 @@
 \r
 /* generals */\r
 html {\r
-       width: 320px;\r
+/*     width: 320px;*/\r
        margin-left: auto;\r
        margin-right: auto;\r
+/*     overflow-x:hidden;*/\r
 }\r
 \r
 body {\r
@@ -23,6 +24,7 @@ body {
        background-repeat: repeat-x;\r
        color: #505050;\r
        margin: 0px;\r
+       overflow-x:hidden;\r
 }\r
 \r
 div.container {\r
@@ -32,6 +34,7 @@ div.container {
        margin-bottom: 0px;\r
        margin-left: auto;\r
        margin-right: auto;\r
+       overflow-x:hidden;\r
 }\r
 \r
 a, a:visited, a:link { color: #3465a4; text-decoration: none; }\r
@@ -39,7 +42,7 @@ a:hover {text-decoration: underline; }
 \r
 input {\r
        border: 1px solid #666666;\r
-       -moz-border-radius: 3px;\r
+/*     -moz-border-radius: 3px;*/\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        padding: 3px;\r
@@ -51,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
@@ -62,6 +65,28 @@ img { border :0px; }
        width: 384px;\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
+       margin-left: 20px;\r
+       margin-right: 0px;\r
+       width: 260px;\r
+       overflow: hidden;\r
+}*/\r
+\r
 code {\r
        font-family: Courier, monospace;\r
        white-space: pre;\r
@@ -97,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
@@ -176,7 +201,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        border-bottom: 0px;\r
        background-color: #aec0d3;\r
        color: #565854;         \r
-       -moz-border-radius: 3px 3px 0px 0px;\r
+/*     -moz-border-radius: 3px 3px 0px 0px;*/\r
        -webkit-border-radius: 3px 3px 0px 0px;\r
        border-radius: 3px 3px 0px 0px; \r
 }\r
@@ -197,7 +222,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        right: 2px;\r
        padding: 1px 2px;\r
        border-radius: 4px;\r
-       -moz-border-radius: 4px;\r
+/*     -moz-border-radius: 4px;*/\r
        -webkit-border-radius: 4px;\r
        background-color: gold !important;\r
 }\r
@@ -245,14 +270,15 @@ nav .nav-link {
 /*     right: -33px;*/\r
        padding: 1em 0px;\r
 \r
-       -moz-box-shadow: 3px 3px 5px #555;\r
+/*     -moz-box-shadow: 3px 3px 5px #555;*/\r
        -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
@@ -281,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
@@ -292,25 +317,23 @@ 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
        color: #FFFFFF;\r
        -webkit-border-radius: 5px ;\r
-       -moz-border-radius: 5px;\r
+/*     -moz-border-radius: 5px;*/\r
        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
        color: #FFFFFF;\r
        -webkit-border-radius: 5px ;\r
-       -moz-border-radius: 5px;\r
+/*     -moz-border-radius: 5px;*/\r
        border-radius: 5px;\r
        padding: 5px;\r
        font-weight: bold;\r
@@ -320,10 +343,11 @@ aside {
 /* section */\r
 div.section-wrapper {\r
 /*     width: 100%;*/\r
-       width: 320px;\r
+/*     width: 320px;\r
 \r
        margin-left: auto;\r
-       margin-right: auto;\r
+       margin-right: auto;*/\r
+       margin-left: 0px;\r
 \r
        /*padding-right:2em;*/\r
 \r
@@ -349,6 +373,7 @@ section {
 \r
        min-height: 112px;\r
        border-top: 1px solid #babdb6;  \r
+       overflow-x:hidden;\r
 }\r
 \r
 .tabs {\r
@@ -363,7 +388,7 @@ section {
        padding: 0.4em 2em;\r
        border: 1px solid #aaa;\r
        border-radius: 8px;\r
-       -moz-border-radius: 8px;\r
+/*     -moz-border-radius: 8px;*/\r
        -webkit-border-radius: 8px;\r
 }\r
 .tab {\r
@@ -387,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
@@ -400,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
@@ -437,8 +470,8 @@ footer {
 \r
 #jot-title::-webkit-input-placeholder{font-weight: normal;}\r
 #jot-category::-webkit-input-placeholder{font-weight: normal;}\r
-#jot-title:-moz-placeholder{font-weight: normal;}\r
-#jot-category:-moz-placeholder{font-weight: normal;}\r
+/*#jot-title:-moz-placeholder{font-weight: normal;}\r
+#jot-category:-moz-placeholder{font-weight: normal;}*/\r
                \r
        \r
 #jot-title:hover,\r
@@ -468,7 +501,7 @@ footer {
 \r
 .group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
        padding: 3px;\r
-       -moz-border-radius: 3px;\r
+/*     -moz-border-radius: 3px;*/\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        border: 1px solid #CCCCCC;\r
@@ -477,11 +510,11 @@ footer {
 }\r
 \r
 .settings-widget .selected {\r
-       padding: 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
@@ -538,7 +571,7 @@ footer {
        margin-top: 10px;\r
 }\r
 \r
-\r
+/*\r
 #login_standard {\r
        width: 210px;\r
        float: left;\r
@@ -568,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
@@ -1008,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
@@ -1016,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
@@ -1028,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
@@ -1044,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
@@ -1117,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
@@ -1133,7 +1178,7 @@ input#dfrn-url {
        border: 2px solid #AAAAAA;\r
        border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
+/*     -moz-border-radius: 10px;*/\r
 /*     background: #EEEEEE;*/\r
 }\r
 \r
@@ -1183,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
@@ -1213,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
@@ -1328,12 +1370,43 @@ input#dfrn-url {
 }\r
 \r
 .wall-item-content img {\r
-       max-width: 300px;\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
+/*     -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
@@ -1350,19 +1423,29 @@ input#dfrn-url {
 .wall-item-body {\r
        text-align: justify;\r
        float: left;\r
-       width: 300px;\r
+       clear: left;\r
+/*     width: 300px;*/\r
        overflow: hidden;\r
        margin-top: 10px;\r
+       padding-right: 1em;\r
        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
-       overflow: auto;\r
+       overflow: hidden;\r
 }\r
 \r
 .comment .wall-item-body {\r
        margin-left: 5px;\r
-       width: 280px;\r
+       padding-right: 0.5em;\r
+/*     width: 280px;*/\r
 }\r
 \r
 .wall-item-tools {\r
@@ -1372,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
@@ -1387,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
@@ -1401,6 +1486,13 @@ input#dfrn-url {
        margin-right: 10px;\r
 }\r
 \r
+.comment-wwedit-wrapper.comment {\r
+       margin-left: 40px;\r
+       margin-right: 40px;\r
+       border-radius: 10px;\r
+}\r
+\r
+\r
 .comment-edit-photo {\r
        margin-top: 15px;\r
        margin-left: 10px;\r
@@ -1413,7 +1505,7 @@ input#dfrn-url {
 }\r
 .comment-edit-text-empty, .comment-edit-text-full {\r
 /*     float: left;*/\r
-       -moz-border-radius: 3px;\r
+/*     -moz-border-radius: 3px;*/\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        border: 1px solid #cccccc;\r
@@ -1440,6 +1532,15 @@ input#dfrn-url {
        margin-left: 20px;\r
 }\r
 \r
+.comment .comment-edit-text-empty {\r
+       width: 120px;\r
+}\r
+.comment .comment-edit-text-full {\r
+       margin-left: 10px;\r
+       width: 210px;\r
+}\r
+\r
+\r
 .comment-edit-text-end {\r
        clear: both;\r
 }\r
@@ -1669,7 +1770,7 @@ input#dfrn-url {
        padding: 0.2em 1em;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
+/*     -moz-border-radius: 10px;*/\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -1729,7 +1830,7 @@ input#dfrn-url {
        padding: 0.2em 1em;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
+/*     -moz-border-radius: 10px;*/\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -1738,7 +1839,7 @@ input#dfrn-url {
        float: left;\r
        border: 1px solid black;\r
        border-radius: 7px;\r
-       -moz-border-radius: 7px;\r
+/*     -moz-border-radius: 7px;*/\r
        -webkit-border-radius: 7px;\r
        background: #FFCCCC;\r
        font-size: 1.25em;\r
@@ -1965,8 +2066,8 @@ input#dfrn-url {
        position: absolute;\r
        left: -30px; top: 80px;\r
        display: none;\r
-       z-index: 10000;\r
-       -moz-box-shadow: 3px 3px 5px #555;\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
 }\r
@@ -2004,7 +2105,7 @@ input#dfrn-url {
        color:#cccccc;\r
        border: 1px solid #cccccc;\r
        padding: 3px 0px 0px 5px;\r
-       -moz-border-radius: 3px;\r
+/*     -moz-border-radius: 3px;*/\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
 }\r
@@ -2049,7 +2150,7 @@ input#dfrn-url {
        background-repeat: no-repeat;\r
        padding: 7px 5px 0px 30px;\r
        -webkit-border-radius: 5px ;\r
-       -moz-border-radius: 5px;\r
+/*     -moz-border-radius: 5px;*/\r
        border-radius: 5px;\r
        color: #999999;\r
 }\r
@@ -2074,7 +2175,7 @@ input#dfrn-url {
        width: 120px;\r
        height: 30px;\r
        border: 1px solid #cccccc;\r
-       -moz-border-radius: 4px;\r
+/*     -moz-border-radius: 4px;*/\r
        -webkit-border-radius: 4px;\r
        border-radius: 4px;\r
        margin-top: 5px;\r
@@ -2104,7 +2205,7 @@ input#dfrn-url {
        background-repeat: no-repeat;\r
        margin-right: 5px;\r
        -webkit-border-radius: 2px ;\r
-       -moz-border-radius: 2px;\r
+/*     -moz-border-radius: 2px;*/\r
        border-radius: 2px;\r
        padding-left: 15px;\r
 }\r
@@ -2248,7 +2349,7 @@ a.mail-list-link {
 .mail-conv-detail {\r
        margin-left: 20px;\r
        margin-bottom: 10px;\r
-       width: 270px;\r
+       /*width: 270px;*/\r
 }\r
 \r
 .mail-conv-subject {\r
@@ -2256,6 +2357,11 @@ a.mail-list-link {
     margin: 10px 0;\r
 }\r
 \r
+.mail-conv-body {\r
+       padding-top: 20px;\r
+       clear: both;\r
+}\r
+\r
 .mail-conv-outside-wrapper-end {\r
        clear: both;\r
 }\r
@@ -2266,6 +2372,7 @@ a.mail-list-link {
 \r
 .mail-conv-delete-wrapper {\r
        float: right;\r
+       padding-bottom: 0.5em;\r
        margin-right: 5px;\r
        margin-top: 15px;\r
 }\r
@@ -2356,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
@@ -2369,9 +2478,9 @@ 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
+/*     -moz-border-radius:5px;*/\r
        -webkit-border-radius:5px;\r
        border-radius:5px;\r
 \r
@@ -2429,7 +2538,7 @@ aside input[type='text'] {
 .photo-top-image-wrapper img {\r
        max-width: 290px;\r
        border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
+/*     -moz-border-radius: 10px;*/\r
        -webkit-border-radius: 10px;\r
 }\r
 .photo-top-album-name {\r
@@ -2588,7 +2697,7 @@ aside input[type='text'] {
        margin-top: 15px;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
+/*     -moz-border-radius: 10px;*/\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -2642,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
@@ -3202,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
@@ -3284,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
@@ -3295,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
@@ -3321,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
@@ -3338,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
@@ -3523,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
@@ -3610,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
@@ -3738,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
@@ -3759,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
@@ -3812,24 +3941,24 @@ 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
+/*     -moz-border-radius: 5px;*/\r
        -webkit-border-radius: 5px;\r
        border-radius:5px;\r
        border: 1px solid #AAA;\r
-       -moz-box-shadow: 3px 3px 5px #555;\r
+/*     -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
@@ -3886,8 +4015,9 @@ ul.notifications-menu-popup {
        width: 130px;\r
 }\r
 \r
-@media only screen and (min-device-width: 768px)\r
-and (max-device-width: 1024px)\r
+/*@media only screen and (min-device-width: 768px)\r
+and (max-device-width: 1024px)*/\r
+/*@media only screen and (min-device-width: 768px)\r
 {\r
 html {\r
 width:700px\r
@@ -3902,4 +4032,21 @@ width:700px;
 .comment .wall-item-body {\r
 width:650px;\r
 }\r
-}
\ No newline at end of file
+}*/\r
+\r
+/*@media only screen and (min-device-width: 768px)\r
+{\r
+       .wall-item-body code {\r
+               width: 700px;\r
+       }\r
+\r
+       .comment .wall-item-body blockquote {\r
+               margin-left: 20px;\r
+               width: 680px;\r
+       }\r
+       blockquote {\r
+               width: 700px;\r
+       }\r
+\r
+}*/\r
+\r