Skip to content

Commit 381c368

Browse files
bjorn2404bjorn2404
committed
Merge pull request bjorn2404#21 from gabriel-kaam/master
Corrects css/map.css to match css/map-style.css (generated from css/map-style.less
2 parents dbdc05d + ca77a79 commit 381c368

File tree

1 file changed

+153
-150
lines changed

1 file changed

+153
-150
lines changed

‎css/map.css‎

Lines changed: 153 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -1,219 +1,222 @@
1-
#store-locator-container{
2-
float: left;
3-
margin-left: 20px;
4-
width: 875px;
5-
font: normal 12px Arial, Helvetica, sans-serif;
6-
color: #333;
1+
#page-header {
2+
float: left;
73
}
84

9-
#page-header{
10-
float: left;
5+
#store-locator-container {
6+
float: left;
7+
margin-left: 20px;
8+
width: 875px;
9+
font: normal 12px Arial,Helvetica,sans-serif;
10+
color: #333;
1111
}
1212

13-
#form-container{
14-
clear: left;
15-
float: left;
16-
margin-top: 15px;
17-
width: 100%;
13+
#store-locator-container #form-container {
14+
clear: left;
15+
float: left;
16+
margin-top: 15px;
17+
width: 100%;
1818
}
1919

20-
#map-container{
21-
clear: left;
22-
float: left;
23-
margin-top: 27px;
24-
height: 530px;
25-
width: 875px;
20+
#store-locator-container #map-container {
21+
clear: left;
22+
float: left;
23+
margin-top: 27px;
24+
height: 530px;
25+
width: 875px;
2626
}
2727

28-
#map-container a{
29-
color: #e76737;
30-
text-decoration: none;
28+
#store-locator-container #map-container a {
29+
color: #e76737;
30+
text-decoration: none;
3131
}
3232

33-
#map-container a:hover, #map-container a:active{
34-
text-decoration: underline;
33+
#store-locator-container #map-container a:hover,
34+
#store-locator-container #map-container a:active {
35+
text-decoration: underline;
3536
}
3637

37-
#map-container .custom-marker{
38-
width: 32px;
39-
height: 37px;
40-
color: #fff;
41-
background: url(../images/custom-marker.png) no-repeat;
38+
#store-locator-container #map-container .custom-marker {
39+
width: 32px;
40+
height: 37px;
41+
color: #fff;
42+
background: url(../images/custom-marker.png) no-repeat;
4243
padding: 3px;
4344
cursor: pointer;
4445
}
4546

46-
#loc-list{
47-
float: left;
48-
width: 240px;
49-
height: 530px;
50-
overflow: auto;
47+
#store-locator-container #loc-list {
48+
float: left;
49+
width: 240px;
50+
height: 530px;
51+
overflow: auto;
5152
}
5253

53-
#loc-list ul{
54-
display: block;
55-
clear: left;
56-
float: left;
57-
list-style: none;
58-
margin: 0;
59-
padding: 0;
54+
#store-locator-container #loc-list ul {
55+
display: block;
56+
clear: left;
57+
float: left;
58+
list-style: none;
59+
margin: 0;
60+
padding: 0;
6061
}
6162

62-
#loc-list .list-label{
63-
float: left;
64-
margin: 10px 0 0 6px;
65-
padding: 2px 3px;
66-
width: 17px;
67-
text-align: center;
68-
background: #451400;
69-
color: #fff;
70-
font-weight: bold;
63+
#store-locator-container #loc-list ul li {
64+
display: block;
65+
clear: left;
66+
float: left;
67+
margin: 6px 10px;
68+
cursor: pointer;
69+
width: 200px;
70+
border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/
7171
}
7272

73-
#loc-list .list-details{
74-
float: left;
75-
margin-left: 6px;
76-
width: 165px;
73+
#store-locator-container #loc-list .list-label {
74+
float: left;
75+
margin: 10px 0 0 6px;
76+
padding: 2px 3px;
77+
width: 17px;
78+
text-align: center;
79+
background: #451400;
80+
color: #fff;
81+
font-weight: bold;
7782
}
7883

79-
#loc-list .list-content{
80-
padding: 10px;
84+
#store-locator-container #loc-list .list-details {
85+
float: left;
86+
margin-left: 6px;
87+
width: 165px;
8188
}
8289

83-
#loc-list .loc-dist{
84-
font-weight: bold;
85-
font-style: italic;
86-
color: #8e8e8e;
90+
#store-locator-container #loc-list .list-details .list-content {
91+
padding: 10px;
8792
}
8893

89-
#loc-list li{
90-
display: block;
91-
clear: left;
92-
float: left;
93-
margin: 6px 10px;
94-
cursor: pointer;
95-
width: 200px;
96-
border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/
94+
#store-locator-container #loc-list .list-details .loc-dist {
95+
font-weight: bold;
96+
font-style: italic;
97+
color: #8e8e8e;
9798
}
9899

99-
#loc-list .list-focus{
100-
border: 1px solid rgba(82,168,236,0.9);
101-
-moz-box-shadow: 0 0 8px rgba(82,168,236,0.7);
102-
-webkit-box-shadow: 0 0 8px rgba(82,168,236,0.7);
103-
box-shadow: 0 0 8px rgba(82,168,236,0.7);
104-
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
100+
#store-locator-container #loc-list .list-focus {
101+
border: 1px solid rgba(82, 168, 236, 0.9);
102+
-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
103+
-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
104+
box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
105+
transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
105106
}
106107

