further adjustments of header and dropdown styles

This commit is contained in:
Jan-Christoph Borchardt 2015-03-25 17:39:50 +01:00
parent 095197d1a7
commit ad596a0198
3 changed files with 29 additions and 10 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {