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

52 lines
1.1 KiB
CSS
Raw Normal View History

.countries {
background-image: url("/assets/usage-statistics-assets/analytics/1.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-height: calc(100vh - 100px);
}
.countries input, .countries input:focus {
background: transparent 0 0 no-repeat padding-box;
border-radius: 4px;
padding: 15px;
border: none;
outline: none;
}
.countries input::placeholder {
color: #a3a3a3;
font-weight: 600;
}
button.search, button.search:hover {
color: #333333;
font-weight: 700;
border: none;
outline: none;
background-color: transparent;
font-family: "Roboto", sans-serif;
font-size: 12px;
}
button.search:hover {
color: var(--portal-main-color);
}
.card {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
border-radius: 4px;
padding: 50px 0;
text-align: center;
position: relative;
height: 113px;
}
.card > img {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}