diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2015-03-25 17:39:50 +0100 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2015-03-26 00:41:41 +0100 |
| commit | ad596a0198c3ac1e5a295a0c16c54c41201ef95a (patch) | |
| tree | 910089059472a23b4cbef5e1d2eafca92d7bc884 /core | |
| parent | 095197d1a772e2fd3590818eaad0d51ad013959c (diff) | |
| download | nextcloud-server-ad596a0198c3ac1e5a295a0c16c54c41201ef95a.tar.gz nextcloud-server-ad596a0198c3ac1e5a295a0c16c54c41201ef95a.zip | |
further adjustments of header and dropdown styles
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/header.css | 18 | ||||
| -rw-r--r-- | core/css/mobile.css | 8 | ||||
| -rw-r--r-- | core/css/styles.css | 13 |
3 files changed, 29 insertions, 10 deletions
diff --git a/core/css/header.css b/core/css/header.css index f0f8b3a97fe..56d023f96ea 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 892612fc06a..874c42b92ef 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 12b6bbe9efb..c2d8a8f6eb3 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 { |