|
28 | 28 |
|
29 | 29 | }
|
30 | 30 |
|
31 |
| - #map{ |
32 |
| - border-width: 10px; |
33 |
| - border-color: #0000FF; |
34 |
| - } |
35 |
| - |
36 |
| - button { |
37 |
| - border-top: 1px solid #FFCB05; |
38 |
| - background: #F7941E; |
39 |
| - padding: 10px 20px; |
40 |
| - -webkit-border-radius: 0px; |
41 |
| - -moz-border-radius: 0px; |
42 |
| - border-radius: 0px; |
43 |
| - -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
44 |
| - -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
45 |
| - box-shadow: rgba(0,0,0,1) 0 1px 0; |
46 |
| - text-shadow: rgba(0,0,0,.4) 0 1px 0; |
47 |
| - color: #fffcff; |
48 |
| - font-size: 18px; |
49 |
| - font-family: Georgia, Serif; |
50 |
| - text-decoration: none; |
51 |
| - vertical-align: middle; |
52 |
| - } |
53 |
| - |
54 |
| - button:hover { |
55 |
| - border-top-color: #00A651; |
56 |
| - background: #00A651; |
57 |
| - color: #ffffff; |
58 |
| - } |
59 |
| - button:active { |
60 |
| - border-top-color: #F7941E; |
61 |
| - background: #F7941E; |
62 |
| - } |
63 | 31 | header {
|
64 | 32 | height: 12px;
|
65 | 33 | width: 100%;
|
66 | 34 | background-color: #F7941E;
|
67 | 35 |
|
68 | 36 | }
|
69 |
| - |
70 |
| - #geolocate-button{ |
| 37 | + |
| 38 | + #map{ |
| 39 | + border-width: 10px; |
| 40 | + border-color: #0000FF; |
| 41 | + } |
| 42 | + |
| 43 | + #geolocate-button { |
71 | 44 | display: inline-block;
|
72 | 45 | background-image: url("images/Geolocation-icon.png");
|
73 | 46 | height: 35px;
|
|
82 | 55 | box-shadow: 0 0 0 0;
|
83 | 56 | }
|
84 | 57 |
|
85 |
| - .start, .end, .time |
86 |
| - { |
| 58 | + .start, .end, .time { |
87 | 59 | font-size: 25px;
|
88 | 60 | width: 65%;
|
| 61 | + width: 90%; |
89 | 62 | }
|
90 |
| - .searchLabel{ |
| 63 | + |
| 64 | + .searchLabel { |
91 | 65 | display: inline-block;
|
92 | 66 | width: 100px;
|
93 | 67 | font-size: 20px;
|
94 | 68 | font-weight: bold;
|
95 | 69 | }
|
96 |
| - .printLabel{ |
97 |
| - position:relative; |
98 |
| - bottom:30px; |
99 |
| - left:0px; |
100 |
| - visibility:hidden; |
101 |
| - color: red; |
102 |
| - } |
103 | 70 |
|
104 | 71 | img {
|
105 | 72 | border: 0px;
|
|
110 | 77 | #email{
|
111 | 78 |
|
112 | 79 | }
|
113 |
| - .logo{ |
| 80 | + |
| 81 | + .logo { |
114 | 82 | border: 0;
|
115 | 83 | margin-top: 6px;
|
116 | 84 | box-shadow: 0 0 0 0;
|
|
124 | 92 | }
|
125 | 93 |
|
126 | 94 | .icon-group {
|
127 |
| - width: 140px; |
| 95 | + /* width: 140px; |
128 | 96 | padding-left: 65%;
|
129 |
| - } |
130 |
| - |
131 |
| - .container .row { |
132 |
| - display: none; |
| 97 | + */ |
| 98 | + padding-right: 20px; |
| 99 | + float: right; |
133 | 100 | }
|
134 | 101 |
|
135 | 102 | #searchResults {
|
|
150 | 117 | line-height: 2.3em;
|
151 | 118 | }
|
152 | 119 |
|
153 |
| - input<option value=type="text"</option> { |
154 |
| - margin-bottom: 6px; |
155 |
| - } |
156 | 120 |
|
157 | 121 | input {
|
158 | 122 | border: 4px solid #00A651;
|
|
172 | 136 | border: 5px solid #FFCB05;
|
173 | 137 | }
|
174 | 138 |
|
175 |
| - @media screen and (min-width: 200px) and (max-width: 1024px) { |
176 |
| - .start, .end, .time |
177 |
| - { |
178 |
| - width: 90%; |
179 |
| - } |
180 |
| - |
181 |
| - .icon-group { |
182 |
| - padding-left: 0; |
183 |
| - } |
184 |
| - } |
185 |
| - |
186 | 139 |
|
187 | 140 | </style>
|
188 | 141 | <title>foodCompass</title>
|
|
216 | 169 | <input type="text" name="end" class="end" />
|
217 | 170 | <div class="icon-group-container">
|
218 | 171 | <div class="icon-group">
|
219 |
| - <img class="switchandprint switch" src="images/icon-swap.gif" width="44" height="44" id="switchInputsButton"/> |
220 |
| - <img class="switchandprint"src="images/icon-printer.gif" width = "44" height = "44" id="print" /> |
| 172 | + <img src="images/icon-swap.gif" width="44" height="44" id="switchInputsButton"/> |
| 173 | + <img src="images/icon-printer.gif" width = "44" height = "44" id="print" /> |
221 | 174 | </div>
|
222 | 175 | </div>
|
223 | 176 | <select>
|
|
0 commit comments