if (empty($array)) {
return;
}
- $tabs = str_repeat($tab, $level * 2);
- $result = "{$tabs}<ul>\n";
+ $tabs = str_repeat($tab, $level * 2);
+ $result = "{$tabs}<ul";
+ if ($level == 0) {
+ $result .= ' class="sf-navbar sf-menu"';
+ }
+ $result .= ">\n";
foreach ($array as $i => $node) {
$class
= ($node['class'] == 'current')
-@charset "UTF-8";
-a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
- margin: 0;
- padding: 0;
- border: 0;
- font: inherit;
- vertical-align: baseline
-}
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
- display: block
-}
-body {
- line-height: 1
-}
-ol, ul {
- list-style: none
-}
-blockquote, q {
- quotes: none
-}
-blockquote:after, blockquote:before, q:after, q:before {
- content: '';
- content: none
-}
-table {
- border-collapse: collapse;
- border-spacing: 0
-}
-/********************************************************************** FONTS - minified */
-@font-face{font-family:source_sans_prosemibold;src:url(fonts/sourcesanspro-semibold-webfont.eot);src:url(fonts/sourcesanspro-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/sourcesanspro-semibold-webfont.woff) format('woff'),url(fonts/sourcesanspro-semibold-webfont.ttf) format('truetype'),url(fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:source_sans_proregular;src:url(fonts/sourcesanspro-regular-webfont.eot);src:url(fonts/sourcesanspro-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/sourcesanspro-regular-webfont.woff) format('woff'),url(fonts/sourcesanspro-regular-webfont.ttf) format('truetype'),url(fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:klinic_slabbold;src:url(fonts/klinicslabbold-webfont.eot);src:url(fonts/klinicslabbold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/klinicslabbold-webfont.woff) format('woff'),url(fonts/klinicslabbold-webfont.ttf) format('truetype'),url(fonts/klinicslabbold-webfont.svg#klinic_slabbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:klinic_slabmedium;src:url(fonts/klinicslabmedium-webfont.eot);src:url(fonts/klinicslabmedium-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/klinicslabmedium-webfont.woff) format('woff'),url(fonts/klinicslabmedium-webfont.ttf) format('truetype'),url(fonts/klinicslabmedium-webfont.svg#klinic_slabmedium) format('svg');font-weight:400;font-style:normal}
-/********************************************************************** COMMON */
-body {
- background-image: url(img/main_bg.jpg);
-}
-
-h1:empty, h2:empty, h3:empty {
- display: none;
-}
-a img {
- border: 0 none;
- display: block;
- margin: 0;
- padding: 0;
-}
-#toolbox #category, #toolbox.listing {
- display:block;
- width:100%;
- clear:both;
-}
-
-
-#toolbox #category img, #toolbox .listing img {
- display: block;
- border: 0;
- max-width: 100%;
- height: auto;
-}
-
-input[type="radio"], input[type="checkbox"] {
- line-height: normal;
-}
-.webform table {
- margin: 10px 0 0 0;
- clear: both;
-}
-.req {
- clear: both !important;
-}
-.tooltip {
- padding: 0 0 0 5px;
-}
-.file-download {
- padding: 0;
- margin:0;
-}
-.avi { background-image: url(images/file-ext/avi.gif); }
-.doc { background-image: url(images/file-ext/doc.gif); }
-.gif { background-image: url(images/file-ext/gif.gif); }
-.html { background-image: url(images/file-ext/html.gif);}
-.jpg { background-image: url(images/file-ext/jpg.gif); }
-.mov { background-image: url(images/file-ext/mov.gif); }
-.mp3 { background-image: url(images/file-ext/mp3.gif); }
-.pdf { background-image: url(images/file-ext/pdf.png); }
-.ppt { background-image: url(images/file-ext/ppt.gif); }
-.txt { background-image: url(images/file-ext/txt.png); }
-.wmv { background-image: url(images/file-ext/wmv.gif); }
-.xls { background-image: url(images/file-ext/xls.gif); }
-.zip { background-image: url(images/file-ext/zip.png); }
-.download { background-image: url(images/file-ext/download.gif); clear: none;}
-*:focus {
- outline: none;
-}
-.nobreak {
- white-space: nowrap;
-}
-/********************************************************************** HEADER */
-header {
- width: 100%;
- height: 130px;
- background-image: url(img/header_bg.gif);
- background-repeat: repeat-x;
-}
-#header_wrap {
- width: 1070px;
- margin: 0 auto;
- position: relative;
-}
-#logo {
- position: absolute;
-}
-header h1 {
- height: 85px;
- margin: 0 0 0 200px;
-}
-header p {
- position: absolute;
- top: 10px;
- right: 7px;
- font-family: source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 22px;
- color: rgb(126, 146, 166);
-}
-/****************************** main nav */
-#header_wrap>ul {
- position: relative;
- margin: 0 0 0 120px;
- padding: 5px 0 0 0;
-}
-#header_wrap>ul>li {
- float: left;
- zoom: 1;
- margin:0 0 0 50px;
- position:relative;
-}
-
-#header_wrap>ul>li>ul {
- display:none;
- overflow:hidden;
- position:absolute;
-}
-
-.subMenu {
- display:block !important;
- background:rgb(235, 235, 235);
- width:250px;
- border-bottom:2px solid #000;
- border-left:2px solid #000;
- border-right:2px solid #000;
--webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
--moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-}
-.subMenu li {
- margin:0;
- padding:4px 10px;
- border-bottom:1px dotted rgb(95, 105, 115);
-}
-.subMenu li:last-child {
- border-bottom:0;
-}
-.subMenu li ul {
- background-color:rgb(55, 73, 92);
- display:block;
- margin: 0 -10px;
- padding: 0 0 0 10px;
-}
-header a:link {
- font-family: klinic_slabmedium, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
- font-size: 22px;
- color: rgb(40, 30, 30);
- text-decoration: none;
- font-weight:normal !important;
- padding: 6px 0;
- display: block;
-}
-header a:visited {
- color: rgb(40, 30, 30);
-}
-header a:hover {
- color: rgb(45, 150, 255);
- text-shadow:0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255);
-}
-header a:active {
- color: rgb(40, 30, 30);
-}
-.subMenu li ul a:link {
- font-size: 20px;
- color: rgb(255, 255, 255);
- font-weight:lighter;
-}
-.subMenu li ul a:visited {
- color: rgb(255, 255, 255);
-}
-.subMenu li ul a:hover {
- color: rgb(45, 150, 255);
- text-shadow:0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255);
-}
-.subMenu li ul a:active {
- color: rgb(40, 30, 30);
-}
-.current, #current {
- color: rgb(45, 150, 255);
- text-shadow:0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255);
-}
-/********************************************************************** HERO */
-#hero {
- width: 100%;
- background-image: url(img/hero_bg.jpg);
-}
-#home #hero {
- /* height: 350px; */
- height: auto;
-}
-#inside #hero {
- /* height: 100px; */
- height: auto;
-}
-#slider-wrapper {
- height: 330px;
-}
-#hero_wrap {
- width: 1070px;
- margin: 0 auto;
- position: relative;
-}
-#quicklink_wrap {
- position: absolute;
- top: 390px
-}
-.quicklink_block {
- width: 227px;
- padding: 10px;
- margin: 0 18px 0 0;
- border: 2px solid rgb(205, 205, 205);
- background-image: url(img/debut_light.png);
- min-height: 90px;
- display:block;
- float:left;
-}
-.last_q_block {
- margin: 0;
-}
-.quicklink_block h2 {
- font-family: klinic_slabbold, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
- font-size: 20px;
- color: rgb(40, 30, 30);
- padding: 0 0 4px 0;
- margin: 0 0 5px 0;
- border-bottom: 1px solid rgb(215, 215, 215);
-}
-.quicklink_block ul {
- margin:0;
- padding:0 0 0 15px;
-}
-.quicklink_block li {
- font-family:klinic_slabbold, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
- line-height:1.1em;
- list-style-type:disc;
-}
-/********************************************************************** MAIN CONTENT */
-#content {
- width: 100%;
- min-height: 400px;
- margin: 0;
- padding: 30px 0;
- background-color: rgb(255,255,255);
- border-bottom: 3px solid rgb(0,0,0);
-}
-#content_wrap {
- width: 1070px;
- margin: 0 auto;
- position: relative;
-}
-#content_wrap p {
- font-family: source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 16px;
- color: rgb(60, 40, 40);
-}
-.hr_graphic {
- width: 100%;
- height: 17px;
- display: block;
- clear: both;
- background-image:url(img/debut_light.png);
- margin:10px 0;
- padding:0;
-}
-#content_wrap section h2 {
- display:none;
-}
-/******************** LEFT COLUMN */
-#left_col {
- width: 797px;
-}
-#left_col ul {
- font-family: source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 16px;
- color: rgb(60, 40, 40);
- margin:10px 0;
- padding:0 0 0 20px;
- list-style-type:disc;
-}
-#left_col ul li {
- line-height:18px;
-}
-#toolbox .imageright {
- display: block;
- float: right;
- margin: 15px0;
- width: auto;
- max-width: 50%;
- position: relative;
- border: 0;
- padding: 10px;
- background: #FFF;
- overflow:hidden;
-}
-#toolbox .imageleft {
- display: block;
- float: left;
- margin: 15px0;
- width: auto;
- max-width: 50%;
- position: relative;
- border: 0;
- padding: 10px;
- background: #FFF;
- overflow:hidden;
-}
-.imagecaption {
- font-family:source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size:12px;
- padding: 5px 10px 10px 5px;
-}
-#hHlines {
- margin:0;
- display:block;
- padding:0;
- width:100%;
- height:auto;
- clear:both;
-}
-#hHlines ul {
- padding:0;
- margin:0;
-}
-#hHlines ul li {
- list-style-type:none;
- clear:both;
- margin:10px 0;
- padding:10px;
- border:1px solid rgb(240, 240, 240);
- overflow:hidden;
-}
-#hHlines img {
- float:left;
- width:33%;
- margin:0;
- padding:0 15px 0 0;
-}
-.hHlinesItem h3 a:link, .hHlinesItem h3 a:visited {
- font-family:source_sans_prosemibold, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 18px;
- color: rgb(40, 30, 30);
- text-decoration:none;
-}
-.hHlinesItem h3 a:hover, .hHlinesItem h3 a:active {
- color: rgb(45, 150, 255);
- text-shadow:0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255);
-}
-.hHlinesMore a:link, .hHlinesMore a:visited {
- font-family:source_sans_prosemibold, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 12px;
- color: rgb(45, 150, 255);
- text-decoration:underline;
-}
-
-.hHlinesMore a:hover, .hHlinesMore a:active {
- color: rgb(45, 150, 255);
- text-shadow:0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255), 0 0 1px rgb(45, 150, 255);
-}
-.hHlinesMore:after {
- content:" >>";
- font-family:source_sans_prosemibold, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 9px;
- letter-spacing:-.1em;
- color: rgb(45, 150, 255);
-}
-/******************** RIGHT COLUMN */
-#right_col {
- width: 251px;
- position: absolute;
- top: 0;
- left: 819px;
-}
-
-#right_col a:link {
- font-family: source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 18px;
- color: rgb(126, 146, 166);
- margin: 0 0 15px 0;
- display: block;
-}
-/********************************************************************** FOOTER */
-footer {
- width: 1070px;
- height: 135px;
- margin: 0 auto;
- padding: 0;
- position: relative;
- background-image: url(img/footer.png);
- text-align: center;
- font-family: source_sans_proregular, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: rgb(76, 76, 76);
-}
-footer ul {
- margin: 0;
- padding: 75px 0 20px 0;
-}
-footer ul li {
- display: inline;
- font-size: 18px;
- margin: 0 10px;
-}
-footer p.copyright {
- font-size: 12px;
-}
-/* Apps */
-/* Image Library */
-#photo_wrapper, #photo_cats_wrapper {
- clear: left;
- margin-top: 20;
-}
-#photo_wrapper h3, #photo_cats_wrapper h3 {
- font-size: 20px;
- font-weight: normal;
- color: #2783B7;
- padding: 30px 0 0 0;
-}
-#photo_wrapper p, #photo_cats_wrapper p {
- display: block;
- width: 100%;
- overflow: hidden;
- margin: 0;
- padding: 5px;
- color: #333;
-}
-.gallery {
- list-style: none;
- padding: 0;
- margin: 0;
- width: 100%;
- clear: both;
-}
-#photo_wrapper .gallery, #photo_cats_wrapper .gallery {
- margin: 20px 0 0 0;
-}
-.gallery:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- }
-.gallery li {
- display: block;
- float: left;
- width: 22%;
- margin: 0 1.5% 24px 1.5%;
- padding: 0;
- border: 1px solid #CCC;
- background: #F7F0E0;
- border-radius: 2px;
-}
-.gallery li:nth-child(4n-3) {
- clear: left;
- width: 180px;
- margin: 0 1% 24px 0;
-}
-.gallery li:nth-child(4n-2) {
- width: 180px;
- margin: 0 1% 24px 0;
-}
-.gallery li:nth-child(4n-1) {
- width: 180px;
- margin: 0 1% 24px 0;
-}
-.gallery li:nth-child(4n) {
- width: 180px;
- margin: 0 0 24px 0;
-}
-.gallery li a {
- display: block;
- width: 100%;
- overflow: hidden;
- padding: 10px;
- text-decoration: none;
-}
-.gallery li a img {
- display: block;
- width: 90%;
- border: 1px solid #CFC4A7;
-}
-span.phototitle {
- display: block;
- width: 80%;
- padding: 0 5px;
- color: #777;
- font-size: 12px;
- text-align: center;
- text-decoration: none;
-}
-.gallery li:hover {
- border: 1px solid #000;
- background: #FDF2F3;
-}
-.gallery li:hover a img {
- border: 1px solid #000;
-}
-.gallery li:hover span.phototitle {
- color: #000;
- text-decoration: none;
-}
-.search-result-location {
- padding-bottom: 10px;
-}
-.media-gallery-download {
- display: block;
- clear: both;
- width: 100%;
- overflow: hidden;
- background: rgba(0,0,0,0.1);
- padding: 3px;
-}
-.media-gallery-download .titledl {
- display: block;
- width: 100%;
- overflow: hidden;
- text-align: center;
-}
-.media-gallery-download .webdl {
- display: block;
- float: left;
- width: 40%;
- text-align: right;
- margin: 0;
- padding: 0;
-}
-.media-gallery-download .printdl {
- display: block;
- float: right;
- width: 40%;
- text-align: left;
- margin: 0;
- padding: 0;
-}
-h2.captionTitleWrapper {
- width: 100%;
- font-size: 16px;
-}
-p.captionDescWrapper {
- font-size: 12px;
- width: 100%;
- margin-bottom: 5px;
-}
-/* Video Gallery */
-#video_wrapper {
- display: block;
- width: 100%;
- overflow: hidden;
- clear: both;
-}
-#video_wrapper h2 {
- display: block;
- width: 100%;
- overflow: hidden;
- clear: both;
- margin: 0 0 16px 5px;
- padding: 0;
-}
-ul#videoGallery {
- display: block;
- width: 100%;
- overflow: hidden;
- margin: 10px 0;
- padding: 0;
- list-style-type: none;
-}
-ul#videoGallery li {
- display: block;
- float: left;
- width: 180px;
- margin: 0 1.5% 24px 1.5%;
- padding: 0;
- border: 1px solid #DDDFDD;
- background: #F5F5F5;
- border-radius: 2px;
-}
-ul#videoGallery li:hover {
- border: 1px solid #000;
-}
-ul#videoGallery li:nth-child(4n-3) {
- clear: left;
- width: 180px;
- margin: 0 1% 24px 0;
-}
-ul#videoGallery li:nth-child(4n-2) {
- width: 180px;
- margin: 0 1% 24px 0;
-}
-ul#videoGallery li:nth-child(4n-1) {
- width: 180px;
- margin: 0 1% 24px 0;
-}
-ul#videoGallery li:nth-child(4n) {
- width: 180px;
- margin: 0 0 24px 0;
-}
-ul#videoGallery li a {
- position: relative;
- z-index: 10;
- display: block;
- width: 90%;
- overflow: hidden;
- padding: 10px;
- text-decoration: none;
-}
-ul#videoGallery li a img {
- display: block;
- width: 100%;
-}
-ul#videoGallery li a span.vidtitle {
- display: block;
- position: relative;
- width: 100%;
- padding: 5px 30px 0 0;
- color: #777;
- font-size: 12px;
- min-height: 27px;
-}
-ul#videoGallery li a:hover span.vidtitle {
- color: #000;
- text-decoration: none;
-}
-ul#videoGallery li a span.vidtitle span.play {
- display: block;
- position: absolute;
- z-index: 11;
- width: 25px;
- height: 27px;
- right: 0;
- top: 5px;
- background: url(assets/video_overlay.png)0 0 no-repeat;
- backgorund-size: contain;
-}
-ul#videoGallery li:hover a span.vidtitle span.play {
- background-position: 0 -27px;
-}
+html {\r
+ font-size: 62.5%;\r
+ }\r
+body {\r
+ margin: 0;\r
+ padding: 0;\r
+ font-size: 16px;\r
+ font-size: 1.6rem;\r
+ font-family: 'Source Sans Pro', sans-serif;\r
+ }\r
+/* glm framework */\r
+.glmTxtImg {\r
+ text-indent: 100%;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ display: block;\r
+ }\r
+.glmCL, .glmCL li {\r
+ list-style-type: none;\r
+ margin: 0;\r
+ padding: 0;\r
+ display: block;\r
+ }\r
+.row {\r
+ width: 100%;\r
+ margin-left: auto;\r
+ margin-right: auto;\r
+ margin-top: 0;\r
+ margin-bottom: 0;\r
+ *zoom: 1;\r
+ }\r
+/* Clearfix */\r
+.clearfix:before, .clearfix:after {\r
+ content: " ";\r
+ display: table;\r
+ }\r
+.clearfix:after {\r
+ clear: both;\r
+ }\r
+/* end framwework */\r
+.row>* {\r
+ width: 1070px;\r
+ margin: 0 auto;\r
+ position: relative;\r
+ }\r
+.rHeader {\r
+ background: url(assets/bgHeader.png) repeat-x;\r
+ }\r
+.tel {\r
+ position: absolute;\r
+ font-size: 24px;\r
+ font-size: 2.4rem;\r
+ top: 10px;\r
+ right: 10px;\r
+ color: #7e92a6;\r
+ }\r
+header {\r
+ position: relative;\r
+ height: 128px;\r
+ }\r
+header h1 {\r
+ background: url(assets/cedarvilleMarine.png);\r
+ width: 554px;\r
+ height: 58px;\r
+ margin: 10px auto;\r
+ }\r
+header a img { /* logo */\r
+ position: absolute;\r
+ top: 0;\r
+ left: 20px;\r
+ z-index: 5;\r
+ }\r
+.rHome {\r
+ background: url(assets/bgHome.png) repeat-x;\r
+ }\r
+nav {\r
+ position: absolute;\r
+ bottom: 0;\r
+ left: 170px;\r
+ }\r
+#rHome {\r
+ background: #364759;\r
+ padding-bottom: 19px;\r
+ border-bottom: 3px solid black;\r
+ }\r
+#homeLinks {\r
+ margin-left: 0;\r
+ margin-top: 19px;\r
+ }\r
+#homeLinks li {\r
+ width: 251px;\r
+ float: left;\r
+ margin-right: 22px;\r
+ }\r
+#homeLinks li:nth-child(1) { background: url(assets/home1.jpg);}\r
+#homeLinks li:nth-child(2) { background: url(assets/home2.jpg);}\r
+#homeLinks li:nth-child(3) { background: url(assets/home3.jpg);}\r
+#homeLinks li:nth-child(4) { background: url(assets/home4.jpg);}\r
+#homeLinks li:last-child {\r
+ margin-right: 0;\r
+ }\r
+#homeLinks a {\r
+ display: block;\r
+ height: 90px;\r
+ }\r
+/* Main section home page */\r
+#hMain {\r
+ padding-top: 37px;\r
+ }\r
+#cMain {\r
+ width: 797px;\r
+ float: left;\r
+ padding-bottom: 1em;\r
+ }\r
+#cSide {\r
+ width: 251px;\r
+ float: right;\r
+ padding-bottom: 1em;\r
+ }\r
+#cDir {\r
+ background-image: url(assets/gmap.jpg);\r
+ width: 251px;\r
+ height: 182px;\r
+ }\r
+#weather {\r
+ margin: 20px 50px;\r
+ color: #7e92a6;\r
+ }\r
+#weather img {\r
+ float: left;\r
+ margin-top: 20px;\r
+ margin-right: 20px;\r
+ }\r
+.wTemp {\r
+ font-size: 34px;\r
+ font-size: 3.4rem;\r
+ margin-top: -20px;\r
+ }\r
+.wCond {\r
+ clear: right;\r
+ font-size: 24px;\r
+ font-size: 2.4rem;\r
+ display: block;\r
+ }\r
+#cFace {\r
+ background-image: url(assets/facebook.gif);\r
+ width: 251px;\r
+ height: 82px;\r
+ }\r
+/* footer */\r
+.row.rFooter {\r
+ background: #364759;\r
+ }\r
+footer {\r
+ background: url(assets/bgFooter.png) no-repeat 0 20px;\r
+ width: 1079px;\r
+ height: 115px;\r
+ color: #4c4c4b;\r
+ padding-top: 20px ;\r
+ }\r
+footer p {\r
+ margin: 0 auto;\r
+ text-align: center;\r
+ }\r
+footer p:first-child {\r
+ padding-top: 30px;\r
+ padding-bottom: .8em;\r
+ font-size: 18px;\r
+ font-size: 1.8rem;\r
+ }\r
+footer p:nth-child(2) {\r
+ font-size: 12px;\r
+ font-size: 1.2rem;\r
+ }\r
+footer span, footer a {\r
+ margin: 0 20px;\r
+ }\r
+footer p i {\r
+ font-size: 40px;\r
+ font-size: 4.0rem;\r
+ font-weight: bold;\r
+ font-style: normal;\r
+ vertical-align: bottom;\r
+ }
\ No newline at end of file
--- /dev/null
+/*** ESSENTIAL STYLES ***/
+.sf-menu, .sf-menu * {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ }
+.sf-menu li {
+ position: relative;
+}
+.sf-menu ul {
+ position: absolute;
+ display: none;
+ top: 100%;
+ left: 0;
+ z-index: 99;
+}
+.sf-menu > li {
+ float: left;
+}
+.sf-menu li:hover > ul,
+.sf-menu li.sfHover > ul {
+ display: block;
+}
+
+.sf-menu a {
+ display: block;
+ position: relative;
+ font-size: 19px;
+ font-size: 1.9rem;
+ }
+.sf-menu ul ul {
+ top: 0;
+ left: 100%;
+}
+
+
+/*** DEMO SKIN ***/
+.sf-menu {
+ float: left;
+}
+.sf-menu ul {
+ /* box-shadow: 2px 2px 6px rgba(0,0,0,.2); */
+ min-width: 12em; /* allow long menu items to determine submenu width */
+ *width: 12em; /* no auto sub width for IE7, see white-space comment below */
+ background: #ebebeb;
+ margin-top: -2px;
+ border: 2px solid black;
+ border-top: 0;
+
+ }
+.sf-menu a {
+ /* border-left: 1px solid #fff; */
+ /* border-top: 1px solid #dFeEFF; */ /* fallback colour must use full shorthand */
+ /* border-top: 1px solid rgba(255,255,255,.5); */
+ padding: .75em 1em;
+ text-decoration: none;
+ zoom: 1; /* IE7 */
+}
+.sf-menu a {
+ color: #000;
+}
+.sf-menu a:hover {
+ color: #2e96ff;
+ }
+.sf-menu li {
+ /* background: #BDD2FF; */
+ white-space: nowrap; /* no need for Supersubs plugin */
+ *white-space: normal; /* ...unless you support IE7 (let it wrap) */
+ -webkit-transition: background .2s;
+ transition: background .2s;
+}
+.sf-menu ul li {
+ /* background: #AABDE6; */
+}
+.sf-menu ul ul li {
+ /*ackground: #9AAEDB; */
+}
+.sf-menu li:hover,
+.sf-menu li.sfHover {
+ /* background: #CFDEFF; */
+ /* only transition out, not in */
+ -webkit-transition: none;
+ transition: none;
+}
+
+/*** arrows (for all except IE7) **/
+.sf-arrows .sf-with-ul {
+ padding-right: 2.5em;
+ *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
+}
+/* styling for both css and generated arrows */
+.sf-arrows .sf-with-ul:after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ right: 1em;
+ margin-top: -3px;
+ height: 0;
+ width: 0;
+ /* order of following 3 rules important for fallbacks to work */
+ /* border: 5px solid transparent; */
+ border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
+ border-top-color: rgba(255,255,255,.5);
+}
+.sf-arrows > li > .sf-with-ul:focus:after,
+.sf-arrows > li:hover > .sf-with-ul:after,
+.sf-arrows > .sfHover > .sf-with-ul:after {
+ border-top-color: white; /* IE8 fallback colour */
+}
+/* styling for right-facing arrows */
+.sf-arrows ul .sf-with-ul:after {
+ margin-top: -5px;
+ margin-right: -3px;
+ border-color: transparent;
+ border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
+ border-left-color: rgba(255,255,255,.5);
+}
+.sf-arrows ul li > .sf-with-ul:focus:after,
+.sf-arrows ul li:hover > .sf-with-ul:after,
+.sf-arrows ul .sfHover > .sf-with-ul:after {
+ border-left-color: white;
+}
-<!doctype html>
-<html>
- <head>
- <meta charset="UTF-8">
- <title>{pageTitle:h}</title>
- <meta name="description" content="{metaTags:h}">
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Cedarville Marine web template</title>
+<!-- css -->
{styles:h}
- <link rel="stylesheet" href="{mediaBaseURL:h}styles.css" />
+<link rel="stylesheet" href="{mediaBaseURL:h}styles.css">
+<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="text/css">
+<link rel="stylesheet" href="{mediaBaseURL:h}superfish.css">
+<!-- js -->
{topScripts:h}
- </head>
-
- {if:isHomePage}
- <body id="home">
- {else:}
- <body id="inside" class="pid{pageId} top{parentPageId}">
- {end:}
- <div id="container">
+<script src="{mediaBaseURL:h}tmp/hoverIntent.js"></script>
+<script src="{mediaBaseURL:h}tmp/superfish.js"></script>
+<script>
+ jQuery(document).ready(function(){
+ jQuery('ul.sf-menu').superfish();
+ });
+</script>
+<!--[if lte IE 9]>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+</head>
+{if:isHomePage}
+<body id="home">
+{else:}
+<body id="inside" class="pid{pageId} top{parentPageId}">
+{end:}
+ <div class="row rHeader">
+ <div>
<header>
- <div id="header_wrap"> <img id="logo" src="{mediaBaseURL:h}img/logo.png" width="140" height="165" alt="Cedarville Marine Logo" />
- <h1><img src="{mediaBaseURL:h}img/wordmark.jpg" width="550" height="85" alt="Cedarville Marine - Serving the Les Cheneaux Islands recreational boating industry since 1984" /><!-- image is temporary - waiting for font from client --></h1>
- <p class="tel">906.484.2815</p>
+ <h1 class="glmTxtImg">Cedarville Marine</h1>
+ <div class="tel">906.484.2815</div>
+
+ <a href="{homePageUrl:h}"><img src="{mediaBaseURL:h}assets/logo.png"></a>
+ <nav>
{mainNav:h}
- </div><!-- header_wrap -->
+ </nav>
</header>
- <section id="hero">
- <div id="hero_wrap">
- {if:rotatingImages}
- {rotatingImages:h}
- {end:}
- <!-- slideshow -->
- </div>
- <!-- hero_wrap -->
- </section>
- <!-- hero -->
- <section id="content">
- <div id="content_wrap">
- <div id="left_col">
- <div id="toolbox">
- {toolboxContent:h}
- </div><!-- toolbox -->
-
- <section flexy:if="hasHeadlines" id="hHlines" class="opensearchserver.ignore">
- <h2>Headlines</h2><!-- this is not needed and is set to display:none; in the css -->
- <ul>
- <li flexy:foreach="headlines,v" class="hHlinesItem">
- <h3>
- {if:v[external]}
- <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
- {else:}
- <a href="{v[href]:h}" class="hHlinesHeaderLink">
- {end:}
- {v[header]:h}</a></h3>
- {if:v[img]}
- {if:v[external]}
- <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
- {else:}
- <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
- {end:}
- <img src="{v[img]:h}" alt="Home page headline image">
- </a>
- {end:}
- <p>{v[descr]:h}<span class="hHlinesMore"> <a href="{v[href]:h}" class="hHlinesMoreLink">More ></a></span></p>
- </li><!-- /.hHlinesItem -->
- </ul>
- </section><!-- /#hHlines -->
-
-
-
- </div><!-- left_col -->
-
- <div id="right_col"> <a href="#" title="Get directions to our store" ><img src="{mediaBaseURL:h}img/google_maps.jpg" width="251" height="183" alt="Get directions to our store"/></a> <a href="#" title="Weather Widget"><!-- TEMPORARY :: Replace with actual weather widget --><img src="{mediaBaseURL:h}img/weather_temp.jpg" /></a> <a href="#" title="Great Lakes Lake Levels (USACE)">Great Lakes Lake Levels (USACE)</a> <a href="#" title="Find Us on Facebook"><img src="{mediaBaseURL:h}img/facebook.gif" width="251" height="82" alt="Find Us on Facebook" /></a> </div>
- <!-- right_col -->
- </div>
- <!-- content_wrap -->
- </section>
- <footer>
- <address>
- <ul>
- <li class="adr">Cedarville Marine, 100 E Hodeck St, Cedarville, MI 49719</li>
- <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
- <li class="geo">45°59’41.68” — 84°21’33.97”</li>
- <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
- <li class="tel">906.484.2815</li>
- <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
- <li><a href="{baseURLDefined:h}contact-8/" >Contact Us</a></li>
- </ul>
- </address>
- <p class="copyright">Copyright ©<?php echo date('Y');?>, Cedarville Marine. Produced by Gaslight Media, All Rights Reserved</p>
- </footer>
</div>
- <!-- container -->
- <script>
- $("#header_wrap>ul>li").hover( function(){
- console.log(this);
- $(this).children("ul").addClass("subMenu");
- $('li:has(> ul)').css("border-bottom","0");//remove bottom border from any li that has child ul
- }, function(){
- $(this).children("ul").removeClass("subMenu");
- }
-
+ </div><!-- /.row -->
+ <div class="row" id="rHome">
+ <div class="clearfix">
+ {if:rotatingImages}
+ {rotatingImages:h}
+ {end:}
+ <ul id="homeLinks" class="glmCL">
+ <li>
+ <a href="#" class="glmTxtImg">Summer Gear</a>
+ </li>
+ <li>
+ <a href="#" class="glmTxtImg">Docks Available</a>
+ </li>
+ <li>
+ <a href="#" class="glmTxtImg">Seaweed Removal</a>
+ </li>
+ <li>
+ <a href="#" class="glmTxtImg">Boat & Engine Repeair</a>
+ </li>
+ </ul>
+ </div>
+ </div><!-- /.row -->
- );
- </script>
- {bottomScripts:h}
- </body>
+ <div class="row" id="hMain">
+ <div class="clearfix">
+ <div id="cMain">
+ <div id="toolbox">
+ {toolboxContent:h}
+ </div><!-- /#toolbox -->
+ <!-- GLM BLOCKs HERE -->
+ </div><!-- /#cMain -->
+ <div id="cSide">
+ <a href="#" id="cDir" class="glmTxtImg">Get Directions</a>
+ <div id="weather">
+ <img src="http://app.gaslightmedia.com/weather/ra.png" alt="" width="48" height="48">
+ <span class="wTemp">52.0°</span>
+ <span class="wCond">Sunny</span>
+ </div><!-- /#weather -->
+ <a href="#" id="cFace" class="glmTxtImg">Find us on Facebook</a>
+ </div><!-- /#cSide -->
+ </div><!-- /#cMain -->
+ </div><!-- /#row -->
+ <div class="row rFooter">
+ <footer>
+ <p>
+ <span>Cedarville Marine, 100 E Hodeck St, Cedarville, MI 49719</span>
+ <i>.</i>
+ <span>45°59’41.68” - 84°21’33.97” </span>
+ <i>.</i>
+ <span>906.484.2815</span>
+ <i>.</i>
+ <a href="{baseURLDefined:h}contact-8/">Contact Us</a>
+ </p>
+ <p id="cr">
+ Copyright © <?php echo date('Y');?>, Cedarville Marine. Produced by Gaslight Media, All Rights Reserved. <a href="{baseURLDefined:h}site-map">Sitemap</a>
+ </p>
+ </footer>
+ </div><!-- /.row -->
+ {bottomScripts:h}
+</body>
</html>
--- /dev/null
+<!doctype html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <title>{pageTitle:h}</title>
+ <meta name="description" content="{metaTags:h}">
+ {styles:h}
+ <link rel="stylesheet" href="{mediaBaseURL:h}styles.css" />
+ {topScripts:h}
+ </head>
+
+ {if:isHomePage}
+ <body id="home">
+ {else:}
+ <body id="inside" class="pid{pageId} top{parentPageId}">
+ {end:}
+ <div id="container">
+ <header>
+ <div id="header_wrap"> <img id="logo" src="{mediaBaseURL:h}img/logo.png" width="140" height="165" alt="Cedarville Marine Logo" />
+ <h1><img src="{mediaBaseURL:h}img/wordmark.jpg" width="550" height="85" alt="Cedarville Marine - Serving the Les Cheneaux Islands recreational boating industry since 1984" /><!-- image is temporary - waiting for font from client --></h1>
+ <p class="tel">906.484.2815</p>
+ {mainNav:h}
+ </div><!-- header_wrap -->
+ </header>
+ <section id="hero">
+ <div id="hero_wrap">
+ {if:rotatingImages}
+ {rotatingImages:h}
+ {end:}
+ <!-- slideshow -->
+ </div>
+ <!-- hero_wrap -->
+ </section>
+ <!-- hero -->
+ <section id="content">
+ <div id="content_wrap">
+ <div id="left_col">
+ <div id="toolbox">
+ {toolboxContent:h}
+ </div><!-- toolbox -->
+
+ <section flexy:if="hasHeadlines" id="hHlines" class="opensearchserver.ignore">
+ <h2>Headlines</h2><!-- this is not needed and is set to display:none; in the css -->
+ <ul>
+ <li flexy:foreach="headlines,v" class="hHlinesItem">
+ <h3>
+ {if:v[external]}
+ <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
+ {else:}
+ <a href="{v[href]:h}" class="hHlinesHeaderLink">
+ {end:}
+ {v[header]:h}</a></h3>
+ {if:v[img]}
+ {if:v[external]}
+ <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
+ {else:}
+ <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
+ {end:}
+ <img src="{v[img]:h}" alt="Home page headline image">
+ </a>
+ {end:}
+ <p>{v[descr]:h}<span class="hHlinesMore"> <a href="{v[href]:h}" class="hHlinesMoreLink">More ></a></span></p>
+ </li><!-- /.hHlinesItem -->
+ </ul>
+ </section><!-- /#hHlines -->
+
+
+
+ </div><!-- left_col -->
+
+ <div id="right_col"> <a href="#" title="Get directions to our store" ><img src="{mediaBaseURL:h}img/google_maps.jpg" width="251" height="183" alt="Get directions to our store"/></a> <a href="#" title="Weather Widget"><!-- TEMPORARY :: Replace with actual weather widget --><img src="{mediaBaseURL:h}img/weather_temp.jpg" /></a> <a href="#" title="Great Lakes Lake Levels (USACE)">Great Lakes Lake Levels (USACE)</a> <a href="#" title="Find Us on Facebook"><img src="{mediaBaseURL:h}img/facebook.gif" width="251" height="82" alt="Find Us on Facebook" /></a> </div>
+ <!-- right_col -->
+ </div>
+ <!-- content_wrap -->
+ </section>
+ <footer>
+ <address>
+ <ul>
+ <li class="adr">Cedarville Marine, 100 E Hodeck St, Cedarville, MI 49719</li>
+ <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
+ <li class="geo">45°59’41.68” — 84°21’33.97”</li>
+ <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
+ <li class="tel">906.484.2815</li>
+ <li><img src="{mediaBaseURL:h}img/footer_elipse.png" alt="graphic element" /></li>
+ <li><a href="{baseURLDefined:h}contact-8/" >Contact Us</a></li>
+ </ul>
+ </address>
+ <p class="copyright">Copyright ©<?php echo date('Y');?>, Cedarville Marine. Produced by Gaslight Media, All Rights Reserved</p>
+ </footer>
+ </div>
+ <!-- container -->
+ <script>
+ $("#header_wrap>ul>li").hover( function(){
+ console.log(this);
+ $(this).children("ul").addClass("subMenu");
+ $('li:has(> ul)').css("border-bottom","0");//remove bottom border from any li that has child ul
+ }, function(){
+ $(this).children("ul").removeClass("subMenu");
+ }
+
+
+ );
+ </script>
+ {bottomScripts:h}
+ </body>
+</html>
--- /dev/null
+/**
+ * hoverIntent is similar to jQuery's built-in "hover" method except that
+ * instead of firing the handlerIn function immediately, hoverIntent checks
+ * to see if the user's mouse has slowed down (beneath the sensitivity
+ * threshold) before firing the event. The handlerOut function is only
+ * called after a matching handlerIn.
+ *
+ * hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+
+ * http://cherne.net/brian/resources/jquery.hoverIntent.html
+ *
+ * You may use hoverIntent under the terms of the MIT license. Basically that
+ * means you are free to use hoverIntent as long as this header is left intact.
+ * Copyright 2007, 2013 Brian Cherne
+ *
+ * // basic usage ... just like .hover()
+ * .hoverIntent( handlerIn, handlerOut )
+ * .hoverIntent( handlerInOut )
+ *
+ * // basic usage ... with event delegation!
+ * .hoverIntent( handlerIn, handlerOut, selector )
+ * .hoverIntent( handlerInOut, selector )
+ *
+ * // using a basic configuration object
+ * .hoverIntent( config )
+ *
+ * @param handlerIn function OR configuration object
+ * @param handlerOut function OR selector for delegation OR undefined
+ * @param selector selector OR undefined
+ * @author Brian Cherne <brian(at)cherne(dot)net>
+ **/
+(function($) {
+ $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {
+
+ // default configuration values
+ var cfg = {
+ interval: 100,
+ sensitivity: 7,
+ timeout: 0
+ };
+
+ if ( typeof handlerIn === "object" ) {
+ cfg = $.extend(cfg, handlerIn );
+ } else if ($.isFunction(handlerOut)) {
+ cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );
+ } else {
+ cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );
+ }
+
+ // instantiate variables
+ // cX, cY = current X and Y position of mouse, updated by mousemove event
+ // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
+ var cX, cY, pX, pY;
+
+ // A private function for getting mouse position
+ var track = function(ev) {
+ cX = ev.pageX;
+ cY = ev.pageY;
+ };
+
+ // A private function for comparing current and previous mouse position
+ var compare = function(ev,ob) {
+ ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+ // compare mouse positions to see if they've crossed the threshold
+ if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
+ $(ob).off("mousemove.hoverIntent",track);
+ // set hoverIntent state to true (so mouseOut can be called)
+ ob.hoverIntent_s = 1;
+ return cfg.over.apply(ob,[ev]);
+ } else {
+ // set previous coordinates for next time
+ pX = cX; pY = cY;
+ // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
+ ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
+ }
+ };
+
+ // A private function for delaying the mouseOut function
+ var delay = function(ev,ob) {
+ ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+ ob.hoverIntent_s = 0;
+ return cfg.out.apply(ob,[ev]);
+ };
+
+ // A private function for handling mouse 'hovering'
+ var handleHover = function(e) {
+ // copy objects to be passed into t (required for event object to be passed in IE)
+ var ev = jQuery.extend({},e);
+ var ob = this;
+
+ // cancel hoverIntent timer if it exists
+ if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
+
+ // if e.type == "mouseenter"
+ if (e.type == "mouseenter") {
+ // set "previous" X and Y position based on initial entry point
+ pX = ev.pageX; pY = ev.pageY;
+ // update "current" X and Y position based on mousemove
+ $(ob).on("mousemove.hoverIntent",track);
+ // start polling interval (self-calling timeout) to compare mouse coordinates over time
+ if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
+
+ // else e.type == "mouseleave"
+ } else {
+ // unbind expensive mousemove event
+ $(ob).off("mousemove.hoverIntent",track);
+ // if hoverIntent state is true, then call the mouseOut function after the specified delay
+ if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
+ }
+ };
+
+ // listen for mouseenter and mouseleave
+ return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);
+ };
+})(jQuery);
\ No newline at end of file
--- /dev/null
+/*
+ * jQuery Superfish Menu Plugin - v1.7.4
+ * Copyright (c) 2013 Joel Birch
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function ($) {
+ "use strict";
+
+ var methods = (function () {
+ // private properties and methods go here
+ var c = {
+ bcClass: 'sf-breadcrumb',
+ menuClass: 'sf-js-enabled',
+ anchorClass: 'sf-with-ul',
+ menuArrowClass: 'sf-arrows'
+ },
+ ios = (function () {
+ var ios = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+ if (ios) {
+ // iOS clicks only bubble as far as body children
+ $(window).load(function () {
+ $('body').children().on('click', $.noop);
+ });
+ }
+ return ios;
+ })(),
+ wp7 = (function () {
+ var style = document.documentElement.style;
+ return ('behavior' in style && 'fill' in style && /iemobile/i.test(navigator.userAgent));
+ })(),
+ toggleMenuClasses = function ($menu, o) {
+ var classes = c.menuClass;
+ if (o.cssArrows) {
+ classes += ' ' + c.menuArrowClass;
+ }
+ $menu.toggleClass(classes);
+ },
+ setPathToCurrent = function ($menu, o) {
+ return $menu.find('li.' + o.pathClass).slice(0, o.pathLevels)
+ .addClass(o.hoverClass + ' ' + c.bcClass)
+ .filter(function () {
+ return ($(this).children(o.popUpSelector).hide().show().length);
+ }).removeClass(o.pathClass);
+ },
+ toggleAnchorClass = function ($li) {
+ $li.children('a').toggleClass(c.anchorClass);
+ },
+ toggleTouchAction = function ($menu) {
+ var touchAction = $menu.css('ms-touch-action');
+ touchAction = (touchAction === 'pan-y') ? 'auto' : 'pan-y';
+ $menu.css('ms-touch-action', touchAction);
+ },
+ applyHandlers = function ($menu, o) {
+ var targets = 'li:has(' + o.popUpSelector + ')';
+ if ($.fn.hoverIntent && !o.disableHI) {
+ $menu.hoverIntent(over, out, targets);
+ }
+ else {
+ $menu
+ .on('mouseenter.superfish', targets, over)
+ .on('mouseleave.superfish', targets, out);
+ }
+ var touchevent = 'MSPointerDown.superfish';
+ if (!ios) {
+ touchevent += ' touchend.superfish';
+ }
+ if (wp7) {
+ touchevent += ' mousedown.superfish';
+ }
+ $menu
+ .on('focusin.superfish', 'li', over)
+ .on('focusout.superfish', 'li', out)
+ .on(touchevent, 'a', o, touchHandler);
+ },
+ touchHandler = function (e) {
+ var $this = $(this),
+ $ul = $this.siblings(e.data.popUpSelector);
+
+ if ($ul.length > 0 && $ul.is(':hidden')) {
+ $this.one('click.superfish', false);
+ if (e.type === 'MSPointerDown') {
+ $this.trigger('focus');
+ } else {
+ $.proxy(over, $this.parent('li'))();
+ }
+ }
+ },
+ over = function () {
+ var $this = $(this),
+ o = getOptions($this);
+ clearTimeout(o.sfTimer);
+ $this.siblings().superfish('hide').end().superfish('show');
+ },
+ out = function () {
+ var $this = $(this),
+ o = getOptions($this);
+ if (ios) {
+ $.proxy(close, $this, o)();
+ }
+ else {
+ clearTimeout(o.sfTimer);
+ o.sfTimer = setTimeout($.proxy(close, $this, o), o.delay);
+ }
+ },
+ close = function (o) {
+ o.retainPath = ($.inArray(this[0], o.$path) > -1);
+ this.superfish('hide');
+
+ if (!this.parents('.' + o.hoverClass).length) {
+ o.onIdle.call(getMenu(this));
+ if (o.$path.length) {
+ $.proxy(over, o.$path)();
+ }
+ }
+ },
+ getMenu = function ($el) {
+ return $el.closest('.' + c.menuClass);
+ },
+ getOptions = function ($el) {
+ return getMenu($el).data('sf-options');
+ };
+
+ return {
+ // public methods
+ hide: function (instant) {
+ if (this.length) {
+ var $this = this,
+ o = getOptions($this);
+ if (!o) {
+ return this;
+ }
+ var not = (o.retainPath === true) ? o.$path : '',
+ $ul = $this.find('li.' + o.hoverClass).add(this).not(not).removeClass(o.hoverClass).children(o.popUpSelector),
+ speed = o.speedOut;
+
+ if (instant) {
+ $ul.show();
+ speed = 0;
+ }
+ o.retainPath = false;
+ o.onBeforeHide.call($ul);
+ $ul.stop(true, true).animate(o.animationOut, speed, function () {
+ var $this = $(this);
+ o.onHide.call($this);
+ });
+ }
+ return this;
+ },
+ show: function () {
+ var o = getOptions(this);
+ if (!o) {
+ return this;
+ }
+ var $this = this.addClass(o.hoverClass),
+ $ul = $this.children(o.popUpSelector);
+
+ o.onBeforeShow.call($ul);
+ $ul.stop(true, true).animate(o.animation, o.speed, function () {
+ o.onShow.call($ul);
+ });
+ return this;
+ },
+ destroy: function () {
+ return this.each(function () {
+ var $this = $(this),
+ o = $this.data('sf-options'),
+ $hasPopUp;
+ if (!o) {
+ return false;
+ }
+ $hasPopUp = $this.find(o.popUpSelector).parent('li');
+ clearTimeout(o.sfTimer);
+ toggleMenuClasses($this, o);
+ toggleAnchorClass($hasPopUp);
+ toggleTouchAction($this);
+ // remove event handlers
+ $this.off('.superfish').off('.hoverIntent');
+ // clear animation's inline display style
+ $hasPopUp.children(o.popUpSelector).attr('style', function (i, style) {
+ return style.replace(/display[^;]+;?/g, '');
+ });
+ // reset 'current' path classes
+ o.$path.removeClass(o.hoverClass + ' ' + c.bcClass).addClass(o.pathClass);
+ $this.find('.' + o.hoverClass).removeClass(o.hoverClass);
+ o.onDestroy.call($this);
+ $this.removeData('sf-options');
+ });
+ },
+ init: function (op) {
+ return this.each(function () {
+ var $this = $(this);
+ if ($this.data('sf-options')) {
+ return false;
+ }
+ var o = $.extend({}, $.fn.superfish.defaults, op),
+ $hasPopUp = $this.find(o.popUpSelector).parent('li');
+ o.$path = setPathToCurrent($this, o);
+
+ $this.data('sf-options', o);
+
+ toggleMenuClasses($this, o);
+ toggleAnchorClass($hasPopUp);
+ toggleTouchAction($this);
+ applyHandlers($this, o);
+
+ $hasPopUp.not('.' + c.bcClass).superfish('hide', true);
+
+ o.onInit.call(this);
+ });
+ }
+ };
+ })();
+
+ $.fn.superfish = function (method, args) {
+ if (methods[method]) {
+ return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+ }
+ else if (typeof method === 'object' || ! method) {
+ return methods.init.apply(this, arguments);
+ }
+ else {
+ return $.error('Method ' + method + ' does not exist on jQuery.fn.superfish');
+ }
+ };
+
+ $.fn.superfish.defaults = {
+ popUpSelector: 'ul,.sf-mega', // within menu context
+ hoverClass: 'sfHover',
+ pathClass: 'overrideThisToUse',
+ pathLevels: 1,
+ delay: 00,
+ animation: {opacity: 'show'},
+ animationOut: {opacity: 'hide'},
+ speed: 'normal',
+ speedOut: 'fast',
+ cssArrows: true,
+ disableHI: false,
+ onInit: $.noop,
+ onBeforeShow: $.noop,
+ onShow: $.noop,
+ onBeforeHide: $.noop,
+ onHide: $.noop,
+ onIdle: $.noop,
+ onDestroy: $.noop
+ };
+
+ // soon to be deprecated
+ $.fn.extend({
+ hideSuperfishUl: methods.hide,
+ showSuperfishUl: methods.show
+ });
+
+})(jQuery);
-<!doctype html>
-<html>
-<head>
-<meta charset="UTF-8">
-<title>Cedarville Marine</title>
-<link rel="stylesheet" href="styles.css" />
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
-</head>
-
-<body>
-<div id="container">
- <header>
- <div id="header_wrap"> <img id="logo" src="img/logo.png" width="140" height="165" alt="Cedarville Marine Logo" />
- <h1><img src="img/wordmark.jpg" width="550" height="85" alt="Cedarville Marine - Serving the Les Cheneaux Islands recreational boating industry since 1984" /><!-- image is temporary - waiting for font from client --></h1>
- <p class="tel">906.484.2815</p>
- <ul>
- <li><a href="#" title="Services">Services</a>
- <ul>
- <li><a href="#" title="Capabilities">Capabilities</a></li>
- <li><a href="#" title="Service Forms">Service Forms</a>
- <ul>
- <li><a href="#" title="Service Request">Service Request</a></li>
- <li><a href="#" title="Launch Request">Launch Request</a></li>
- <li><a href="#" title="Temporary Storage">Temporary Storage</a></li>
- </ul>
- </li>
- <li><a href="#" title="Seaweed Removal">Seaweed Removal</a></li>
- </ul>
- </li>
- <li><a href="#" title="Store">Store</a>
- <ul>
- <li><a href="#" title="Summer Gear">Summer Gear</a>
- <ul>
- <li><a href="#" title="Apparel">Apparel</a></li>
- <li><a href="#" title="Tubes & Rafts">Tubes & Rafts</a></li>
- <li><a href="#" title="Boating Accessories">Boating Accessories</a></li>
- </ul>
- </li>
- <li><a href="#" title="Winter Gear">Winter Gear</a>
- <ul>
- <li><a href="#" title="Apparel">Apparel</a></li>
- <li><a href="#" title="Snowmobile Accessories">Snowmobile Accessories</a></li>
- </ul>
- </li>
- <li><a href="#" title="Snowmobile & ATV's">Snowmobile & ATV's</a></li>
- </ul>
- </li>
- <li><a href="#" title="Facilities">Facilities</a>
- <ul>
- <li><a href="#" title="Marina">Marina</a></li>
- <li><a href="#" title="Snow Shop">Snow Shop</a></li>
- <li><a href="#" title="Rates">Rates</a></li>
- </ul>
- </li>
- <li><a href="#" title="Storage">Storage</a>
- <ul>
- <li><a href="#" title="Facility">Facility</a></li>
- <li><a href="#" title="Storage Agreement">Storage Agreement</a></li>
- </ul>
- </li>
- <li><a href="#" title="Area Information">Area Information</a>
- <ul>
- <li><a href="#" title="Area Weather">Area Weather</a>
- <ul>
- <li><a href="#" title="Cedarville">Cedarville</a></li>
- <li><a href="#" title="DeTour">DeTour</a></li>
- <li><a href="#" title="Mackinac Island">Mackinac Island</a></li>
- </ul>
- </li>
- <li><a href="#" title="Local Attractions">Local Attractions</a></li>
- <li><a href="#" title="Events">Events</a></li>
- <li><a href="#" title="Organizations">Organizations</a></li>
- </ul>
- </li>
- <li><a href="#" title="About Us">About Us</a>
- <ul>
- <li><a href="#" title="History">History</a></li>
- <li><a href="#" title="Staff">Staff</a></li>
- <li><a href="#" title="Hours of Operation">Hours of Operation</a></li>
- </ul>
- </li>
- <li><a href="#" title="Contact">Contact</a></li>
- </ul>
- </div><!-- header_wrap -->
- </header>
- <section id="hero">
- <div id="hero_wrap">
- <!-- slideshow -->
- <div id="quicklink_wrap">
- <div class="quicklink_block">
- <h2>Summer Gear</h2>
- <ul>
- <li>Apparel</li>
- <li>Tubes & Rafts</li>
- <li>Boat Accessories</li>
- </ul>
- </div>
- <div class="quicklink_block">
- <h2>Docks Available</h2>
- </div>
- <div class="quicklink_block">
- <h2>Seaweed Removal</h2>
- </div>
- <div class="quicklink_block last_q_block">
- <h2>Boat & Engine Repair</h2>
- </div>
- </div><!-- quicklink_wrap -->
- </div>
- <!-- hero_wrap -->
- </section>
- <!-- hero -->
- <section id="content">
- <div id="content_wrap">
- <div id="left_col">
- <div id="toolbox">
- <div id="category">
- <p>Cedarville Marine is a full service marina and ship's store located on the waterfront in beautiful downtown Cedarville, Michigan. We offer:</p>
- <ul>
- <li>Mercury / Mercruiser and OMC motor services</li>
- <li>Mercury / Mercruiser, Evinrude BRP, & Arctic Cat sales and repair</li>
- <li>Outboard & inboard boat motor repair</li>
- <li>Boat storage & boat shrink wrapping</li>
- </ul>
- <ul>
- <li>25 ton travel lift</li>
- <li>Seasonal & Transient dockage</li>
- <li>Gas & Diesel</li>
- <li>Pump-out station & Trash disposal</li>
- </ul>
- <div class="hr_graphic"></div><!-- hr_graphic -->
-
- <div class="imageright" >
- <img alt="is82-1354654029-02462.jpeg" title="Gaylord To Mackinaw Trail Ride" src="../../../Desktop/pic-spotlight-mackinac-island-8-09.jpg">
- <div class="imagecaption">This is a caption for images</div>
- </div><!-- imageright -->
- </div><!-- category -->
- </div><!-- toolbox -->
-
- <!-- **************************************************************************** GLM Blocks from another web site... ******************************************* -->
-
- <section flexy:if="hasHeadlines" id="hHlines">
- <h2>Headlines</h2><!-- this is not needed and is set to display:none; in the css -->
- <ul>
-
- <li class="hHlinesItem">
- <img src="http://www.viewsofthepast.com/photos/towns/Towns_C/to-cdrv-001.jpg" alt="Home page headline image">
- <h3><a href="{v[href]:h}">the title</a></h3>
- <p>This is a paragraph</p>
- <p class="hHlinesMore"><a href="{v[href]:h}">Read More</a></p>
- </li><!-- /.hHlinesItem -->
-
- <li class="hHlinesItem">
- <img src="http://www.viewsofthepast.com/photos/towns/Towns_C/to-cdrv-002.jpg" alt="Home page headline image">
- <h3><a href="{v[href]:h}">the title</a></h3>
- <p>This is a paragraph</p>
- <p class="hHlinesMore"><a href="{v[href]:h}">Read More</a></p>
- </li><!-- /.hHlinesItem -->
-
- <li class="hHlinesItem">
- <h3><a href="{v[href]:h}">the title</a></h3>
- <p>This is a paragraph</p>
- <p class="hHlinesMore"><a href="{v[href]:h}">Read More</a></p>
- </li><!-- /.hHlinesItem -->
- </ul>
-</section><!-- /#hHlines -->
-
-
-
- </div><!-- left_col -->
-
- <div id="right_col"> <a href="#" title="Get directions to our store" ><img src="img/google_maps.jpg" width="251" height="183" alt="Get directions to our store"/></a> <a href="#" title="Weather Widget"><!-- TEMPORARY :: Replace with actual weather widget --><img src="img/weather_temp.jpg" /></a> <a href="#" title="Great Lakes Lake Levels (USACE)">Great Lakes Lake Levels (USACE)</a> <a href="#" title="Find Us on Facebook"><img src="img/facebook.gif" width="251" height="82" alt="Find Us on Facebook" /></a> </div>
- <!-- right_col -->
- </div>
- <!-- content_wrap -->
- </section>
- <footer>
- <address>
- <ul>
- <li class="adr">Cedarville Marine, 100 E Hodeck St, Cedarville, MI 49719</li>
- <li><img src="img/footer_elipse.png" alt="graphic element" /></li>
- <li class="geo">45°59’41.68” — 84°21’33.97”</li>
- <li><img src="img/footer_elipse.png" alt="graphic element" /></li>
- <li class="tel">906.484.2815</li>
- <li><img src="img/footer_elipse.png" alt="graphic element" /></li>
- <li><a href="#" >Contact Us</a></li>
- </ul>
- </address>
- <p class="copyright">Copyright ©2014, Cedarville Marine. Produced by Gaslight Media, All Rights Reserved</p>
- </footer>
-</div>
-<!-- container -->
-<script>
-$("#header_wrap>ul>li").hover( function(){
- console.log(this);
- $(this).children("ul").addClass("subMenu");
- $('li:has(> ul)').css("border-bottom","0");//remove bottom border from any li that has child ul
-}, function(){
- $(this).children("ul").removeClass("subMenu");
-}
-
-
-);
-</script>
-</body>
-</html>
+<!DOCTYPE HTML> \r
+<html lang="en">\r
+<head>\r
+<meta charset="utf-8">\r
+<title>Cedarville Marine web template</title>\r
+<!-- css -->\r
+<link rel="stylesheet" href="styles.css">\r
+<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>\r
+<link rel="stylesheet" href="superfish.css">\r
+<!-- js -->\r
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>\r
+<script src="tmp/hoverIntent.js"></script>\r
+<script src="tmp/superfish.js"></script>\r
+<script>\r
+ jQuery(document).ready(function(){\r
+ jQuery('ul.sf-menu').superfish();\r
+ });\r
+</script>\r
+<!--[if lte IE 9]>\r
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>\r
+<![endif]-->\r
+</head>\r
+<body id="home">\r
+ <div class="row rHeader">\r
+ <div>\r
+ <header>\r
+ <h1 class="glmTxtImg">Cedarville Marine</h1>\r
+ <div class="tel">906.484.2815</div>\r
+ \r
+ <a href="#"><img src="assets/logo.png"></a>\r
+ <nav>\r
+ <ul class="sf-navbar sf-menu">\r
+ <li>\r
+ <a href="#">Services</a>\r
+ <ul>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ </ul>\r
+ </li>\r
+ <li>\r
+ <a href="#">Store</a>\r
+ <ul>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ </ul>\r
+ </li>\r
+ <li>\r
+ <a href="#">Facilities</a>\r
+ <ul>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ </ul>\r
+ </li>\r
+ <li>\r
+ <a href="#">Storage</a>\r
+ <ul>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Menu Item</a>\r
+ </li>\r
+ </ul>\r
+ </li>\r
+ <li>\r
+ <a href="#">Area Information</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">About Us</a>\r
+ </li>\r
+ <li>\r
+ <a href="#">Contact</a>\r
+ </li>\r
+ </ul>\r
+ </nav>\r
+ </header>\r
+ </div>\r
+ </div><!-- /.row -->\r
+ <div class="row" id="rHome">\r
+ <div class="clearfix">\r
+ <div id="slideshow">\r
+ <img src="tmp/slideshowTMP.jpg"><!-- Placeholder. Replace -->\r
+ </div>\r
+ <ul id="homeLinks" class="glmCL">\r
+ <li> \r
+ <a href="#" class="glmTxtImg">Summer Gear</a>\r
+ </li>\r
+ <li> \r
+ <a href="#" class="glmTxtImg">Docks Available</a>\r
+ </li>\r
+ <li> \r
+ <a href="#" class="glmTxtImg">Seaweed Removal</a>\r
+ </li>\r
+ <li> \r
+ <a href="#" class="glmTxtImg">Boat & Engine Repeair</a>\r
+ </li>\r
+ </ul>\r
+ </div>\r
+ </div><!-- /.row -->\r
+ \r
+ <div class="row" id="hMain">\r
+ <div class="clearfix">\r
+ <div id="cMain">\r
+ <div id="toolbox">\r
+ <div id="category">\r
+ <h1>Hola and welcome to this template</h1>\r
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\r
+ </div><!-- /#category -->\r
+ </div><!-- /#toolbox -->\r
+ <!-- GLM BLOCKs HERE -->\r
+ </div><!-- /#cMain -->\r
+ <div id="cSide">\r
+ <a href="#" id="cDir" class="glmTxtImg">Get Directions</a>\r
+ <div id="weather">\r
+ <img src="http://app.gaslightmedia.com/weather/ra.png" alt="" width="48" height="48">\r
+ <span class="wTemp">52.0°</span>\r
+ <span class="wCond">Sunny</span>\r
+ </div><!-- /#weather -->\r
+ <a href="#" id="cFace" class="glmTxtImg">Find us on Facebook</a>\r
+ </div><!-- /#cSide -->\r
+ </div><!-- /#cMain -->\r
+ </div><!-- /#row -->\r
+ <div class="row rFooter">\r
+ <footer>\r
+ <p>\r
+ <span>Cedarville Marine, 100 E Hodeck St, Cedarville, MI 49719</span>\r
+ <i>.</i>\r
+ <span>45°59’41.68” - 84°21’33.97” </span>\r
+ <i>.</i>\r
+ <span>906.484.2815</span>\r
+ <i>.</i>\r
+ <a href="#">Contact Us</a>\r
+ </p>\r
+ <p id="cr">\r
+ Copyright © 2014, Cedarville Marine. Produced by Gaslight Media, All Rights Reserved. <a href="#">Sitemap</a>\r
+ </p>\r
+ </footer>\r
+ </div><!-- /.row -->\r
+</body>\r
+</html>
\ No newline at end of file
projects / web / CedarvilleMarine.git / commitdiff
