From: Steve Sutton Date: Mon, 18 Aug 2014 20:55:02 +0000 (-0400) Subject: Update styles for the member pages X-Git-Tag: V1.0^2~41 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=9369ba1011533398cdf0a488b791ea715a8e70c7;p=web%2FKeweenaw.git Update styles for the member pages Working on the detail and list view pages for members. --- diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css index 819e3b3..6d99a8b 100755 --- a/Toolkit/Members/css/member.css +++ b/Toolkit/Members/css/member.css @@ -74,6 +74,9 @@ background-color: #ffffff; /* 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%; @@ -81,8 +84,8 @@ background-color: #ffffff; 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; @@ -91,7 +94,7 @@ background-color: #ffffff; border-radius: 5px; } .search-result-item-on { - border: 1px solid #726646 !important; + border: 1px solid #f27225 !important; } .memberSR { float: right; @@ -173,7 +176,7 @@ div.search-result-more-div a:active { #business-list-contacts h2 {margin-bottom: 0;} #member-detail .vcard { float: left; - width: 200px; + /*width: 200px;*/ } #member-detail .member-button { float: left; @@ -186,10 +189,11 @@ div.search-result-more-div a:active { 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; @@ -392,9 +396,9 @@ Restaurant, Hotels and Golf Courses /* 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; @@ -698,7 +702,7 @@ ul#plannerNav a:hover { div.thumb { margin: 2px 3px; } - + /* Map style */ .gm-style img { max-width: none; @@ -713,4 +717,544 @@ div.thumb { .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 diff --git a/Toolkit/Members/templates/memberDetail.tpl b/Toolkit/Members/templates/memberDetail.tpl index 98663b8..e540b84 100644 --- a/Toolkit/Members/templates/memberDetail.tpl +++ b/Toolkit/Members/templates/memberDetail.tpl @@ -6,231 +6,246 @@ catid="catid" >
-
-
- Member Logo Image -
-
- {memberSince:h} - -
-

{member_name:h}

-
-
Street Address
-
{street:h}
-
- {city:h}, - - {state_abbr:h} - - {zip:h} +
+
+

{member_name:h}

+
+
Street Address
+
{street:h}
+
+ {city:h}, + + {state_abbr:h} + + {zip:h} +
+
+
+
Mailing Address
+
{mailing_address:h}
+
+ {mailing_city:h}, + + {mailing_state_abbr:h} + + {mailing_zip:h} +
+
+
+ Phone: + {phone:h}
-
-
-
Mailing Address
-
{mailing_address:h}
-
- {mailing_city:h}, - - {mailing_state_abbr:h} - - {mailing_zip:h} +
+ Toll Free: + {toll_free:h} +
+
+ Fax: + {fax:h} +
+ + Website +
+
+
+

Get Driving Directions:

+
+ + + +
+
+
+
+
+ +
+
+ Member Logo Image
-
-
- Phone: - {phone:h} -
-
- Toll Free: - {toll_free:h} -
-
- Fax: - {fax:h}
- - Website -
-
-
-

Get Driving Directions:

-
- - - -
-
-
-
-
+
-
-

Accommodations Info

-
+

Payment Types Accepted

+
    +
  • +
      +
    • {v:h}
      • +
    +
    • +
+
-{if:addToLink} - - Add to Your Travel List - - -{else:} - - View Your Travel List - -{end:} - -
{description:h}
- -
-
    -
  • {v:h}
    • -
+ {if:addToLink} + + Add to Your Travel List + + + {else:} + + View Your Travel List + + {end:} +
- -
-

Files Available for Download

- {v[name]:h} +
+
+

Amenities

+
+
    +
  • {v:h}
    • +
+
+
- -
-

Packages

- {foreach:packages,v} -
-

{v[title]:h}

- {if:v[image]} - {v[image]:h} - {end:} - - {if:v[description]} - {v[description]:h} - {end:} +
+
+

Files Available for Download

+ {v[name]:h}
- {end:}
+
+
+

Packages

+ {foreach:packages,v} +
+

{v[title]:h}

+ {if:v[image]} + {v[image]:h} + {end:} -
-

Photo Gallery

-
{end:} - +
- -
-

Course Information

