wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

further adjustments of header and dropdown styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
core/css/header.css
View file

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

8
core/css/mobile.css
View file

@ -39,6 +39,8 @@
-moz-transition: all 100ms; -moz-transition: all 100ms;
-o-transition: all 100ms; -o-transition: all 100ms;
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"]:focus,
.searchbox input[type="search"]:active { .searchbox input[type="search"]:active {
@ -47,12 +49,18 @@
cursor: text; cursor: text;
background-color: #fff; background-color: #fff;
background-image: url('../img/actions/search.svg'); 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 */ /* do not show display name on mobile when profile picture is present */
#header .avatardiv.avatardiv-shown + #expandDisplayName { #header .avatardiv.avatardiv-shown + #expandDisplayName {
display: none; display: none;
} }
#header #expand {
display: block;
padding: 7px 30px 6px 7px;
}
/* do not show update notification on mobile */ /* do not show update notification on mobile */
#update-notification { #update-notification {

13
core/css/styles.css
View file

@ -240,14 +240,21 @@ textarea:disabled {
.searchbox input[type="search"] { .searchbox input[type="search"] {
position: relative; position: relative;
font-size: 1.2em; font-size: 1.2em;
padding: 3px;
padding-left: 1.5em; padding-left: 1.5em;
background: #fff url('../img/actions/search.svg') no-repeat .5em center; background: #fff url('../img/actions/search.svg') no-repeat .5em center;
border: 0; 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)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: .7; opacity: .7;
margin-top: 6px;
float: right;
} }
input[type="submit"].enabled { input[type="submit"].enabled {