File manager

File manager - Edit - /home/jardides/www/Jardi-design/old/templates/jd2copy/css/mobile.css

Back
/* --------------------------------------- Responsive design code -----------------------------------------/ @media screen and (min-width: 1024px) { .hidemobile5 { display: none !important; } #entete2-block { display: inherit; } #module1 { display: inherit; } #nav1 { display: inherit; } #module3 { display: inherit; } #nav { display: inherit; } #block1 { display: inherit; } #modules2 .flexiblemodule { width: 100% !important; float: none; } #modules2 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop { display: inherit; } #modules1 { display: inherit; } #module2 { display: inherit; } #footer { display: inherit; } } @media screen and (min-width: 950px) and (max-width: 1024px) { img { max-width: 100% !important; height: auto !important; } .container { width: 950px !important; } .hidemobile4 { display: none !important; } #entete2-block { display: inherit; } #module1 { display: inherit; } #nav1 { display: inherit; } #module3 { display: inherit; } #nav { display: inherit; } #block1 { display: inherit; } #modules2 .flexiblemodule { width: 100% !important; float: none; } #modules2 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop { display: inherit; } #modules1 { display: inherit; } #module2 { display: inherit; } #footer { display: inherit; } #wrapper > div.inner { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 758px) and (max-width: 950px) { img { max-width: 100% !important; height: auto !important; } .container { width: 758px !important; } .hidemobile3 { display: none !important; } #entete2-block { display: inherit; } #module1 { display :none; } #nav1 { display: inherit; } #module3 { display: inherit; } #nav { display: inherit; } #block1 { display: inherit; } #modules2 .flexiblemodule { width: 100% !important; float: none; } #modules2 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop { display: inherit; } #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; }#modules1 { display: inherit; } #module2 { display: inherit; } #footer { display: inherit; } #logo1 div.inner img{ width:30% !important; height:30% !important; margin-top:0px !important; margin-bottom:0px !important; } #wrapper > div.inner { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 524px) and (max-width: 758px) { img { max-width: 100% !important; height: auto !important; } .container { width: 524px !important; } .hidemobile2 { display: none !important; } #entete2-block .flexiblecolumn { width: 100% !important; float: none; } #entete2-block .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #module1 { display :none; } #nav1 { display :none; } #module3 { display: inherit; } #module3 { height: auto !important; } #module3 .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; } #block1 { display: inherit; } #block1 { height: auto !important; } #block1 .logobloc { float :none !important; width: auto !important; } #modules2 .flexiblemodule { width: 100% !important; float: none; } #modules2 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop { display: inherit; } #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; }#modules1 .flexiblemodule { width: 100% !important; float: none; } #modules1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #module2 { display: inherit; } #module2 { height: auto !important; } #module2 .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #footer { height: auto !important; } #footer .logobloc { float :none !important; width: auto !important; } #logo1 div.inner img{ width:30% !important; height:30% !important; margin-top:0px !important; margin-bottom:0px !important; } #wrapper > div.inner { margin-right: 0; margin-left: 0; width:100% } } @media screen and (max-width: 524px) { img { max-width: 100% !important; height: auto !important; } .container { width: 292px !important; } .hidemobile1 { display: none !important; } #entete2-block { display: inherit; } #module1 { display :none; } #nav1 { display :none; } #module3 { display: inherit; } #module3 { height: auto !important; } #module3 .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; } #block1 { display: inherit; } #block1 { height: auto !important; } #block1 .logobloc { float :none !important; width: auto !important; } #modules2 .flexiblemodule { width: 100% !important; float: none; } #modules2 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #modulestop .flexiblemodule { width: 50% !important; float: left; } #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; }#modules1 .flexiblemodule { width: 100% !important; float: none; } #modules1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important; } #module2 { display: inherit; } #module2 { height: auto !important; } #module2 .logobloc { float :none !important; width: auto !important; } #footer { display: inherit; } #logo1 div.inner img{ width:30% !important; height:30% !important; margin-top:0px !important; margin-bottom:0px !important; } #wrapper > div.inner { margin-right: 0; margin-left: 0; width:100% } }

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