From 6804fde7885ac73b759c7dd08fc39927190fc4fe Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Mon, 30 Apr 2018 08:21:10 -0400 Subject: [PATCH] fixing topbar position and spacing, increasing logo in header --- assets/css/glm-dev.css | 2 +- assets/css/glm-dev.css.map | 2 +- glm-dev/scss/_body.scss | 4 +++- style.css | 10 ++++++---- 4 files changed, 11 insertions(+), 7 deletions(-) diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css index c5221f7..31ad784 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:url(../../assets/footer.jpg) no-repeat center center;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{margin-left:200px}}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 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:url(../../assets/footer.jpg) no-repeat center center;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;top:30px}}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%} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map index 59d6dac..2c29da8 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"],"sourcesContent":["@import 'settings';\n@import 'body';","$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 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}"],"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,CCWH,UAAU,CAA6B,4BAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAChE,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,WAAW,CAAE,KAAM,CAe1B,CAzCL,AA8Bc,IA9BV,CAuBA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,AAAA,CACT,UAAU,CD/BlB,OAAO,CCgCC,UAAU,CAAE,4BAA6B,CAO5C,AAvCb,AAiCgB,IAjCZ,CAuBA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,CAGT,CAAC,AAAC,CACE,KAAK,CAAE,KAAM,CAChB,AAnCjB,AA8Bc,IA9BV,CAuBA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,WAAW,AAMR,MAAM,AAAA,CACH,UAAU,CDnCtB,OAAO,CCoCE,AAQL,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,KAAK,CACL,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,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf","names":[]} \ No newline at end of file +{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss"],"sourcesContent":["@import 'settings';\n@import 'body';","$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}"],"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,CCWH,UAAU,CAA6B,4BAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAChE,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,CACnB,GAAG,CAAE,IAAK,CAgBjB,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,CACL,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,KAAK,CACL,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,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf","names":[]} \ No newline at end of file diff --git a/glm-dev/scss/_body.scss b/glm-dev/scss/_body.scss index f3c054c..de9dde9 100644 --- a/glm-dev/scss/_body.scss +++ b/glm-dev/scss/_body.scss @@ -24,7 +24,9 @@ body{ .main-navigation{ // margin-right: 75px; @media (min-width: 1000px){ - margin-left: 200px; + position: relative; + top: 30px; + // margin-left: 200px; } ul#menu-main{ diff --git a/style.css b/style.css index c37b3ee..fc5095f 100644 --- a/style.css +++ b/style.css @@ -609,6 +609,8 @@ Content margin: 0 auto; } .header-contact{ + position: relative; + top: 25px; /* margin-left: 50px; */ } } @@ -1285,8 +1287,8 @@ body.parallax-on .wpcf7-not-valid-tip { #site-logo { float: left; - width: 15%; - max-width: 180px; + width: 18%; + /* max-width: 180px; */ } .logo-top #site-logo { @@ -1331,9 +1333,9 @@ body.parallax-on .wpcf7-not-valid-tip { .main-navigation > ul > li > a { /* text-transform: uppercase; */ - font-size: 16px; + font-size: 18px; padding: 5px 10px; - text-transform: lowercase; + /* text-transform: lowercase; */ } .main-navigation > ul > li.current a { -- 2.17.1