<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <p></p> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="backgroundsearch" > </br> <div class="container-fluid"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10"> <h3 align="center" style="color:#ffffff;">Spartan Search</h3> <div class="row"> <form id="simple" name="searchForm" method="get" target="_self" action="https://i-share-aru.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()"> <!-- Customizable Parameters --> <input type="hidden" name="vid" value="01CARLI_ARU:CARLI_ARU"> <input type="hidden" name="tab" value="Everything"> <input type="hidden" name="search_scope" value="MyInst_and_CI"> <input type="hidden" name="mode" value="basic"> <!-- Fixed parameters --> <input type="hidden" name="displayMode" value="full"> <input type="hidden" name="bulkSize" value="10"> <input type="hidden" name="highlight" value="true"> <input type="hidden" name="dum" value="true"> <input type="hidden" name="query" id="primoQuery"> <input type="hidden" name="displayField" value="all"> <!-- Enable this if "Expand My Results" is enabled by default in Views Wizard --> <input type="hidden" name="pcAvailabiltyMode" value="true"> <input type="text" id="primoQueryTemp" value="" size="161"> <!-- Search Button --> <input id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" class="btn btn-success lrcSearchButton"> </form> </br> </div> <div class="container-fluid"> <div class="row"> <div class="LibLinksWhite"> <div class="col-md-4" align="center"> <a href="http://libguides.aurora.edu/az.php"><span class="glyphicon glyphicon-list"></span> A - Z Database List</a> </div> <div class="col-md-4"></div> <div class="col-md-4" align="center"> <a href="https://library.aurora.edu/login?url=https://aurora.illiad.oclc.org/illiad/illiad.dll/OpenURL"><span class="glyphicon glyphicon-user"></span> ILLiad Account</a> </div> </br><p></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

.backgroundsearch { background: #00467f; border-radius: 10px; } .LibLinksWhite a:link{ color: #fff; } .LibLinksWhite a:visited{ color: #fff; } .LibLinksWhite a:hover{ color:#fff; } .lrcSearchButton { background-color: #47aa42; } .lrcSearchButton>a:hover{ background-color: #45a145; }

<!-- Script that converts the query string into valid parameter --> function searchPrimo() { document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " "); document.forms["searchForm"].submit(); }