Commit 71cc7ff5 authored by Ryan Dee's avatar Ryan Dee
Browse files

Add media queries for search background image

parent 8d66eef6
......@@ -16,6 +16,47 @@
text-align: center;
}
.search-bg {
background-image: url('../images/search-bg-640.jpg');
@media (min-width: 640px) { background-image: url('../images/search-bg-960.jpg'); }
@media (min-width: 960px) { background-image: url('../images/search-bg-1280.jpg'); }
@media (min-width: 1280px) { background-image: url('../images/search-bg-1920.jpg'); }
@media (min-width: 1920px) { background-image: url('../images/search-bg-2560.jpg'); }
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
background-image: url('../images/search-bg-1280.jpg');
@media (min-width: 640px) { background-image: url('../images/search-bg-1920.jpg'); }
@media (min-width: 960px) { background-image: url('../images/search-bg-2560.jpg'); }
}
}
.webp .search-bg {
background-image: url('../images/search-bg-640.webp');
@media (min-width: 640px) { background-image: url('../images/search-bg-960.webp'); }
@media (min-width: 960px) { background-image: url('../images/search-bg-1280.webp'); }
@media (min-width: 1280px) { background-image: url('../images/search-bg-1920.webp'); }
@media (min-width: 1920px) { background-image: url('../images/search-bg-2560.webp'); }
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
background-image: url('../images/search-bg-1280.webp');
@media (min-width: 640px) { background-image: url('../images/search-bg-1920.webp'); }
@media (min-width: 960px) { background-image: url('../images/search-bg-2560.webp'); }
}
}
#searchform .dcf-input-group {
margin: 0 auto;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment