180 lines
3.0 KiB
CSS
180 lines
3.0 KiB
CSS
*{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: "Roboto", cursive;
|
|
font-size: 18px;
|
|
}
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto');
|
|
|
|
.btn-foo {
|
|
background: #BB8800;
|
|
color: white;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
border: none;
|
|
font-size: 18px;
|
|
margin: 30px;
|
|
box-sizing: border-box;
|
|
transition: all 500ms ease;
|
|
}
|
|
.btn-foo:hover{
|
|
background: rgba(163,120,0,0.9);
|
|
box-shadow: inset 0 0 0 3px #916500;
|
|
}
|
|
#b1{
|
|
height: 33px;
|
|
}
|
|
|
|
#b3{
|
|
height: 33px;
|
|
}
|
|
#b4{
|
|
height: 33px;
|
|
}
|
|
|
|
|
|
|
|
/*NAVBAR*/
|
|
|
|
.nav-link-white {
|
|
color: #fff;
|
|
transition: all 500ms ease;
|
|
}
|
|
.nav-link-white:hover{
|
|
text-decoration: none;
|
|
color: rgba(0,0,0,.5);
|
|
}
|
|
|
|
.bg-gold{
|
|
background-color: #bb8800;
|
|
}
|
|
|
|
.it{
|
|
color: #fff;
|
|
transition: all 250ms ease;
|
|
}
|
|
.it:hover{
|
|
color: #bb8800;
|
|
}
|
|
|
|
.ti{
|
|
background-color: #bb8800;
|
|
transition: all 250ms ease;
|
|
}
|
|
.ti:hover{
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
.navbar-blanco{
|
|
color: #fff;
|
|
}
|
|
.item-show{
|
|
color: #fff;
|
|
}
|
|
.item-show:hover{
|
|
background-color: rgba(0,0,0,.2);
|
|
color: #fff;
|
|
}
|
|
.custom-toggler.navbar-toggler:focus {
|
|
outline-color: rgba(0,0,0,0.1);
|
|
}
|
|
.custom-toggler .navbar-toggler-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
|
|
|
|
/*Multinivel Dropdown*/
|
|
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-submenu>.dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
-webkit-border-radius: 0 6px 6px 6px;
|
|
-moz-border-radius: 0 6px 6px;
|
|
border-radius: 0 6px 6px 6px;
|
|
}
|
|
|
|
.dropdown-submenu:hover>.dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
.dropdown-submenu>a:after {
|
|
display: block;
|
|
content: " ";
|
|
float: right;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: white;
|
|
margin-top: 5px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.dropdown-submenu.pull-left {
|
|
float: none;
|
|
}
|
|
|
|
.dropdown-submenu.pull-left>.dropdown-menu {
|
|
left: -100%;
|
|
margin-left: 10px;
|
|
-webkit-border-radius: 6px 0 6px 6px;
|
|
-moz-border-radius: 6px 0 6px 6px;
|
|
border-radius: 6px 0 6px 6px;
|
|
}
|
|
|
|
|
|
|
|
/*CARRUSEL*/
|
|
.carousel-inner img {
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
|
|
|
|
/*Redes Sociales*/
|
|
|
|
/*CONTENEDOR DE LOGOTIPOS*/
|
|
.cont-social{
|
|
background-color: #3b4142;
|
|
/* width: 60%; */
|
|
}
|
|
/*ANCHO DE IMAGENES*/
|
|
.ancho-img-social{
|
|
width: 100%;
|
|
transition: all 250ms ease;
|
|
}
|
|
|
|
.ancho-img-social:hover{
|
|
transform: translate(0,-8px);
|
|
}
|
|
|
|
/*Novedades*/
|
|
.nov{
|
|
width: 45%;
|
|
height: 60px;
|
|
background-color: #404040;
|
|
border-radius: 30px 30px 0px 0px;
|
|
margin-left: 27%;
|
|
}
|
|
.lin{
|
|
height: 5px;
|
|
background-color: #404040;
|
|
}
|
|
.n{
|
|
color: #ffffff;
|
|
text-align: center;
|
|
font-size: 33px;
|
|
padding-top: 13px;
|
|
}
|
|
|