187 lines
4.3 KiB
PHP
Executable File
187 lines
4.3 KiB
PHP
Executable File
<?php
|
|
$nomFicAppelant = basename(__FILE__);
|
|
// -----------------------------------------------------
|
|
// Faire un hamburger - placer en row 1 col 1
|
|
// -----------------------------------------------------
|
|
$responsiveFic .= "#menuD-container{
|
|
position:relative;
|
|
align-self:start;
|
|
display:block;
|
|
text-align:left;
|
|
vertical-align:middle;
|
|
z-index:11;
|
|
|
|
height:40px;
|
|
width:40px;
|
|
padding:1px;
|
|
margin:1px;
|
|
|
|
border-radius:5px; } \n";
|
|
|
|
// -----------------------------------------------------
|
|
// Lire le fichier de style hamburger
|
|
// -----------------------------------------------------
|
|
if(!isset($niveau)) $niveau=1;
|
|
|
|
if($niveau==1) $fichier = file("./styles/responsiv/menuDeroulantHamburger.php");
|
|
else $fichier = file("./styles/responsiv/menuDeroulantHamburger.php");
|
|
// Nombre total de ligne du fichier
|
|
$total = count($fichier);
|
|
for($i = 0; $i < $total; $i++) {
|
|
$fichier[$i] = str_replace("barreCoul", $barreCoul, $fichier[$i] );
|
|
$fichier[$i] = str_replace("croixCoul", $croixCoul, $fichier[$i] );
|
|
$responsiveFic = $responsiveFic .$fichier[$i];
|
|
}
|
|
|
|
// -----------------------------------------------------
|
|
// Menu déroulant Barre déroulée + items principaux
|
|
// -----------------------------------------------------
|
|
$responsiveFic .= "#menuDeroulantBarre{
|
|
position:relative;
|
|
padding:7px;
|
|
margin:auto;
|
|
text-align:left;
|
|
z-index:2;
|
|
border-radius:3px;
|
|
max-height:80%;
|
|
width:99%;
|
|
max-width: 100%;
|
|
} \n";
|
|
|
|
$responsiveFic .= ".menuDeroulantItem {
|
|
left:1px;
|
|
text-align:left;
|
|
width:auto;
|
|
border-radius:3px;
|
|
z-index:0;
|
|
width:98%;
|
|
|
|
}\n";
|
|
|
|
// On repete les styles car sinon c'est la feuille standard qui prend le dessus
|
|
// $responsiveFic .= ".menuDeroulantItem:hover > * , #menuDeroulantBarre>li:first-child > * {
|
|
// margin:0px;
|
|
// border-radius:3px;
|
|
// text-align:left;
|
|
// }\n";
|
|
|
|
$responsiveFic .= ".texteMenus {
|
|
z-index:2;
|
|
text-align:left;
|
|
padding:0px;
|
|
margin:0px;
|
|
border-radius:3px;
|
|
display: contents;
|
|
}\n";
|
|
|
|
// -----------------------------------------------------
|
|
// Sous Menus
|
|
// -----------------------------------------------------
|
|
$responsiveFic .= ".menuDeroulantItem:hover > ul, #menuDeroulantBarre>li:first-child:hover > ul {
|
|
position:relative;
|
|
/* display:table; */
|
|
left:130px;
|
|
top:-30px;
|
|
height:100%;
|
|
margin:auto;
|
|
z-index:3;
|
|
margin-left:20px;
|
|
border-radius:3px;
|
|
} \n";
|
|
|
|
$responsiveFic .= ".sousMenuBarre {
|
|
height:100%;
|
|
width:70%;
|
|
margin:auto;
|
|
z-index:10;
|
|
left:130px;
|
|
border-radius:3px;
|
|
padding-bottom:0px;
|
|
margin-left:20px;
|
|
position:absolute;
|
|
top:0px;
|
|
height: max-content;
|
|
|
|
} \n";
|
|
|
|
$responsiveFic .= ".sousMenuItem{
|
|
height:100%;
|
|
padding:1px;
|
|
margin:1px;
|
|
} \n";
|
|
|
|
|
|
// -----------------------------------------------------
|
|
// le menu gallerie les boites
|
|
// -----------------------------------------------------
|
|
/*$responsiveFic .= "ul>li, .menuDeroulantItem {width:99%;margin:15px;}\n";*/
|
|
|
|
$responsiveFic .= ".familles-img {
|
|
display:none;
|
|
width:2px;
|
|
}\n";
|
|
|
|
$responsiveFic .= "#familles-container{
|
|
background:white;
|
|
left:0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content:space-around;
|
|
position:absolute;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
|
|
height:150px;
|
|
z-index:4;
|
|
border:0px;
|
|
width:100%;
|
|
}\n";
|
|
|
|
$responsiveFic .= ".familles-boite{
|
|
white-space:break-spaces;
|
|
padding:0px;
|
|
margin:0px;
|
|
max-height:37px;
|
|
}\n";
|
|
|
|
$responsiveFic .= ".familles-libelle {
|
|
white-space:break-spaces;
|
|
padding:0px;
|
|
}\n";
|
|
|
|
$responsiveFic .= "#sousCat-container{
|
|
border-radius:3px;
|
|
}\n";
|
|
|
|
$responsiveFic .= ".categoriesImages {
|
|
text-align:right;
|
|
}\n";
|
|
|
|
|
|
// -----------------------------------------------------
|
|
// Barre de recherche sur 5 colonnes
|
|
// -----------------------------------------------------
|
|
$responsiveFic .= "#rechBarre-container{
|
|
left : 10%;
|
|
grid-column: 1 / span 4;
|
|
grid-column-gap:3px;
|
|
margin:0;
|
|
margin:1px;
|
|
padding-top:7px;
|
|
padding-left:28px;
|
|
justify-self:center;
|
|
} \n";
|
|
|
|
// libelle
|
|
$responsiveFic .= "#rechItem{
|
|
margin:0px;
|
|
padding:0px;
|
|
padding-left:30px;
|
|
left:10%;
|
|
} \n";
|
|
|
|
$responsiveFic .= "#rechInput{
|
|
margin:0px;
|
|
padding:0px;
|
|
} \n";
|
|
?>
|