diff --git a/core/css/header.css b/core/css/header.css index f0f8b3a97f..56d023f96e 100644 --- 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 892612fc06..874c42b92e 100644 --- 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 12b6bbe9ef..c2d8a8f6eb 100644 --- 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 {