website/css/search.css

   1 * {-moz-box-sizing: border-box;}
   2 body {
   3   margin:0px;
   4   padding:0px;
   5   overflow: hidden;
   6   background:#ffffff;
   7   height: 100%;
   8   font: normal 12px/15px arial,sans-serif;
   9 }
  10 #seachheader {
  11   position:absolute;
  12   z-index:5;
  13   top:0px;
  14   left:0px;
  15   width:100%;
  16   height:38px;
  17   background:#F0F7FF;
  18   border-bottom: 2px solid #75ADFF;
  19 }
  20 #q {
  21   width:300px;
  22 }
  23 #seachheaderfade1, #seachheaderfade2, #seachheaderfade3, #seachheaderfade4{
  24   position:absolute;
  25   z-index:4;
  26   top:0px;
  27   left:0px;
  28   width:100%;
  29   opacity: 0.15;
  30   filter: alpha(opacity = 15);
  31   background:#000000;
  32   border: 1px solid #000000;
  33 }
  34 #seachheaderfade1{
  35   height:39px;
  36 }
  37 #seachheaderfade2{
  38   height:40px;
  39 }
  40 #seachheaderfade3{
  41   height:41px;
  42 }
  43 #seachheaderfade4{
  44   height:42px;
  45 }
  46 #searchresultsfade1, #searchresultsfade2, #searchresultsfade3, #searchresultsfade4 {
  47   position:absolute;
  48   z-index:2;
  49   top:0px;
  50   left:200px;
  51   height: 100%;
  52   opacity: 0.2;
  53   filter: alpha(opacity = 20);
  54   background:#ffffff;
  55   border: 1px solid #ffffff;
  56 }
  57 #searchresultsfade1{
  58   width:1px;
  59 }
  60 #searchresultsfade2{
  61   width:2px;
  62 }
  63 #searchresultsfade3{
  64   width:3px;
  65 }
  66 #searchresultsfade4{
  67   width:4px;
  68 }
  69
  70 #searchresults{
  71   position:absolute;
  72   z-index:3;
  73   top:41px;
  74   width:200px;
  75   height: 100%;
  76   background:#ffffff;
  77   border: 1px solid #ffffff;
  78   overflow: auto;
  79 }
  80 #map{
  81   position:absolute;
  82   z-index:1;
  83   top:38px;
  84   left:200px;
  85   width:100%;
  86   height:100%;
  87   background:#eee;
  88 }
  89 #report{
  90   position:absolute;
  91   z-index:2;
  92   top:38px;
  93   left:200px;
  94   width:100%;
  95   height:100%;
  96   background:#eee;
  97   font: normal 12px/15px arial,sans-serif;
  98   padding:20px;
  99 }
 100 #report table {
 101   margin-left:20px;
 102 }
 103 #report th {
 104   vertical-align:top;
 105   text-align:left;
 106 }
 107 #report td.button {
 108   text-align:right;
 109 }
 110 .result {
 111   margin:5px;
 112   margin-bottom:0px;
 113   padding:2px;
 114   padding-left:4px;
 115   padding-right:4px;
 116   border-radius: 5px;
 117   -moz-border-radius: 5px;
 118   -webkit-border-radius: 5px;
 119   background:#F0F7FF;
 120   border: 2px solid #D7E7FF;
 121   font: normal 12px/15px arial,sans-serif;
 122   cursor:pointer;
 123 }
 124 .result img{
 125   float:right;
 126 }
 127 .result .latlon{
 128   display: none;
 129 }
 130 .result .place_id{
 131   display: none;
 132 }
 133 .result .type{
 134   color: #999;
 135   text-align:center;
 136   font: normal 9px/10px arial,sans-serif;
 137   padding-top:4px;
 138 }
 139 .result .details, .result .details a{
 140   color: #999;
 141   text-align:center;
 142   font: normal 9px/10px arial,sans-serif;
 143   padding-top:4px;
 144 }
 145 .noresults{
 146   color: #000;
 147   text-align:center;
 148   font: normal 12px arial,sans-serif;
 149   padding-top:4px;
 150 }
 151 .more{
 152   color: #ccc;
 153   text-align:center;
 154   padding-top:4px;
 155 }
 156 .disclaimer{
 157   color: #ccc;
 158   text-align:center;
 159   font: normal 9px/10px arial,sans-serif;
 160   padding-top:4px;
 161 }
 162 form{
 163   margin:0px;
 164   padding:0px;
 165 }
 166