share/nitweb/stylesheets/search.css

   1 /*
   2  * Copyright 2017 Alexandre Terrasa <alexandre@moz-code.org>.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 /* search */
  18
  19 .has-icon {
  20     position: relative;
  21 }
  22
  23 .has-icon .form-control {
  24         padding-left: 35px;
  25 }
  26
  27 .form-control-icon {
  28     position: absolute;
  29     top: 0;
  30     left: 0;
  31     z-index: 2;
  32     display: block;
  33     width: 34px;
  34     height: 34px;
  35     line-height: 34px;
  36     text-align: center;
  37     pointer-events: none;
  38 }
  39
  40 .navbar-fixed-top .form-control:hover, .navbar-fixed-top .form-control:focus {
  41         background: rgba(255, 255, 255, 0.2);
  42 }
  43
  44 .navbar-fixed-top .form-control {
  45         background: rgba(255, 255, 255, 0.1);
  46     border: none;
  47     color: #fff;
  48     box-shadow: none;
  49 }
  50
  51 .navbar-fixed-top .form-control-icon {
  52         color: #fff;
  53 }
  54
  55 .navbar-fixed-top .form-group {
  56         margin-top: 8px;
  57         margin-bottom: 0px;
  58 }
  59
  60 .navbar-fixed-top *::-webkit-input-placeholder { color: #fff; }
  61 .navbar-fixed-top *:-moz-placeholder { color: #fff; }
  62 .navbar-fixed-top *::-moz-placeholder { color: #fff; }
  63 .navbar-fixed-top *:-ms-input-placeholder { color: #fff; }