- - - - - - - - - - - - - - - - - - - -
ParYardageCourse RatingSlope Rating9 Holes18 Holes
{par:h}{yardage:h}{course_rating:h}{slope_rating:h}{holes9:h}{holes18:h}
-
- Walking Course: - {walking_course:h} +
+
+

Photo Gallery

+
-
- Make a Tee Time +
+
+
+

Course Information

+ + + + + + + + + + + + + + + + + + + +
ParYardageCourse RatingSlope Rating9 Holes18 Holes
{par:h}{yardage:h}{course_rating:h}{slope_rating:h}{holes9:h}{holes18:h}
+
+ Walking Course: + {walking_course:h} +
+
+ Make a Tee Time +
- -
-

Restaurant Information

- - - - - - - - - - - - - - - - - -
BreakfastBrunchLunchDinnerAlcohol
{breakfast:h}{brunch:h}{lunch:h}{dinner:h}{alcohol:h}
+
+
+

Restaurant Information

+ + + + + + + + + + + + + + + + + +
BreakfastBrunchLunchDinnerAlcohol
{breakfast:h}{brunch:h}{lunch:h}{dinner:h}{alcohol:h}
+
diff --git a/Toolkit/Members/templates/membersList.tpl b/Toolkit/Members/templates/membersList.tpl index 75a1f79..3225d08 100644 --- a/Toolkit/Members/templates/membersList.tpl +++ b/Toolkit/Members/templates/membersList.tpl @@ -1,3 +1,7 @@ +
+
+ +
{member_search_form:h}
{getPaging():h}

Showing records {firstRecord} to {lastRecord}

-
- - +

{row[member_name]:h}

@@ -86,12 +88,15 @@
-{getPaging():h} -
-
Narrow result by letter:
- {k} -
-{else:} -
No Members matched your search criteria!
-{end:} + {getPaging():h} +
+
Narrow result by letter:
+ {k} +
+ {else:} +
No Members matched your search criteria!
+ {end:} +
+ +
\ No newline at end of file diff --git a/Toolkit/Template/BreadCrumbs.php b/Toolkit/Template/BreadCrumbs.php index fc37b45..6fb4c7d 100644 --- a/Toolkit/Template/BreadCrumbs.php +++ b/Toolkit/Template/BreadCrumbs.php @@ -131,8 +131,6 @@ class Toolkit_Template_BreadCrumbs public function toHtml($id) { $breadCrumbsArray = $this->getBreadCrumbsArray($id); -// echo '
'.print_r($breadCrumbsArray, true).'
'; -// exit; $breadCrumbs = '
  • '.implode('
  • ', $breadCrumbsArray).'
    • '; return !empty($breadCrumbsArray) diff --git a/styles.css b/styles.css index 6de59f9..4c894ea 100644 --- a/styles.css +++ b/styles.css @@ -582,7 +582,7 @@ aside.right-off-canvas-menu ul.off-canvas-list li > ul.open { #slider, #slider-wrapper { height: 330px !important; - + } } @@ -689,6 +689,9 @@ aside.right-off-canvas-menu ul.off-canvas-list li > ul.open { color: white; font-weight:bold; } +#breadcrumbs { + background-color: white; +} .container#interior .breadcrumbs { border: none; border-radius: 0px; @@ -1365,4 +1368,4 @@ footer .copyright .separator { .header-content .content p, .bottom-content .content p { font-size: 10pt; -} \ No newline at end of file +} diff --git a/templates/template.html b/templates/template.html index e23373c..0755f07 100644 --- a/templates/template.html +++ b/templates/template.html @@ -79,7 +79,7 @@
    {if:isHomePage} {rotatingImages:h} - + {else:} {if:headlines[0][img2]} @@ -106,12 +106,20 @@
    {end:} + {if:!isHomePage} {if:toolboxContent.breadCrumbs} + {if:!headlines[0]} + {end:} {end:} {end:} +
    diff --git a/templates/toolbox.html b/templates/toolbox.html index 9648cb4..c28266d 100644 --- a/templates/toolbox.html +++ b/templates/toolbox.html @@ -29,7 +29,11 @@
    {if:toolboxContent.profile} +
    +
    {toolboxContent.profile:h} +
    +
    {end:} {if:toolboxContent.searchForm}