File manager

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

Back
/* --------------------------------------- Responsive design code -----------------------------------------/ @media screen and (min-width: 1025px) { .hidemobile5 { display: none !important; } #body { display: inherit; } #milieu { display: inherit; } #milieuraw { display: inherit; } #block1 { display: inherit; } #block3 { display: inherit; } #haut { display: inherit; } #haut_logo { display: inherit; } #slideshow1 { display: inherit; } #wrapper1 { display: inherit; } #nav { display: inherit; } #wrapper3 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #maincontent .column1 { display: none; } #maincontent .main { width: 100% !important; clear:both; float:left; } #main { display: inherit; } #maintop { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertop { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottom { display: inherit; } #centerbottommodule { display: inherit; } #right { display: inherit; } #block4 { display: inherit; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #block2 { display: inherit; } #wrapper2 { display: inherit; } #footer { display: inherit; } #layout_error404_html { display: inherit; } } @media screen and (min-width: 951px) and (max-width: 1024px) { img { max-width: 100%; height: auto; } .container { width: 950px; } .hidemobile4 { display: none !important; } #body { display: inherit; } #milieu { display: inherit; } #milieuraw { display: inherit; } #block1 { display: inherit; } #block3 { display: inherit; } #haut { display: inherit; } #haut_logo { display: inherit; } #slideshow1 { display: inherit; } #wrapper1 { display: inherit; } #nav { display: inherit; } #wrapper3 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #maincontent .column1 { display: none; } #maincontent .main { width: 100% !important; clear:both; float:left; } #main { display: inherit; } #maintop { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertop { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottom { display: inherit; } #centerbottommodule { display: inherit; } #right { display: inherit; } #block4 { display: inherit; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #block2 { display: inherit; } #wrapper2 { display: inherit; } #footer { display: inherit; } #layout_error404_html { display: inherit; } } @media screen and (min-width: 759px) and (max-width: 950px) { img { max-width: 100%; height: auto; } .container { width: 758px; } .hidemobile3 { display: none !important; } #body { display: inherit; } #milieu { display: inherit; } #milieuraw { display: inherit; } #block1 { display: inherit; } #block3 { display: inherit; } #haut { display: inherit; } #haut_logo { display: inherit; } #slideshow1 { display: inherit; } #wrapper1 { display: inherit; } #nav { display: inherit; } #wrapper3 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #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; } #maintop { display: inherit; } #maintopmodule { display: inherit; } #maincenter { display: inherit; } #center { display: inherit; } #centertop { display: inherit; } #centertopmodule { display: inherit; } #content { display: inherit; } #centerbottom { display: inherit; } #centerbottommodule { display: inherit; } #right { display: inherit; } #block4 { display: inherit; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #block2 { display: inherit; } #wrapper2 { display: inherit; } #footer { display: inherit; } #layout_error404_html { display: inherit; } } @media screen and (min-width: 401px) and (max-width: 758px) { img { max-width: 100%; height: auto; } .container { width: 400px; } .hidemobile2 { display: none !important; } #body { display: inherit; } #body { height: auto !important; } #body .logobloc { float :none !important; width: auto !important; } #milieu { display: inherit; } #milieu { height: auto !important; } #milieu .logobloc { float :none !important; width: auto !important; } #milieuraw > .inner { display: block; } #milieuraw .flexiblecolumn { width: 100% !important; float: none; } #milieuraw .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #block1 { display: inherit; } #block1 { height: auto !important; } #block1 .logobloc { float :none !important; width: auto !important; } #block3 { display: inherit; } #block3 { height: auto !important; } #block3 .logobloc { float :none !important; width: auto !important; } #haut { display: inherit; } #haut { height: auto !important; } #haut .logobloc { float :none !important; width: auto !important; } #haut_logo { display: inherit; } #haut_logo { height: auto !important; } #haut_logo .logobloc { float :none !important; width: auto !important; } #slideshow1 { display: inherit; } #slideshow1 { height: auto !important; } #slideshow1 .logobloc { float :none !important; width: auto !important; } #wrapper1 { display: inherit; } #wrapper1 { height: auto !important; } #wrapper1 .logobloc { float :none !important; width: auto !important; } #nav { height: auto !important; } #nav ul { height: auto !important; } #nav li { float :none !important; width: 100% !important; } #nav div.floatck, #nav li > ul { width: 100% !important; position: relative !important; display: block !important; margin: 0 !important; left: auto !important; } #nav div.maximenuck2 { width: 100% !important; position: relative !important; display: block !important; float: none !important; } #nav .mobileckhambuger_togglerlabel { display: block !important; font-size: 33px !important; text-align: right !important; padding: 10px !important; } #nav .mobileckhambuger_toggler + { display: none !important; overflow-x: hidden; } #nav .mobileckhambuger_toggler:checked + * { display: block !important; } #wrapper3 { display: inherit; } #wrapper3 { height: auto !important; } #wrapper3 .logobloc { float :none !important; width: auto !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #bannerrow { display :none; } #bannermodule { display :none; } #bannermenu { display :none; } #modulestop { display :none; } #modulestopmod1 { display :none; } #modulestopmod2 { display :none; } #modulestopmod3 { display :none; } #modulestopmod4 { display :none; } #modulestopmod5 { display :none; } #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; } #maintop { display: inherit; } #maintop { height: auto !important; } #maintop .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; } #centertop { display: inherit; } #centertop { height: auto !important; } #centertop .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; } #centerbottom { display: inherit; } #centerbottom { height: auto !important; } #centerbottom .logobloc { float :none !important; width: auto !important; } #centerbottommodule { display: inherit; } #centerbottommodule { height: auto !important; } #centerbottommodule .logobloc { float :none !important; width: auto !important; } #right { display: inherit; } #right { height: auto !important; } #right .logobloc { float :none !important; width: auto !important; } #block4 { display: inherit; } #block4 { height: auto !important; } #block4 .logobloc { float :none !important; width: auto !important; } #mainbottom { display: inherit; } #mainbottom { height: auto !important; } #mainbottom .logobloc { float :none !important; width: auto !important; } #mainbottommodule { display: inherit; } #mainbottommodule { height: auto !important; } #mainbottommodule .logobloc { float :none !important; width: auto !important; } #modulesbottom .flexiblemodule { display: inherit; width: 100% !important; float: none; } #modulesbottom .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulesbottom > .inner { display: block; } #modulesbottommod1 { display: inherit; } #modulesbottommod1 { height: auto !important; } #modulesbottommod1 .logobloc { float :none !important; width: auto !important; } #modulesbottommod2 { display: inherit; } #modulesbottommod2 { height: auto !important; } #modulesbottommod2 .logobloc { float :none !important; width: auto !important; } #modulesbottommod3 { display: inherit; } #modulesbottommod3 { height: auto !important; } #modulesbottommod3 .logobloc { float :none !important; width: auto !important; } #modulesbottommod4 { display: inherit; } #modulesbottommod4 { height: auto !important; } #modulesbottommod4 .logobloc { float :none !important; width: auto !important; } #modulesbottommod5 { display: inherit; } #modulesbottommod5 { height: auto !important; } #modulesbottommod5 .logobloc { float :none !important; width: auto !important; } #block2 { display: inherit; } #block2 { height: auto !important; } #block2 .logobloc { float :none !important; width: auto !important; } #wrapper2 { display: inherit; } #wrapper2 { height: auto !important; } #wrapper2 .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #footer { height: auto !important; } #footer .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; } #wrapper > div.inner {margin-left: 0px;padding-left:0px;} } @media screen and (max-width: 400px) { 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; } #milieu { display: inherit; } #milieu { height: auto !important; } #milieu .logobloc { float :none !important; width: auto !important; } #milieuraw > .inner { display: block; } #milieuraw .flexiblecolumn { width: 100% !important; float: none; } #milieuraw .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #block1 { display: inherit; } #block1 { height: auto !important; } #block1 .logobloc { float :none !important; width: auto !important; } #block3 { display: inherit; } #block3 { height: auto !important; } #block3 .logobloc { float :none !important; width: auto !important; } #haut { display: inherit; } #haut { height: auto !important; } #haut .logobloc { float :none !important; width: auto !important; } #haut_logo { display: inherit; } #haut_logo { height: auto !important; } #haut_logo .logobloc { float :none !important; width: auto !important; } #slideshow1 { display: inherit; } #slideshow1 { height: auto !important; } #slideshow1 .logobloc { float :none !important; width: auto !important; } #wrapper1 { display: inherit; } #wrapper1 { height: auto !important; } #wrapper1 .logobloc { float :none !important; width: auto !important; } #nav { height: auto !important; } #nav ul { height: auto !important; } #nav li { float :none !important; width: 100% !important; } #nav div.floatck, #nav li > ul { width: 100% !important; position: relative !important; display: block !important; margin: 0 !important; left: auto !important; } #nav div.maximenuck2 { width: 100% !important; position: relative !important; display: block !important; float: none !important; } #nav .mobileckhambuger_togglerlabel { display: block !important; font-size: 33px !important; text-align: right !important; padding: 10px !important; } #nav .mobileckhambuger_toggler + * { display: none !important; overflow-x: hidden; } #nav .mobileckhambuger_toggler:checked + * { display: block !important; } #wrapper3 { display: inherit; } #wrapper3 { height: auto !important; } #wrapper3 .logobloc { float :none !important; width: auto !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #bannerrow { display :none; } #bannermodule { display :none; } #bannermenu { display :none; } #modulestop { display :none; } #modulestopmod1 { display :none; } #modulestopmod2 { display :none; } #modulestopmod3 { display :none; } #modulestopmod4 { display :none; } #modulestopmod5 { display :none; } #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; } #maintop { display: inherit; } #maintop { height: auto !important; } #maintop .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; } #centertop { display: inherit; } #centertop { height: auto !important; } #centertop .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; } #centerbottom { display: inherit; } #centerbottom { height: auto !important; } #centerbottom .logobloc { float :none !important; width: auto !important; } #centerbottommodule { display: inherit; } #centerbottommodule { height: auto !important; } #centerbottommodule .logobloc { float :none !important; width: auto !important; } #right { display: inherit; } #right { height: auto !important; } #right .logobloc { float :none !important; width: auto !important; } #block4 { display: inherit; } #block4 { height: auto !important; } #block4 .logobloc { float :none !important; width: auto !important; } #mainbottom { display: inherit; } #mainbottom { height: auto !important; } #mainbottom .logobloc { float :none !important; width: auto !important; } #mainbottommodule { display: inherit; } #mainbottommodule { height: auto !important; } #mainbottommodule .logobloc { float :none !important; width: auto !important; } #modulesbottom .flexiblemodule { display: inherit; width: 100% !important; float: none; } #modulesbottom .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulesbottom > .inner { display: block; } #modulesbottommod1 { display: inherit; } #modulesbottommod1 { height: auto !important; } #modulesbottommod1 .logobloc { float :none !important; width: auto !important; } #modulesbottommod2 { display: inherit; } #modulesbottommod2 { height: auto !important; } #modulesbottommod2 .logobloc { float :none !important; width: auto !important; } #modulesbottommod3 { display: inherit; } #modulesbottommod3 { height: auto !important; } #modulesbottommod3 .logobloc { float :none !important; width: auto !important; } #modulesbottommod4 { display: inherit; } #modulesbottommod4 { height: auto !important; } #modulesbottommod4 .logobloc { float :none !important; width: auto !important; } #modulesbottommod5 { display: inherit; } #modulesbottommod5 { height: auto !important; } #modulesbottommod5 .logobloc { float :none !important; width: auto !important; } #block2 { display: inherit; } #block2 { height: auto !important; } #block2 .logobloc { float :none !important; width: auto !important; } #wrapper2 { display: inherit; } #wrapper2 { height: auto !important; } #wrapper2 .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #footer { height: auto !important; } #footer .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; } #wrapper > div.inner {margin-left: 0px; padding-left:0px;} }

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