add blue border to OneSearch search

This commit is contained in:
Mark Eaton
2022-06-15 11:43:29 -04:00
parent c21d6ca7f4
commit a519967a0e
2 changed files with 24 additions and 9 deletions
+20 -5
View File
@@ -12,7 +12,7 @@ body {
#login-div {
float: right;
padding-right: 17px;
font-size: 1.2em;
font-size: 1.21em; /* I would like to set this at 1.2em, but for some strange reason this breaks the OneSearch dropdown button */
}
/* style alert */
@@ -154,7 +154,6 @@ a.no-underline { text-decoration: none; }
}
.panel-heading { padding: 2px; }
}
/* style the gallery */
@@ -266,7 +265,7 @@ a.no-underline { text-decoration: none; }
#corona-alert { margin: -25px 6px 0px 12px; }
.form-width { width: 220px; }
.form-width { width: 210px; }
.zero-margin { margin: 7px auto; }
@@ -288,12 +287,28 @@ a.no-underline { text-decoration: none; }
}
}
@media only screen and (min-width: 767px) {
@media only screen and (min-width: 768px) {
#corona-alert { margin: -20px 12px 0px 12px; }
.zero-margin { margin: -2px; }
#blue-border1 {
outline: 5px solid #003466;
outline-right: 0px;
outline-offset: -1px;
}
#blue-border2 {
box-shadow: 0px -4.5px 0 #003466, 0px 4.5px 0 #003466;
}
#blue-border3 {
outline: 5px solid #003466;
outline-left: 0px;
outline-offset: -1px;
}
.nav-by-jumbotron { margin-top: 0px !important; }
#lighthouse-logo {
@@ -344,7 +359,7 @@ a.no-underline { text-decoration: none; }
nav.navbar-default.yamm { margin-top: 10px; }
.form-width { width: 350px; }
.form-width { width: 340px; }
}
@media only screen and (min-width: 1200px) {
+3 -3
View File
@@ -253,7 +253,7 @@
</a>
</h1>
<div class="form-group">
<div class="dropdown input-group zero-margin">
<div class="dropdown input-group zero-margin" id="blue-border1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<strong>Define Your Search</strong> <span class="caret"></span>
</button>
@@ -329,10 +329,10 @@
</ul>
</div>
<label class="sr-only" for="primoQueryTemp">Search terms</label>
<div class="input-group zero-margin form-width">
<div class="input-group zero-margin form-width" id="blue-border2">
<input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
</div>
<div class="input-group zero-margin">
<div class="input-group zero-margin" id="blue-border3">
<input type="submit" class="btn btn-default form-control onesearchsubmit" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
</div>
</div>