File manager

File manager - Edit - /home/jardides/www/Jardi-design/old/components/com_templateck/projects/jd_sidebar2017/css/mobile.css

Back
/* --------------------------------------- Responsive design code -----------------------------------------/ @media screen and (min-width: 1025px) { .hidemobile5 { display: none !important; } #body { display: inherit; } #sidebar { display: inherit; } #logo1 { display: inherit; } #menu { display: inherit; } #bannerwrapper { display: inherit; } #banner { display: inherit; } #news1wrapper { display: inherit; } #aboutus { display: inherit; } #news2wrapper { display: inherit; } #services { display: inherit; } #wrapper { display: inherit; } #main { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottommodule { display: inherit; } #mainbottommodule { display: inherit; } #slider { display: inherit; } #nouscontacter { display: inherit; } #bottomwrapper { display: inherit; } #bottom { display: inherit; } #footerwrapper { display: inherit; } #footer { display: inherit; } #footermenu { display: inherit; } #layout_error404_html { display: inherit; } #sidebar { width: 150px; position: fixed; left: 0; top:0; bottom: 0; overflow: hidden; } #sidebar > .inner { margin-right: -20px; overflow-y: scroll; height: 100%; } body { padding-left: 150px; } #sidebar ul.menu a > img { padding: 10px; } } @media screen and (max-width: 1024px) { img { max-width: 100%; height: auto; } .container { width: 950px; } .hidemobile4 { display: none !important; } #body { display: inherit; } #sidebar { display: inherit; } #logo1 { display: inherit; } #menu { display: inherit; } #bannerwrapper { display: inherit; } #banner { display: inherit; } #news1wrapper { display: inherit; } #aboutus { display: inherit; } #news2wrapper { display: inherit; } #services { display: inherit; } #wrapper { display: inherit; } #main { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottommodule { display: inherit; } #mainbottommodule { display: inherit; } #slider { display: inherit; } #nouscontacter { display: inherit; } #bottomwrapper { display: inherit; } #bottom { display: inherit; } #footerwrapper { display: inherit; } #footer { display: inherit; } #footermenu { display: inherit; } #layout_error404_html { display: inherit; } div.section-left, div.section-right { float: none; width: auto; text-align: center; clear: both; } } @media screen and (max-width: 950px) { img { max-width: 100%; height: auto; } .container { width: 756px; } .hidemobile3 { display: none !important; } #body { display: inherit; } #sidebar { display: inherit; } #logo1 { display: inherit; } #menu { display: inherit; } #bannerwrapper { display: inherit; } #banner { display: inherit; } #news1wrapper { display: inherit; } #aboutus { display: inherit; } #news2wrapper { display: inherit; } #services { display: inherit; } #wrapper { display: inherit; } #main { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottommodule { display: inherit; } #mainbottommodule { display: inherit; } #slider { display: inherit; } #nouscontacter { display: inherit; } #bottomwrapper { display: inherit; } #bottom { display: inherit; } #footerwrapper { display: inherit; } #footer { display: inherit; } #footermenu { display: inherit; } #layout_error404_html { display: inherit; } } @media screen and (max-width: 756px) { img { max-width: 100%; height: auto; } .container { width: 524px; } .hidemobile2 { display: none !important; } #body { display: inherit; } #body { height: auto !important; } #body .logobloc { float :none !important; width: auto !important; } #sidebar { display: inherit; } #sidebar { height: auto !important; } #sidebar .logobloc { float :none !important; width: auto !important; } #logo1 { display: inherit; } #logo1 { height: auto !important; } #logo1 .logobloc { float :none !important; width: auto !important; } #menu { display: inherit; } #menu { height: auto !important; } #menu .logobloc { float :none !important; width: auto !important; } #bannerwrapper { display: inherit; } #bannerwrapper { height: auto !important; } #bannerwrapper .logobloc { float :none !important; width: auto !important; } #banner { display: inherit; } #news1wrapper { display: inherit; } #news1wrapper { height: auto !important; } #news1wrapper .logobloc { float :none !important; width: auto !important; } #aboutus { display: inherit; } #aboutus { height: auto !important; } #aboutus .logobloc { float :none !important; width: auto !important; } #news2wrapper { display: inherit; } #news2wrapper { height: auto !important; } #news2wrapper .logobloc { float :none !important; width: auto !important; } #services { display: inherit; } #services { height: auto !important; } #services .logobloc { float :none !important; width: auto !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #maincontent > .inner { display: block; } #maincontent .column { width: 100% !important; clear:both; float:left } #maincontent .column1 div.inner, #maincontent .column2 div.inner { /overflow:hidden;/ } #maincontent .column div.inner { margin-left: 0 !important; margin-right: 0 !important; } .items-row .item, .column { width: auto !important; float: none; margin: 0 !important; } .column div.moduletable, .column div.moduletable_menu { float: none; width: auto !important; /margin: 0 !important; padding: 0 !important;/ } /* specifique au formulaire de contact */ .contact form fieldset dt { max-width: 80px; } .contact input, .contact textarea { max-width: 160px; }#main { display: inherit; } #main { height: auto !important; } #main .logobloc { float :none !important; width: auto !important; } #maintopmodule { display: inherit; } #maintopmodule { height: auto !important; } #maintopmodule .logobloc { float :none !important; width: auto !important; } #maincenter { display: inherit; } #maincenter { height: auto !important; } #maincenter .logobloc { float :none !important; width: auto !important; } #center { display: inherit; } #center { height: auto !important; } #center .logobloc { float :none !important; width: auto !important; } #centertopmodule { display: inherit; } #centertopmodule { height: auto !important; } #centertopmodule .logobloc { float :none !important; width: auto !important; } #content { display: inherit; } #content { height: auto !important; } #content .logobloc { float :none !important; width: auto !important; } #centerbottommodule { display: inherit; } #centerbottommodule { height: auto !important; } #centerbottommodule .logobloc { float :none !important; width: auto !important; } #mainbottommodule { display: inherit; } #mainbottommodule { height: auto !important; } #mainbottommodule .logobloc { float :none !important; width: auto !important; } #slider { display: inherit; } #slider { height: auto !important; } #slider .logobloc { float :none !important; width: auto !important; } #nouscontacter { display: inherit; } #nouscontacter { height: auto !important; } #nouscontacter .logobloc { float :none !important; width: auto !important; } #bottomwrapper { display: inherit; } #bottomwrapper { height: auto !important; } #bottomwrapper .logobloc { float :none !important; width: auto !important; } #bottom { display: inherit; } #bottom { height: auto !important; } #bottom .logobloc { float :none !important; width: auto !important; } #footerwrapper { display: inherit; } #footerwrapper { height: auto !important; } #footerwrapper .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #footer { height: auto !important; } #footer .logobloc { float :none !important; width: auto !important; } #footermenu { display: inherit; } #footermenu { height: auto !important; } #footermenu .logobloc { float :none !important; width: auto !important; } #layout_error404_html { display: inherit; } #layout_error404_html { height: auto !important; } #layout_error404_html .logobloc { float :none !important; width: auto !important; } div.swiper-layout-horizontal .swiper-img-cont { display: block; width: 100%; background-size: contain; max-height: 450px; } } @media screen and (max-width: 524px) { img { max-width: 100%; height: auto; } .container { width: 292px; } .hidemobile1 { display: none !important; } #body { display: inherit; } #body { height: auto !important; } #body .logobloc { float :none !important; width: auto !important; } #sidebar { display: inherit; } #sidebar { height: auto !important; } #sidebar .logobloc { float :none !important; width: auto !important; } #logo1 { display: inherit; } #logo1 { height: auto !important; } #logo1 .logobloc { float :none !important; width: auto !important; } #menu { display: inherit; } #menu { height: auto !important; } #menu .logobloc { float :none !important; width: auto !important; } #bannerwrapper { display: inherit; } #bannerwrapper { height: auto !important; } #bannerwrapper .logobloc { float :none !important; width: auto !important; } #banner { display: inherit; } #news1wrapper { display: inherit; } #news1wrapper { height: auto !important; } #news1wrapper .logobloc { float :none !important; width: auto !important; } #aboutus { display: inherit; } #aboutus { height: auto !important; } #aboutus .logobloc { float :none !important; width: auto !important; } #news2wrapper { display: inherit; } #news2wrapper { height: auto !important; } #news2wrapper .logobloc { float :none !important; width: auto !important; } #services { display: inherit; } #services { height: auto !important; } #services .logobloc { float :none !important; width: auto !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #maincontent > .inner { display: block; } #maincontent .column { width: 100% !important; clear:both; float:left } #maincontent .column1 div.inner, #maincontent .column2 div.inner { /overflow:hidden;/ } #maincontent .column div.inner { margin-left: 0 !important; margin-right: 0 !important; } .items-row .item, .column { width: auto !important; float: none; margin: 0 !important; } .column div.moduletable, .column div.moduletable_menu { float: none; width: auto !important; /margin: 0 !important; padding: 0 !important;/ } /* specifique au formulaire de contact **/ .contact form fieldset dt { max-width: 80px; } .contact input, .contact textarea { max-width: 160px; }#main { display: inherit; } #main { height: auto !important; } #main .logobloc { float :none !important; width: auto !important; } #maintopmodule { display: inherit; } #maintopmodule { height: auto !important; } #maintopmodule .logobloc { float :none !important; width: auto !important; } #maincenter { display: inherit; } #maincenter { height: auto !important; } #maincenter .logobloc { float :none !important; width: auto !important; } #center { display: inherit; } #center { height: auto !important; } #center .logobloc { float :none !important; width: auto !important; } #centertopmodule { display: inherit; } #centertopmodule { height: auto !important; } #centertopmodule .logobloc { float :none !important; width: auto !important; } #content { display: inherit; } #content { height: auto !important; } #content .logobloc { float :none !important; width: auto !important; } #centerbottommodule { display: inherit; } #centerbottommodule { height: auto !important; } #centerbottommodule .logobloc { float :none !important; width: auto !important; } #mainbottommodule { display: inherit; } #mainbottommodule { height: auto !important; } #mainbottommodule .logobloc { float :none !important; width: auto !important; } #slider { display: inherit; } #slider { height: auto !important; } #slider .logobloc { float :none !important; width: auto !important; } #nouscontacter { display: inherit; } #nouscontacter { height: auto !important; } #nouscontacter .logobloc { float :none !important; width: auto !important; } #bottomwrapper { display: inherit; } #bottomwrapper { height: auto !important; } #bottomwrapper .logobloc { float :none !important; width: auto !important; } #bottom { display: inherit; } #bottom { height: auto !important; } #bottom .logobloc { float :none !important; width: auto !important; } #footerwrapper { display: inherit; } #footerwrapper { height: auto !important; } #footerwrapper .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #footer { height: auto !important; } #footer .logobloc { float :none !important; width: auto !important; } #footermenu { display: inherit; } #footermenu { height: auto !important; } #footermenu .logobloc { float :none !important; width: auto !important; } #layout_error404_html { display: inherit; } #layout_error404_html { height: auto !important; } #layout_error404_html .logobloc { float :none !important; width: auto !important; } div#footermenu ul.nav li { display: block; } div.swiper-layout-horizontal .swiper-img-cont { max-height: 350px; } }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.01 | proxy | phpinfo | Settings