Untitled
unknown
plain_text
a year ago
4.7 kB
3
Indexable
html body .eg-card-popup { width: 684px; margin: auto; z-index: 999; position: fixed; top: 50% !important; transform: translateY(-50%) !important; left: 0; right: 0; } .eg-overlay { position: fixed; top: 0; left: 0; right: 0; background: #000000bf; bottom: 0; z-index: 99999; display: block; } html body:not(.eg-show-popup) .eg-overlay { display: none !important; } html body .eg-card-container { display: flex; } html body .eg-card-popup>p { text-align: center; font-size: 23px; color: #ffffff; } html body .eg-card-popup>.eg-card-box { display: flex; flex-direction: row; justify-content: center; } html body .eg-card-popup .eg-headline { margin-bottom: 10px; } html body .eg-card-popup .eg-card-box img { width: 122px; } html body .eg-card-popup>.eg-card-box>div { border-radius: 10px; padding: 8px; text-align: center; margin-right: 9px; margin-left: 9px; padding-top: 25px; padding-bottom: 30px; background-color: #159aa9; } html body .eg-card-popup .eg-card-box h2 { margin-top: 0; font-size: 12px; text-align: center; margin-bottom: 15px; } html body .eg-card-popup .eg-card-box p { font-size: 9px; width: 99%; line-height: 1.2; margin-bottom: 10px; color: #ffffff; } html body .eg-card-popup .eg-card-box a { font-size: 10px; width: 110px; display: flex; justify-content: center; background: #7eb828; border-radius: 5px; align-items: center; height: 24px; margin: auto; color: #ffffff; text-decoration: none; padding-top: 2px !important; } html body .eg-card-popup .eg-continue { font-size: 9px; margin-top: 12px !important; display: flex; border-bottom: 1px solid #ffffff; margin: auto; width: 25%; cursor: pointer; } .eg-hiring-people p { margin-bottom: 23px !important; } @media only screen and (max-width:767px) { html body .eg-card-popup { width: 335px; } html body .eg-card-popup>.eg-card-box { display: flex; flex-direction: column; } html body .eg-card-popup>.eg-card-box>div { border-radius: 10px; padding: 8px; text-align: center; margin-right: 10px; margin-left: 10px; padding-top: 25px; padding-bottom: 25px; background-color: #159aa9; margin-bottom: 15px; } html body .eg-card-popup .eg-continue { width: 50%; } html body .eg-card-popup .eg-card-box p { font-size: 12px; } html body .eg-card-popup .eg-card-box a { font-size: 11px; } .eg-hiring-people p { margin-bottom: 10px !important; } } @media only screen and (max-width:380px) { html body .eg-card-popup>p { font-size: 22px; } html body .eg-card-popup>.eg-card-box>div { padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } html body .eg-card-popup .eg-card-box p { font-size: 9px; } } @media only screen and (min-width:767px) and (max-width:1024px) { html body .eg-card-popup { width: 750px; } html body .eg-card-popup .eg-card-box p { font-size: 12px; } html body .eg-card-popup .eg-card-box img { width: 150px; } html body .eg-card-popup .eg-continue { width: 30%; font-size: 12px !important; } .eg-card-box>div { width: 200px !important; } .eg-check-a-salary p { margin-bottom: 24px !important; } } html body .eg-card-box>div:nth-child(3) { --opacity: 0.87; background-image: linear-gradient(rgba(51, 167, 181, var(--opacity)), rgba(51, 167, 181, var(--opacity))), url('https://www.checkasalary.co.uk/build/assets/home-banner.2742686f.webp'); background-position: center; background-size: cover; padding-top: 26px !important; } html body .eg-card-box>div:nth-child(1) { background-image: url(https://www.hiringpeople.co.uk/wp-content/uploads/2015/10/HIRING-PEOPLE-parallax-meet.jpg); background-position: center; background-size: cover; } html body .eg-card-box>div:nth-child(2) { background-image: url(https://hiringpeople.io/build/assets/hero-f70f1b08.webp); background-position: revert; background-size: cover; } @media only screen and (min-width:1024px) { .eg-card-box>div { width: 150px !important; } .eg-card-box>div { width: 175px !important; } .eg-check-a-salary>p { margin-bottom: 22px !important; } } @media(min-width:991px) { html body .eg-card-popup { scale: 1.6; } }
Editor is loading...