File manager - Edit - /home/jardides/www/Jardi-design/components/com_templateck/projects/jd-2018/css/mobile.css
Back
/* --------------------------------------- Responsive design code -----------------------------------------*/ @media screen and (min-width: 1025px) { .hidemobile5 { display: none !important; } #body { display: inherit; } #wrapper1 { display: inherit; } #row1 { display: inherit; } #logo1 { display: inherit; } #block2 { display: inherit; } #block3 { display: inherit; } #block1 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannerlogo { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #nav { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #left { display: inherit; } #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; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #piedpage { display: inherit; } #blocks1 { display: inherit; } #blocks1mod1 { display: inherit; } #blocks1mod2 { display: inherit; } #blocks1mod3 { display: inherit; } #blocks1copy { display: inherit; } #blocks1mod1copy { display: inherit; } #blocks1mod2copy { display: inherit; } #blocks1mod3copy { 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; } #wrapper1 { display: inherit; } #row1 { display: inherit; } #logo1 { display: inherit; } #block2 { display: inherit; } #block3 { display: inherit; } #block1 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannerlogo { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #nav { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #left { display: inherit; } #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; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #piedpage { display: inherit; } #blocks1 { display: inherit; } #blocks1mod1 { display: inherit; } #blocks1mod2 { display: inherit; } #blocks1mod3 { display: inherit; } #blocks1copy { display: inherit; } #blocks1mod1copy { display: inherit; } #blocks1mod2copy { display: inherit; } #blocks1mod3copy { 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; } #wrapper1 { display: inherit; } #row1 { display: inherit; } #logo1 { display: inherit; } #block2 { display: inherit; } #block3 { display: inherit; } #block1 { display: inherit; } #wrapper { display: inherit; } #bannerrow { display: inherit; } #bannerlogo { display: inherit; } #bannermodule { display: inherit; } #bannermenu { display: inherit; } #nav { display: inherit; } #modulestop { display: inherit; } #modulestopmod1 { display: inherit; } #modulestopmod2 { display: inherit; } #modulestopmod3 { display: inherit; } #modulestopmod4 { display: inherit; } #modulestopmod5 { display: inherit; } #left { display: inherit; } #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; } #mainbottom { display: inherit; } #mainbottommodule { display: inherit; } #modulesbottom { display: inherit; } #modulesbottommod1 { display: inherit; } #modulesbottommod2 { display: inherit; } #modulesbottommod3 { display: inherit; } #modulesbottommod4 { display: inherit; } #modulesbottommod5 { display: inherit; } #piedpage { display: inherit; } #blocks1 { display: inherit; } #blocks1mod1 { display: inherit; } #blocks1mod2 { display: inherit; } #blocks1mod3 { display: inherit; } #blocks1copy { display: inherit; } #blocks1mod1copy { display: inherit; } #blocks1mod2copy { display: inherit; } #blocks1mod3copy { display: inherit; } #layout_error404_html { display: inherit; } } @media screen and (min-width: 525px) and (max-width: 758px) { 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; } #wrapper1 { display: inherit; } #wrapper1 { height: auto !important; } #wrapper1 .logobloc { float :none !important; width: auto !important; } #row1 > .inner { display: block; } #row1 .flexiblecolumn { width: 100% !important; float: none; } #row1 .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #logo1 { display: inherit; } #logo1 { height: auto !important; } #logo1 .logobloc { float :none !important; width: auto !important; } #block2 { display: inherit; } #block2 { height: auto !important; } #block2 .logobloc { float :none !important; width: auto !important; } #block3 { height: auto !important; } #block3 ul { height: auto !important; } #block3 li { float :none !important; width: 100% !important; } #block3 div.floatck { width: 100% !important; } #block1 { height: auto !important; } #block1 ul { height: auto !important; } #block1 li { float :none !important; width: 100% !important; } #block1 div.floatck { width: 100% !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #bannerrow > .inner { display: block; } #bannerrow .flexiblecolumn { width: 100% !important; float: none; } #bannerrow .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #bannerlogo { display: inherit; } #bannerlogo { height: auto !important; } #bannerlogo .logobloc { float :none !important; width: auto !important; } #bannermodule { display: inherit; } #bannermodule { height: auto !important; } #bannermodule .logobloc { float :none !important; width: auto !important; } #bannermenu { height: auto !important; } #bannermenu ul { height: auto !important; } #bannermenu li { float :none !important; width: 100% !important; } #bannermenu div.floatck { width: 100% !important; } #nav { height: auto !important; } #nav ul { height: auto !important; } #nav li { float :none !important; width: 100% !important; } #nav div.floatck { width: 100% !important; } #modulestop .flexiblemodule { display: inherit; width: 100% !important; float: none; } #modulestop .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop > .inner { display: block; } #modulestopmod1 { display: inherit; } #modulestopmod1 { height: auto !important; } #modulestopmod1 .logobloc { float :none !important; width: auto !important; } #modulestopmod2 { display: inherit; } #modulestopmod2 { height: auto !important; } #modulestopmod2 .logobloc { float :none !important; width: auto !important; } #modulestopmod3 { display: inherit; } #modulestopmod3 { height: auto !important; } #modulestopmod3 .logobloc { float :none !important; width: auto !important; } #modulestopmod4 { display: inherit; } #modulestopmod4 { height: auto !important; } #modulestopmod4 .logobloc { float :none !important; width: auto !important; } #modulestopmod5 { display: inherit; } #modulestopmod5 { height: auto !important; } #modulestopmod5 .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; }#left { display: inherit; } #left { height: auto !important; } #left .logobloc { float :none !important; width: auto !important; } #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; } #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; } #piedpage { display: inherit; } #piedpage { height: auto !important; } #piedpage .logobloc { float :none !important; width: auto !important; } #blocks1 .flexiblemodule { display: inherit; width: 100% !important; float: none; } #blocks1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #blocks1 > .inner { display: block; } #blocks1mod1 { display: inherit; } #blocks1mod1 { height: auto !important; } #blocks1mod1 .logobloc { float :none !important; width: auto !important; } #blocks1mod2 { display: inherit; } #blocks1mod2 { height: auto !important; } #blocks1mod2 .logobloc { float :none !important; width: auto !important; } #blocks1mod3 { display: inherit; } #blocks1mod3 { height: auto !important; } #blocks1mod3 .logobloc { float :none !important; width: auto !important; } #blocks1copy .flexiblemodule { display: inherit; width: 100% !important; float: none; } #blocks1copy .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #blocks1copy > .inner { display: block; } #blocks1mod1copy { display: inherit; } #blocks1mod1copy { height: auto !important; } #blocks1mod1copy .logobloc { float :none !important; width: auto !important; } #blocks1mod2copy { display: inherit; } #blocks1mod2copy { height: auto !important; } #blocks1mod2copy .logobloc { float :none !important; width: auto !important; } #blocks1mod3copy { display: inherit; } #blocks1mod3copy { height: auto !important; } #blocks1mod3copy .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; } } @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; } #wrapper1 { display: inherit; } #wrapper1 { height: auto !important; } #wrapper1 .logobloc { float :none !important; width: auto !important; } #row1 > .inner { display: block; } #row1 .flexiblecolumn { width: 100% !important; float: none; } #row1 .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #logo1 { display: inherit; } #logo1 { height: auto !important; } #logo1 .logobloc { float :none !important; width: auto !important; } #block2 { display: inherit; } #block2 { height: auto !important; } #block2 .logobloc { float :none !important; width: auto !important; } #block3 { height: auto !important; } #block3 ul { height: auto !important; } #block3 li { float :none !important; width: 100% !important; } #block3 div.floatck { width: 100% !important; } #block1 { height: auto !important; } #block1 ul { height: auto !important; } #block1 li { float :none !important; width: 100% !important; } #block1 div.floatck { width: 100% !important; } #wrapper { display: inherit; } #wrapper { height: auto !important; } #wrapper .logobloc { float :none !important; width: auto !important; } #bannerrow > .inner { display: block; } #bannerrow .flexiblecolumn { width: 100% !important; float: none; } #bannerrow .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #bannerlogo { display: inherit; } #bannerlogo { height: auto !important; } #bannerlogo .logobloc { float :none !important; width: auto !important; } #bannermodule { display: inherit; } #bannermodule { height: auto !important; } #bannermodule .logobloc { float :none !important; width: auto !important; } #bannermenu { height: auto !important; } #bannermenu ul { height: auto !important; } #bannermenu li { float :none !important; width: 100% !important; } #bannermenu div.floatck { width: 100% !important; } #nav { height: auto !important; } #nav ul { height: auto !important; } #nav li { float :none !important; width: 100% !important; } #nav div.floatck { width: 100% !important; } #modulestop .flexiblemodule { display: inherit; width: 100% !important; float: none; } #modulestop .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop > .inner { display: block; } #modulestopmod1 { display: inherit; } #modulestopmod1 { height: auto !important; } #modulestopmod1 .logobloc { float :none !important; width: auto !important; } #modulestopmod2 { display: inherit; } #modulestopmod2 { height: auto !important; } #modulestopmod2 .logobloc { float :none !important; width: auto !important; } #modulestopmod3 { display: inherit; } #modulestopmod3 { height: auto !important; } #modulestopmod3 .logobloc { float :none !important; width: auto !important; } #modulestopmod4 { display: inherit; } #modulestopmod4 { height: auto !important; } #modulestopmod4 .logobloc { float :none !important; width: auto !important; } #modulestopmod5 { display: inherit; } #modulestopmod5 { height: auto !important; } #modulestopmod5 .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; }#left { display: inherit; } #left { height: auto !important; } #left .logobloc { float :none !important; width: auto !important; } #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; } #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; } #piedpage { display: inherit; } #piedpage { height: auto !important; } #piedpage .logobloc { float :none !important; width: auto !important; } #blocks1 .flexiblemodule { display: inherit; width: 100% !important; float: none; } #blocks1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #blocks1 > .inner { display: block; } #blocks1mod1 { display: inherit; } #blocks1mod1 { height: auto !important; } #blocks1mod1 .logobloc { float :none !important; width: auto !important; } #blocks1mod2 { display: inherit; } #blocks1mod2 { height: auto !important; } #blocks1mod2 .logobloc { float :none !important; width: auto !important; } #blocks1mod3 { display: inherit; } #blocks1mod3 { height: auto !important; } #blocks1mod3 .logobloc { float :none !important; width: auto !important; } #blocks1copy .flexiblemodule { display: inherit; width: 100% !important; float: none; } #blocks1copy .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #blocks1copy > .inner { display: block; } #blocks1mod1copy { display: inherit; } #blocks1mod1copy { height: auto !important; } #blocks1mod1copy .logobloc { float :none !important; width: auto !important; } #blocks1mod2copy { display: inherit; } #blocks1mod2copy { height: auto !important; } #blocks1mod2copy .logobloc { float :none !important; width: auto !important; } #blocks1mod3copy { display: inherit; } #blocks1mod3copy { height: auto !important; } #blocks1mod3copy .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; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings