job-scraper
Version:
An api that returns job prospect data scraped from indeed and monster
85 lines (84 loc) • 2.05 kB
CSS
.job-scraper__modal-wrapper {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
padding: 20px 30px;
z-index: 99;
position: absolute;
background-color: white;
left: 10%;
right: 10%;
top: 40px;
margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
.job-scraper__modal-wrapper {
left: 0;
right: 0;
top: 0;
margin-bottom: 0;
min-height: 100%;
}
}
.job-scraper__modal-header {
text-align: center;
}
.job-scraper__modal-container {
max-width: 600px;
margin: 10px auto 20px auto;
}
.job-scraper__close-box {
float: right;
margin-top: -30px;
margin-right: -20px;
cursor: pointer;
font-family: Arial;
font-size: 1.7rem;
font-weight: 100;
color: lightgrey;
}
.job-scraper__close-box:hover {
opacity: 0.6;
}
.job-scraper__location, .job-scraper__date {
margin:0px;
font-size: .75rem;
}
.job-scraper__modal-veil {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;
background-color: rgba(0,0,0,0.3);
left: 0;
top: 0;
overflow: auto;
display: none;
}
.job-scraper__title {
font-size: 1.3rem;
font-style: italic;
}
.job-scraper__company {
margin: 5px;
font-size: .75rem;
font-style: bold;
}
.job-scraper__modal-apply {
padding: 15px 30px;
border: solid mediumseagreen 2px;
margin: auto;
color: mediumseagreen;
border-radius: 5px;
text-decoration: none;
}
.job-scraper__modal-apply:hover {
background-color: mediumseagreen;
color: white;
cursor: pointer;
}
.job-scraper__modal-footer {
text-align: center;
padding: 20px;
}
.job-scraper__modal-veil.open {
display: block;
}