Divi

 

.footer{ background: #01215C; color: white; min-height: 250px; border-top: 10px solid #FD7B01; font-size: 0.8em; } .footer a{ color: #FFFED9; } .footer a:hover{ color: #FFDE01; } .footer h3{ font-size: 1.2em; color: #FFDE01; } .copyright{ font-size: 0.8em; text-align: center; } #theme_header{ background: #01215C; color: white; font-size: 0.8em; } #theme_header a{ text-decoration: none; color: white; } #theme_header a:hover{ color: yellow; } #theme_header h3{ font-size: 2em; color:white; } #theme_carousel{ position: relative; background: white; text-align: center; } #carousel1{ position: relative; width: 100%; height: 125px; overflow: hidden; } #carousel1 img{ width: auto; height: 125px; border: 0 none; /* filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; */ } #carousel1_Controles img{ border: 2px solid #a00; width: 15px; height: 15px; } #carousel1_Controles{ right: 0; bottom: 0; } .logo_mercapartes{ position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; height: 200px; } .logo_mercapartes_footer{ max-width: 150px; max-height: 150px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated:hover { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } #myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 10px; border-radius: 4px; } #myBtn:hover { background-color: #555; } #myBtn2 { display: none; position: fixed; bottom: 20px; left: 30px; z-index: 99; font-size: 0.8em; font-weight: bold; border: 1px solid black; outline: none; background-color: yellow; color: black; cursor: pointer; padding: 10px; border-radius: 4px; } #myBtn2:hover { background-color: green; color: white; } #left-area{ width: 70% !important; } /* Contenido más pequeño */ #sidebar{ width: 30% !important; } /* Barra lateral más grande */ .container:before{background-color:transparent !important}.et_full_width_page

---

 

 

 

De interés: