diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss index 34f9c43..d2f66e1 100755 --- a/app/assets/stylesheets/public.scss +++ b/app/assets/stylesheets/public.scss @@ -340,7 +340,10 @@ p{ .left{ + .inner{ + padding-top:30px; + } .decor{ @@ -360,6 +363,10 @@ p{ } #intro{ + padding:60px 20px; + .center{ + padding:0px; + } img{ max-width:90%; } @@ -389,348 +396,21 @@ p{ } -} -@media screen and (min-width:880px) { - #toggle-menu{ - display:none; - } - .top{ - .menu{ - display:block !important; + #nearbys, #balons{ + .left{ + + height:inherit; + } } -} - -.mobile_only{ - display:none; - - -} + #balons{ + .left{ -.desktop_only{ - font-family: 'Montserrat', sans-serif; - display:block; - - -} - - - -.bottom_social{ - margin:1em 0; - text-align:center; - margin-top:2em; - display:none; - - a, .top_link{ - display:inline-block; - padding:10px 0px; - width:43px; - margin:0 5px; - text-align:center; - cursor:pointer; - font-size:1.2em; - background:$blue; - color:white; - - &:hover{ - background:darken($blue, 10); - } - - } -} - -#nous-bloc{ - .gallery_for_mobile{ - display:none; - - img{ - margin-bottom:20px; - - } - } - - .rea-gal.gallery{ - - } -} - - - -@media screen and (max-width:880px) { - - .socials_links, .contact_links{ - - top:150px; - } - - .desktop_only{ - - display:none; - - - } - - .mobile_only{ - - display:block; - - - } - #services-bloc{ - img{ - margin-top:40px; - + padding-bottom:30px; + } } - body{ - padding-top:0px; - } - div,h1,h2,h3,h4,h5,h6,p,.row-fluid,.row{ - text-align:center; - } - - #home_top{ - padding:0; - #home_top_image{ - height:400px; - } - - - - - .inner_t{ - - h1{ - - font-size:20px; - - span{ - - font-size:24px; - - - } - } - - position:static; - padding:30px 0; - margin:0; - background:#F6F6F6; - - } - } - - #embarquez{ - - margin:0px !important; - - - } - - .top{ - min-height:50px; - - #toggle-menu{ - display:block; - } - position:relative !important; - display:block; - #logo{ - - display:none; - } - #logo-min{ - - position:absolute; - left:10px; - top:8px; - - display:block !important; - } - overflow:visible; - .menu{ - display:none; - position:static; - text-align:center; - padding-top: 50px; - - a{ - display:block; - margin:15px auto; - - } - } - - } -.contact_container{ - - - text-align:center; - .tel_panel{ - display:inline-block; - - width:200px; - text-align:center; - } - .heylium_sign{ - margin:20px auto; - } - .button_container{ - height:auto !important; - - .inner{ - position:static; - } - - } - } - - - -.columns{ - display:block !important; - width:auto !important; - float:none !important; -} - -.gallery .real_gal_link{ - width:50%; -} - -#images_agence{ - img{ - display:block !important; - - margin:10px auto !important; - } - - .fleche-sep{ - - -ms-transform: rotate(90deg); /* IE 9 */ - -webkit-transform: rotate(90deg); /* Safari */ - transform: rotate(90deg); - margin:40px auto !important; - } - - -} - -.resp-no-margin{ - margin:0 !important; -} - - -#agence_bloc{ - h2,h3{ - text-align:center !important; - } - -} - - -#services-bloc{ - - .span_6{ - - padding:0 !important; - } - - - - -} -.mobile-no-margin-top{ - margin-top:0 !important; - -} - - - - -.popup_container{ - #popup_content{ - - margin:30px; - - - .inner{ - padding:0px; - overflow:auto; - position:absolute; - top:0; - left:0; - right:0; - bottom:0; - z-index:5; - } - - - .center{ - - padding:30px; - } - - - - - } -} - - -.center{ - - padding: 0 20px; -} - - -} - - -.bottom_mobile_only{ - display:none; -} -.bottom_desktop_only{ - display:inline; - -} - - -@media screen and (max-width:600px) { - .bottom_mobile_only{ - display:block; - } - .bottom_desktop_only{ - display:none; - - } - #nous-bloc{ - .gallery_for_mobile{ - display:block; - - } - - .rea-gal.gallery{ - display:none; - } - } - - - - .bottom_social{ - display:block; - } - - .socials_links, .contact_links{ - - display:none; - } - -} - - -