forked from bjorn2404/jQuery-Store-Locator-Plugin
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
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
- Loading branch information
Showing
1 changed file
with
153 additions
and
150 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,219 +1,222 @@ | ||
| #store-locator-container{ | ||
| float: left; | ||
| margin-left: 20px; | ||
| width: 875px; | ||
| font: normal 12px Arial, Helvetica, sans-serif; | ||
| color: #333; | ||
| #page-header { | ||
| float: left; | ||
| } | ||
|
|
||
| #page-header{ | ||
| float: left; | ||
| #store-locator-container { | ||
| float: left; | ||
| margin-left: 20px; | ||
| width: 875px; | ||
| font: normal 12px Arial,Helvetica,sans-serif; | ||
| color: #333; | ||
| } | ||
|
|
||
| #form-container{ | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 15px; | ||
| width: 100%; | ||
| #store-locator-container #form-container { | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 15px; | ||
| width: 100%; | ||
| } | ||
|
|
||
| #map-container{ | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 27px; | ||
| height: 530px; | ||
| width: 875px; | ||
| #store-locator-container #map-container { | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 27px; | ||
| height: 530px; | ||
| width: 875px; | ||
| } | ||
|
|
||
| #map-container a{ | ||
| color: #e76737; | ||
| text-decoration: none; | ||
| #store-locator-container #map-container a { | ||
| color: #e76737; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| #map-container a:hover, #map-container a:active{ | ||
| text-decoration: underline; | ||
| #store-locator-container #map-container a:hover, | ||
| #store-locator-container #map-container a:active { | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| #map-container .custom-marker{ | ||
| width: 32px; | ||
| height: 37px; | ||
| color: #fff; | ||
| background: url(../images/custom-marker.png) no-repeat; | ||
| #store-locator-container #map-container .custom-marker { | ||
| width: 32px; | ||
| height: 37px; | ||
| color: #fff; | ||
| background: url(../images/custom-marker.png) no-repeat; | ||
| padding: 3px; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| #loc-list{ | ||
| float: left; | ||
| width: 240px; | ||
| height: 530px; | ||
| overflow: auto; | ||
| #store-locator-container #loc-list { | ||
| float: left; | ||
| width: 240px; | ||
| height: 530px; | ||
| overflow: auto; | ||
| } | ||
|
|
||
| #loc-list ul{ | ||
| display: block; | ||
| clear: left; | ||
| float: left; | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| #store-locator-container #loc-list ul { | ||
| display: block; | ||
| clear: left; | ||
| float: left; | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| #loc-list .list-label{ | ||
| float: left; | ||
| margin: 10px 0 0 6px; | ||
| padding: 2px 3px; | ||
| width: 17px; | ||
| text-align: center; | ||
| background: #451400; | ||
| color: #fff; | ||
| font-weight: bold; | ||
| #store-locator-container #loc-list ul li { | ||
| display: block; | ||
| clear: left; | ||
| float: left; | ||
| margin: 6px 10px; | ||
| cursor: pointer; | ||
| width: 200px; | ||
| border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/ | ||
| } | ||
|
|
||
| #loc-list .list-details{ | ||
| float: left; | ||
| margin-left: 6px; | ||
| width: 165px; | ||
| #store-locator-container #loc-list .list-label { | ||
| float: left; | ||
| margin: 10px 0 0 6px; | ||
| padding: 2px 3px; | ||
| width: 17px; | ||
| text-align: center; | ||
| background: #451400; | ||
| color: #fff; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| #loc-list .list-content{ | ||
| padding: 10px; | ||
| #store-locator-container #loc-list .list-details { | ||
| float: left; | ||
| margin-left: 6px; | ||
| width: 165px; | ||
| } | ||
|
|
||
| #loc-list .loc-dist{ | ||
| font-weight: bold; | ||
| font-style: italic; | ||
| color: #8e8e8e; | ||
| #store-locator-container #loc-list .list-details .list-content { | ||
| padding: 10px; | ||
| } | ||
|
|
||
| #loc-list li{ | ||
| display: block; | ||
| clear: left; | ||
| float: left; | ||
| margin: 6px 10px; | ||
| cursor: pointer; | ||
| width: 200px; | ||
| border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/ | ||
| #store-locator-container #loc-list .list-details .loc-dist { | ||
| font-weight: bold; | ||
| font-style: italic; | ||
| color: #8e8e8e; | ||
| } | ||
|
|
||
| #loc-list .list-focus{ | ||
| border: 1px solid rgba(82,168,236,0.9); | ||
| -moz-box-shadow: 0 0 8px rgba(82,168,236,0.7); | ||
| -webkit-box-shadow: 0 0 8px rgba(82,168,236,0.7); | ||
| box-shadow: 0 0 8px rgba(82,168,236,0.7); | ||
| transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; | ||
| #store-locator-container #loc-list .list-focus { | ||
| border: 1px solid rgba(82, 168, 236, 0.9); | ||
| -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7); | ||
| -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7); | ||
| box-shadow: 0 0 8px rgba(82, 168, 236, 0.7); | ||
| transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; | ||
| } | ||
|
|
||
| #map-container .loc-name{ | ||
| color: #AD2118; | ||
| font-weight: bold; | ||
| #store-locator-container .loc-name { | ||
| color: #AD2118; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| #search-form{ | ||
| clear: left; | ||
| float: left; | ||
| height: 60px; | ||
| #store-locator-container #search-form { | ||
| clear: left; | ||
| float: left; | ||
| height: 60px; | ||
| } | ||
|
|
||
| #form-input{ | ||
| float: left; | ||
| margin-top: 3px; | ||
| #store-locator-container #form-input { | ||
| float: left; | ||
| margin-top: 3px; | ||
| } | ||
|
|
||
| #form-input label{ | ||
| font-weight: bold; | ||
| #store-locator-container #form-input label { | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| #form-input input{ | ||
| padding: 4px; | ||
| line-height: 16px; | ||
| border: 1px solid #ccc; | ||
| #store-locator-container #form-input input { | ||
| padding: 4px; | ||
| line-height: 16px; | ||
| border: 1px solid #ccc; | ||
| } | ||
|
|
||
| #address{ | ||
| margin: 0 0 0 10px; | ||
| #store-locator-container #address { | ||
| margin: 0 0 0 10px; | ||
| } | ||
|
|
||
| #submit{ | ||
| float: left; | ||
| cursor: pointer; | ||
| margin: 3px 0 0 10px; | ||
| padding: 3px 6px; | ||
| background: #ae2118; | ||
| border: 1px solid #961f17; | ||
| color: #fff; | ||
| -webkit-border-radius: 4px; | ||
| #store-locator-container #submit { | ||
| float: left; | ||
| cursor: pointer; | ||
| margin: 3px 0 0 10px; | ||
| padding: 3px 6px; | ||
| background: #ae2118; | ||
| border: 1px solid #961f17; | ||
| color: #fff; | ||
| -webkit-border-radius: 4px; | ||
| border-radius: 4px; | ||
| } | ||
|
|
||
| #loading-map{ | ||
| float: left; | ||
| margin: 4px 0 0 10px; | ||
| width: 16px; | ||
| height: 16px; | ||
| background: url(../images/ajax-loader.gif) no-repeat; | ||
| #store-locator-container #loading-map { | ||
| float: left; | ||
| margin: 4px 0 0 10px; | ||
| width: 16px; | ||
| height: 16px; | ||
| background: url(../images/ajax-loader.gif) no-repeat; | ||
| } | ||
|
|
||
| #map{ | ||
| float: left; | ||
| width: 635px; | ||
| height: 530px; | ||
| #store-locator-container #map { | ||
| float: left; | ||
| width: 635px; | ||
| height: 530px; | ||
| } | ||
|
|
||
| /* Infowindow Roboto font override */ | ||
| .gm-style div, .gm-style span, .gm-style label, .gm-style a{ | ||
| font-family: Arial, Helvetica, sans-serif; | ||
| .gm-style div, | ||
| .gm-style span, | ||
| .gm-style label, | ||
| .gm-style a { | ||
| font-family: Arial,Helvetica,sans-serif; | ||
| } | ||
|
|
||
| /* Modal window */ | ||
|
|
||
| #overlay{ | ||
| position: fixed; | ||
| left: 0px; | ||
| top: 0px; | ||
| width:100%; | ||
| height:100%; | ||
| z-index: 10000; | ||
| background: url(../images/overlay-bg.png) repeat; | ||
| #overlay { | ||
| position: fixed; | ||
| left: 0px; | ||
| top: 0px; | ||
| width: 100%; | ||
| height: 100%; | ||
| z-index: 10000; | ||
| background: url(../images/overlay-bg.png) repeat; | ||
| } | ||
|
|
||
| #modal-window{ | ||
| position: absolute; | ||
| left: 50%; | ||
| #overlay #modal-window { | ||
| position: absolute; | ||
| left: 50%; | ||
| margin-left: -460px; /* width divided by 2 */ | ||
| margin-top: 60px; | ||
| width: 920px; | ||
| height: 590px; | ||
| z-index: 10010; | ||
| background: #fff; | ||
| border-radius: 10px; | ||
| box-shadow: 0 0 10px #656565; | ||
| height: 590px; | ||
| z-index: 10010; | ||
| background: #fff; | ||
| border-radius: 10px; | ||
| box-shadow: 0 0 10px #656565; | ||
| } | ||
|
|
||
| #modal-content{ | ||
| float: left; | ||
| padding: 0 22px; /* there's already a margin on the top of the map-container div */ | ||
| #overlay #modal-window #modal-content { | ||
| float: left; | ||
| padding: 0 22px; /* there's already a margin on the top of the map-container div */ | ||
| } | ||
|
|
||
| #close-icon{ | ||
| position: absolute; | ||
| top: -6px; | ||
| right: -6px; | ||
| width: 18px; | ||
| height: 18px; | ||
| cursor: pointer; | ||
| background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat; | ||
| border: 1px solid #000; | ||
| border-radius: 3px; | ||
| box-shadow: 0 0 3px #656565; | ||
| #overlay #modal-window #close-icon { | ||
| position: absolute; | ||
| top: -6px; | ||
| right: -6px; | ||
| width: 18px; | ||
| height: 18px; | ||
| cursor: pointer; | ||
| background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat; | ||
| border: 1px solid #000; | ||
| border-radius: 3px; | ||
| box-shadow: 0 0 3px #656565; | ||
| } | ||
|
|
||
|
|
||
| /* The following is for the geocode page and not the store locator */ | ||
|
|
||
| #geocode-result{ | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 30px; | ||
| width: 100%; | ||
| } | ||
| #geocode-result { | ||
| clear: left; | ||
| float: left; | ||
| margin-top: 30px; | ||
| width: 100%; | ||
| } |