2,180
עריכות
שינויים
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה
/* Mail chimp Popup */
.popup {
position: fixed;
bottom: 1em; left: -450px; width: 400px; max-width: 100%; height: 250px; margin-top: 5vh; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; transition: left 0.3s ease-in-out; z-index: 9999; box-shadow: #052c3a76 1px 5px 10px 0px;} .popup-content { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 1em 2em;} .popup-content h2 { font-size: 24px; margin-bottom: 10px; color: #fff;}#popup .popup-image { position: absolute; top: 0;
left: 0;
width: 100%;
height: 100%; z-index: -1; background-image: url('https://www.doalogue.co.il/wiki/upload/doalogue/d/d1/Laptop-bg-around.svg'); background-size: cover; background-colorposition: #ffffffcenter; paddingbackground-repeat: 20pxno-repeat; transitionfilter: bottom brightness(0.5s5); max-width: unset;} .show { left: 0;
}
.popup.dismiss-image button { widthposition: absolute; color: #fff; top: 1em; right: 1em; font-family: "Font Awesome 5 Free"; font-weight: 100%; maxfont-widthsize: 24px; background: none; border: 300pxnone; displaycursor: blockpointer; margin: 0 auto;
}
.popup-header brandingLogo { text-aligndisplay: centernone;
}
.signupinput-form group {
display: flex;
align-items: center;
}
}
.submit-button {
padding: 8px 16px10px 20px; background-color: #4CAF502aaddc; color: #fffffffff;
border: none;
cursor: pointer;
}
.dismisssubmit-button :hover { display: block; marginbackground-color: 20px auto#676768;
}
.show thank-you-message,.error-message { display: none; margin-top: 10px; padding: 10px; font-weight: bold; text-align: center; color: #fff; background-color: #2aaddc;}#mc-embedded-subscribe-form { width: 100%;}#mce-EMAIL { bottomoutline: 0none;
}