diff --git a/css/styles.css b/css/styles.css index b952a8d..48493d7 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14416,16 +14416,14 @@ a:hover { /* line 134, global.scss */ #MainContent { - position: absolute; - top: 40px; + position: relative; + margin-top: 40px; z-index: 0; - min-height: 200vh; + min-height: 100vh; overflow: hidden; - left: 50%; - transform: translateX(-50%); } -/* line 144, global.scss */ +/* line 142, global.scss */ #map { width: 100%; border-radius: 3px; @@ -14433,17 +14431,6 @@ a:hover { padding: 10px; } -/* line 152, global.scss */ -#menuLeft { - margin-top: 70px; -} -@media only screen and (min-width: 768px) { - /* line 152, global.scss */ - #menuLeft { - margin-top: 0; - } -} - /* line 3, forms.scss */ input, select, @@ -14567,57 +14554,59 @@ input[type="radio"] + label::before { /* line 2, header.scss */ header { + position: relative; background: #4e984a; height: 70px; width: 100%; + top: 0; } -/* line 7, header.scss */ +/* line 9, header.scss */ header .logo { position: fixed; top: 0; left: 0; height: 70px; } -/* line 15, header.scss */ +/* line 17, header.scss */ header .container.main { height: 70px; position: fixed; background: #4e984a; z-index: 500; } -/* line 23, header.scss */ +/* line 25, header.scss */ header .hamburger { position: fixed; top: 6px; right: 0; } -/* line 30, header.scss */ +/* line 32, header.scss */ header .openings { position: relative; top: 0; } -/* line 34, header.scss */ +/* line 36, header.scss */ header .openings .hours { font-size: 0.75rem; text-align: left; position: absolute; top: 100px; } -/* line 39, header.scss */ +/* line 41, header.scss */ header .openings .hours span { display: inline; border-right: 1px solid #aaa; padding: 0 5px; } -/* line 44, header.scss */ +/* line 46, header.scss */ header .openings .hours span:first-child { padding: 0; } -/* line 48, header.scss */ +/* line 50, header.scss */ header .openings .hours span:first-child, header .openings .hours span:last-child { border-right: none; } -/* line 56, header.scss */ +/* line 58, header.scss */ header .topmenu { height: calc(100vh - 70px); position: fixed; @@ -14629,7 +14618,7 @@ header .topmenu { overflow: auto; z-index: 500; } -/* line 67, header.scss */ +/* line 69, header.scss */ header .topmenu ul { text-align: center; font-size: 1.125rem; @@ -14639,13 +14628,13 @@ header .topmenu ul { padding: 0; line-height: 30px; } -/* line 77, header.scss */ +/* line 79, header.scss */ header .topmenu ul li { list-style: none; padding: 5px 15px; display: block; } -/* line 82, header.scss */ +/* line 84, header.scss */ header .topmenu ul li a { color: #4e984a; text-decoration: none; @@ -14655,11 +14644,11 @@ header .topmenu ul li a { border-radius: 3px; padding: 5px; } -/* line 92, header.scss */ +/* line 94, header.scss */ header .topmenu ul li a:hover { color: #71986e; } -/* line 100, header.scss */ +/* line 102, header.scss */ header .breadcrumb { font-size: 0.75rem; padding: 5px; @@ -14674,24 +14663,24 @@ header .breadcrumb { height: 30px; z-index: 1; } -/* line 114, header.scss */ +/* line 116, header.scss */ header .breadcrumb .container { overflow: hidden; overflow-x: auto; } -/* line 118, header.scss */ +/* line 120, header.scss */ header .breadcrumb .container .crumbs { height: 20px; display: ruby; } -/* line 121, header.scss */ +/* line 123, header.scss */ header .breadcrumb .container .crumbs a { color: #4e984a; text-decoration: none; transition: .4s; cursor: pointer; } -/* line 126, header.scss */ +/* line 128, header.scss */ header .breadcrumb .container .crumbs a:hover { color: #666; } @@ -15090,6 +15079,54 @@ header .breadcrumb .container .crumbs a:hover { margin-left: 5px; } +/* line 2, footer.scss */ +footer { + position: relative; + background: #4e984a; + padding: 20px 0; + width: 100%; + text-align: center; +} +/* line 9, footer.scss */ +footer .footer-logo { + max-height: 60px; + max-width: 90%; +} +/* line 15, footer.scss */ +footer .footermenu { + display: inline-block; + width: 100%; + border-top: 1px dotted #d1efb5; + padding-top: 20px; + text-transform: uppercase; +} +/* line 22, footer.scss */ +footer .footermenu ul { + text-align: left; + font-size: 0.75rem; + margin: 0; + padding: 0; +} +/* line 28, footer.scss */ +footer .footermenu ul li { + padding: 0 10px; + display: block; + border: none; + width: 50%; + float: left; +} +/* line 35, footer.scss */ +footer .footermenu ul li a { + color: white; + background: none; + display: block; + padding: 3px; +} +/* line 41, footer.scss */ +footer .footermenu ul li a:hover { + color: rgba(255, 255, 255, 0.6); +} + @media only screen and (min-width: 768px) { /* line 5, mediaqueries/viewports/_768up.scss */ header { @@ -15186,12 +15223,32 @@ header .breadcrumb .container .crumbs a:hover { top: 120px; } - /* line 103, mediaqueries/viewports/_768up.scss */ + /* line 102, mediaqueries/viewports/_768up.scss */ + footer { + text-align: left; + } + /* line 105, mediaqueries/viewports/_768up.scss */ + footer .footermenu { + border: none; + padding: 0; + } + /* line 109, mediaqueries/viewports/_768up.scss */ + footer .footermenu ul li { + border-left: 1px dotted #d1efb5; + width: 33.333%; + } + /* line 116, mediaqueries/viewports/_768up.scss */ + footer .bl { + padding-left: 20px; + border-left: 1px dotted #d1efb5; + } + + /* line 123, mediaqueries/viewports/_768up.scss */ #MainContent { - top: 160px; + margin-top: 160px; } - /* line 109, mediaqueries/viewports/_768up.scss */ + /* line 129, mediaqueries/viewports/_768up.scss */ .banner { height: 90px; padding: 0 !important; @@ -15199,3 +15256,17 @@ header .breadcrumb .container .crumbs a:hover { float: left; } } +@media only screen and (min-width: 1024px) { + /* line 6, mediaqueries/viewports/_1024up.scss */ + footer .logo-container { + text-align: left; + } + /* line 10, mediaqueries/viewports/_1024up.scss */ + footer .footer-logo, + footer p { + position: absolute; + top: 50%; + transform: translateY(-50%); + text-align: left; + } +} diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..855b839 --- /dev/null +++ b/footer.php @@ -0,0 +1,41 @@ + + diff --git a/index.php b/index.php index 683a855..ac95969 100755 --- a/index.php +++ b/index.php @@ -75,6 +75,7 @@ + @@ -84,12 +85,19 @@ @include 'content.php'; @include 'menu-right.php'; - // @include $getQ[0].'.php'; ?> + + + + diff --git a/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc b/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc index d064ba2..e7540d9 100644 Binary files a/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc and b/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc differ diff --git a/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc b/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc index 24553b1..7cdc1a7 100644 Binary files a/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc and b/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc differ diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/footer.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/footer.scssc new file mode 100644 index 0000000..1cd59b3 Binary files /dev/null and b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/footer.scssc differ diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc index 1988cba..8e8e6bd 100644 Binary files a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc and b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc differ diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc index 470babc..2842b06 100644 Binary files a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc and b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc differ diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc index b10d4c1..b425f72 100644 Binary files a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc and b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc differ diff --git a/scss/footer.scss b/scss/footer.scss new file mode 100644 index 0000000..c0119a6 --- /dev/null +++ b/scss/footer.scss @@ -0,0 +1,49 @@ + +footer{ + position: relative; + background: $green; + padding: 20px 0; + width: 100%; + text-align: center; + + .footer-logo{ + max-height: 60px; + max-width: 90%; + } + + + .footermenu{ + display: inline-block; + width: 100%; + border-top: 1px dotted $light-grey; + padding-top: 20px; + text-transform: uppercase; + + ul{ + text-align: left; + font-size: $font-12; + margin: 0; + padding: 0; + + li{ + padding: 0 10px; + display: block; + border: none; + width: 50%; + float: left; + + a{ + color: white; + background: none; + display: block; + padding: 3px; + + &:hover{ + color: $alpha; + } + } + } + } + } + +} diff --git a/scss/global.scss b/scss/global.scss index 61d35e2..654f46d 100644 --- a/scss/global.scss +++ b/scss/global.scss @@ -132,27 +132,17 @@ a{ } #MainContent{ - position: absolute; - top: 40px; - z-index: 0; - min-height: 200vh; - overflow: hidden; - left: 50%; - transform: translateX(-50%); + position: relative; + margin-top: 40px; + z-index: 0; + min-height: 100vh; + overflow: hidden; } #map{ - width: 100%; - border-radius: 3px; - overflow: hidden; - padding: 10px; + width: 100%; + border-radius: 3px; + overflow: hidden; + padding: 10px; } - -#menuLeft{ - margin-top: 70px; - - @media only screen and (min-width: 768px){ - margin-top: 0; - } -} diff --git a/scss/header.scss b/scss/header.scss index 3d2ea58..ef54457 100644 --- a/scss/header.scss +++ b/scss/header.scss @@ -1,9 +1,11 @@ header{ + position: relative; background: $green; height: 70px; width: 100%; - + top: 0; + .logo{ position: fixed; top: 0; @@ -25,8 +27,8 @@ header{ top: 6px; right: 0; } - - + + .openings{ position: relative; top: 0; @@ -40,11 +42,11 @@ header{ display: inline; border-right: 1px solid $grey; padding: 0 5px; - + &:first-child{ padding: 0; } - + &:first-child, &:last-child{ border-right: none; @@ -52,7 +54,7 @@ header{ } } } - + .topmenu{ height: calc(100vh - 70px); position: fixed; @@ -63,7 +65,7 @@ header{ display: none; overflow: auto; z-index: 500; - + ul{ text-align: center; font-size: $font-18; @@ -72,8 +74,8 @@ header{ margin: 40px 0; padding: 0; line-height: 30px; - - + + li{ list-style: none; padding: 5px 15px; @@ -83,7 +85,7 @@ header{ color: $green; text-decoration: none; transition: .4s; - + background: white; display: block; border-radius: 3px; @@ -96,7 +98,7 @@ header{ } } } - + .breadcrumb { font-size: $font-12; padding: 5px; @@ -110,11 +112,11 @@ header{ color: $dark-grey; height: 30px; z-index: 1; - + .container{ overflow: hidden; overflow-x: auto; - + .crumbs{ height: 20px; display: ruby; @@ -130,4 +132,4 @@ header{ } } } -} +} diff --git a/scss/main.scss b/scss/main.scss index 7811022..7a4d3bf 100755 --- a/scss/main.scss +++ b/scss/main.scss @@ -13,7 +13,7 @@ @import "forms"; @import "header"; @import "navigation"; - @import "sections/sections"; +@import "footer"; @import "mediaqueries/mediaqueries"; diff --git a/scss/mediaqueries/viewports/_1024up.scss b/scss/mediaqueries/viewports/_1024up.scss index c6aef6a..37ab02f 100755 --- a/scss/mediaqueries/viewports/_1024up.scss +++ b/scss/mediaqueries/viewports/_1024up.scss @@ -1 +1,17 @@ // 1024up + + +footer{ + + .logo-container{ + text-align: left; + } + + .footer-logo, + p{ + position: absolute; + top: 50%; + transform: translateY(-50%); + text-align: left; + } +} diff --git a/scss/mediaqueries/viewports/_768up.scss b/scss/mediaqueries/viewports/_768up.scss index d6ec367..5ec922b 100755 --- a/scss/mediaqueries/viewports/_768up.scss +++ b/scss/mediaqueries/viewports/_768up.scss @@ -6,7 +6,7 @@ header{ background: $green; height: 120px; position: absolute; - + .logo{ position: absolute; top: 10px; @@ -16,7 +16,7 @@ header{ background-repeat: no-repeat; background-position: left top; } - + .container{ &.main{ height: 120px; @@ -28,11 +28,11 @@ header{ background-position: left -60px top -60px; } } - + .hamburger{ display: none; } - + .openings{ height: 80px; background: none; @@ -44,7 +44,7 @@ header{ background: rgba(255,255,255,0.5); text-align: right; border-radius: 0 0 3px 3px; - + span{ display: block; border-right: none; @@ -54,22 +54,22 @@ header{ } } } - - + + .topmenu{ height: 40px; position: relative; background: none; top: 0px; display: block; - + ul{ text-align: right; font-size: $font-12; margin: 0; line-height: 40px; - + li{ padding: 0 10px; display: inline; @@ -78,13 +78,13 @@ header{ &:first-child{ border-left: none; } - + a{ color: white; background: none; display: inline; padding: 5px; - + &:hover{ color: $alpha; } @@ -92,16 +92,36 @@ header{ } } } - + .breadcrumb{ top: 120px; } -} +} +footer{ + text-align: left; + + .footermenu{ + border: none; + padding: 0; + ul{ + li{ + border-left: 1px dotted $light-grey; + width: 33.333%; + } + } + } + + .bl{ + padding-left: 20px; + border-left: 1px dotted $light-grey; + } + +} #MainContent{ - top: 160px; + margin-top: 160px; } @@ -111,5 +131,5 @@ header{ padding: 0 !important; width: 100%; float: left; - + }