107-
#map-container .loc-name{
108-
color: #AD2118;
109-
font-weight: bold;
108+
#store-locator-container .loc-name {
109+
color: #AD2118;
110+
font-weight: bold;
110111
}
111112

112-
#search-form{
113-
clear: left;
114-
float: left;
115-
height: 60px;
113+
#store-locator-container #search-form {
114+
clear: left;
115+
float: left;
116+
height: 60px;
116117
}
117118

118-
#form-input{
119-
float: left;
120-
margin-top: 3px;
119+
#store-locator-container #form-input {
120+
float: left;
121+
margin-top: 3px;
121122
}
122123

123-
#form-input label{
124-
font-weight: bold;
124+
#store-locator-container #form-input label {
125+
font-weight: bold;
125126
}
126127

127-
#form-input input{
128-
padding: 4px;
129-
line-height: 16px;
130-
border: 1px solid #ccc;
128+
#store-locator-container #form-input input {
129+
padding: 4px;
130+
line-height: 16px;
131+
border: 1px solid #ccc;
131132
}
132133

133-
#address{
134-
margin: 0 0 0 10px;
134+
#store-locator-container #address {
135+
margin: 0 0 0 10px;
135136
}
136137

137-
#submit{
138-
float: left;
139-
cursor: pointer;
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;
138+
#store-locator-container #submit {
139+
float: left;
140+
cursor: pointer;
141+
margin: 3px 0 0 10px;
142+
padding: 3px 6px;
143+
background: #ae2118;
144+
border: 1px solid #961f17;
145+
color: #fff;
146+
-webkit-border-radius: 4px;
146147
border-radius: 4px;
147148
}
148149

149-
#loading-map{
150-
float: left;
151-
margin: 4px 0 0 10px;
152-
width: 16px;
153-
height: 16px;
154-
background: url(../images/ajax-loader.gif) no-repeat;
150+
#store-locator-container #loading-map {
151+
float: left;
152+
margin: 4px 0 0 10px;
153+
width: 16px;
154+
height: 16px;
155+
background: url(../images/ajax-loader.gif) no-repeat;
155156
}
156157

157-
#map{
158-
float: left;
159-
width: 635px;
160-
height: 530px;
158+
#store-locator-container #map {
159+
float: left;
160+
width: 635px;
161+
height: 530px;
161162
}
162163

163164
/* Infowindow Roboto font override */
164-
.gm-style div, .gm-style span, .gm-style label, .gm-style a{
165-
font-family: Arial, Helvetica, sans-serif;
165+
.gm-style div,
166+
.gm-style span,
167+
.gm-style label,
168+
.gm-style a {
169+
font-family: Arial,Helvetica,sans-serif;
166170
}
167171

168172
/* Modal window */
169173

170-
#overlay{
171-
position: fixed;
172-
left: 0px;
173-
top: 0px;
174-
width:100%;
175-
height:100%;
176-
z-index: 10000;
177-
background: url(../images/overlay-bg.png) repeat;
174+
#overlay {
175+
position: fixed;
176+
left: 0px;
177+
top: 0px;
178+
width: 100%;
179+
height: 100%;
180+
z-index: 10000;
181+
background: url(../images/overlay-bg.png) repeat;
178182
}
179183

180-
#modal-window{
181-
position: absolute;
182-
left: 50%;
184+
#overlay #modal-window {
185+
position: absolute;
186+
left: 50%;
183187
margin-left: -460px; /* width divided by 2 */
184188
margin-top: 60px;
185189
width: 920px;
186-
height: 590px;
187-
z-index: 10010;
188-
background: #fff;
189-
border-radius: 10px;
190-
box-shadow: 0 0 10px #656565;
190+
height: 590px;
191+
z-index: 10010;
192+
background: #fff;
193+
border-radius: 10px;
194+
box-shadow: 0 0 10px #656565;
191195
}
192196

193-
#modal-content{
194-
float: left;
195-
padding: 0 22px; /* there's already a margin on the top of the map-container div */
197+
#overlay #modal-window #modal-content {
198+
float: left;
199+
padding: 0 22px; /* there's already a margin on the top of the map-container div */
196200
}
197201

198-
#close-icon{
199-
position: absolute;
200-
top: -6px;
201-
right: -6px;
202-
width: 18px;
203-
height: 18px;
204-
cursor: pointer;
205-
background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat;
206-
border: 1px solid #000;
207-
border-radius: 3px;
208-
box-shadow: 0 0 3px #656565;
202+
#overlay #modal-window #close-icon {
203+
position: absolute;
204+
top: -6px;
205+
right: -6px;
206+
width: 18px;
207+
height: 18px;
208+
cursor: pointer;
209+
background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat;
210+
border: 1px solid #000;
211+
border-radius: 3px;
212+
box-shadow: 0 0 3px #656565;
209213
}
210214

211-
212215
/* The following is for the geocode page and not the store locator */
213216

214-
#geocode-result{
215-
clear: left;
216-
float: left;
217-
margin-top: 30px;
218-
width: 100%;
219-
}
217+
#geocode-result {
218+
clear: left;
219+
float: left;
220+
margin-top: 30px;
221+
width: 100%;
222+
}

0 commit comments

Comments
 (0)