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 */