/* Member List */
.search-result-item {
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
+ font-size: 14px;
+ line-height: 130%;
padding: 15px 20px;
background-color: #eee;
height: 1%;
overflow: hidden;
position: relative;
background-color: #ffffff;
- background-image: -moz-linear-gradient(top, #ffffff, #E9F0F7); /* FF3.6 */
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #E9F0F7)); /* Saf4+, Chrome */
+/* background-image: -moz-linear-gradient(top, #ffffff, #E9F0F7); FF3.6
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #E9F0F7)); Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7')"; /* IE8 */
border: 1px solid #95B1CD;
border-radius: 5px;
}
.search-result-item-on {
- border: 1px solid #726646 !important;
+ border: 1px solid #f27225 !important;
}
.memberSR {
float: right;
#business-list-contacts h2 {margin-bottom: 0;}
#member-detail .vcard {
float: left;
- width: 200px;
+ /*width: 200px;*/
}
#member-detail .member-button {
float: left;
font-size: 18px;
}
#image-box {
- float: right;
- width: 270px;
- margin-bottom: 10px;
- margin-left: 10px;
+ margin: 0 auto;
+ /*float: right;*/
+ max-width: 300px;
+ /*margin-bottom: 10px;*/
+ /*margin-left: 10px;*/
}
#photo-caption {
text-align: center;
/* Right Column Member Deatil */
#mColumn {
clear: right;
- float: right;
+ /*float: right;*/
position: relative;
- width: 146px;
+ /*width: 146px;*/
border: 1px solid #ccc;
border-bottom: 0;
margin-left: 20px;
div.thumb {
margin: 2px 3px;
}
-
+
/* Map style */
.gm-style img {
max-width: none;
.gm-style-iw div {
overflow: hidden !important;
float:left !important;
+}
+
+/* Members List */
+#members_wrapper .search-result-item {
+ border: 1px solid #7BBDE1;
+ border-radius: 6px;
+ background: #F5F5F5;
+ margin-bottom: 8px;
+ -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+}
+#members_wrapper .search-result-item-on {
+ border: 1px solid #ACACAC !important;
+}
+#members_wrapper .search-result-item h2 a, #members_wrapper .search-result-item h2 a:link {
+ font-weight: normal;
+ text-decoration: none;
+ font-size: 18px;
+ color: #0264A1;
+ text-decoration: underline;
+ font-family: Arial, Helvetica, sans-serif;
+}
+#members_wrapper .search-result-item h2 a:hover {
+ color: #29ABE2;
+}
+#members_wrapper .memberSR {
+ width: 33%;
+ margin-left: 3%;
+}
+#members_wrapper .memberSR img {
+ width: 100%;
+ display: block;
+ border-radius: 6px;
+}
+#members_wrapper .member_main {
+ width: 50%;
+}
+#members_wrapper a.list-add-link {
+ color: #FFFFFF;
+ display: block;
+ float: right;
+ clear: right;
+ font-weight: normal;
+ margin: 1px 0 4px 10px;
+ padding: 7px 10px 7px 30px;
+ text-align: center;
+ text-transform: none;
+ width: 100%;
+ font-size: 12px;
+ line-height: 14px;
+ text-decoration: none;
+ background: #013765 url(assets/add.png) 8px 50% no-repeat;
+ border-radius: 6px;
+}
+#members_wrapper a.list-view-link {
+ color: #FFFFFF;
+ display: block;
+ float: right;
+ clear: right;
+ font-weight: normal;
+ margin: 1px 0 4px 10px;
+ padding: 7px 10px 7px 30px;
+ text-align: center;
+ text-transform: none;
+ width: 100%;
+ font-size: 12px;
+ line-height: 14px;
+ text-decoration: none;
+ background: #358AB7 url(assets/view.png) 8px 50% no-repeat;
+ border-radius: 6px;
+}
+#members_wrapper .search-result-location {
+ float: left;
+ width: 64%;
+}
+#members_wrapper .member_list_res {
+ color: #FFFFFF;
+ display: block;
+ font-weight: normal;
+ margin: 0 0 8px 0;
+ padding: 7px 5px 7px 25px;
+ text-align: center;
+ text-transform: none;
+ width: 60%;
+ font-size: 12px;
+ line-height: 14px;
+ text-decoration: none;
+}
+#members_wrapper a.mem_website {
+ display: block;
+ float: left;
+ width: auto;
+ color: #73BF45;
+ height: 28px;
+ margin: 0 10px 3px 0;
+ padding: 4px 0 4px 32px;
+}
+#members_wrapper a.mem_dirs, #member-detail .member-button {
+ display: block;
+ float: left;
+ width: auto;
+ height: 28px;
+ margin: 6px 20px 0 0;
+ padding: 4px 0 4px 0;
+}
+#members_wrapper a.mem_email {
+ display: block;
+ float: left;
+ width: auto;
+ color: #73BF45;
+ height: 28px;
+ margin: 0 10px 3px 0;
+ padding: 4px 0 4px 32px;
+}
+#ext_detail_teetime_btn {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ background: #73BF45 url(assets/golf.png) 0 50% no-repeat;
+ border-radius: 6px;
+ margin: 5px 0 0 0;
+ padding: 7px 10px 7px 24px;
+ text-align: center;
+ color: #FFF;
+ text-decoration: none;
+ font-size: 12px;
+}
+/* Member Detail */
+#member-detail {
+ display: block;
+ clear: both;
+ margin: 10px 0 20px 0;
+ overflow: hidden;
+}
+#member-detail .vcard {
+
+ display: block;
+ /*width: 66%;*/
+}
+#member-detail span, #member-detail div, #main > div {
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
+ font-size: 14px;
+ line-height: 130%;
+}
+.business-list-amenities > div.panel > ul {
+ margin: 0;
+ padding: 0;
+}
+#member-detail .vcard h1 {
+ margin-top: 0;
+ padding-top: 0;
+ font-size: 20px;
+ font-weight: normal;
+}
+#image-box {
+ max-width: 300px;
+ }
+#image-box -img {
+ margin: 0 auto;
+ }
+#member-img-1 {
+ margin:0;
+ padding:0;
+ width:100%;
+ border-radius: 6px;
+}
+.member_link_wrapper {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ margin: 10px 0;
+}
+#google-div {
+ display: block;
+ float: left;
+ clear: left;
+ background: #F5F5F5;
+ border: 1px solid #7BBDE1;
+ clear: left;
+ margin: 5px 0 10px 0;
+ padding: 6px 10px;
+ position: relative;
+ width: 100%;
+ border-radius: 6px;
+}
+#google-div h3 {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ margin: 0;
+ padding: 8px 0;
+ color: #777;
+ font-weight: normal;
+}
+#google-div input[type="text"] {
+ display: block;
+ float: left;
+ width: 100%;
+ padding: 2px;
+ border: 1px solid #CCC;
+ color: #666;
+}
+#google-div input[type="submit"] {
+ display: block;
+ float: right;
+ clear: none;
+ width: 110px;
+ margin: 10px 0 0 0;
+ padding: 3px 16px;
+ border: 1px solid #999;
+ background: #FDFDFF;
+ border-radius: 5px;
+ font-size: 13px;
+ -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+ color: #999;
+ cursor: pointer;
+}
+#google-div input[type="submit"]:hover {
+ color: #3FAC46;
+ background: #FFF;
+ background: -moz-linear-gradient(top, #ffffff 0%, #edecef 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edecef));
+ background: -webkit-linear-gradient(top, #ffffff 0%,#edecef 100%);
+ background: -o-linear-gradient(top, #ffffff 0%,#edecef 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%,#edecef 100%);
+ background: linear-gradient(to bottom, #ffffff 0%,#edecef 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecef',GradientType=0 );
+}
+.member_desc {
+ clear: left;
+ padding-top: 10px;
+ width: 66%;
+}
+#mColumn {
+ /*width: 30%;*/
+ margin-left: 4%;
+ margin-bottom: 14px;
+ border: 0;
+}
+#mColumn > ul {
+ display: block;
+ overflow: hidden;
+ border-radius: 0 0 6px 6px;
+ border-top: 1px solid #217DC7;
+ border-bottom: 1px solid #CCC;
+ border-left: 1px solid #CCC;
+ border-right: 1px solid #CCC;
+ margin: 0;
+}
+#mColumn ul li {
+ border: 0;
+}
+#mColumn > ul {
+ padding:0;
+ margin:0 !important;
+ width:100%;
+}
+#mColumn h2 {
+ display: block;
+ width: 100%;
+ background: #217DC7;
+ margin: 15px 0 0 0 !important;
+ padding: 5px;
+ font-size: 12px !important;
+ font-weight: normal !important;
+ color: #FFF !important;
+ text-align: center;
+ font-family: Arial, Helvetica, sans-serif;
+ overflow: hidden;
+ border-radius: 5px 5px 0 0;
+ border: 0;
+}
+#mColumn ul#mColumnSoc {
+ margin: 0 0 15px 0;
+ display: block;
+ width: 100%;
+ overflow: hidden;
+}
+#mColumn ul#mColumnSoc li {
+ display: block;
+ float: left;
+ width: 22px;
+ height: 28px;
+ border: 0;
+ margin-top: 4px;
+}
+#mColumn ul#mColumnSoc a {
+ text-indent: -4999px;
+}
+#member-detail a.list-add-link {
+ float: right;
+ clear: right;
+ color: #FFFFFF;
+ display: block;
+ font-weight: normal;
+ margin: 0 0 10px 4%;
+ padding: 7px 10px 7px 30px;
+ text-align: center;
+ text-transform: none;
+ width: 30%;
+ font-size: 12px;
+ line-height: 14px;
+ text-decoration: none;
+ background: #013765 url(assets/add.png) 8px 50% no-repeat;
+ border-radius: 6px;
+}
+#member-detail a.list-view-link {
+ float: right;
+ clear: right;
+ color: #FFFFFF;
+ display: block;
+ font-weight: normal;
+ margin: 0 0 10px 4%;
+ padding: 7px 10px 7px 30px;
+ text-align: center;
+ text-transform: none;
+ width: 30%;
+ font-size: 12px;
+ line-height: 14px;
+ text-decoration: none;
+ background: #358AB7 url(assets/view.png) 8px 50% no-repeat;
+ border-radius: 6px;
+}
+/* Member Amenities */
+.business-list-amenities {
+ float: left;
+ clear: left;
+ width: 100%;
+ margin: 10px 0 20px 0;
+ padding: 0;
+}
+.business-list-amenities h2 {
+ font-size: 20px;
+ font-weight: normal;
+ color: #2783B7;
+ padding: 10px 0;
+}
+.business-list-amenities ul {
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ /*padding: 10px 5px 10px 24px;*/
+/* border: 1px solid #CCC;
+ background: #F5F5F5;*/
+}
+.business-list-amenities ul li {
+ list-style-type: disc;
+ font-weight: normal;
+ line-height: 20px;
+ float: left;
+ width: 29.33333332%;
+ margin: 3px 2%;
+ padding: 0 5px 0 0;
+}
+/* Member Packages */
+.member-travel-item {
+ overflow: hidden;
+ margin-bottom: 10px;
+ margin-top: 0;
+ border-left: 1px solid #CCC;
+ border-right: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+ border-top: 0;
+ border-radius: 0 0 6px 6px;
+ background: #F5F5F5;
+ padding: 10px 0;
+}
+.member-travel-item img {
+ display: block;
+ width: 28%;
+ min-width: 120px;
+ margin-left: 4%;
+ margin-right: 2%;
+ margin-bottom: 5px;
+}
+.member-travel-item .member-package-descr {
+ display: block;
+ padding: 0 14px;
+}
+#packageSection h3 {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ background: #217DC7;
+ color: #FFF;
+ font-weight: normal;
+ padding: 5px 14px;
+ border-radius: 5px 5px 0 0;
+}
+#packageSection h2 {
+ font-size: 20px;
+ font-weight: normal;
+ color: #2783B7;
+ padding: 10px 0;
+}
+/* Member Golf */
+.member-golf-result {
+ display: block;
+ width: 100%;
+ clear: both;
+ margin-top: 10px;
+ overflow: hidden;
+ font-size: 12px;
+}
+.member-golf-result h2 {
+ display: block;
+ float: left;
+ width: 70%;
+ font-size: 20px;
+ font-weight: normal;
+ color: #2783B7;
+ padding: 16px 0 10px 0;
+ margin: 0;
+}
+.member-golf-teetime {
+ position: relative;
+ display: block;
+ float: right;
+ clear: none;
+ width: 30%;
+ margin: 16px 0 0 0;
+ padding: 0;
+}
+.member-golf-teetime a {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ background: #73BF45 url(assets/golf.png) 0 50% no-repeat;
+ border-radius: 6px;
+ margin: 0;
+ padding: 7px 10px 7px 20px;
+ text-align: center;
+ color: #FFF;
+ text-decoration: none;
+}
+.member-golf-stats {
+ display: block;
+ width: auto;
+ overflow: hidden;
+ margin: 2px 0 6px 0;
+}
+.golf-header {
+ display: block;
+ float: left;
+ width: 150px;
+ overflow: hidden;
+ border-top: 1px solid #CCC;
+ border-right: 0;
+ border-left: 1px solid #CCC;
+ border-bottom: 0;
+ background: #F5F5F5;
+}
+.golf-header div.par, .golf-header div.yardage, .golf-header div.c_rating, .golf-header div.s_rating, .golf-header div.nine_holes, .golf-header div.eightteen_holes, .golf-header div.walking {
+ display: block;
+ float: left;
+ width: 100%;
+ border-bottom: 1px solid #CCC;
+ border-right: 1px solid #CCC;
+ padding: 5px;
+}
+.golf-content {
+ display: block;
+ float: left;
+ width: 80px;
+ overflow: hidden;
+ border-bottom: 0;
+ border-top: 1px solid #CCC;
+ border-right: 1px solid #CCC;
+ border-left: 0;
+}
+.golf-content div.par, .golf-content div.yardage, .golf-content div.c_rating, .golf-content div.s_rating, .golf-content div.nine_holes, .golf-content div.eightteen_holes, .golf-content div.walking {
+ display: block;
+ float: left;
+ width: 100%;
+ border-bottom: 1px solid #CCC;
+ padding: 5px;
+}
+/* Member Restaurant */
+#member-detail .member-restaurant-item {
+ float: left;
+ clear: both;
+ width: 100%;
+ margin: 10px 0 16px 0;
+ padding: 0;
+ font-size: 12px;
+}
+#member-detail .member-restaurant-item h3 {
+ font-size: 20px;
+ font-weight: normal;
+ color: #2783B7;
+ padding: 16px 0 10px 0;
+}
+.member-restaurant-header {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ border-top: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+ border-left: 1px solid #CCC;
+ background: #F5F5F5;
+}
+.member-restaurant-header div {
+ display: block;
+ float: left;
+ width: 20%;
+ border-right: 1px solid #CCC;
+ padding: 5px;
+}
+.member-restaurant-content {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ border-bottom: 1px solid #CCC;
+ border-left: 1px solid #CCC;
+}
+.member-restaurant-content div {
+ display: block;
+ float: left;
+ width: 20%;
+ border-right: 1px solid #CCC;
+ padding: 5px;
+}
+/* Member Files */
+#member-files {
+ display: block;
+ float: left;
+ clear: both;
+ margin-top: 0;
+ overflow: hidden;
+}
+#member-files h2 {
+ font-size: 20px;
+ font-weight: normal;
+ color: #2783B7;
+ padding: 16px 0 10px 0;
}
\ No newline at end of file
>
</flexy:toJavascript>
<div id="member-detail">
- <div id="image-box" style="height: 1%; overflow: hidden;">
- <div flexy:if="logo" id="logo-spot">
- <img id="member-img-1"
- alt="Member Logo Image"
- src="{image_path:h}{logo:h}">
- </div>
- </div>
-
{memberSince:h}
-
- <div class="vcard">
- <h1 class="fn org">{member_name:h}</h1>
- <div class="adr">
- <div flexy:if="hasMailingAddy" class="type">Street Address</div>
- <div class="street-address">{street:h}</div>
- <div>
- <span class="locality">{city:h}</span>,
- <span class="region" title="{state_name:h}">
- {state_abbr:h}
- </span>
- <span class="postal-code">{zip:h}</span>
+ <div class="row">
+ <div class="vcard small-12 medium-8 columns">
+ <h1 class="fn org">{member_name:h}</h1>
+ <div class="adr">
+ <div flexy:if="hasMailingAddy" class="type">Street Address</div>
+ <div class="street-address">{street:h}</div>
+ <div>
+ <span class="locality">{city:h}</span>,
+ <span class="region" title="{state_name:h}">
+ {state_abbr:h}
+ </span>
+ <span class="postal-code">{zip:h}</span>
+ </div>
+ </div><!-- /.adr -->
+ <div flexy:if="hasMailingAddy" class="adr">
+ <div class="type">Mailing Address</div>
+ <div class="street-address">{mailing_address:h}</div>
+ <div>
+ <span class="locality">{mailing_city:h}</span>,
+ <span class="region" title="{mailing_state_name:h}">
+ {mailing_state_abbr:h}
+ </span>
+ <span class="postal-code">{mailing_zip:h}</span>
+ </div>
+ </div><!-- /.adr -->
+ <div flexy:if="phone" class="tel">
+ <span class="type">Phone</span>:
+ <span class="value">{phone:h}</span>
</div>
- </div><!-- /.adr -->
- <div flexy:if="hasMailingAddy" class="adr">
- <div class="type">Mailing Address</div>
- <div class="street-address">{mailing_address:h}</div>
- <div>
- <span class="locality">{mailing_city:h}</span>,
- <span class="region" title="{mailing_state_name:h}">
- {mailing_state_abbr:h}
- </span>
- <span class="postal-code">{mailing_zip:h}</span>
+ <div flexy:if="toll_free" class="tel">
+ <span class="type">Toll Free</span>:
+ <span class="value">{toll_free:h}</span>
+ </div>
+ <div flexy:if="fax" class="tel">
+ <span class="type">Fax</span>:
+ <span class="value">{fax:h}</span>
+ </div>
+ <a flexy:if="email" class="email member-button" title="Email" href="mailto:{email:h}">Email</a>
+ <a flexy:if="url" title="Website" href="{url:h}" class="external member-button member-website" rel="{member_id}">Website</a>
+ <div id="google-div">
+ <div class="customDialog">
+ <form id="GDirs" action="http://maps.google.com/maps" method="get" target="_blank">
+ <h3>Get Driving Directions:</h3>
+ <div class="hiddenElements">
+ <input id="toaddress" type="text" name="saddr" size="40" value="Your Address City, State Zip">
+ <input type="hidden" name="daddr" value="{daddr:h}">
+ <input type="submit" value="Get Directions">
+ </div>
+ </form>
+ </div><!--/.customDialog -->
+ </div><!-- /#google-div -->
+ </div><!-- /.vcard -->
+
+ <div id="image-box" class="small-12 medium-4 columns">
+ <div flexy:if="logo">
+ <img id="member-img-1"
+ alt="Member Logo Image"
+ src="{image_path:h}{logo:h}">
</div>
- </div><!-- /.adr -->
- <div flexy:if="phone" class="tel">
- <span class="type">Phone</span>:
- <span class="value">{phone:h}</span>
- </div>
- <div flexy:if="toll_free" class="tel">
- <span class="type">Toll Free</span>:
- <span class="value">{toll_free:h}</span>
- </div>
- <div flexy:if="fax" class="tel">
- <span class="type">Fax</span>:
- <span class="value">{fax:h}</span>
</div>
- <a flexy:if="email" class="email member-button" title="Email" href="mailto:{email:h}">Email</a>
- <a flexy:if="url" title="Website" href="{url:h}" class="external member-button member-website" rel="{member_id}">Website</a>
- <div id="google-div">
- <div class="customDialog">
- <form id="GDirs" action="http://maps.google.com/maps" method="get" target="_blank">
- <h3>Get Driving Directions:</h3>
- <div class="hiddenElements">
- <input id="toaddress" type="text" name="saddr" size="40" value="Your Address City, State Zip">
- <input type="hidden" name="daddr" value="{daddr:h}">
- <input type="submit" value="Get Directions">
- </div>
- </form>
- </div><!--/.customDialog -->
- </div><!-- /#google-div -->
- </div><!-- /.vcard -->
+ </div>
- <div flexy:if="show_attributes" id="mColumn">
- <h2 flexy:if="has_accommodations">Accommodations Info</h2>
- <ul flexy:if="has_accommodations" id="mColumnAcc">
- <li>
- <ul>
- <li flexy:if="year_round"> Open Year Round </li>
- <li flexy:if="lists_number_of_rooms">
-{num_rooms:h} Rooms
+ <div class="row">
+ <div class="text-left small-12 medium-8 columns">
+ {description:h}
+ </div>
+ <div class="small-12 medium-4 columns">
+ <div flexy:if="show_attributes" id="mColumn">
+ <h3 flexy:if="has_accommodations">Accommodations Info</h3>
+ <ul flexy:if="has_accommodations" id="mColumnAcc">
+ <li>
+ <ul>
+ <li flexy:if="year_round"> Open Year Round </li>
+ <li flexy:if="lists_number_of_rooms">
+ {num_rooms:h} Rooms
+ </li>
+ {if:does_online_reservations}
+ <li flexy:if="reservation_id">
+ <a href="{base_url:h}index.php?catid=50&set_property={reservation_id:h}">Reservations</a>
+ </li>
+ <li flexy:if="reservation_url">
+ <a class="external" href="{reservation_url:h}">Reservations</a>
+ </li>
+ {end:}
+ </ul>
</li>
-{if:does_online_reservations}
- <li flexy:if="reservation_id">
- <a href="{base_url:h}index.php?catid=50&set_property={reservation_id:h}">Reservations</a>
+ </ul>
+ <h2 flexy:if="has_social_media">Social Media Links</h2>
+ <ul flexy:if="has_social_media" id="mColumnSoc">
+ <li flexy:if="facebook" class="mFacebook">
+ <a class="external" href="{facebook:h}">Facebook</a>
</li>
- <li flexy:if="reservation_url">
- <a class="external" href="{reservation_url:h}">Reservations</a>
+ <li flexy:if="twitter" class="mTwitter">
+ <a class="external" href="{twitter:h}">Twitter</a>
+ </li>
+ <li flexy:if="pinterest" class="mPinterest">
+ <a class="external" href="{pinterest:h}">Pinterest</a>
+ </li>
+ <li flexy:if="myspace" class="mInstagram">
+ <a class="external" href="{instagram:h}">Instagram</a>
+ </li>
+ <li flexy:if="myspace" class="mGooglePlus">
+ <a class="external" href="{google_plus:h}">Google+</a>
+ </li>
+ <li flexy:if="linkedin" class="mLinkedIn">
+ <a class="external" href="{linkedin:h}">LinkedIn</a>
+ </li>
+ <li flexy:if="youtube" class="mYouTube">
+ <a class="external" href="{youtube:h}">YouTube</a>
+ </li>
+ <li flexy:if="blog" class="mBlog">
+ <a class="external" href="{blog:h}">Blog</a>
+ </li>
+ <li flexy:if="myspace" class="mMyspace">
+ <a class="external" href="{myspace:h}">MySpace</a>
</li>
-{end:}
- </ul>
- </li>
- </ul>
- <h2 flexy:if="has_social_media">Social Media Links</h2>
- <ul flexy:if="has_social_media" id="mColumnSoc">
- <li flexy:if="facebook" class="mFacebook">
- <a class="external" href="{facebook:h}">Facebook</a>
- </li>
- <li flexy:if="twitter" class="mTwitter">
- <a class="external" href="{twitter:h}">Twitter</a>
- </li>
- <li flexy:if="pinterest" class="mPinterest">
- <a class="external" href="{pinterest:h}">Pinterest</a>
- </li>
- <li flexy:if="myspace" class="mInstagram">
- <a class="external" href="{instagram:h}">Instagram</a>
- </li>
- <li flexy:if="myspace" class="mGooglePlus">
- <a class="external" href="{google_plus:h}">Google+</a>
- </li>
- <li flexy:if="linkedin" class="mLinkedIn">
- <a class="external" href="{linkedin:h}">LinkedIn</a>
- </li>
- <li flexy:if="youtube" class="mYouTube">
- <a class="external" href="{youtube:h}">YouTube</a>
- </li>
- <li flexy:if="blog" class="mBlog">
- <a class="external" href="{blog:h}">Blog</a>
- </li>
- <li flexy:if="myspace" class="mMyspace">
- <a class="external" href="{myspace:h}">MySpace</a>
- </li>
- </ul>
- <h2 flexy:if="ccards">Payment Types Accepted</h2>
- <ul flexy:if="ccards">
- <li>
- <ul>
- <li flexy:foreach="ccards,v">{v:h}</li>
</ul>
- </li>
- </ul>
- </div><!-- /#mColumn -->
+ <h2 flexy:if="ccards">Payment Types Accepted</h2>
+ <ul flexy:if="ccards">
+ <li>
+ <ul>
+ <li flexy:foreach="ccards,v">{v:h}</li>
+ </ul>
+ </li>
+ </ul>
+ </div><!-- /#mColumn -->
-{if:addToLink}
- <a id="add-{member_id}" class="list-add-link" rel="{member_id}" flexy:if="plink" href="{plink:h}">
- <img alt="Add to Your Travel List" class="list-add-link" rel="{member_id}" title="Add to Your Travel List" src="{base_url:h}assets/addto.gif" style="float: right; margin: 10px;clear: right;">
- <img id="loading-planner" style="display: none;" src="{glm_base_url:h}gallery/loadingAnimation.gif">
- </a>
-{else:}
- <a href="{plink:h}" flexy:if="plink" class="list-view-link">
- <img alt="View Your Travel List" title="View Your Travel List" src="{base_url:h}assets/viewTravelPlanner.gif" style="float: right; margin: 10px;clear: right;">
- </a>
-{end:}
-
- <div style="clear: left; text-align: justify;">{description:h}</div>
-
- <div flexy:if="amenities" class="business-list-amenities">
- <ul>
- <li flexy:foreach="amenities,v">{v:h}</li>
- </ul>
+ {if:addToLink}
+ <a id="add-{member_id}" class="list-add-link" rel="{member_id}" flexy:if="plink" href="{plink:h}">
+ <img alt="Add to Your Travel List" class="list-add-link" rel="{member_id}" title="Add to Your Travel List" src="{base_url:h}assets/addto.gif" style="float: right; margin: 10px;clear: right;">
+ <img id="loading-planner" style="display: none;" src="{glm_base_url:h}gallery/loadingAnimation.gif">
+ </a>
+ {else:}
+ <a href="{plink:h}" flexy:if="plink" class="list-view-link">
+ <img alt="View Your Travel List" title="View Your Travel List" src="{base_url:h}assets/viewTravelPlanner.gif" style="float: right; margin: 10px;clear: right;">
+ </a>
+ {end:}
+ </div>
</div>
-
- <div flexy:if="files" id="member-files">
- <h2>Files Available for Download</h2>
- <a flexy:foreach="files,k,v" class="file-download pdf external" href="{v[href]:h}">{v[name]:h}</a>
+ <div class="row">
+ <div flexy:if="amenities" class="business-list-amenities small-12 columns">
+ <h3>Amenities</h3>
+ <div class="panel">
+ <ul>
+ <li flexy:foreach="amenities,v">{v:h}</li>
+ </ul>
+ </div>
+ </div>
</div>
-
- <div flexy:if="packages" class="member-travel-item" id="packageSection">
- <h2>Packages</h2>
- {foreach:packages,v}
- <div id="member_package_{v[id]:h}">
- <h3 flexy:if="v[title]">{v[title]:h}</h3>
- {if:v[image]}
- <img alt="{v[image]:h}" src="{v[image]:h}">
- {end:}
-
- {if:v[description]}
- {v[description]:h}
- {end:}
+ <div class="row">
+ <div flexy:if="files" id="member-files" class="small-12 medium-4 columns">
+ <h3>Files Available for Download</h3>
+ <a flexy:foreach="files,k,v" class="file-download pdf external" href="{v[href]:h}">{v[name]:h}</a>
</div>
- {end:}
</div>
+ <div class="row">
+ <div flexy:if="packages" class="member-travel-item small-12 columns" id="packageSection">
+ <h3>Packages</h3>
+ {foreach:packages,v}
+ <div id="member_package_{v[id]:h}">
+ <h3 flexy:if="v[title]">{v[title]:h}</h3>
+ {if:v[image]}
+ <img alt="{v[image]:h}" src="{v[image]:h}">
+ {end:}
- <div id="photo_wrapper" flexy:if="photos" class="small-12 columns">
- <h3>Photo Gallery</h3>
- <ul id="Gallery" class="gallery">
- {foreach:photos,photo}
- <li>
- <a class="photoimg" href="{photo[id]:h}" title="{photo[alt]}" rel="{photo[description]}">
- <img src="{photo[src]}" alt="{photo[alt]}">
- {if:photo[alt]}<span class="phototitle">{photo[alt]}</span>{end:}</a>
- </li>
+ {if:v[description]}
+ {v[description]:h}
+ {end:}
+ </div>
{end:}
- </ul>
+ </div>
</div>
-
- <div flexy:if="golf_info" class="member-golf-result">
- <h2>Course Information</h2>
- <table class="member-golf-stats">
- <tbody>
- <tr>
- <th flexy:if="par">Par</th>
- <th flexy:if="yardage">Yardage</th>
- <th flexy:if="course_rating">Course Rating</th>
- <th flexy:if="slope_rating">Slope Rating</th>
- <th flexy:if="holes9">9 Holes</th>
- <th flexy:if="holes18">18 Holes</th>
- </tr>
- <tr>
- <td flexy:if="par">{par:h}</td>
- <td flexy:if="yardage">{yardage:h}</td>
- <td flexy:if="course_rating">{course_rating:h}</td>
- <td flexy:if="slope_rating">{slope_rating:h}</td>
- <td flexy:if="holes9">{holes9:h}</td>
- <td flexy:if="holes18">{holes18:h}</td>
- </tr>
- </tbody>
- </table>
- <div class="member-golf-walking">
- <strong>Walking Course:</strong>
- {walking_course:h}
+ <div class="row">
+ <div id="photo_wrapper" flexy:if="photos" class="small-12 columns">
+ <h3>Photo Gallery</h3>
+ <ul id="Gallery" class="gallery">
+ {foreach:photos,photo}
+ <li>
+ <a class="photoimg" href="{photo[id]:h}" title="{photo[alt]}" rel="{photo[description]}">
+ <img src="{photo[src]}" alt="{photo[alt]}">
+ {if:photo[alt]}<span class="phototitle">{photo[alt]}</span>{end:}</a>
+ </li>
+ {end:}
+ </ul>
</div>
- <div class="member-golf-teetime" flexy:if="res_url">
- <a href="{res_url:h}">Make a Tee Time</a>
+ </div>
+ <div class="row">
+ <div flexy:if="golf_info" class="member-golf-result small-12 columns">
+ <h3>Course Information</h3>
+ <table class="member-golf-stats">
+ <tbody>
+ <tr>
+ <th flexy:if="par">Par</th>
+ <th flexy:if="yardage">Yardage</th>
+ <th flexy:if="course_rating">Course Rating</th>
+ <th flexy:if="slope_rating">Slope Rating</th>
+ <th flexy:if="holes9">9 Holes</th>
+ <th flexy:if="holes18">18 Holes</th>
+ </tr>
+ <tr>
+ <td flexy:if="par">{par:h}</td>
+ <td flexy:if="yardage">{yardage:h}</td>
+ <td flexy:if="course_rating">{course_rating:h}</td>
+ <td flexy:if="slope_rating">{slope_rating:h}</td>
+ <td flexy:if="holes9">{holes9:h}</td>
+ <td flexy:if="holes18">{holes18:h}</td>
+ </tr>
+ </tbody>
+ </table>
+ <div class="member-golf-walking">
+ <strong>Walking Course:</strong>
+ {walking_course:h}
+ </div>
+ <div class="member-golf-teetime" flexy:if="res_url">
+ <a href="{res_url:h}">Make a Tee Time</a>
+ </div>
</div>
</div>
-
- <div flexy:if="restaurant_info" class="member-restaurant-item">
- <h2>Restaurant Information</h2>
- <table>
- <tbody>
- <tr>
- <th>Breakfast</th>
- <th>Brunch</th>
- <th>Lunch</th>
- <th>Dinner</th>
- <th>Alcohol</th>
- </tr>
- <tr>
- <td>{breakfast:h}</td>
- <td>{brunch:h}</td>
- <td>{lunch:h}</td>
- <td>{dinner:h}</td>
- <td>{alcohol:h}</td>
- </tr>
- </tbody>
- </table>
+ <div class="row">
+ <div flexy:if="restaurant_info" class="member-restaurant-item small-12 columns">
+ <h3>Restaurant Information</h3>
+ <table>
+ <tbody>
+ <tr>
+ <th>Breakfast</th>
+ <th>Brunch</th>
+ <th>Lunch</th>
+ <th>Dinner</th>
+ <th>Alcohol</th>
+ </tr>
+ <tr>
+ <td>{breakfast:h}</td>
+ <td>{brunch:h}</td>
+ <td>{lunch:h}</td>
+ <td>{dinner:h}</td>
+ <td>{alcohol:h}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>
</div>
projects / web / Keweenaw.git / commitdiff