/* ----------------------------------------- */ /* Modelo de conteúdo: modelo-de-conteudo-para-layout-default-1 - início */ /* ----------------------------------------- */ #floatButton{ color:#fff; position: fixed; top: 180px; right: 0; padding: 10px; width: 160px; height: auto; white-space: normal; line-height: 16px; font-size: 12px; text-align: left; border-radius: 0px 20px 20px 20px; border:1px #fff solid; } #floatButton i, #floatButton svg{ font-size: 30px; margin-right: 12px; float: left; } .shakeAni{ -webkit-animation:jump 1s ease 0s 3 normal; -moz-animation:jump 1s ease 0s 3 normal; -ms-animation:jump 1s ease 0s 3 normal; animation:jump 1s ease 0s 3 normal; } @-webkit-keyframes jump{ 0%{ -webkit-transform:translateX(0); transform:translateX(0); } 20%{ -webkit-transform:translateX(0); transform:translateX(0); } 40%{ -webkit-transform:translateX(-10px); transform:translateX(-10px); } 50%{ -webkit-transform:translateX(0); transform:translateX(0); } 60%{ -webkit-transform:translateX(-5px); transform:translateX(-5px); } 80%{ -webkit-transform:translateX(0); transform:translateX(0); } 100%{ -webkit-transform:translateX(0);transform:translateX(0); } } @keyframes jump{ 0%{ transform:translateX(0); } 20%{ transform:translateX(0); } 40%{ transform:translateX(-10px); } 50%{ transform:translateX(0); } 60%{ transform:translateX(-5px); } 80%{ transform:translateX(0); } 100%{ transform:translateX(0); } } /* ----------------------------------------- */ /* Modelo de conteúdo: modelo-de-conteudo-para-layout-default-1 - fim */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modelo de conteúdo: modelo-de-conteudo-para-layout-default-1-2 - início */ /* ----------------------------------------- */ .footer-menu h3.hidden-xs:before{ content: ""; position: absolute; display: block; width: 30px; height: 2px; top: -20px; left: 0px; background-color: #fedb00; } .footer-menu ul{margin-bottom:20px;} .socialMedia{ color: #fff; font-size: 16px; border-radius: 50%; width: 30px; text-align: center; display: inline-block; height: 30px; line-height: 31px; position:relative; } .socialMedia:hover{color:#fff;} .socialMedia:before{ content: ""; position: absolute; display: block; width: 30px; height: 2px; top: 15px; left: -40px; background-color: #fedb00; } /* ----------------------------------------- */ /* Modelo de conteúdo: modelo-de-conteudo-para-layout-default-1-2 - fim */ /* ----------------------------------------- */