MediaWiki:Mobile.css

/* CSS colocados aquí afectará a los usuarios del sitio móvil */

/*  */
/* BARRA DE NAVEGACIÓN */
/*  */
#NavBar1
{
background-color: rgba(146,195,211,1.00);
   display: block;
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   height:auto;
   border-radius: 15px 15px 0px 0px;
   -webkit-border-radius: 15px 15px 0px 0px;
   -moz-border-radius: 15px 15px 0px 0px;
   -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
}

#Menu1
{
   background-color: #92C3D3;
   display: flex;
   flex-wrap: wrap;
   height: auto;
}

#NavBar1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#NavBar1 ul:after
{
   clear: both;
   content: "";
   display: block;
}


#NavBar1 ul li
{
   background-color: #92C3D3;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}

.Menu1 :link 
{
   display: block;
}


#NavBar1 li :link:hover, #NavBar1 li .active
{ 
	background-color: #A7D2DF;
	border-radius: 15px 15px 0px 0px;
	color: #424242;
	transform: translate(0px, -5px) scale(1.2);
	transition: .5s cubic-bezier(.5,.03,.41,1);
	-webkit-transition: .5s cubic-bezier(.5,.03,.41,1);
	-moz-transition: .5s cubic-bezier(.5,.03,.41,1);
	-webkit-box-shadow: 0px -2px 7px 3px rgba(89,119,128,1);
	-moz-box-shadow: 0px -2px 7px 3px rgba(89,119,128,1);
	box-shadow: 0px -2px 7px 3px rgba(89,119,128,1);
}

#NavBar1 ul li a, #NavBar1 .toggle
{
   padding: 0px 25px 0px 25px;
}

/*  */
/* SUBMENÚ DE NAVEGACIÓN */
/*  */

#NavSubmenu_top, #NavSubmenu_bottom
{
background-color: rgba(146,195,211,1.00);
   display: block;
   color: white;
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
}
#NavSubmenu_top {
   -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.75);
}
#NavSubmenu_bottom {
   border-radius: 0px 0px 15px 15px;
   -webkit-border-radius: 0px 0px 15px 15px;
   -moz-border-radius: 0px 0px 15px 15px;
   -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.75);
}

/*  */
/* SUBMENÚ DE NAVEGACIÓN */
/*  */

#NavSubmenu_top, #NavSubmenu_bottom
{
background-color: rgba(146,195,211,1.00);
   display: block;
   color: white;
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
}
#NavSubmenu_top {
   -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.75);
}
#NavSubmenu_bottom {
   border-radius: 0px 0px 15px 15px;
   -webkit-border-radius: 0px 0px 15px 15px;
   -moz-border-radius: 0px 0px 15px 15px;
   -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
   box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.75);
}