<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" type="text/css" href="/web/slick-1.7.1/slick/slick-theme.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container-fluid" id="main-banner">
<div class="row" id="mainRow">
<div class="col-md-12">
<div id="ebscohostsearch">
<div class="col-md-4 col-sm-4 form-group col-xs-12 catquery">
<div class="form-group">
<label class="sr-only" for="searchBox">QUICKSearch: find articles, journals, books, media and more...</label>
<div class="input-group">
<input class="form-control" id="ebscohostsearchtext" name="ebscohostsearchtext" placeholder="QUICKSearch: find articles, journals, books, media and more..." type="text" value="" />
<div class="input-group-btn">
<button class="btn btn-default dropdown-toggle advtoggle" data-toggle="dropdown" type="button">
<i aria-hidden="true" class="fa fa-caret-down"></i>
</button>
<button class="btn btn-primary searchBtn" onclick="checkCustomLimiters()" style="vertical-align:middle">
<span aria-hidden="true" class="fa fa-search" style="color:#fff;"> </span>
</button>
<div class="dropdown-menu dropdown-menu" role="menu">
<form role="form">
<div class="form-group">
<div class="row">
<div class="col-md-4">
<div id="searchBox1">
<ul>
<li class="search-item first">Search For:</li>
<li class="search-item">
<input id="chkPeerReviewed" name="chkPeerReviewed" type="checkbox" />
<label for="chkPeerReviewed">Scholarly (Peer Reviewed) Journals</label>
</li>
<li class="search-item">
<input id="chkPrintBooksOnly" name="chkPrintBooksOnly" type="checkbox" />
<label for="chkPrintBooksOnly">Print Books Only</label>
</li>
<li class="search-item">
<input id="chkPrintBooksEbooks" name="chkPrintBooksEbooks" type="checkbox" />
<label for="chkPrintBooksEbooks">Print Books and eBooks</label>
</li>
<li class="search-item">
<input id="chkArticlesOnly" name="chkArticlesOnly" type="checkbox" />
<label for="chkArticlesOnly">Articles Only</label>
</li>
</ul>
</div>
</div>
<div class="col-md-4"> </div>
<div class="col-md-4">
<div id="searchBox2">
<ul>
<li class="search-item first">Show Only:</li>
<li class="search-item">
<label for="chkOnlineOnly">
<input id="chkOnlineOnly" name="chkOnlineOnly" type="checkbox" />Full Text
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div id="advanced-search">
<span style="color: white;">Other Tools:</span>
<a class="advanced-search" href "https://oak.indwes.edu/search" title="Catalog" rel="noindex,nofollow">Catalog</a>
<a class="advanced-search" href="https://indwes.libguides.com/c.php?g=949465&p=6951706" title="Databases">Databases</a>
<a class="advanced-search" href="https://search.ebscohost.com/login.aspx?authtype=ip,sso&custid=s8876267&groupid=main&profile=pfi&bool" title="Journals">Journals</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
/*Background and Banner*/
#main-banner {
/* background-image: url(https://libapps.s3.amazonaws.com/accounts/13288/images/JLB_Fountain.png) ; */
background-image: url( https://libapps.s3.amazonaws.com/accounts/13288/images/Homepage_Photo_Resized.jpg) ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #fff;
max-width: 100%;
min-height: 300px;
background-size: cover;
background-position: center;
padding-left:0px;
padding-right:0px;
margin-right:0px;
margin-left:0px;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
}
#ebscohostsearch {
text-align:center;
position: absolute;
max-width: 690px;
width: 100%;
padding: 40px 0 20px 0;
background-color:rgb(120, 120, 120, 0.7);
border-radius: 20px;
left: 50%;
top: 42%;
-webkit-transform: translate(-50%, -42%);
-moz-transform: translate(-50%, -42%);
transform: translate(-50%, -42%);
margin-top: 100px;
}
#ebscohostsearchtext{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
min-width:500px;
}
#advanced-search {
margin-top:1em;
}
#advanced-search a {
color: #ffffff;
}
.list-group {
padding:0px;
margin-bottom:0px;
}
.input-group-btn
{
display: block!important;
padding: 0px;
}
.input-group-btn>.btn {
position: relative;
border-radius: 0%;
height:30px;
}
.btn btn-default dropdown-toggle advtoggle {
display: block;
width: 3.6rem;
background: hsl(0, 100%, 100%);
border-style: solid;
border-color: hsl(0, 0%, 70%);
border-width: 1px 0;
position: relative;
background-color: white;
border-radius: 0%!important;
}
/*Style for dropdown form*/
.dropdown.dropdown-lg .dropdown-menu {
margin-top: -1px;
padding: 6px 20px;
}
.input-group-btn .btn-group {
display: flex !important;
height:30px;
}
.btn-group .btn {
border-radius: 1;
margin-left: -1px;
}
.btn-group .btn:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.form-group .form-control:last-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.input-group
{
position: relative;
display: inline-table;
border-collapse: separate;
vertical-align: middle;
}
/* - Begin searchBox1 Box */
#searchBox1{
padding:10px;
background-color:#fff;
/* white */
opacity:.9;
filter:alpha(opacity=95);
/* For IE8 and earlier */
border-radius:0;
height:100%;
min-width:200px;
width:100%; float:left;
}
#searchBox1 ul {
list-style:none;
padding:10px;
}
#searchBox1 li.search-item {
padding:5px 5px 0px 25px;
position: relative;
display: block;
}
/* End searchBox1 Box */
/* - Begin searchBox2 Box */
#searchBox2{
padding:10px;
background-color:#fff;
border-style:solid;
border-width:medium;
border-color:#ddd;
/* white */
opacity:.9;
filter:alpha(opacity=95);
/* For IE8 and earlier */
border-radius:0;
height:100%;
min-width:200px;
}
#searchBox2 ul {
list-style:none;
padding:10px;
}
#searchBox2 li.search-item {
padding:5px 5px 0px 25px;
position: relative;
display: block;
}
.searchBtn {
background-color:#2F5597;
background-repeat: repeat-x;
border: none;
border-radius: 0;
margin: 0;
cursor: pointer;
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
padding-left: 1.25em;
padding-right: 1.25em;
height: 1.875em;
width: 4em;
}
/* End searchBox2 Box */
