]> git.openstreetmap.org Git - nominatim-ui.git/blob - src/assets/css/search.css
search.css was in the wrong directory
[nominatim-ui.git] / src / assets / css / search.css
1
2
3 form {
4   width: 100%;
5   padding: 1em 15px;
6 }
7 form #q {
8   min-width: 500px;
9 }
10 @media (max-width: 850px) {
11   form #q {
12     min-width: 400px;
13   }
14 }
15 form .checkbox-inline {
16   margin-left: 10px;  
17 }
18 form label {
19   font-weight: normal;
20 }
21
22 .search-type-link {
23   display: inline;
24   margin-right: 2em;
25   position: absolute;
26   right: 0
27 }
28
29 #switch-coords {
30   font-size: 0.8em;
31   font-weight: bold;
32   cursor: pointer;
33 }
34
35 .sidebar {
36   width: 25%;
37   padding: 15px;
38   padding-top: 0;
39   display: inline-block;
40   float: left;
41 }
42
43
44 #map-wrapper {
45   position: relative;
46   min-height: 700px;
47   width: 75%;
48   padding-right: 20px;
49   display: inline-block;
50   float: left;
51 }
52
53 #map {
54   height: 100%;
55   min-height: 700px;
56   background:#eee;
57 }
58
59 #map-position {
60   display: none;
61   position: absolute;
62   top: 0;
63   right: 20px;
64   padding: 0 5px;
65   color: #333;
66   font-size: 11px;
67   background-color: rgba(255, 255, 255, 0.7);
68   z-index: 100;
69 }
70
71 #map-position-close {
72   text-align: right;
73 }
74
75 .result {
76   font-size: 0.8em;
77   margin: 5px;
78   margin-top:0px;
79   padding: 4px 8px;
80   border-radius: 2px;
81   background:#F0F7FF;
82   border: 2px solid #D7E7FF;
83   cursor:pointer;
84   min-height: 5em;
85 }
86
87
88 .result.highlight {
89   background-color: #D9E7F7;
90   border-color: #9DB9E4;
91 }
92 .result.highlight .details {
93   margin: 10px auto;
94   display: block;
95   max-width: 10em;
96 }
97 .result img{
98   float: right;
99 }
100 .result .type{
101   color: gray;
102   font-size: 0.8em;
103 }
104 .result .details {
105   display: none;
106 }
107
108 .result .coords {
109   display: none;  
110 }
111
112 .noresults{
113   text-align: center;
114   padding: 1em;
115 }
116
117 .more{
118   text-align:center;
119   margin-top: 1em;
120 }
121
122 @media (max-width: 768px) {
123   #content {
124     top: 0;
125     position: relative;
126   }
127   #map-wrapper {
128     width: 100%;
129     max-height: 300px;
130     padding: 20px;
131   }
132   #map-position {
133     top: 20px;
134     right: 20px;
135   }
136   #map {
137     height: 300px;
138   }
139   .sidebar {
140     width: 100%;
141   }
142   .search-button-group {
143     display: inline
144   }
145 }