From 5f5e9af0eae51c9b5970eab6fb989d4ed5dd5686 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 17 Nov 2015 13:22:33 -0500 Subject: [PATCH] Adding explore emmet footer. --- assets/more_emmet.png | Bin 0 -> 5287 bytes css/app.css | 47 +++++++++++++++++++++-- footer.php | 87 +++++++++++++++++++++++------------------- scss/_structure.scss | 58 +++++++++++++++++++++++++--- 4 files changed, 143 insertions(+), 49 deletions(-) create mode 100644 assets/more_emmet.png diff --git a/assets/more_emmet.png b/assets/more_emmet.png new file mode 100644 index 0000000000000000000000000000000000000000..292b9e8b00f86ef929fe71cffa1f8470cc1496fe GIT binary patch literal 5287 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 Dmim7n literal 0 HcmV?d00001 diff --git a/css/app.css b/css/app.css index 5597118..11495b2 100755 --- a/css/app.css +++ b/css/app.css @@ -6036,15 +6036,56 @@ li > p.open { top: -65px; left: 32px; } +/* Footer */ footer { background-color: white; - font-family: Open Sans, sans-serif; - margin: 0 -15px; - padding: 20px 10px 0 10px; } + font-family: Open Sans, sans-serif; } footer h2 { font-weight: normal; } +footer { + float: none; + margin: 0 auto; + max-width: 1000px; } + +#connect { + position: fixed; + padding-top: 20px; + bottom: 0; + max-width: 1000px; + z-index: 100; } + #connect #emmet { + max-width: 300px; + float: none; + margin: 0 auto; + background: #6EA643; + border-radius: 8px 8px 0 0; + padding: 12px 15px 2px; } + #connect #sitelist { + height: 0; + padding: 0; } + #connect #sitelist ul { + margin: 0; + list-style: none; + background: #6EA643; } + #connect #sitelist ul li { + background: none; + padding: 0 5px; + display: inline-block; } + #connect #sitelist ul li > a { + display: block; + font-family: Open Sans, sans-serif; + font-size: 12px; + color: #fff; + padding: 12px 18px; + line-height: 1.2; } + #connect #sitelist ul li a#current { + background: #00678b; } + #connect #sitelist ul li a:hover { + background-color: #00678b; } + +/* End Footer */ .multi { padding: 18px 15px; line-height: 100%; } diff --git a/footer.php b/footer.php index fe46f42..5afcced 100755 --- a/footer.php +++ b/footer.php @@ -1,51 +1,36 @@ - + - +

© Emmet County, Michigan • All Rights Reserved

Produced by Gaslight Media

+ + @@ -67,5 +52,27 @@ } }); }); + $(function(){ + var toggleSitelist = true; + $('#emmet').on('click',function(e) { + // var footerPosition = get_footer_position(); + var footerPosition = 'fixed'; + if (footerPosition === 'fixed') { + if (toggleSitelist) { + $("#sitelist").animate({'height': 53}, 600); + toggleSitelist = false; + } else { + $("#sitelist").animate({'height': 0}, 600); + toggleSitelist = true; + } + $('#connect').bind('mouseleave', function () { + if (!toggleSitelist) { + $("#sitelist").animate({'height': 0}, 600); + toggleSitelist = true; + } + }); + } + }) + }); diff --git a/scss/_structure.scss b/scss/_structure.scss index b0aa6c7..2d7afdc 100755 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -402,19 +402,65 @@ li > p.open { top: -65px; left: 32px; } +/* Footer */ footer { background-color: white; font-family: Open Sans, sans-serif; - margin: 0 -15px; - padding: 20px 10px 0 10px; -} -footer a { -/* font-size: 12px; - color: #fff;*/ } footer h2 { font-weight: normal; } +footer { + float: none; + margin: 0 auto; + max-width: 1000px; +} +#connect { + position: fixed; + padding-top: 20px; + bottom: 0; + max-width: 1000px; + z-index: 100; + #emmet { + max-width: 300px; + float: none; + margin: 0 auto; + background: #6EA643; + border-radius: 8px 8px 0 0; + padding: 12px 15px 2px; + } + #sitelist { + height: 0; + padding: 0; + ul{ + margin: 0; + list-style: none; + background: #6EA643; + li { + background: none; + padding: 0 5px; + display: inline-block; + & > a { + display: block; + font-family: Open Sans, sans-serif; + font-size: 12px; + color: #fff; + padding: 12px 18px; + line-height: 1.2; + } + a { + &#current { + background: #00678b; + } + } + a:hover { + background-color: #00678b; + } + } + } + } +} +/* End Footer */ .multi { padding: 18px 15px; line-height: 100%; -- 2.17.1