From 5527db75e89abed2c4177b0c41fa539069e39b18 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Tue, 10 Feb 2015 08:15:54 -0500 Subject: [PATCH] Update from yesterday --- index.html | 438 ++++++++++++++++++++++--------------------- interior.html | 382 ++++++++++++++++++++----------------- scss/_settings.scss | 6 +- scss/_structure.scss | 104 +++++++++- scss/app.scss | 2 +- 5 files changed, 528 insertions(+), 404 deletions(-) diff --git a/index.html b/index.html index d8a99ac..02ac516 100644 --- a/index.html +++ b/index.html @@ -8,27 +8,194 @@ -
-
-
- -
-
-
- + + +
+
+
+
+
+
+ + + + +
+
+
+
+
+

Welcome

+

On a 90-acre historic campus midway between Detroit and Chicago is the Gilmore Car Museum. Here, visitors shoot the breeze in an old-fashioned gas station. Children stand inches from a 1930 Rolls-Royce that’s from a Disney® movie. Grandparents share stories about a ’57 Chevy, as their smiles are reflected in the car’s chrome. Stroll the campus. Eat lunch in our authentic Blue Moon Diner. Walk right upto an amazing collection of over 300 vintage automobiles, motorcycles, and memories. It’s America’s Signature Collection. And the ultimate experience for everyone in your family.

- +
diff --git a/interior.html b/interior.html index a708859..ba10a80 100644 --- a/interior.html +++ b/interior.html @@ -8,195 +8,231 @@ -
-
-
- -
-
-
- -
-
-
- -
-
-
-

The Gilmore Car Musuem

-

6865 W Hickory Rd. Hickory Corners, MI 49060 • 269-671-5089 • Directions

- +
+

Hold an Event You Won't Soon Forget.
In a Venue Like No Other Around.

+ + + +

Let the Gilmore Car Museum be the backdrop for your next meeting, wedding, reception—special event. With 90-acres of manicured grounds, carefully restored historic structures, and over 350 exceptional vehicles, your friends, business associates, and guests will enjoy an unforgettable occasion.

+

Our Carriage House and S-Barn are ideal venues for small get-togethers, our Automotive Heritage Center is just the place to make your next gathering a truly unique experience, and our beautifully manicured campus can accommodate events of virtually any size. Whether it’s right in the heart of the Museum or off in a secluded corner, your event can be catered to your tastes.

+ +

We’re there to help. At every turn.
Your rental fee includes the services of an event planner to help you with every step of preparations. We look forward to helping you create a one-of-a-kind experience.

+

For more information or to make your reservation, contact:

+

Director of Special Events
Betsy Gesmundo
269-671-5089 Ext. 12
events@gilmorecarmuseum.org

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

The Gilmore Car Museum is a public, 501(c)3 non-profit educational institution, dedicated to preserving the history and heritage of the American automobile.

-

© 2015 Gilmore Car Musuem • All Rights Reserved • Produced by Gaslight Media

