setting the footer colors
authorAnthony Talarico <talarico@gaslightmedia.com>
Wed, 9 May 2018 20:29:03 +0000 (16:29 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Wed, 9 May 2018 20:29:03 +0000 (16:29 -0400)
assets/css/glm-dev.css
assets/css/glm-dev.css.map
assets/footer.jpg [new file with mode: 0644]
glm-dev/scss/_body.scss
glm-dev/scss/_slideshow.scss
style.css

index ee71225..00d2660 100644 (file)
@@ -1,3 +1,3 @@
-body footer#colophon.site-footer{position:relative}body footer#colophon.site-footer #footer-overlay{position:absolute;height:100%;width:100%;background:rgba(27,38,80,0.8)}body footer#colophon.site-footer .bottom-footer{background:#1B2650;background-size:cover;padding:2% 0 20px}body footer#colophon.site-footer .bottom-footer .footer-content{position:relative;max-width:325px;margin:0 auto;text-align:center}@media (min-width: 1000px){body .main-navigation{position:relative}}body .main-navigation ul#menu-main li:last-child{background:#1B2650;transition:background 300ms ease-in-out}body .main-navigation ul#menu-main li:last-child a{color:white}body .main-navigation ul#menu-main li:last-child:hover{background:#00D3D1}@media (min-width: 770px){body.page:not(.home) #page #content{padding-top:150px !important}}@media (max-width: 774px){body.page:not(.home) #page #content{padding-top:50px !important}}body.page:not(.home) #page #content .mid-content{background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2);margin-bottom:25px}body.page:not(.home) #page #content .mid-content #primary{width:100%}body #slideshow{position:relative;top:0px;min-height:350px;max-height:600px;overflow-y:hidden;width:100%;z-index:-1}body #slideshow ul{list-style:none;margin:0}body #slideshow .overlay{position:absolute;width:100%;display:block;bottom:0;height:455px}body #slideshow #caption{background:rgba(0,0,0,0.75);color:white;margin-top:-51px}body #slideshow #caption p{padding:10px 5px;font-size:12px;margin:0;text-align:right}
+body footer#colophon.site-footer{position:relative}body footer#colophon.site-footer #footer-overlay{position:absolute;height:100%;width:100%;background:rgba(50,7,1,0.8)}body footer#colophon.site-footer .bottom-footer{background:#1B2650;background-size:cover;padding:2% 0 20px}body footer#colophon.site-footer .bottom-footer .footer-content{position:relative;max-width:325px;margin:0 auto;text-align:center}@media (min-width: 1000px){body .main-navigation{position:relative}}body .main-navigation ul#menu-main li:last-child{background:#1B2650;transition:background 300ms ease-in-out}body .main-navigation ul#menu-main li:last-child a{color:white}body .main-navigation ul#menu-main li:last-child:hover{background:#00D3D1}@media (min-width: 770px){body.page:not(.home) #page #content{padding-top:150px !important}}@media (max-width: 774px){body.page:not(.home) #page #content{padding-top:50px !important}}body.page:not(.home) #page #content .mid-content{background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2);margin-bottom:25px}body.page:not(.home) #page #content .mid-content #primary{width:100%}body #slideshow{position:relative;min-height:350px;max-height:600px;overflow-y:hidden;width:100%;z-index:-1}@media (min-width: 768px){body #slideshow{top:55px;margin-bottom:35px}}body #slideshow ul{list-style:none;margin:0}body #slideshow .overlay{position:absolute;width:100%;display:block;bottom:0;height:455px}body #slideshow #caption{background:rgba(0,0,0,0.75);color:white;margin-top:-51px}body #slideshow #caption p{padding:10px 5px;font-size:12px;margin:0;text-align:right}
 
 /*# sourceMappingURL=glm-dev.css.map */
index 418f719..f6e3b75 100644 (file)
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss","_slideshow.scss"],"sourcesContent":["@import 'settings';\n@import 'body';\n@import 'slideshow';","$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach: #F28B59;","body{\n    footer#colophon.site-footer{\n        position: relative;\n        #footer-overlay{\n            position: absolute;\n            height: 100%;\n            width: 100%;\n            background: rgba($navy, 0.80);\n        }\n        .bottom-footer{\n            background: $navy;\n            // background: url(../../assets/footer.jpg) no-repeat center center;\n            background-size: cover;\n            // backround\n            padding: 2% 0 20px;\n            .footer-content{\n                position: relative;\n                max-width: 325px;\n                margin: 0 auto;\n                text-align: center;\n            }\n        }\n    }\n    .main-navigation{\n        // margin-right: 75px;\n        @media (min-width: 1000px){\n            position: relative;\n            // top: 30px;\n            // margin-left: 200px;\n        }\n        \n        ul#menu-main{\n            li:last-child{\n                background: $navy;\n                transition: background 300ms ease-in-out;\n                a {\n                    color: white;\n                }\n                &:hover{\n                    background: $blue;\n                }\n            }\n        }\n    }\n}\nbody.page:not(.home){\n    #page{\n        #content{\n            @media (min-width: 770px){\n                padding-top: 150px !important;\n            }\n            @media (max-width: 774px){\n                padding-top: 50px !important;\n            }\n            .mid-content{\n                background-color: white;\n                box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n                margin-bottom: 25px ;\n                #primary{\n                    width: 100%;\n                }\n            }\n        }\n    }\n}","body{\n    #slideshow {\n        position: relative;\n        top: 0px;\n        min-height: 350px;\n        max-height: 600px;\n        overflow-y: hidden;\n        width: 100%;\n        z-index: -1;\n        // margin-bottom: 50px;\n    //     @include {\n    //         position: relative;\n    // //        z-index: 0;\n    //         min-height: 200px;\n    //     }\n        ul {\n            list-style: none;\n            margin: 0;\n        }\n        .overlay {\n            position: absolute;\n            width: 100%;\n            display: block;\n            bottom: 0;\n            height: 455px;\n        }\n        #caption {\n            background: rgba(0, 0, 0, 0.75);\n            color: white;\n            margin-top: -51px;\n            p {\n                padding: 10px 5px;\n                font-size: 12px;\n                margin: 0;\n                text-align: right;\n            }\n        }\n    }\n}\n"],"mappings":"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","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss","_slideshow.scss"],"sourcesContent":["@import 'settings';\n@import 'body';\n@import 'slideshow';","$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach: #F28B59;","body{\n    footer#colophon.site-footer{\n        position: relative;\n        #footer-overlay{\n            position: absolute;\n            height: 100%;\n            width: 100%;\n            background: rgba(#320701, 0.80);\n            // background: url(../../assets/wallpaper.png) repeat;\n            // background-size: contain;\n        }\n        .bottom-footer{\n            background: $navy;\n            // background: url(../../assets/footer.jpg) no-repeat center center;\n            background-size: cover;\n            // backround\n            padding: 2% 0 20px;\n            .footer-content{\n                position: relative;\n                max-width: 325px;\n                margin: 0 auto;\n                text-align: center;\n            }\n        }\n    }\n    .main-navigation{\n        // margin-right: 75px;\n        @media (min-width: 1000px){\n            position: relative;\n            // top: 30px;\n            // margin-left: 200px;\n        }\n        \n        ul#menu-main{\n            li:last-child{\n                background: $navy;\n                transition: background 300ms ease-in-out;\n                a {\n                    color: white;\n                }\n                &:hover{\n                    background: $blue;\n                }\n            }\n        }\n    }\n}\nbody.page:not(.home){\n    #page{\n        #content{\n            @media (min-width: 770px){\n                padding-top: 150px !important;\n            }\n            @media (max-width: 774px){\n                padding-top: 50px !important;\n            }\n            .mid-content{\n                background-color: white;\n                box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n                margin-bottom: 25px ;\n                #primary{\n                    width: 100%;\n                }\n            }\n        }\n    }\n}","body{\n    #slideshow {\n        position: relative;\n        @media (min-width: 768px){\n            top: 55px;\n            margin-bottom: 35px;\n        }\n        min-height: 350px;\n        max-height: 600px;\n        overflow-y: hidden;\n        width: 100%;\n        z-index: -1;\n        // margin-bottom: 50px;\n    //     @include {\n    //         position: relative;\n    // //        z-index: 0;\n    //         min-height: 200px;\n    //     }\n        ul {\n            list-style: none;\n            margin: 0;\n        }\n        .overlay {\n            position: absolute;\n            width: 100%;\n            display: block;\n            bottom: 0;\n            height: 455px;\n        }\n        #caption {\n            background: rgba(0, 0, 0, 0.75);\n            color: white;\n            margin-top: -51px;\n            p {\n                padding: 10px 5px;\n                font-size: 12px;\n                margin: 0;\n                text-align: right;\n            }\n        }\n    }\n}\n"],"mappings":"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","names":[]}
\ No newline at end of file
diff --git a/assets/footer.jpg b/assets/footer.jpg
new file mode 100644 (file)
index 0000000..028e1c3
Binary files /dev/null and b/assets/footer.jpg differ
index 85e1693..4a94b10 100644 (file)
@@ -5,7 +5,9 @@ body{
             position: absolute;
             height: 100%;
             width: 100%;
-            background: rgba($navy, 0.80);
+            background: rgba(#320701, 0.80);
+            // background: url(../../assets/wallpaper.png) repeat;
+            // background-size: contain;
         }
         .bottom-footer{
             background: $navy;
index 07db09e..9bdd823 100644 (file)
@@ -1,7 +1,10 @@
 body{
     #slideshow {
         position: relative;
-        top: 0px;
+        @media (min-width: 768px){
+            top: 55px;
+            margin-bottom: 35px;
+        }
         min-height: 350px;
         max-height: 600px;
         overflow-y: hidden;
index e6cffee..e8dad82 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1236,6 +1236,9 @@ Main Header
     position: relative;
     background: url(assets/wallpaper.png) repeat;
     background-size: contain;
+    -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0, .6);
+       -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0, .6);
+       box-shadow: 0 10px 6px -6px rgba(0,0,0, .6);
 }
 #masthead #header-overlay{
     position: absolute;
@@ -2369,7 +2372,7 @@ Footer Section
     display: none;
     height: 50px;
     width: 50px;
-    background: #320701;
+    background: #7D3E00;
     text-align: center;
     line-height: 50px;
     z-index: 9999;