Skip to content

Commit dbdc05d

Browse files
bjorn2404bjorn2404
committed
Version 1.4.9 updates
1 parent e76beb7 commit dbdc05d

18 files changed

+151
-144
lines changed

‎autogeocode-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1>Using Chipotle as an Example</h1>
2222
<input type="text" id="address" name="address" />
2323
</div>
2424

25-
<div id="submit-btn"><input type="image" id="submit" name="submit" src="images/submit.jpg" alt="Submit" /></div>
25+
<button id="submit" type="submit">Submit</button>
2626
</form>
2727
</div>
2828

‎css/map-style.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/map-style.less

Lines changed: 24 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
1-
#page-header
2-
{
1+
#page-header{
32
float: left;
43
}
54

6-
#store-locator-container
7-
{
5+
#store-locator-container{
86
float: left;
97
margin-left: 20px;
108
width: 875px;
@@ -119,20 +117,32 @@
119117
#form-input{
120118
float: left;
121119
margin-top: 3px;
122-
}
123120

124-
#form-input label{
125-
font-weight: bold;
121+
label{
122+
font-weight: bold;
123+
}
124+
125+
input{
126+
padding: 4px;
127+
line-height: 16px;
128+
border: 1px solid #ccc;
129+
}
126130
}
127131

128132
#address{
129133
margin: 0 0 0 10px;
130134
}
131135

132-
#submit-btn{
136+
#submit{
133137
float: left;
134138
cursor: pointer;
135-
margin-left: 10px;
139+
margin: 3px 0 0 10px;
140+
padding: 3px 6px;
141+
background: #ae2118;
142+
border: 1px solid #961f17;
143+
color: #fff;
144+
-webkit-border-radius: 4px;
145+
border-radius: 4px;
136146
}
137147

138148
#loading-map
@@ -151,6 +161,11 @@
151161
}
152162
}
153163

164+
/* Infowindow Roboto font override */
165+
.gm-style div, .gm-style span, .gm-style label, .gm-style a{
166+
font-family: Arial, Helvetica, sans-serif;
167+
}
168+
154169
/* Modal window */
155170

156171
#overlay{

‎css/map.css

Lines changed: 46 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,40 @@
1-
#store-locator-container
2-
{
1+
#store-locator-container{
32
float: left;
43
margin-left: 20px;
54
width: 875px;
65
font: normal 12px Arial, Helvetica, sans-serif;
76
color: #333;
87
}
98

10-
#page-header
11-
{
9+
#page-header{
1210
float: left;
1311
}
1412

15-
#form-container
16-
{
13+
#form-container{
1714
clear: left;
1815
float: left;
1916
margin-top: 15px;
2017
width: 100%;
2118
}
2219

23-
#map-container
24-
{
20+
#map-container{
2521
clear: left;
2622
float: left;
2723
margin-top: 27px;
2824
height: 530px;
2925
width: 875px;
3026
}
3127

32-
#map-container a
33-
{
28+
#map-container a{
3429
color: #e76737;
3530
text-decoration: none;
3631
}
3732

38-
#map-container a:hover, #map-container a:active
39-
{
33+
#map-container a:hover, #map-container a:active{
4034
text-decoration: underline;
4135
}
4236

43-
#map-container .custom-marker
44-
{
37+
#map-container .custom-marker{
4538
width: 32px;
4639
height: 37px;
4740
color: #fff;
@@ -50,16 +43,14 @@
5043
cursor: pointer;
5144
}
5245

53-
#loc-list
54-
{
46+
#loc-list{
5547
float: left;
5648
width: 240px;
5749
height: 530px;
5850
overflow: auto;
5951
}
6052

61-
#loc-list ul
62-
{
53+
#loc-list ul{
6354
display: block;
6455
clear: left;
6556
float: left;
@@ -68,8 +59,7 @@
6859
padding: 0;
6960
}
7061

71-
#loc-list .list-label
72-
{
62+
#loc-list .list-label{
7363
float: left;
7464
margin: 10px 0 0 6px;
7565
padding: 2px 3px;
@@ -80,27 +70,23 @@
8070
font-weight: bold;
8171
}
8272

83-
#loc-list .list-details
84-
{
73+
#loc-list .list-details{
8574
float: left;
8675
margin-left: 6px;
8776
width: 165px;
8877
}
8978

90-
#loc-list .list-content
91-
{
79+
#loc-list .list-content{
9280
padding: 10px;
9381
}
9482

95-
#loc-list .loc-dist
96-
{
83+
#loc-list .loc-dist{
9784
font-weight: bold;
9885
font-style: italic;
9986
color: #8e8e8e;
10087
}
10188