-
-
+ + diff --git a/scss/_settings.scss b/scss/_settings.scss index 606f914..71288ad 100644 --- a/scss/_settings.scss +++ b/scss/_settings.scss @@ -127,7 +127,7 @@ $include-html-global-classes: $include-html-classes; // $info-color: #a0d3e8; // We use these to control various global styles - $body-bg: url(../assets/bg.jpg) no-repeat; + $body-bg: url(../assets/bg.jpg) repeat; $body-font-color: $black; // $body-font-family: $font-family-sans-serif; // $body-font-weight: $font-weight-normal; @@ -820,7 +820,7 @@ $include-html-global-classes: $include-html-classes; // Off Canvas Tab Bar Variables // $include-html-off-canvas-classes: $include-html-classes; -// $tabbar-bg: $oil; + $tabbar-bg: $red; // $tabbar-height: rem-calc(45); // $tabbar-icon-width: $tabbar-height; // $tabbar-line-height: $tabbar-height; @@ -840,7 +840,7 @@ $include-html-global-classes: $include-html-classes; // Off Canvas Menu Variables // $off-canvas-width: rem-calc(250); -// $off-canvas-bg: $oil; + $off-canvas-bg: $red; // Off Canvas Menu List Variables // $off-canvas-label-padding: 0.3rem rem-calc(15); diff --git a/scss/_structure.scss b/scss/_structure.scss index fb3232f..7b58418 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -37,7 +37,7 @@ header { color: #fff; content: "|"; position: absolute; - top: 2px; + top: -1px; left: -13px; font-size: 12px; font-weight: bold; @@ -61,7 +61,7 @@ header { padding-bottom: 25px; padding-top: 5px; input { - width: 150px; + width: 100%; height: 24px; font-size: 0.5rem; padding: 0 34px 0 10px; @@ -71,7 +71,6 @@ header { img { float: right; margin-top: -24px; - margin-right: 34px; border-radius: 10px; } } @@ -84,6 +83,7 @@ header { .top-bar { @include gradient(#c54d38, #b71b1f); border-bottom: 4px solid $white; + box-shadow: 0 5px 5px 0 $black; .top-bar-section { background: transparent; float: none; @@ -118,6 +118,7 @@ header { &.drop_left { & .dropdown { padding-left: 248px; + padding-right: 20px; background: $white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; @@ -137,7 +138,6 @@ header { a:not(.button) { color: $black; background: transparent; - border-bottom: 1px solid #e7e7e8; } } &:hover:not(.has-form):not(.active) { @@ -146,6 +146,9 @@ header { background: transparent; } } + a { + border-bottom: 1px solid #e7e7e8; + } } } } @@ -206,12 +209,31 @@ header { content: none; } } + .has-dropdown > a { + padding-right: 15px !important; + &:after { + content: none; + } + } + } + } + .left-off-canvas-menu { + .left-off-canvas-list { + list-style: none; + li { + a { + color: $white; + } + ul { + list-style: none; + } + } } } } .slider { - background: url(../assets/slider_img.jpg); height: 480px; + background: url(../assets/slider_img.jpg); } .thumb-nav { background: rgba(0, 0, 0, 0.6); @@ -278,6 +300,7 @@ header { border-left: 1px solid $black; border-bottom: 1px solid $black; border-right: 1px solid $black; + margin-bottom: 20px; label { margin-bottom: 25px; a { @@ -293,24 +316,87 @@ header { } } + .breadcrumbs { + background: #fff; + margin-bottom: 0; + margin-top: 0; + border: none; + font-size: 10px; + a { + color: #b1b3b5; + } + #current-crumb { + font-weight: bold; + } + & > *:before { + content: ">"; + color: $red; + } + & > :first-child:before { + content: " "; + margin: 0; + } + + } + .main { + img { + border: 6px solid #fdefd4; + margin-bottom: 30px; + } + } + .sidebar { + h2 { + color: $black; + background: #9fa617; + text-align: center; + margin-bottom: 0; + padding: 5px 0; + } + ul { + list-style: none; + margin-left: 0; + li { + border-bottom: 1px solid $white; + background: #c5c974; + padding-left: 15px; + a { + color: $black; + &#active { + color: $red; + } + } + } + } + .tab { + background: #c8b776; + h2 { + color: $white; + background: #c8b776; + text-align: center; + margin-bottom: 8px; + + } + } + } } h3 { margin: 0; } -a#direct { +a.link { color: $red; text-decoration: underline; text-decoration-color: $red; } footer { background: #b9b8a3; - height: 203px; img { padding: 25px 0; - } } #copyright { margin-top: 32px; - margin-bottom: 200px; + margin-bottom: 150px; + p { + margin: 0; + } } \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss index ef23c8c..04f4e73 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -1,7 +1,7 @@ @import "settings"; @import "foundation"; -@import "structure"; @import "wordpress"; +@import "structure"; // Or selectively include components // @import -- 2.17.1