setting up more base styles transferred from kingsail and laurium
authorAnthony Talarico <talarico@gaslightmedia.com>
Tue, 12 Jun 2018 19:37:45 +0000 (15:37 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Tue, 12 Jun 2018 19:37:45 +0000 (15:37 -0400)
assets/css/glm-dev.css
assets/css/glm-dev.css.map
glm-dev/scss/_blocks.scss [new file with mode: 0644]
glm-dev/scss/_footer.scss [new file with mode: 0644]
glm-dev/scss/_grid.scss [new file with mode: 0644]
glm-dev/scss/_header.scss [new file with mode: 0644]
glm-dev/scss/_oc-menu.scss [new file with mode: 0644]
glm-dev/scss/_rooms.scss [new file with mode: 0644]
glm-dev/scss/_settings.scss
glm-dev/scss/_slideshow.scss [new file with mode: 0644]
glm-dev/scss/glm-dev.scss

index 31ad784..cf93f93 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: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 */
index 2c29da8..ba2277b 100644 (file)
@@ -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":"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","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 (file)
index 0000000..e69de29
diff --git a/glm-dev/scss/_footer.scss b/glm-dev/scss/_footer.scss
new file mode 100644 (file)
index 0000000..e69de29
diff --git a/glm-dev/scss/_grid.scss b/glm-dev/scss/_grid.scss
new file mode 100644 (file)
index 0000000..7a3f617
--- /dev/null
@@ -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 (file)
index 0000000..e69de29
diff --git a/glm-dev/scss/_oc-menu.scss b/glm-dev/scss/_oc-menu.scss
new file mode 100644 (file)
index 0000000..b005dfe
--- /dev/null
@@ -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 (file)
index 0000000..fff3405
--- /dev/null
@@ -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
index c8fc556..ea5932e 100644 (file)
@@ -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 (file)
index 0000000..b2fd6ba
--- /dev/null
@@ -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;
+            }
+        }
+    }
+}
index 42b8e06..ec7c3dc 100644 (file)
@@ -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