102-
#loc-list li
103-
{
89+
#loc-list li{
10490
display: block;
10591
clear: left;
10692
float: left;
@@ -110,71 +96,78 @@
11096
border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/
11197
}
11298

113-
#loc-list .list-focus
114-
{
99+
#loc-list .list-focus{
115100
border: 1px solid rgba(82,168,236,0.9);
116101
-moz-box-shadow: 0 0 8px rgba(82,168,236,0.7);
117102
-webkit-box-shadow: 0 0 8px rgba(82,168,236,0.7);
118103
box-shadow: 0 0 8px rgba(82,168,236,0.7);
119104
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
120105
}
121106

122-
#map-container .loc-name
123-
{
107+
#map-container .loc-name{
124108
color: #AD2118;
125109
font-weight: bold;
126110
}
127111

128-
#search-form
129-
{
112+
#search-form{
130113
clear: left;
131114
float: left;
132115
height: 60px;
133116
}
134117

135-
#form-input
136-
{
118+
#form-input{
137119
float: left;
138120
margin-top: 3px;
139121
}
140122

141-
#form-input label
142-
{
123+
#form-input label{
143124
font-weight: bold;
144125
}
145126

146-
#address
147-
{
127+
#form-input input{
128+
padding: 4px;
129+
line-height: 16px;
130+
border: 1px solid #ccc;
131+
}
132+
133+
#address{
148134
margin: 0 0 0 10px;
149135
}
150136

151-
#submit-btn
152-
{
137+
#submit{
153138
float: left;
154139
cursor: pointer;
155-
margin-left: 10px;
140+
margin: 3px 0 0 10px;
141+
padding: 3px 6px;
142+
background: #ae2118;
143+
border: 1px solid #961f17;
144+
color: #fff;
145+
-webkit-border-radius: 4px;
146+
border-radius: 4px;
156147
}
157148

158-
#loading-map
159-
{
149+
#loading-map{
160150
float: left;
161151
margin: 4px 0 0 10px;
162152
width: 16px;
163153
height: 16px;
164154
background: url(../images/ajax-loader.gif) no-repeat;
165155
}
166156

167-
#map
168-
{
157+
#map{
169158
float: left;
170159
width: 635px;
171160
height: 530px;
172161
}
173162

163+
/* Infowindow Roboto font override */
164+
.gm-style div, .gm-style span, .gm-style label, .gm-style a{
165+
font-family: Arial, Helvetica, sans-serif;
166+
}
167+
174168
/* Modal window */
175169

176-
#overlay
177-
{
170+
#overlay{
178171
position: fixed;
179172
left: 0px;
180173
top: 0px;
@@ -184,8 +177,7 @@
184177
background: url(../images/overlay-bg.png) repeat;
185178
}
186179

187-
#modal-window
188-
{
180+
#modal-window{
189181
position: absolute;
190182
left: 50%;
191183
margin-left: -460px; /* width divided by 2 */
@@ -198,14 +190,12 @@
198190
box-shadow: 0 0 10px #656565;
199191
}
200192

201-
#modal-content
202-
{
193+
#modal-content{
203194
float: left;
204195
padding: 0 22px; /* there's already a margin on the top of the map-container div */
205196
}
206197

207-
#close-icon
208-
{
198+
#close-icon{
209199
position: absolute;
210200
top: -6px;
211201
right: -6px;
@@ -221,8 +211,7 @@
221211

222212
/* The following is for the geocode page and not the store locator */
223213

224-
#geocode-result
225-
{
214+
#geocode-result{
226215
clear: left;
227216
float: left;
228217
margin-top: 30px;

‎default-location-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1>Using Chipotle as an Example</h1>
2222
<input type="text" id="address" name="address" />
2323
</div>
2424

25-
<div id="submit-btn"><input type="image" id="submit" name="submit" src="images/submit.jpg" alt="Submit" /></div>
25+
<button id="submit" type="submit">Submit</button>
2626
</form>
2727
</div>
2828

‎geocode.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h1>Simple geocoding form</h1>
2020
<input type="text" id="address" name="address" />
2121
</div>
2222

23-
<div id="submit-btn"><input type="image" id="submit" name="submit" src="images/submit.jpg" alt="Submit" /></div>
23+
<button id="submit" type="submit">Submit</button>
2424
</form>
2525
</div>
2626

‎images/submit.jpg

-1.38 KB
Binary file not shown.

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1>Using Chipotle as an Example</h1>
2222
<input type="text" id="address" name="address" />
2323
</div>
2424

25-
<div id="submit-btn"><input type="image" id="submit" name="submit" src="images/submit.jpg" alt="Submit" /></div>
25+
<button id="submit" type="submit">Submit</button>
2626
</form>
2727
</div>
2828

0 commit comments

Comments
 (0)