adding styles to the rooms output
authorAnthony Talarico <talarico@gaslightmedia.com>
Tue, 15 May 2018 20:58:21 +0000 (16:58 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Tue, 15 May 2018 20:58:21 +0000 (16:58 -0400)
assets/css/glm-dev.css
assets/css/glm-dev.css.map
glm-dev/scss/_rooms.scss
rooms.php

index a231cc1..f66b788 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%;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}
+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 #rooms-tabs{border:none}@media (max-width: 1200px){body #rooms-tabs{padding:0 10px}}body #rooms-tabs .ui-tabs-panel{padding:0px}body .room-amenities{clear:both;margin-top:20px;max-width:800px}body .room-amenities h3{max-width:350px}body .room-amenities .ui-accordion-content{border-top:1px solid #dddddd;padding:10px 0}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);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 d779124..e9b3872 100644 (file)
@@ -1 +1 @@
-{"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
+{"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\n    #rooms-tabs{\n        @media (max-width: 1200px){\n            padding: 0 10px;\n        }\n        border: none;\n        .ui-tabs-panel{\n            padding: 0px;\n        }\n    }\n    .room-amenities{\n        h3{\n            max-width: 350px;\n        }\n        clear: both;\n        margin-top: 20px;\n        max-width: 800px;\n        .ui-accordion-content{\n            border-top: 1px solid #dddddd;\n            padding: 10px 0;\n        }\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        \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}"],"mappings":"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","names":[]}
\ No newline at end of file
index ecd2118..f251205 100644 (file)
@@ -1,7 +1,25 @@
 body{
+
+    #rooms-tabs{
+        @media (max-width: 1200px){
+            padding: 0 10px;
+        }
+        border: none;
+        .ui-tabs-panel{
+            padding: 0px;
+        }
+    }
     .room-amenities{
+        h3{
+            max-width: 350px;
+        }
         clear: both;
         margin-top: 20px;
+        max-width: 800px;
+        .ui-accordion-content{
+            border-top: 1px solid #dddddd;
+            padding: 10px 0;
+        }
         ul{
             list-style-type: disc;
             columns: 2;
@@ -12,8 +30,16 @@ body{
     }
     .room-data{
         border: 1px solid rgba(grey , 0.7);
-        border-radius: 6px;
+        
         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 a555aac..5fa5232 100644 (file)
--- a/rooms.php
+++ b/rooms.php
@@ -8,7 +8,7 @@
 get_header();
     global $post;
     $taxonomy = 'rooms_category';
-    $terms = get_terms($taxonomy);
+    $terms = get_terms($taxonomy,'orderby=count');
     $post = get_post($post->id); 
     $content = apply_filters('the_content', $post->post_content); 
 
@@ -22,13 +22,13 @@ get_header();
                 <ul>
                     <?php 
                         foreach($terms as $term){
-                            echo "<li><a href='#$term->name'>$term->name</a></li>";
+                            echo "<li><a href='#$term->slug'>$term->name</a></li>";
                         }
                     ?>
                 </ul>
                 <?php 
                 foreach($terms as $term){
-                    echo "<div id='$term->name'>";
+                    echo "<div id='$term->slug'>";
                 
                         $query = new WP_Query(array(
                             'post_type'         => 'glm-rooms',
@@ -47,19 +47,21 @@ get_header();
                             <?php while ($query->have_posts()) { 
                             $query->the_post(); ?>
                                 <div class="room-data">
+                                    <div class="room-image" style="float: right;">
+                                        <?php the_post_thumbnail(array(250,225)); ?></div>
                                     <h3 class="room-title"> <?php the_title(); ?></h3>
                                     <div class="room-content">
                                         <div class="room-info">
                                             <?php echo get_field('room_info',get_the_id()); ?>
                                         </div>
                                         <div class="room-amenities">
-                                            <h3>Ameneties</h3>
+                                            <h3>Room Ameneties</h3>
                                             <div>
                                                 <?php echo get_field('amenities',get_the_id()); ?>
                                             </div>
                                         </div>
                                         <div class="room-amenities">
-                                            <h3>Gallery</h3>
+                                            <h3>Photo Gallery</h3>
                                             <div>
                                                 <?php the_content(); ?>
                                             </div>
@@ -87,7 +89,9 @@ get_header();
             active: false,
             heightStyle: "content"
         });
-        jQuery( "#rooms-tabs" ).tabs();
+        jQuery( "#rooms-tabs" ).tabs({
+            active: 1
+        });
     });
 </script>
 <?php get_footer();
\ No newline at end of file