zias/wolk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add commands

Browse Source
This commit is contained in:
Henrique Dias
2016-06-30 22:24:38 +01:00
parent fb4118f0d4
commit 30f077803b
4 changed files with 115 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/public/css/styles.css
View File

@@ -489,7 +489,8 @@ header p i {
vertical-align: middle;
}
header form {
header #search {
position: relative;
display: inline-block;
height: 100%;
padding: 0.75em;
@@ -497,43 +498,81 @@ header form {
color: #fff;
border-radius: 0.3em;
background-color: #1e88e5;
transition: .1s ease all;
}
header form i,
header form input {
header #search.active {
background-color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .12);
}
header #search.active i,
header #search.active input {
color: #212121;
}
header #search i,
header #search input {
vertical-align: middle;
}
header form i {
header #search i {
margin-right: 0.3em;
color: rgba(255, 255, 255, .5);
}
header form input {
header #search input {
min-width: 20em;
border: 0;
outline: 0;
color: #fff;
background-color: transparent;
}
header form::-webkit-input-placeholder {
header #search.active div {
visibility: visible;
opacity: 1;
top: 100%;
}
header #search div {
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 999999;
background-color: #fff;
text-align: left;
color: #ccc;
box-shadow: 0 2px 3px rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .12);
padding: .5em;
border-bottom-left-radius: .3em;
border-bottom-right-radius: .3em;
transition: .1s ease all;
visibility: hidden;
opacity: 0;
}
header #search ::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, .5);
}
header form:-moz-placeholder {
header #search :-moz-placeholder {
opacity: 1;
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, .5);
}
header form::-moz-placeholder {
header #search ::-moz-placeholder {
opacity: 1;
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, .5);
}
header form:-ms-input-placeholder {
header #search :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, .5);
}