website/css/search.css

   1
   2
   3 form {
   4   width: 100%;
   5   padding: 1em 15px;
   6 }
   7 form #q {
   8   min-width: 500px;
   9 }
  10 form .checkbox-inline {
  11   margin-left: 10px;
  12 }
  13 form label {
  14   font-weight: normal;
  15 }
  16
  17 .sidebar {
  18   width: 25%;
  19   padding: 15px;
  20   padding-top: 0;
  21   display: inline-block;
  22   float: left;
  23 }
  24
  25
  26 #map-wrapper {
  27   position: relative;
  28   min-height: 700px;
  29   width: 75%;
  30   padding-right: 20px;
  31   display: inline-block;
  32   float: left;
  33 }
  34
  35 #map {
  36   height: 100%;
  37   min-height: 700px;
  38   background:#eee;
  39 }
  40
  41 #map-position {
  42   position: absolute;
  43   top: 0;
  44   right: 20px;
  45   padding: 0 5px;
  46   color: #333;
  47   font-size: 11px;
  48   background-color: rgba(255, 255, 255, 0.7);
  49   z-index: 100;
  50 }
  51
  52 .result {
  53   font-size: 0.8em;
  54   margin: 5px;
  55   margin-top:0px;
  56   padding: 4px 8px;
  57   border-radius: 2px;
  58   background:#F0F7FF;
  59   border: 2px solid #D7E7FF;
  60   cursor:pointer;
  61   min-height: 5em;
  62 }
  63
  64
  65 .result.highlight {
  66   background-color: #D9E7F7;
  67   border-color: #9DB9E4;
  68 }
  69 .result.highlight .details {
  70   margin: 10px auto;
  71   display: block;
  72   max-width: 10em;
  73 }
  74 .result img{
  75   float: right;
  76 }
  77 .result .type{
  78   color: gray;
  79   font-size: 0.8em;
  80 }
  81 .result .details {
  82   display: none;
  83 }
  84 .noresults{
  85   text-align: center;
  86   padding: 1em;
  87 }
  88
  89 .more{
  90   text-align:center;
  91   margin-top: 1em;
  92 }
  93
  94 footer {
  95   text-align: center;
  96   padding: 2em 0;
  97   font-size: 0.8em;
  98   clear: both;
  99   color: #333;
 100 }
 101
 102 footer p {
 103   margin: 1em;
 104 }
 105
 106 @media (max-width: 768px) {
 107   #content {
 108     top: 0;
 109     position: relative;
 110   }
 111   #map-wrapper {
 112     width: 100%;
 113     max-height: 300px;
 114     padding: 20px;
 115   }
 116   #map-position {
 117     top: 20px;
 118     right: 20px;
 119   }
 120   #map {
 121     height: 300px;
 122   }
 123   .sidebar {
 124     width: 100%;
 125   }
 126 }