diff --git a/www/images/050419.jpg b/www/images/050419.jpg
deleted file mode 100644
index f224eb6b70f8c1ff4317a6b40970f759be7ff819..0000000000000000000000000000000000000000
Binary files a/www/images/050419.jpg and /dev/null differ
diff --git a/www/images/search-bg-1280.jpg b/www/images/search-bg-1280.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ba561068e5b62d9aa938a0bb62ea53cb1746a70c
Binary files /dev/null and b/www/images/search-bg-1280.jpg differ
diff --git a/www/images/search-bg-1280.webp b/www/images/search-bg-1280.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0327c73e059a972b531fd72f8fa45651a430bae5
Binary files /dev/null and b/www/images/search-bg-1280.webp differ
diff --git a/www/images/search-bg-1920.jpg b/www/images/search-bg-1920.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bc9ded667d53f81a1865e7fac4e5de8861bd89c8
Binary files /dev/null and b/www/images/search-bg-1920.jpg differ
diff --git a/www/images/search-bg-1920.webp b/www/images/search-bg-1920.webp
new file mode 100644
index 0000000000000000000000000000000000000000..af9bb87ee5418020ffd05cdfe4768a8209b09d3a
Binary files /dev/null and b/www/images/search-bg-1920.webp differ
diff --git a/www/images/search-bg-2560.jpg b/www/images/search-bg-2560.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9bbaaf8ff77482339e076463bbf73f4849560096
Binary files /dev/null and b/www/images/search-bg-2560.jpg differ
diff --git a/www/images/search-bg-2560.webp b/www/images/search-bg-2560.webp
new file mode 100644
index 0000000000000000000000000000000000000000..cf15c9637ef434aebc136ad2060792e5ecb26cb9
Binary files /dev/null and b/www/images/search-bg-2560.webp differ
diff --git a/www/images/search-bg-640.jpg b/www/images/search-bg-640.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a0c293de067f6ccde054559bc1fd0673eb5913c0
Binary files /dev/null and b/www/images/search-bg-640.jpg differ
diff --git a/www/images/search-bg-640.webp b/www/images/search-bg-640.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c117a714678392868bf0c0b25716c9c434360135
Binary files /dev/null and b/www/images/search-bg-640.webp differ
diff --git a/www/images/search-bg-960.jpg b/www/images/search-bg-960.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e484ac59b599bc7fd57a54fb11b81ebf8e2655d2
Binary files /dev/null and b/www/images/search-bg-960.jpg differ
diff --git a/www/images/search-bg-960.webp b/www/images/search-bg-960.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0267b2ebfe373472c030a035f2016e042985bcf2
Binary files /dev/null and b/www/images/search-bg-960.webp differ
diff --git a/www/scss/search.scss b/www/scss/search.scss
index ac9d4fa62bfc4f38cedf7bc53a982c338bb74259..dc6c2823cc69a39a29afb3921c89ad5039260cd3 100644
--- a/www/scss/search.scss
+++ b/www/scss/search.scss
@@ -10,36 +10,77 @@
// TODO: update search form to use app sub-theme
-#searchform {
- background: #38431b url(../images/050419.jpg) 50% 50% no-repeat;
- background-size: cover;
- 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;
max-width: 30em!important;
}
+
.result-tab li + li::before {
content: '\b7'; // middle-dot + space
padding-left: .43em;
padding-right: .43em;
}
+
.result-tab li.selected a {
color: #2e2e2d;
}
+
.search-results {
opacity: 0;
transition: opacity 400ms;
}
+
.search-results.active {
opacity: 1;
}
+
.search-results h3,
.google-search {
display: none;
@@ -57,29 +98,35 @@
display: none;
}
+
#ppl_results .ppl_Sresult,
#ppl_results .dep_result {
margin-bottom: 1.77em;
}
+
#ppl_results .overflow > .recordDetails {
align-self: center;
flex: 1 1 auto;
}
+
#ppl_results .overflow .roles li {
margin-bottom: .32em;
}
+
#ppl_results .overflow .roles:last-child {
margin-bottom: 0;
}
+
#ppl_results .overflow .roles .title,
#ppl_results .overflow .roles .organization-unit {
display: block;
}
+
#ppl_results .given-name {
font-size: 1rem;
margin-left: 1em;
diff --git a/www/templates/search-form.tpl.php b/www/templates/search-form.tpl.php
index 9a67d77d540ac66969d7460b8b4f0cffba9582d4..630d229b19ba80112cbe91ef425763b37ddc8108 100644
--- a/www/templates/search-form.tpl.php
+++ b/www/templates/search-form.tpl.php
@@ -1,8 +1,8 @@
-<div id="searchform" class="dcf-bleed dcf-p-6">
- <form action="./" method="get" class="dcf-wrapper">
+<div class="dcf-bleed dcf-wrapper dcf-pt-7 dcf-pb-7 dcf-txt-center dcf-bg-center dcf-bg-no-repeat dcf-bg-cover unl-bg-darker-gray search-bg" id="searchform">
+ <form action="./" method="get">
<div class="dcf-input-group">
<input type="text" name="q" id="search_q" aria-label="Search Query" placeholder="e.g., Herbert Husker, Ph.D." />
- <span class="wdn-input-group-btn"><button class="button" type="submit"><span class="wdn-icon-search" aria-hidden="true"></span><span class="dcf-sr-only">Search</span></button></span>
+ <button class="button" type="submit"><span class="wdn-icon-search" aria-hidden="true"></span><span class="dcf-sr-only">Search</span></button>
</div>
<?php if (!empty($local_results)): ?>
<input type="hidden" name="u" value="<?php echo htmlentities($_GET['u'], ENT_QUOTES) ?>" />