further adjustments of header and dropdown styles

diff --git a/core/css/header.css b/core/css/header.css
index f0f8b3a97fe794f5034558c51832004c7af3a201..56d023f96eab9bc0235e86fca5e7f874823a02d2 100644 (file)
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -139,15 +139,17 @@
 
 #navigation {
        position: fixed;
-       top: 55px;
+       top: 45px;
        left: 10px;
        width: 265px;
        max-height: 85%;
        margin-top: 0;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, .97);
-       /*box-shadow: 0 0 7px rgba(30, 30, 30, .97);*/
-       border-radius: 5px;
+       box-shadow: 0 1px 10px rgba(50, 50, 50, .7);
+       border-radius: 3px;
+       border-top-left-radius: 0;
+       border-top-right-radius: 0;
        display: none;
        /*overflow-y: auto;
        overflow-x: hidden;*/
@@ -285,7 +287,7 @@
 }
 #expand {
        display: block;
-       padding: 7px 12px 6px 7px;
+       padding: 7px 30px 6px 22px;
        cursor: pointer;
 }
 #expand * {
@@ -310,12 +312,14 @@
 #expanddiv {
        position: absolute;
        right: 10px;
-       top: 55px;
+       top: 45px;
        z-index: 2000;
        display: none;
        background-color: rgba(0, 0, 0, .97);
-       /*box-shadow: 0 0 7px rgba(30, 30, 30, .97);*/
-       border-radius: 5px;
+       box-shadow: 0 1px 10px rgba(50, 50, 50, .7);
+       border-radius: 3px;
+       border-top-left-radius: 0;
+       border-top-right-radius: 0;
        -moz-box-sizing: border-box; box-sizing: border-box;
 }
        #expanddiv a {

diff --git a/core/css/mobile.css b/core/css/mobile.css
index 892612fc06a30f69171cb4bc2397d66a751c80d3..874c42b92ef9f4e2010a1dbdc89791f2b4b97d17 100644 (file)
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -39,6 +39,8 @@
        -moz-transition: all 100ms;
        -o-transition: all 100ms;
        transition: all 100ms;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+       opacity: .7;
 }
 .searchbox input[type="search"]:focus,
 .searchbox input[type="search"]:active {
@@ -47,12 +49,18 @@
        cursor: text;
        background-color: #fff;
        background-image: url('../img/actions/search.svg');
+       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+       opacity: 1;
 }
 
 /* do not show display name on mobile when profile picture is present */
 #header .avatardiv.avatardiv-shown + #expandDisplayName {
        display: none;
 }
+#header #expand {
+       display: block;
+       padding: 7px 30px 6px 7px;
+}
 
 /* do not show update notification on mobile */
 #update-notification {

diff --git a/core/css/styles.css b/core/css/styles.css
index 12b6bbe9efbd3ec04873e8629376ce8859b535ed..c2d8a8f6eb36a83ebea17c41dfdb37bc9952193f 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -240,14 +240,21 @@ textarea:disabled {
 .searchbox input[type="search"] {
        position: relative;
        font-size: 1.2em;
+       padding: 3px;
        padding-left: 1.5em;
        background: #fff url('../img/actions/search.svg') no-repeat .5em center;
        border: 0;
-       border-radius: 2em;
+       border-radius: 3px;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+       opacity: .3;
+       margin-top: 9px;
+       float: right;
+}
+.searchbox input[type="search"]:hover,
+.searchbox input[type="search"]:focus,
+.searchbox input[type="search"]:active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: .7;
-       margin-top: 6px;
-       float: right;
 }
 
 input[type="submit"].enabled {