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

/* ----------------------------------------- */ /* Content Template: aktualita-detail - start */ /* ----------------------------------------- */ .share { padding: 40px 0 0 40px; text-align: right; max-width: 720px; margin: 0 auto; box-sizing: border-box; } .share-social { font-size: 0; } .share-social:before { content: ''; font-size: 16px; font-size: 1.6rem; color: #9399a9; font-size: 16px; top: 24px; } .share-social li { display: inline-block; vertical-align: top; margin-left: 12px; } .share-social a { display: block; border-radius: 2px; text-align: center; line-height: 32px; width: 28px; height: 28px; color: #fff; transition: background 250ms ease; } .share-social a:hover { color: #fff; } .share-social a.facebook { background: #4e6cba; font-size: 1.4rem; } .share-social a.facebook:hover { background: #3f5aa1; } .share-social a.twitter { background: #45aeff; font-size: 1.1rem; } .share-social a.twitter:hover { background: #1499ff; } .share-social a.linkedin { background: #0083cb; font-size: 1.3rem; } .share-social a.linkedin:hover { background: #006fad; } /* ----------------------------------------- */ /* Content Template: aktualita-detail - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */