From 3678ce741dea4f5a031866dce046f0987bb167e6 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Mon, 14 May 2018 13:37:08 -0400 Subject: [PATCH] making all rooms auto expand for the rooms page --- assets/css/glm-dev.css | 2 +- assets/css/glm-dev.css.map | 2 +- glm-dev/scss/_rooms.scss | 19 +++++++++++++++++++ glm-dev/scss/glm-dev.scss | 3 ++- rooms.php | 37 ++++++++++++++++++++++--------------- 5 files changed, 45 insertions(+), 18 deletions(-) create mode 100644 glm-dev/scss/_rooms.scss diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css index 47612ec..a231cc1 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%;border-top:9px double #634C13;background:rgba(50,7,1,0.8)}body footer#colophon.site-footer .bottom-footer{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}body footer#colophon.site-footer .bottom-footer span{font-size:16px;font-family:'Times New Roman', Times, serif}@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;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} +body footer#colophon.site-footer{position:relative}body footer#colophon.site-footer #footer-overlay{position:absolute;height:100%;width:100%;border-top:9px double #634C13;background:rgba(50,7,1,0.8)}body footer#colophon.site-footer .bottom-footer{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}body footer#colophon.site-footer .bottom-footer span{font-size:16px;font-family:'Times New Roman', Times, serif}@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;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}body .room-amenities{clear:both;margin-top:20px}body .room-amenities ul{list-style-type:disc;columns:2;-webkit-columns:2;-moz-columns:2;list-style-position:inside}body .room-data{border:1px solid rgba(128,128,128,0.7);border-radius:6px;padding:10px;margin-bottom:15px} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map index ca9722d..d779124 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 // margin-top: 20px;\n #footer-overlay{\n position: absolute;\n height: 100%;\n width: 100%;\n border-top: 9px double #634C13;\n background: rgba(#320701, 0.80);\n // background: url(../../assets/wallpaper.png) repeat;\n // background-size: contain;\n }\n .bottom-footer{\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 span{\n font-size: 16px;\n font-family: 'Times New Roman', Times, serif;\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 +{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss","_slideshow.scss","_rooms.scss"],"sourcesContent":["@import 'settings';\n@import 'body';\n@import 'slideshow';\n@import 'rooms';","$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach: #F28B59;","body{\n footer#colophon.site-footer{\n position: relative;\n // margin-top: 20px;\n #footer-overlay{\n position: absolute;\n height: 100%;\n width: 100%;\n border-top: 9px double #634C13;\n background: rgba(#320701, 0.80);\n // background: url(../../assets/wallpaper.png) repeat;\n // background-size: contain;\n }\n .bottom-footer{\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 span{\n font-size: 16px;\n font-family: 'Times New Roman', Times, serif;\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","body{\n .room-amenities{\n clear: both;\n margin-top: 20px;\n ul{\n list-style-type: disc;\n columns: 2;\n -webkit-columns: 2;\n -moz-columns: 2;\n list-style-position: inside;//this is important addition\n }\n }\n .room-data{\n border: 1px solid rgba(grey , 0.7);\n border-radius: 6px;\n padding: 10px;\n margin-bottom: 15px;\n }\n}"],"mappings":"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","names":[]} \ 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..ecd2118 --- /dev/null +++ b/glm-dev/scss/_rooms.scss @@ -0,0 +1,19 @@ +body{ + .room-amenities{ + clear: both; + margin-top: 20px; + ul{ + list-style-type: disc; + columns: 2; + -webkit-columns: 2; + -moz-columns: 2; + list-style-position: inside;//this is important addition + } + } + .room-data{ + border: 1px solid rgba(grey , 0.7); + border-radius: 6px; + padding: 10px; + margin-bottom: 15px; + } +} \ No newline at end of file diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss index d8c9d7a..9d73b7c 100644 --- a/glm-dev/scss/glm-dev.scss +++ b/glm-dev/scss/glm-dev.scss @@ -1,3 +1,4 @@ @import 'settings'; @import 'body'; -@import 'slideshow'; \ No newline at end of file +@import 'slideshow'; +@import 'rooms'; \ No newline at end of file diff --git a/rooms.php b/rooms.php index dd72ee6..a555aac 100644 --- a/rooms.php +++ b/rooms.php @@ -46,21 +46,23 @@ get_header();
have_posts()) { $query->the_post(); ?> -

-
-
- -
-
-

Gallery

-
- +
+

+
+
+
-
-
-

Ameneties

-
- +
+

Ameneties

+
+ +
+
+
+

Gallery

+
+ +
@@ -75,7 +77,12 @@ get_header();