"Tabbed Search 4.0"
Bootstrap 3.0.0 Snippet by waffleamp

<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"> <ul class="nav nav-pills nav-justified"> <li class="active"><a data-toggle="pill" href="#ArticlesHome">Articles</a></li> <li><a data-toggle="pill" href="#JournalsHome">Journals</a></li> <li><a data-toggle="pill" href="#BooksHome">Books & Media</a></li> <li><a data-toggle="pill" href="#DiscoveryHome">Discovery</a></li> </div> </ul> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10"> <div class="tab-content"> <div id="ArticlesHome" class="tab-pane active"> </br> </br> <div class="container-fluid"> <div class="row"> <script src="http://support.ebsco.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script> <form class="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="overflow:hidden;" target="_blank"> <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://library.aurora.edu/login?url=http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&db=a9h&db=afh&db=aph&db=vth&db=rfh&db=bai&db=bth&db=bsh&db=ccm&db=rzh&db=cgh&db=chh&db=cmr&db=ufh&db=c9h&db=i3h&db=dah&db=eoah&db=e000xna&db=nlebk&db=20h&db=eih&db=eric&db=funk&db=8gh&db=hxh&db=hch&db=hta&db=llf&db=ulh&db=f5h&db=mnh&db=mth&db=nfh&db=eed&db=poh&db=prh&db=tfh&db=pdh&db=psyh&db=bwh&db=swh&db=sih&db=s3h&db=trh&db=undefined&mode=bool&lang=en&authtype=ip" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" /> <div class="input-group lrcInputs"><input class="form-control" id="ebscohostsearchtext" placeholder="Search Ebsco" type="text" /> <div class="input-group-btn"><button class="btn btn-success lrcSearchButton" type="submit"><i class="glyphicon glyphicon-search"></i></button></div> </div> <div id="limiterblock" style="margin-left:-px; overflow: auto; display:none;"> <div id="limitertitle" style="font-weight:bold;padding-top:25px;padding-bottom:5px;">Limit Your Results</div> <div class="limiter" style="display:none;"> <input type="checkbox" id="chkFullText" name="chkFullText" /> <label for="chkFullText">Full Text</label> </div> <div class="limiter" style="display:none;"> <input type="checkbox" id="chkReferencesAvailable" name="chkReferencesAvailable" /> <label for="chkReferencesAvailable">References Available</label> </div> <div class="limiter" style="display:none;"> <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed" /> <label for="chkPeerReviewed">Peer Reviewed</label> </div> </div> </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 to 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> </div> </div> </div> </div> </div> <div id="JournalsHome" class="tab-pane"> </br> </br> <div class="container-fluid"> <div class="row"> <form action="http://sfx.carli.illinois.edu/sfxaru/journalsearch/Default" method="get" role="search" target="AZ_Window"> <div class="input-group lrcInputs"><input class="form-control" id="param_pattern_value" placeholder="Search for e-Journals" type="text" name="param_pattern_value" /> <div class="input-group-btn"><button class="btn btn-success lrcSearchButton" type="submit"><i class="glyphicon glyphicon-search"></i></button></div> </div> </form> </br> </div> </div> <div class="container-fluid"> <div class="row"> <div class="LibLinksWhite"> <div class="col-md-4" align="center"> <a href="https://sfx.carli.illinois.edu/sfxaru/journalsearch/Default?param_perform_value=searchTitle&param_jumpToPage_value=&param_type_value=textSearch&not_first_load_indicator=1&param_pattern_value=&param_textSearchType_value=contains"><span class="glyphicon glyphicon-list"></span> Browse Journals</a> </div> <div class="col-md-4"></div> <div class="col-md-4" align="center"> <a href="https://sfx.carli.illinois.edu/sfxaru/fetchitem/Default?lang=eng"><span class="glyphicon glyphicon-search"></span> Article Finder</a> </div> </div> </div> </div> </div> <div id="BooksHome" class="tab-pane"> </br> </br> <div class="container-fluid"> <div class="row"> <form action="http://i-share.carli.illinois.edu/vf-aru/Search/Results" method="get" role="search" target="vufind" name="searchForm"> <div class="input-group lrcInputs"> <input class="form-control" id="lookFor" name="lookfor" type="text" placeholder="Search for Books, eBooks, & Media" /> <input value="1" name="start_over" type="hidden" /> <div class="input-group-btn"><button class="btn btn-success lrcSearchButton" type="submit"><i class="glyphicon glyphicon-search"></i></button></div> </div> </form> </br> </div> <div class="container-fluid"> <div class="row"> <div class="LibLinksWhite"> <div class="col-md-4" align="center"> <a href="https://i-share.carli.illinois.edu/all/vf-aru/"><span class="glyphicon glyphicon-search"></span> I-Share Catalog</a> </div> <div class="col-md-4" align="center"> <a href="https://i-share.carli.illinois.edu/vf-aru/MyResearch/Home"><span class="glyphicon glyphicon-user"></span> I-Share Account</a> </div> <div class="col-md-4" align="center"> <a href="https://i-share.carli.illinois.edu/vf-aru/Search/Reserves"><span class="glyphicon glyphicon-book"></span> Course Reserves</a> </div> </div> </div> </div> </div> </div> <div id="DiscoveryHome" class="tab-pane"> </br> </br> <div class="container-fluid"> <div class="row"> <form action="https://aurorauniversity.on.worldcat.org/search?" method="get" role="search" target="queryString" name="queryString"> <div class="input-group lrcInputs"> <input class="form-control" id="queryString" name="queryString" type="text" placeholder="Search Discovery"> <div class="input-group-btn"><button class="btn btn-success lrcSearchButton" type="submit"><i class="glyphicon glyphicon-search"></i></button></div> </div> </form> </br> </div> <div class="container-fluid"> <div class="row"> <div class="col-md-12" align="center"> <p style="color:white">Use Discovery to search ProQuest, JSTOR, the library’s catalog and more at the same time.</p> </div> </div> </div> </div> </div> </br> </div> </div> </div> </div> </div> </div> </div> </div>
.backgroundsearch { background: -moz-linear-gradient(top, rgba(0,40,72,1) 0%, rgba(0,70,127,1) 35%, rgba(0,70,127,1) 100%); background: linear-gradient(to bottom, rgba(0,40,72,1) 0%, rgba(0,70,127,1) 35%, rgba(0,70,127,1) 100%); border-radius: 10px; } .LibLinksWhite a:link{ color: #fff; } .LibLinksWhite a:visited{ color: #fff; } .LibLinksWhite a:hover{ color:#fff; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ margin-right: 3px; background-color: #48A948; } .nav-pills>li>a, .nav-pills>li>a:focus{ background-color: #efefef; margin-right: 3px; } .nav-pills>li>a:hover { background-color: #e6e6e6; } .lrcSearchButton { background-color: #48A948; } .lrcSearchButton>a:hover{ background-color: #45a145; }
#s-lg-guide-tabs-title-bar { display: none; } /* hides line under page name*/

Related: See More


Questions / Comments: