From: Anthony Talarico Date: Wed, 9 May 2018 19:44:02 +0000 (-0400) Subject: adding header wallpaper background X-Git-Tag: v1.0.0^2~50 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=d748efb039b909751390e457f0e190d23fa64031;p=WP-Themes%2Flaurium.git adding header wallpaper background adding background for the header --- diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css index f036730..c617a73 100644 --- a/assets/css/glm-dev.css +++ b/assets/css/glm-dev.css @@ -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 #page #content{padding-top:150px !important}}@media (max-width: 774px){body.page #page #content{padding-top:50px !important}}body.page #page #content .mid-content{background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2);margin-bottom:25px}body.page #page #content .mid-content #primary{width:100%}body #slideshow{position:relative;top:-11px;min-height:350px;max-height:540px;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(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:-11px;min-height:350px;max-height:540px;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} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map index f46ad3e..c3a3dcb 100644 --- a/assets/css/glm-dev.css.map +++ b/assets/css/glm-dev.css.map @@ -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{\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: -11px;\n min-height: 350px;\n max-height: 540px;\n overflow-y: hidden;\n width: 100%;\n z-index: -1;\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($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: -11px;\n min-height: 350px;\n max-height: 540px;\n overflow-y: hidden;\n width: 100%;\n z-index: -1;\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":"AEAA,AACmB,IADf,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,AAAA,CACvB,QAAQ,CAAE,QAAS,CAoBtB,AAtBL,AAGQ,IAHJ,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAEvB,eAAe,AAAA,CACX,QAAQ,CAAE,QAAS,CACnB,MAAM,CAAE,IAAK,CACb,KAAK,CAAE,IAAK,CACZ,UAAU,CDPd,kBAAO,CCQN,AART,AASQ,IATJ,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAQvB,cAAc,AAAA,CACV,UAAU,CDVd,OAAO,CCYH,eAAe,CAAE,KAAM,CAEvB,OAAO,CAAE,SAAU,CAOtB,AArBT,AAeY,IAfR,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAQvB,cAAc,CAMV,eAAe,AAAA,CACX,QAAQ,CAAE,QAAS,CACnB,SAAS,CAAE,KAAM,CACjB,MAAM,CAAE,MAAO,CACf,UAAU,CAAE,MAAO,CACtB,AAKL,MAAM,EAAL,SAAS,EAAE,MAAM,EAzB1B,AAuBI,IAvBA,CAuBA,gBAAgB,AAAA,CAGR,QAAQ,CAAE,QAAS,CAiB1B,CA3CL,AAgCc,IAhCV,CAuBA,gBAAgB,CAQZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,AAAA,CACT,UAAU,CDjClB,OAAO,CCkCC,UAAU,CAAE,4BAA6B,CAO5C,AAzCb,AAmCgB,IAnCZ,CAuBA,gBAAgB,CAQZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,CAGT,CAAC,AAAC,CACE,KAAK,CAAE,KAAM,CAChB,AArCjB,AAgCc,IAhCV,CAuBA,gBAAgB,CAQZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,AAMR,MAAM,AAAA,CACH,UAAU,CDrCtB,OAAO,CCsCE,AAQL,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,KAAK,AAAA,IAAK,CAAA,AAAA,KAAK,EACf,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,KAAK,AAAA,IAAK,CAAA,AAAA,KAAK,EACf,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,KAAK,AAAA,IAAK,CAAA,AAAA,KAAK,EACf,KAAK,CACD,QAAQ,CAOJ,YAAY,AAAA,CACR,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAC/B,aAAa,CAAE,IAAM,CAIxB,AAhBb,AAagB,IAbZ,AAAA,KAAK,AAAA,IAAK,CAAA,AAAA,KAAK,EACf,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf,AC5DjB,AACI,IADA,CACA,UAAU,AAAC,CACP,QAAQ,CAAE,QAAS,CACnB,GAAG,CAAE,KAAM,CACX,UAAU,CAAE,KAAM,CAClB,UAAU,CAAE,KAAM,CAClB,UAAU,CAAE,MAAO,CACnB,KAAK,CAAE,IAAK,CACZ,OAAO,CAAE,EAAG,CA4Bf,AApCL,AAcQ,IAdJ,CACA,UAAU,CAaN,EAAE,AAAC,CACC,UAAU,CAAE,IAAK,CACjB,MAAM,CAAE,CAAE,CACb,AAjBT,AAkBQ,IAlBJ,CACA,UAAU,CAiBN,QAAQ,AAAC,CACL,QAAQ,CAAE,QAAS,CACnB,KAAK,CAAE,IAAK,CACZ,OAAO,CAAE,KAAM,CACf,MAAM,CAAE,CAAE,CACV,MAAM,CAAE,KAAM,CACjB,AAxBT,AAyBQ,IAzBJ,CACA,UAAU,CAwBN,QAAQ,AAAC,CACL,UAAU,CAAE,gBAAI,CAChB,KAAK,CAAE,KAAM,CACb,UAAU,CAAE,KAAM,CAOrB,AAnCT,AA6BY,IA7BR,CACA,UAAU,CAwBN,QAAQ,CAIJ,CAAC,AAAC,CACE,OAAO,CAAE,QAAS,CAClB,SAAS,CAAE,IAAK,CAChB,MAAM,CAAE,CAAE,CACV,UAAU,CAAE,KAAM,CACrB","names":[]} \ No newline at end of file diff --git a/assets/footer.jpg b/assets/footer.jpg deleted file mode 100644 index 0b28dc8..0000000 Binary files a/assets/footer.jpg and /dev/null differ diff --git a/assets/interior-bg.jpg b/assets/interior-bg.jpg deleted file mode 100644 index a0d46d2..0000000 Binary files a/assets/interior-bg.jpg and /dev/null differ diff --git a/assets/wallpaper.png b/assets/wallpaper.png new file mode 100644 index 0000000..4b02530 Binary files /dev/null and b/assets/wallpaper.png differ diff --git a/glm-dev/scss/_body.scss b/glm-dev/scss/_body.scss index 4ea0011..85e1693 100644 --- a/glm-dev/scss/_body.scss +++ b/glm-dev/scss/_body.scss @@ -43,7 +43,7 @@ body{ } } } -body.page{ +body.page:not(.home){ #page{ #content{ @media (min-width: 770px){ diff --git a/header.php b/header.php index 60dba10..ed639be 100644 --- a/header.php +++ b/header.php @@ -30,7 +30,8 @@ >
-
+
+
diff --git a/style.css b/style.css index 3d84aef..1dd1972 100644 --- a/style.css +++ b/style.css @@ -15,10 +15,13 @@ Use it to make something cool, have fun, and share what you've learned with othe AccessPress Parallax is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */ - /*-------------------------------------------------------------- 1.0 - Reset ---------------------------------------------------------------*/ +-------------------------------------------------------------- +light brown : #7D3E00; +dark brown : #320701; +beight : #DCD1B1 +*/ #flags{ position: absolute; right: 50px; @@ -1228,11 +1231,19 @@ Main Header width: 100%; z-index: 99999; /* background-color: rgba(21, 32, 61, 0.7); */ - background-color: rgba(255,255,255, 1); + /* background-color: rgba(255,255,255, 1); */ /* padding: 10px 0 0 0; */ position: relative; + background: url(assets/wallpaper.png) repeat; + background-size: contain; +} +#masthead #header-overlay{ + position: absolute; + top: 0; + height: 100%; + width: 100%; + background-color: rgba(125,62,0, .0); } - #masthead .flex-box { display: -webkit-box; display: -moz-box; @@ -1287,6 +1298,7 @@ body.parallax-on .wpcf7-not-valid-tip { } #site-logo { + z-index: 1; padding: 10px; float: left; width: 35%; @@ -1341,13 +1353,13 @@ body.parallax-on .wpcf7-not-valid-tip { } .main-navigation > ul > li.current a { - color: #15203d; + color: #320701; } .main-navigation a { display: block; text-decoration: none; - color: #15203d; + color: #320701; } .main-navigation ul ul { @@ -1381,7 +1393,7 @@ body.parallax-on .wpcf7-not-valid-tip { } .main-navigation li:hover > a { - color: #00D3D1; + color: #7D3E00; } .main-navigation ul li:hover > ul { @@ -2357,7 +2369,7 @@ Footer Section display: none; height: 50px; width: 50px; - background: #00D3D1; + background: #320701; text-align: center; line-height: 50px; z-index: 9999;