From: Anthony Talarico Date: Tue, 12 Jun 2018 19:37:45 +0000 (-0400) Subject: setting up more base styles transferred from kingsail and laurium X-Git-Tag: v1.0.0^2~23 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=03f5881b814ec73b35727720160d8e37a08ef1c6;p=WP-Themes%2Fhotelearl.git setting up more base styles transferred from kingsail and laurium --- diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css index 31ad784..cf93f93 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{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%} +.grid-row{display:grid;grid-template-columns:repeat(12, 1fr);max-width:1200px;margin:0 auto}.grid-column,.grid-columns{padding:0 1rem}@media (max-width: 640px){.small-1{grid-column:span 1}.small-2{grid-column:span 2}.small-3{grid-column:span 3}.small-4{grid-column:span 4}.small-5{grid-column:span 5}.small-6{grid-column:span 6}.small-7{grid-column:span 7}.small-8{grid-column:span 8}.small-9{grid-column:span 9}.small-10{grid-column:span 10}.small-11{grid-column:span 11}.small-12{grid-column:span 12}}@media (min-width: 640px) and (max-width: 1024px){.medium-1{grid-column:span 1}.medium-2{grid-column:span 2}.medium-3{grid-column:span 3}.medium-4{grid-column:span 4}.medium-5{grid-column:span 5}.medium-6{grid-column:span 6}.medium-7{grid-column:span 7}.medium-8{grid-column:span 8}.medium-9{grid-column:span 9}.medium-10{grid-column:span 10}.medium-11{grid-column:span 11}.medium-12{grid-column:span 12}}@media (min-width: 1024px){.large-1{grid-column:span 1}.large-2{grid-column:span 2}.large-3{grid-column:span 3}.large-4{grid-column:span 4}.large-5{grid-column:span 5}.large-6{grid-column:span 6}.large-7{grid-column:span 7}.large-8{grid-column:span 8}.large-9{grid-column:span 9}.large-10{grid-column:span 10}.large-11{grid-column:span 11}.large-12{grid-column:span 12}}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%}body #slideshow{position:relative;max-height:800px;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 .rooms-page-title{display:inline-block;margin-left:15px}body .rooms-content #primary{padding:10px;background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2)}body h3.room-title{font-size:24px;color:#280500;border:5px double #280500;border-radius:8px;background-color:white;padding:0 5px;display:inline-block}@media (min-width: 1024px){body .gallery-content{display:none}}@media (max-width: 640px){body .gallery-content-large{display:none}}@media (min-width: 640px) and (max-width: 1024px){body .gallery-content-large{display:none}}body .room-image{margin-bottom:10px;max-width:300px}@media (min-width: 1024px){body .room-image{display:none}}body .room-info{line-height:1.1;font-size:20px;color:#280500}body .accordion-wrapper{padding:0}body #rooms-tabs{clear:both;margin-top:20px;border:none}@media (min-width: 1200px){body #rooms-tabs .ngg-gallery-thumbnail img{width:165px !important}}@media (min-width: 1024px) and (max-width: 1200px){body #rooms-tabs .ngg-gallery-thumbnail img{width:133px !important}}body #rooms-tabs .ngg-galleryoverview{margin:0}@media (max-width: 1200px){body #rooms-tabs{padding:0 10px}}body #rooms-tabs .ui-tabs-panel{padding:0px}body #rooms-tabs .ui-tabs .ui-tabs-nav{padding:0}body #rooms-tabs .ui-widget-header{background:none;border:none}body #rooms-tabs .ui-state-active,body #rooms-tabs .ui-widget-content .ui-state-active,body #rooms-tabs .ui-widget-header .ui-state-active,body #rooms-tabs a.ui-button:active,body #rooms-tabs .ui-button:active,body #rooms-tabs .ui-button.ui-state-active:hover{border-color:rgba(50,7,1,0.95);background:rgba(50,7,1,0.95)}body .room-amenities:not(.gallery-content){max-width:800px}body .room-amenities{clear:both;margin-top:10px}body .room-amenities h3{max-width:350px}body .room-amenities .ui-accordion-content{border-top:1px solid #dddddd;padding:10px 0}body .room-amenities .ui-accordion-content .ngg-gallery-thumbnail-box{margin-right:5px}body .room-amenities ul{list-style-type:none;columns:2;-webkit-columns:2;-moz-columns:2;list-style-position:inside;margin:0 3px 0 5px}body .room-amenities ul li{font-size:15px;font-family:'Times New Roman', Times, serif;position:relative;break-inside:avoid-column;-webkit-column-break-inside:avoid;padding-left:13px;padding-bottom:8px;line-height:1;background-image:url(../../assets/bullet.png);background-repeat:no-repeat;background-position:0px 13%}body .room-data{border:1px solid rgba(128,128,128,0.7);background-color:rgba(251,245,221,0.45);padding:10px;margin-bottom:15px}body .room-data:not(:first-child){border-radius:6px}body .room-data:first-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map index 2c29da8..ba2277b 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 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 +{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_grid.scss","_blocks.scss","_body.scss","_footer.scss","_header.scss","_slideshow.scss","_rooms.scss","_oc-menu.scss"],"sourcesContent":["@import 'settings';\n@import 'grid';\n@import 'blocks';\n@import 'body';\n@import 'footer';\n@import 'header';\n@import 'slideshow';\n@import 'rooms';\n@import 'oc-menu';","\n$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach : #F28B59;\n$light-brown : #7D3E00;\n$dark-brown : #320701;\n$beige : #FBF5DD;\n$wood : #280500;\n$gold : #AD9847;\n$caramel : #634C13;","$columns : 12;\n\n.grid-row{ \n display: grid;\n grid-template-columns: repeat($columns, 1fr);\n max-width: 1200px;\n margin: 0 auto;\n}\n.grid-column, .grid-columns{\n padding: 0 1rem;\n}\n\n$small: \"(max-width: 640px)\"; \n$medium: \"(min-width: 640px) and (max-width: 1024px)\"; \n$large: \"(min-width: 1024px)\"; \n\n$columns-list : ();\n\n@for $i from 1 through $columns{\n $columns-list: append($columns-list, $i);\n}\n$sizes-list: (\n small: $small,\n medium: $medium,\n large: $large\n);\n@each $size, $range in $sizes-list {\n @media #{$range}{\n @each $current-column in $columns-list {\n $i: index($columns-list, $current-column);\n .#{$size}-#{$i} { \n grid-column: span #{$i};\n }\n }\n }\n}","","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 \n @media (min-width: 768px) and (max-width: 1000px ){\n // top: 85px;\n // margin-bottom: 35px;\n // padding-top: 65px;\n }\n @media (min-width: 1001px){\n // top: 85px;\n // margin-bottom: 35px;\n // padding-top: 125px;\n }\n \n // min-height: 350px;\n max-height: 800px;\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","body{\n .rooms-page-title{\n display: inline-block;\n margin-left: 15px;\n }\n .rooms-content{\n #primary{\n padding: 10px;\n background-color: white;\n box-shadow: 5px 5px 25px 0 rgba(46,61,73,0.2);\n }\n }\n h3.room-title{\n font-size: 24px;\n color: $wood;\n border: 5px double $wood;\n border-radius: 8px;\n background-color: white;\n padding: 0 5px;\n display: inline-block;\n }\n .gallery-content{\n @media #{$large}{\n display: none;\n }\n }\n .gallery-content-large{\n @media #{$small}{\n display: none;\n }\n @media #{$medium}{\n display: none;\n }\n }\n .room-image{\n margin-bottom: 10px;\n max-width: 300px;\n @media #{$large}{\n display: none;\n // border: 3px solid rgba($wood,0.8);\n }\n }\n .room-info{\n line-height: 1.1;\n font-size: 20px;\n color: $wood;\n }\n .accordion-wrapper{\n padding: 0;\n }\n @media #{$large}{\n .accordion-outer{\n // margin-top: -90px;\n }\n }\n #rooms-tabs{\n .ngg-gallery-thumbnail img {\n @media (min-width: 1200px){\n width: 165px !important;\n }\n @media (min-width: 1024px) and (max-width: 1200px){\n width: 133px !important;\n }\n \n }\n .ngg-galleryoverview{\n margin: 0;\n }\n clear: both;\n margin-top: 20px;\n @media (max-width: 1200px){\n padding: 0 10px;\n }\n border: none;\n .ui-tabs-panel{\n padding: 0px;\n }\n .ui-tabs .ui-tabs-nav{\n padding: 0;\n }\n .ui-widget-header{\n background: none;\n border: none;\n }\n .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{\n border-color: rgba(50,7,1,0.95);\n background: rgba(50,7,1,0.95);\n }\n }\n .room-amenities:not(.gallery-content){\n max-width: 800px;\n }\n .room-amenities{\n h3{\n max-width: 350px;\n }\n clear: both;\n margin-top: 10px;\n \n .ui-accordion-content{\n \n .ngg-gallery-thumbnail-box{\n margin-right: 5px;\n }\n border-top: 1px solid #dddddd;\n padding: 10px 0;\n }\n ul{\n list-style-type: none;\n columns: 2;\n -webkit-columns: 2;\n -moz-columns: 2;\n list-style-position: inside;//this is important addition\n margin: 0 3px 0 5px;\n li{\n font-size: 15px;\n font-family: 'Times New Roman', Times, serif;\n position: relative;\n // overflow: hidden;\n break-inside: avoid-column;\n -webkit-column-break-inside: avoid;\n // text-indent: -1em;\n // padding-left: 1em;\n padding-left: 13px;\n padding-bottom: 8px;\n line-height: 1;\n background-image: url(../../assets/bullet.png);\n background-repeat: no-repeat;\n background-position: 0px 13%;\n // padding-left: 7px;\n // &::before{\n // content: \"#\";\n // position: absolute;\n // left: 0;\n // top: 0;\n // width: 3px;\n // height: 3px;\n // }\n }\n }\n }\n .room-data{\n border: 1px solid rgba(grey , 0.7);\n background-color: rgba($beige, .45);\n padding: 10px;\n margin-bottom: 15px;\n }\n .room-data:not(:first-child){\n border-radius: 6px;\n }\n .room-data:first-child{\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n\n}","body{\n .sub-menu{\n\n }\n}"],"mappings":"AEEA,AAAA,SAAS,AAAA,CACL,OAAO,CAAE,IAAK,CACd,qBAAqB,CAAE,eAAM,CAC7B,SAAS,CAAE,MAAO,CAClB,MAAM,CAAE,MAAO,CAClB,AACD,AAAA,YAAY,CAAE,AAAA,aAAa,AAAA,CACvB,OAAO,CAAE,MAAO,CACnB,AAiBG,MAAM,EAAL,SAAS,EAAE,KAAK,EAGT,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,CALT,MAAM,EAAL,SAAS,EAAE,KAAK,OAAO,SAAS,EAAE,MAAM,EAGjC,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,UAAU,AAAV,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,UAAU,AAAV,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,UAAU,AAAV,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,CALT,MAAM,EAAL,SAAS,EAAE,MAAM,EAGV,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,QAAQ,AAAR,CACI,WAAW,CAAE,IAAI,CAAC,CAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,AAFD,AAAA,SAAS,AAAT,CACI,WAAW,CAAE,IAAI,CAAC,EAAK,CAC1B,CEhCb,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,CHNJ,kBAAO,CGOhB,AART,AASQ,IATJ,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAQvB,cAAc,AAAA,CACV,UAAU,CHTJ,OAAO,CGUb,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,CHhCR,OAAO,CGiCT,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,CHpCZ,OAAO,CGqCR,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,AG5DjB,AACI,IADA,CACA,UAAU,AAAC,CACP,QAAQ,CAAE,QAAS,CAcnB,UAAU,CAAE,KAAM,CAClB,UAAU,CAAE,MAAO,CACnB,KAAK,CAAE,IAAK,CACZ,OAAO,CAAE,EAAG,CA6Bf,AAhDL,AA0BQ,IA1BJ,CACA,UAAU,CAyBN,EAAE,AAAC,CACC,UAAU,CAAE,IAAK,CACjB,MAAM,CAAE,CAAE,CACb,AA7BT,AA8BQ,IA9BJ,CACA,UAAU,CA6BN,QAAQ,AAAC,CACL,QAAQ,CAAE,QAAS,CACnB,KAAK,CAAE,IAAK,CACZ,OAAO,CAAE,KAAM,CACf,MAAM,CAAE,CAAE,CACV,MAAM,CAAE,KAAM,CACjB,AApCT,AAqCQ,IArCJ,CACA,UAAU,CAoCN,QAAQ,AAAC,CACL,UAAU,CAAE,gBAAI,CAChB,KAAK,CAAE,KAAM,CACb,UAAU,CAAE,KAAM,CAOrB,AA/CT,AAyCY,IAzCR,CACA,UAAU,CAoCN,QAAQ,CAIJ,CAAC,AAAC,CACE,OAAO,CAAE,QAAS,CAClB,SAAS,CAAE,IAAK,CAChB,MAAM,CAAE,CAAE,CACV,UAAU,CAAE,KAAM,CACrB,AC9Cb,AACI,IADA,CACA,iBAAiB,AAAA,CACb,OAAO,CAAE,YAAa,CACtB,WAAW,CAAE,IAAK,CACrB,AAJL,AAMQ,IANJ,CAKA,cAAc,CACV,QAAQ,AAAA,CACJ,OAAO,CAAE,IAAK,CACd,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAClC,AAVT,AAYM,IAZF,CAYA,EAAE,AAAA,WAAW,AAAA,CACT,SAAS,CAAE,IAAK,CAChB,KAAK,CPNK,OAAO,COOjB,MAAM,CAAE,GAAG,CAAC,MAAM,CPPR,OAAO,COQjB,aAAa,CAAE,GAAI,CACnB,gBAAgB,CAAE,KAAM,CACxB,OAAO,CAAE,KAAM,CACf,OAAO,CAAE,YAAa,CACzB,AAEG,MAAM,EAAL,SAAS,EAAE,MAAM,EAtB1B,AAqBI,IArBA,CAqBA,gBAAgB,AAAA,CAER,OAAO,CAAE,IAAK,CAErB,CAEG,MAAM,EAAL,SAAS,EAAE,KAAK,EA3BzB,AA0BI,IA1BA,CA0BA,sBAAsB,AAAA,CAEd,OAAO,CAAE,IAAK,CAKrB,CAHG,MAAM,EAAL,SAAS,EAAE,KAAK,OAAO,SAAS,EAAE,MAAM,EA9BjD,AA0BI,IA1BA,CA0BA,sBAAsB,AAAA,CAKd,OAAO,CAAE,IAAK,CAErB,CAjCL,AAkCI,IAlCA,CAkCA,WAAW,AAAA,CACP,aAAa,CAAE,IAAK,CACpB,SAAS,CAAE,KAAM,CAKpB,AAJG,MAAM,EAAL,SAAS,EAAE,MAAM,EArC1B,AAkCI,IAlCA,CAkCA,WAAW,AAAA,CAIH,OAAO,CAAE,IAAK,CAGrB,CAzCL,AA0CI,IA1CA,CA0CA,UAAU,AAAA,CACN,WAAW,CAAE,GAAI,CACjB,SAAS,CAAE,IAAK,CAChB,KAAK,CPrCK,OAAO,COsCpB,AA9CL,AA+CI,IA/CA,CA+CA,kBAAkB,AAAA,CACd,OAAO,CAAE,CAAE,CACd,AAjDL,AAuDI,IAvDA,CAuDA,WAAW,AAAA,CAaP,KAAK,CAAE,IAAK,CACZ,UAAU,CAAE,IAAK,CAIjB,MAAM,CAAE,IAAK,CAehB,AA/BO,MAAM,EAAL,SAAS,EAAE,MAAM,EAzD9B,AAwD+B,IAxD3B,CAuDA,WAAW,CACP,sBAAsB,CAAC,GAAG,AAAC,CAEnB,KAAK,CAAE,gBAAiB,CAM/B,CAJG,MAAM,EAAL,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,MAAM,EA5DtD,AAwD+B,IAxD3B,CAuDA,WAAW,CACP,sBAAsB,CAAC,GAAG,AAAC,CAKnB,KAAK,CAAE,gBAAiB,CAG/B,CAhET,AAiEQ,IAjEJ,CAuDA,WAAW,CAUP,oBAAoB,AAAA,CAChB,MAAM,CAAE,CAAE,CACb,AAGD,MAAM,EAAL,SAAS,EAAE,MAAM,EAtE1B,AAuDI,IAvDA,CAuDA,WAAW,AAAA,CAgBH,OAAO,CAAE,MAAO,CAiBvB,CAxFL,AA0EQ,IA1EJ,CAuDA,WAAW,CAmBP,cAAc,AAAA,CACV,OAAO,CAAE,GAAI,CAChB,AA5ET,AA6EiB,IA7Eb,CAuDA,WAAW,CAsBP,QAAQ,CAAC,YAAY,AAAA,CACjB,OAAO,CAAE,CAAE,CACd,AA/ET,AAgFQ,IAhFJ,CAuDA,WAAW,CAyBP,iBAAiB,AAAA,CACb,UAAU,CAAE,IAAK,CACjB,MAAM,CAAE,IAAK,CAChB,AAnFT,AAoFQ,IApFJ,CAuDA,WAAW,CA6BP,gBAAgB,CApFxB,AAoF6C,IApFzC,CAuDA,WAAW,CA6BW,kBAAkB,CAAC,gBAAgB,CApF7D,AAoFiF,IApF7E,CAuDA,WAAW,CA6BgD,iBAAiB,CAAC,gBAAgB,CApFjG,AAoF8G,IApF1G,CAuDA,WAAW,CA6BoF,CAAC,AAAA,UAAU,AAAA,OAAO,CApFrH,AAoFiI,IApF7H,CAuDA,WAAW,CA6BwG,UAAU,AAAA,OAAO,CApFxI,AAoFoK,IApFhK,CAuDA,WAAW,CA6B2H,UAAU,AAAA,gBAAgB,AAAA,MAAM,AAAA,CAC9J,YAAY,CAAE,iBAAI,CAClB,UAAU,CAAE,iBAAI,CACnB,AAvFT,AAyFwC,IAzFpC,CAyFA,eAAe,AAAA,IAAK,CAAA,AAAA,gBAAgB,CAAC,CACjC,SAAS,CAAE,KAAM,CACpB,AA3FL,AA4FI,IA5FA,CA4FA,eAAe,AAAA,CAIX,KAAK,CAAE,IAAK,CACZ,UAAU,CAAE,IAAK,CA2CpB,AA5IL,AA6FQ,IA7FJ,CA4FA,eAAe,CACX,EAAE,AAAA,CACE,SAAS,CAAE,KAAM,CACpB,AA/FT,AAmGQ,IAnGJ,CA4FA,eAAe,CAOX,qBAAqB,AAAA,CAKjB,UAAU,CAAE,iBAAkB,CAC9B,OAAO,CAAE,MAAO,CACnB,AA1GT,AAqGY,IArGR,CA4FA,eAAe,CAOX,qBAAqB,CAEjB,0BAA0B,AAAA,CACtB,YAAY,CAAE,GAAI,CACrB,AAvGb,AA2GQ,IA3GJ,CA4FA,eAAe,CAeX,EAAE,AAAA,CACE,eAAe,CAAE,IAAK,CACtB,OAAO,CAAE,CAAE,CACX,eAAe,CAAE,CAAE,CACnB,YAAY,CAAE,CAAE,CAChB,mBAAmB,CAAE,MAAO,CAC5B,MAAM,CAAE,WAAY,CA0BvB,AA3IT,AAkHY,IAlHR,CA4FA,eAAe,CAeX,EAAE,CAOE,EAAE,AAAA,CACE,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,+BAAgC,CAC7C,QAAQ,CAAE,QAAS,CAEnB,YAAY,CAAE,YAAa,CAC3B,2BAA2B,CAAE,KAAM,CAGnC,YAAY,CAAE,IAAK,CACnB,cAAc,CAAE,GAAI,CACpB,WAAW,CAAE,CAAE,CACf,gBAAgB,CAA6B,4BAAC,CAC9C,iBAAiB,CAAE,SAAU,CAC7B,mBAAmB,CAAE,OAAQ,CAUhC,AA1Ib,AA6II,IA7IA,CA6IA,UAAU,AAAA,CACN,MAAM,CAAE,GAAG,CAAC,KAAK,CAAM,qBAAI,CAC3B,gBAAgB,CPxIN,sBAAO,COyIjB,OAAO,CAAE,IAAK,CACd,aAAa,CAAE,IAAK,CACvB,AAlJL,AAmJ+B,IAnJ3B,CAmJA,UAAU,AAAA,IAAK,CAAA,AAAA,YAAY,CAAC,CACxB,aAAa,CAAE,GAAI,CACtB,AArJL,AAsJc,IAtJV,CAsJA,UAAU,AAAA,YAAY,AAAA,CAClB,yBAAyB,CAAE,GAAI,CAC/B,0BAA0B,CAAE,GAAI,CACnC","names":[]} \ No newline at end of file diff --git a/glm-dev/scss/_blocks.scss b/glm-dev/scss/_blocks.scss new file mode 100644 index 0000000..e69de29 diff --git a/glm-dev/scss/_footer.scss b/glm-dev/scss/_footer.scss new file mode 100644 index 0000000..e69de29 diff --git a/glm-dev/scss/_grid.scss b/glm-dev/scss/_grid.scss new file mode 100644 index 0000000..7a3f617 --- /dev/null +++ b/glm-dev/scss/_grid.scss @@ -0,0 +1,36 @@ +$columns : 12; + +.grid-row{ + display: grid; + grid-template-columns: repeat($columns, 1fr); + max-width: 1200px; + margin: 0 auto; +} +.grid-column, .grid-columns{ + padding: 0 1rem; +} + +$small: "(max-width: 640px)"; +$medium: "(min-width: 640px) and (max-width: 1024px)"; +$large: "(min-width: 1024px)"; + +$columns-list : (); + +@for $i from 1 through $columns{ + $columns-list: append($columns-list, $i); +} +$sizes-list: ( + small: $small, + medium: $medium, + large: $large +); +@each $size, $range in $sizes-list { + @media #{$range}{ + @each $current-column in $columns-list { + $i: index($columns-list, $current-column); + .#{$size}-#{$i} { + grid-column: span #{$i}; + } + } + } +} \ No newline at end of file diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss new file mode 100644 index 0000000..e69de29 diff --git a/glm-dev/scss/_oc-menu.scss b/glm-dev/scss/_oc-menu.scss new file mode 100644 index 0000000..b005dfe --- /dev/null +++ b/glm-dev/scss/_oc-menu.scss @@ -0,0 +1,5 @@ +body{ + .sub-menu{ + + } +} \ No newline at end of file diff --git a/glm-dev/scss/_rooms.scss b/glm-dev/scss/_rooms.scss new file mode 100644 index 0000000..fff3405 --- /dev/null +++ b/glm-dev/scss/_rooms.scss @@ -0,0 +1,156 @@ +body{ + .rooms-page-title{ + display: inline-block; + margin-left: 15px; + } + .rooms-content{ + #primary{ + padding: 10px; + background-color: white; + box-shadow: 5px 5px 25px 0 rgba(46,61,73,0.2); + } + } + h3.room-title{ + font-size: 24px; + color: $wood; + border: 5px double $wood; + border-radius: 8px; + background-color: white; + padding: 0 5px; + display: inline-block; + } + .gallery-content{ + @media #{$large}{ + display: none; + } + } + .gallery-content-large{ + @media #{$small}{ + display: none; + } + @media #{$medium}{ + display: none; + } + } + .room-image{ + margin-bottom: 10px; + max-width: 300px; + @media #{$large}{ + display: none; + // border: 3px solid rgba($wood,0.8); + } + } + .room-info{ + line-height: 1.1; + font-size: 20px; + color: $wood; + } + .accordion-wrapper{ + padding: 0; + } + @media #{$large}{ + .accordion-outer{ + // margin-top: -90px; + } + } + #rooms-tabs{ + .ngg-gallery-thumbnail img { + @media (min-width: 1200px){ + width: 165px !important; + } + @media (min-width: 1024px) and (max-width: 1200px){ + width: 133px !important; + } + + } + .ngg-galleryoverview{ + margin: 0; + } + clear: both; + margin-top: 20px; + @media (max-width: 1200px){ + padding: 0 10px; + } + border: none; + .ui-tabs-panel{ + padding: 0px; + } + .ui-tabs .ui-tabs-nav{ + padding: 0; + } + .ui-widget-header{ + background: none; + border: none; + } + .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ + border-color: rgba(50,7,1,0.95); + background: rgba(50,7,1,0.95); + } + } + .room-amenities:not(.gallery-content){ + max-width: 800px; + } + .room-amenities{ + h3{ + max-width: 350px; + } + clear: both; + margin-top: 10px; + + .ui-accordion-content{ + + .ngg-gallery-thumbnail-box{ + margin-right: 5px; + } + border-top: 1px solid #dddddd; + padding: 10px 0; + } + ul{ + list-style-type: none; + columns: 2; + -webkit-columns: 2; + -moz-columns: 2; + list-style-position: inside;//this is important addition + margin: 0 3px 0 5px; + li{ + font-size: 15px; + font-family: 'Times New Roman', Times, serif; + position: relative; + // overflow: hidden; + break-inside: avoid-column; + -webkit-column-break-inside: avoid; + // text-indent: -1em; + // padding-left: 1em; + padding-left: 13px; + padding-bottom: 8px; + line-height: 1; + background-image: url(../../assets/bullet.png); + background-repeat: no-repeat; + background-position: 0px 13%; + // padding-left: 7px; + // &::before{ + // content: "#"; + // position: absolute; + // left: 0; + // top: 0; + // width: 3px; + // height: 3px; + // } + } + } + } + .room-data{ + border: 1px solid rgba(grey , 0.7); + background-color: rgba($beige, .45); + padding: 10px; + margin-bottom: 15px; + } + .room-data:not(:first-child){ + border-radius: 6px; + } + .room-data:first-child{ + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + +} \ No newline at end of file diff --git a/glm-dev/scss/_settings.scss b/glm-dev/scss/_settings.scss index c8fc556..ea5932e 100644 --- a/glm-dev/scss/_settings.scss +++ b/glm-dev/scss/_settings.scss @@ -1,4 +1,11 @@ -$navy : #1B2650; -$grey : #231F20; -$blue : #00D3D1; -$peach: #F28B59; \ No newline at end of file + +$navy : #1B2650; +$grey : #231F20; +$blue : #00D3D1; +$peach : #F28B59; +$light-brown : #7D3E00; +$dark-brown : #320701; +$beige : #FBF5DD; +$wood : #280500; +$gold : #AD9847; +$caramel : #634C13; \ No newline at end of file diff --git a/glm-dev/scss/_slideshow.scss b/glm-dev/scss/_slideshow.scss new file mode 100644 index 0000000..b2fd6ba --- /dev/null +++ b/glm-dev/scss/_slideshow.scss @@ -0,0 +1,50 @@ +body{ + #slideshow { + position: relative; + + @media (min-width: 768px) and (max-width: 1000px ){ + // top: 85px; + // margin-bottom: 35px; + // padding-top: 65px; + } + @media (min-width: 1001px){ + // top: 85px; + // margin-bottom: 35px; + // padding-top: 125px; + } + + // min-height: 350px; + max-height: 800px; + overflow-y: hidden; + width: 100%; + z-index: -1; + // margin-bottom: 50px; + // @include { + // position: relative; + // // z-index: 0; + // min-height: 200px; + // } + ul { + list-style: none; + margin: 0; + } + .overlay { + position: absolute; + width: 100%; + display: block; + bottom: 0; + height: 455px; + } + #caption { + background: rgba(0, 0, 0, 0.75); + color: white; + margin-top: -51px; + p { + padding: 10px 5px; + font-size: 12px; + margin: 0; + text-align: right; + } + } + } +} diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss index 42b8e06..ec7c3dc 100644 --- a/glm-dev/scss/glm-dev.scss +++ b/glm-dev/scss/glm-dev.scss @@ -1,2 +1,9 @@ @import 'settings'; -@import 'body'; \ No newline at end of file +@import 'grid'; +@import 'blocks'; +@import 'body'; +@import 'footer'; +@import 'header'; +@import 'slideshow'; +@import 'rooms'; +@import 'oc-menu'; \ No newline at end of file