share/nitdoc/css/nitdoc.quicksearch.css

   1 /*
   2  * Licensed under the Apache License, Version 2.0 (the "License");
   3  * you may not use this file except in compliance with the License.
   4  * You may obtain a copy of the License at
   5  *
   6  *     http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  * Unless required by applicable law or agreed to in writing, software
   9  * distributed under the License is distributed on an "AS IS" BASIS,
  10  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  11  * See the License for the specific language governing permissions and
  12  * limitations under the License.
  13  */
  14
  15 /* Nitdoc Quick Search JS module */
  16
  17 .has-icon {
  18     position: relative;
  19 }
  20
  21 .has-icon .form-control {
  22         padding-left: 35px;
  23 }
  24
  25 .form-control-icon {
  26     position: absolute;
  27     top: 0;
  28     left: 0;
  29     z-index: 2;
  30     display: block;
  31     width: 34px;
  32     height: 34px;
  33     line-height: 34px;
  34     text-align: center;
  35     pointer-events: none;
  36 }
  37
  38 .navbar-fixed-top .form-control:hover, .navbar-fixed-top .form-control:focus {
  39         background: rgba(255, 255, 255, 0.2);
  40 }
  41
  42 .navbar-fixed-top .form-control {
  43         background: rgba(255, 255, 255, 0.1);
  44     border: none;
  45     color: #fff;
  46     box-shadow: none;
  47 }
  48
  49 .navbar-fixed-top .form-control-icon {
  50         color: #fff;
  51 }
  52
  53 .navbar-fixed-top .form-group {
  54         margin-top: 8px;
  55         margin-bottom: 0px;
  56 }
  57
  58 .navbar-fixed-top *::-webkit-input-placeholder { color: #fff; }
  59 .navbar-fixed-top *:-moz-placeholder { color: #fff; }
  60 .navbar-fixed-top *::-moz-placeholder { color: #fff; }
  61 .navbar-fixed-top *:-ms-input-placeholder { color: #fff; }
  62
  63 .search-input {
  64         width: 100%;
  65 }
  66
  67 #nitdoc-qs-popup {
  68         background-color: #FFFFFF;
  69         border: 1px solid #E0E0E0;
  70         z-index: 1000;
  71         -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  72         -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  73         box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  74 }
  75
  76 .qs-card {
  77         cursor: pointer;
  78         padding: 5px;
  79         border-bottom: 1px solid #F0F0F0;
  80         overflow: hidden;
  81 }
  82
  83 .qs-card h1 {
  84         color: #0D8921;
  85         font-size: 1.2em;
  86         margin-top: 5px;
  87         margin-bottom: 0;
  88 }
  89
  90 .qs-info {
  91         color: #6C6C6C;
  92         font-size: smaller;
  93 }
  94
  95 .qs-noresult {
  96         color: #6C6C6C;
  97         font-size: small;
  98 }
  99
 100 .qs-overflow {
 101         text-align: center;
 102         font-size:      x-small;
 103         color: #6C6C6C;
 104         -webkit-touch-callout: none;
 105         -webkit-user-select: none;
 106         -khtml-user-select: none;
 107         -moz-user-select: none;
 108         -ms-user-select: none;
 109         user-select: none;
 110 }
 111
 112 .qs-overflow-active {
 113         color: #0D8921;
 114         cursor: pointer;
 115 }
 116
 117 .qs-overflow-active:hover {
 118         background-color: #E0E0E0;
 119 }
 120
 121 .qs-active {
 122         background: #EEE;
 123 }