rename some css classes

This commit is contained in:
David 2017-03-26 22:08:00 -04:00
parent 394e6c3a40
commit 220445bf52
2 changed files with 9 additions and 7 deletions

View File

@ -29,12 +29,12 @@ ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
#wrapper {margin: 0px auto; padding: 40px; max-width: 900px} #wrapper {margin: 0px auto; padding: 40px; max-width: 900px}
.colorText {color: #FF4646; text-transform: uppercase; font-weight: 700;} .address {color: #FF4646; text-transform: uppercase; font-weight: 700;}
#selected {max-width: 400px; width: 100%; float: left; padding: 5px 10px;} #selected {max-width: 400px; width: 100%; float: left; padding: 5px 10px;}
#selected .description {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; } #selected .description {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; }
#info {max-width: 400px; width: 100%; float: left; padding: 5px 10px;} #info {max-width: 400px; width: 100%; float: left; padding: 5px 10px;}
.category {text-transform: uppercase; font-size: 9px; letter-spacing: .2em; padding-right: 6px;} .store-details {text-transform: uppercase; font-size: 11px; letter-spacing: .1em; padding-right: 6px;}
#viewInfo {cursor: pointer;} #viewInfo {cursor: pointer;}
#info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; } #info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; }

View File

@ -61,17 +61,19 @@
<script id="selectedStore" type="text/html"> <script id="selectedStore" type="text/html">
{{#store}} {{#store}}
<h2>{{name}}</h2> <h2>{{name}}</h2>
<p class="colorText">{{address}}<p> <p class="address">{{address}}<p>
<p class="colorText">{{city}},NY {{#postcode}} {{postcode}} {{/postcode}}</p> <p class="address">{{city}},NY {{#postcode}} {{postcode}} {{/postcode}}</p>
<p> <p>
<a href="https://maps.google.com/maps?q={{name}} {{address}},{{city}},NY" target="_blank">View in Google Maps</a> <a href="https://maps.google.com/maps?q={{name}} {{address}},{{city}},NY" target="_blank">View in Google Maps</a>
</p> </p>
<ul> <ul>
<li> <li>
<span class="category">Events:</span> {{events}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="store-details">Events:</span> {{events}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span class="category">Caf&eacute;:</span> {{cafe}} <span class="store-details">Caf&eacute;:</span> {{cafe}}
</li> </li>
<li><span class="category">Website:</span> <a href='{{website}}' target="_blank">{{website}}</a></li> {{#website}}
<li><span class="store-details">Website:</span> <a href='{{website}}' target="_blank">{{website}}</a></li>
{{/website}}
</ul> </ul>
{{#description}} {{#description}}
<p class="description">{{description}}</p> <p class="description">{{description}}</p>