searchbar design, lukke resultat, hoyde med scroll og tomme inputen + plassering
[u/erikhf/frm.git] / src / components / search / search.css
1
2
3 /*.search div{
4     position: relative;
5 }
6
7 .search li{
8     padding: 0.5em 0.5em 0.5em 0;
9     float: none;
10 }
11
12 .search ul {
13     display: block;
14     position: absolute;
15     top: 100%;
16     left: 0;
17     z-index: 1000;
18     float: left;
19     min-width: 160px;
20     padding: 5px 0;
21     margin: 4px 0 0;
22     font-size: 14px;
23     text-align: left;
24     list-style: none;
25     background-color: #fff;
26     -webkit-background-clip: padding-box;
27     background-clip: padding-box;
28     border: 1px solid #ccc;
29     border: 1px solid rgba(0, 0, 0, .15);
30     border-radius: 4px;
31     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
32     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
33 }
34
35 .results > li > a{
36     display: block;
37     padding: 3px 20px;
38     clear: both;
39     font-weight: 400;
40     line-height: 1.42857143;
41     color: #333;
42     white-space: nowrap
43 }
44
45 .results > li > a:focus, .results > li > a:hover {
46     color: #262626;
47     text-decoration: none;
48     background-color: #f5f5f5
49 }
50
51 #livesearch{
52     width: 297px;
53     padding: 15px 0 15px 20px;
54     font-size: 16px;
55     font-family: Montserrat, sans-serif;
56     border: 0 none;
57     height: 52px;
58     margin-right: 0;
59     color: white;
60     outline: none;
61     background: #DBDBDB;
62     float: left;
63     box-sizing: border-box;
64     transition: all 0.15s;
65 }
66
67
68
69 .dropdown-menu{
70     margin-top: -17px;
71     margin-left: 447px;
72     background-color: white;
73     border-radius: 0px;
74 }
75
76 .dropdown-menu li{
77     background-color: white;
78
79 }
80
81 #search {
82     width: 357px;
83     margin: 15px;
84     margin-left: 150px;
85 }
86
87 #livesearch{
88     width: 297px;
89     padding: 15px 0 15px 20px;
90     font-size: 16px;
91     font-family: Montserrat, sans-serif;
92     border: 0 none;
93     height: 52px;
94     margin-right: 0;
95     color: white;
96     outline: none;
97     background: #DBDBDB;
98     float: left;
99     box-sizing: border-box;
100     transition: all 0.15s;
101 }
102
103 ::-webkit-input-placeholder {
104     color: white;
105 }
106 :-moz-placeholder {
107     color: white;
108 }
109 ::-moz-placeholder {
110     color: white;
111 }
112 :-ms-input-placeholder {
113     color: white;
114 }
115 #search_text:focus {
116     background: darkgrey;
117 }
118
119 .dropdown-div{
120     border: 0 none;
121     background: #BAB8B8;
122     width: 60px;
123     float: left;
124     padding: 0;
125     margin: 0;
126     text-align: center;
127     height: 52px;
128     cursor: pointer;
129     border-radius: 0px;
130 }
131
132 .knapp
133 {
134     border: 0 none;
135     background: #BAB8B8;
136     width: 60px;
137     float: left;
138     padding: 0;
139     margin: 0;
140     text-align: center;
141     height: 52px;
142     cursor: pointer;
143     border-radius: 0px;
144 }
145
146 .glyphicon-menu-down{
147     color: white;
148 }
149
150 .filtervalg{
151     background-color: red;
152     height: 85px;
153
154 }
155
156
157 .hidden{
158     display: none;
159 }
160 */