usage-counts/src/app/home/home.component.css

60 lines
1.2 KiB
CSS
Raw Normal View History

.first {
background-image: url("/assets/usage-statistics-assets/home/1.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
height: 336px;
}
.second {
background-image: url("/assets/usage-statistics-assets/home/2.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
min-height: 60vh;
}
.second input, .second input:focus {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
border-radius: 4px;
padding: 15px;
border: none;
outline: none;
}
.third {
background-image: url("/assets/usage-statistics-assets/home/3.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-height: 80vh;
}
a.search, a.search:hover {
color: #333333;
font-weight: 700;
}
.card {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
border-radius: 4px;
padding: 50px;
text-align: center;
position: relative;
}
.card > img {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
iframe {
box-shadow: 1px 10px 12px #00000029;
border: 1px solid #E0E0E0;
border-radius: 5px;
}