design av nav, search og en liten dropdown meny
[u/erikhf/frm.git] / src / components / search / search.css
index 2344396..0584cda 100644 (file)
@@ -1,10 +1,7 @@
-.search div{
-    position: relative;
-}
 
-.search img{
-    width: 20px;
-    position: absolute;
+
+/*.search div{
+    position: relative;
 }
 
 .search li{
     text-decoration: none;
     background-color: #f5f5f5
 }
+
+#livesearch{
+    width: 297px;
+    padding: 15px 0 15px 20px;
+    font-size: 16px;
+    font-family: Montserrat, sans-serif;
+    border: 0 none;
+    height: 52px;
+    margin-right: 0;
+    color: white;
+    outline: none;
+    background: #DBDBDB;
+    float: left;
+    box-sizing: border-box;
+    transition: all 0.15s;
+}
+
+
+
+.dropdown-menu{
+    margin-top: -17px;
+    margin-left: 447px;
+    background-color: white;
+    border-radius: 0px;
+}
+
+.dropdown-menu li{
+    background-color: white;
+
+}
+
+#search {
+    width: 357px;
+    margin: 15px;
+    margin-left: 150px;
+}
+
+#livesearch{
+    width: 297px;
+    padding: 15px 0 15px 20px;
+    font-size: 16px;
+    font-family: Montserrat, sans-serif;
+    border: 0 none;
+    height: 52px;
+    margin-right: 0;
+    color: white;
+    outline: none;
+    background: #DBDBDB;
+    float: left;
+    box-sizing: border-box;
+    transition: all 0.15s;
+}
+
+::-webkit-input-placeholder {
+    color: white;
+}
+:-moz-placeholder {
+    color: white;
+}
+::-moz-placeholder {
+    color: white;
+}
+:-ms-input-placeholder {
+    color: white;
+}
+#search_text:focus {
+    background: darkgrey;
+}
+
+.dropdown-div{
+    border: 0 none;
+    background: #BAB8B8;
+    width: 60px;
+    float: left;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    height: 52px;
+    cursor: pointer;
+    border-radius: 0px;
+}
+
+.knapp
+{
+    border: 0 none;
+    background: #BAB8B8;
+    width: 60px;
+    float: left;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    height: 52px;
+    cursor: pointer;
+    border-radius: 0px;
+}
+
+.glyphicon-menu-down{
+    color: white;
+}
+
+.filtervalg{
+    background-color: red;
+    height: 85px;
+
+}
+
+
+.hidden{
+    display: none;
+}
+*/
\ No newline at end of file