Z blogu: DAVID A GOLIÁŠ V ONLINE WEBOVÝCH APLIKACÍCH

/* ----------------------------------------- */ /* Content Template: popup-form - start */ /* ----------------------------------------- */ .open-button { background-color: #9399a9; color: white; padding: 6px 20px; font-size: 15px; border: none; cursor: pointer; position: fixed; bottom: 0px; right: 35px; width: 260px; z-index:100; border-top-left-radius:25px; border-top-right-radius:25px; outline: none; transition: all 700ms; } .open-button span.icon { font-size:9px; margin:0 0 0 15px; } .open-button:hover { background-color: #f26580; } .open-button.activebutton { background-color: #ffffff !important; color: #676c78 !important; } #form-popup { display: none; position: fixed; bottom: 0; right: 15px; z-index: 90; background: #fff; box-shadow: 0 10px 40px 0 rgba(79,81,122,.2); } .form-container { max-width: 300px; padding: 20px 20px 40px 20px; background-color: white; } .form-container .btn { width: 100%; } .form-container input { padding: 6px 20px !important; } .form-container textarea { padding: 15px 20px 6px 20px !important; } .form-container label { left: 20px !important; } .rot:before { transform: rotate(180deg); } .activebutton .rot:before { transform: rotate(0deg); } #form-popup-close { height:20px; text-align:right; } /* ----------------------------------------- */ /* Content Template: popup-form - end */ /* ----------------------------------------- */