<?php
header("Content-Type: text/css;X-Content-Type-Options: nosniff;");
?>
#menutop{
height:33px;
float:none;
clear: both;
width:100%;
background-color:<?php echo strip_tags($_GET['color1']); ?>;
}
.horizontal-menu ul li{
display: inline;
float: left;
width: 150px; /* os recomiendo poner un ancho fijo, el motivo lo explico después */
}
/* para controlar el estilo de los enlaces de primer nivel */
.horizontal-menu ul li a{
background-color:<?php echo strip_tags($_GET['color1']); ?>;
display:block;
padding:5px 13px;
text-decoration:none;
cursor:pointer;
}
.horizontal-menu ul li a:hover{
background-color: <?php echo strip_tags($_GET['color2']); ?>;
color: #000000;
}
/* para controlar los li de segundo nivel */
.horizontal-menu li ul li{
margin: 0;
float: none;
display: block;
}
/* para controlar el estilo de los enlaces de segundo nivel */
.horizontal-menu li ul a{
padding: 5px 10px 5px 10px;
}
.horizontal-menu li ul{
display: none;
position: absolute;
}
.horizontal-menu li:hover ul{
display: block;
}
/* para controlar el color de las opciones sobre las que paso el ratón */
.horizontal-menu li:hover{
background-color: <?php echo strip_tags($_GET['color2']); ?>;
}
/* para controlar el color de los li seleccionados, sobre los que paso el ratón,
los li padres y los li padres sobre los que paso el ratón */
.horizontal-menu .current_page_item,
.horizontal-menu .current_page_item:hover,
.horizontal-menu .current_page_parent,
.horizontal-menu .current_page_parent:hover{
background-color: <?php echo strip_tags($_GET['color2']); ?>;
}
/* para controlar el color de los li de segundo nivel seleccionados */
.horizontal-menu .current_page_parent .current_page_item{
background-color:<?php echo strip_tags($_GET['color1']); ?>;
}
/* para controlar el color de los li de segundo nivel seleccionados
sobre los que paso el ratón */
.horizontal-menu .current_page_parent .current_page_item:hover{
background-color: <?php echo strip_tags($_GET['color2']); ?>;
}
