/* * Copyright 2015 * Released under the MIT license * https://github.com/jeffersonrpn/jquery-fab/blob/master/LICENSE.md * * @author: Jefferson Neves * @version: 0.1.0 */ .jfab_wrapper{ z-index: 9999; width:100%; height:240px; position:fixed; right:0px; bottom:0px; pointer-events:none; } .jfab_btns_wrapper{ right:0; bottom:75px; position:absolute; display:none; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; pointer-events:all; } .jfab_btns_wrapper.show{ display:block; opacity: 1; } .jfab_btns_wrapper button{ width:40px; height:40px; border-radius:100%; background:#e74c3c; margin-bottom:12px; margin-right:26px; padding:0; border:none; outline:none; color:#ffffff; font-size: 19px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition:.3s; pointer-events:all; cursor: pointer; } .jfab_btns_wrapper button:hover{ box-shadow: 0 3px 6px rgba(0,0,0,0.32), 0 3px 6px rgba(0,0,0,0.46); } button.jfab_main_btn{ background-color:#e74c3c; width:60px; height:60px; border-radius:100%; background:#e74c3c; right:16px; bottom:16px; position:absolute; margin-right:0; margin-bottom:0; padding:0; border:none; outline:none; color:#ffffff; font-size:24px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition:.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor: pointer; pointer-events:all; } button:hover.jfab_main_btn{ box-shadow: 0 3px 6px rgba(0,0,0,0.32), 0 3px 6px rgba(0,0,0,0.46); } .jfab_main_btn span{ transition:.5s; } .jfab_main_btn.rotate { transform:rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }