first yamm for onesearch

This commit is contained in:
Mark Eaton
2021-02-20 01:24:40 -05:00
parent 03d82de338
commit cbebdc5891
2 changed files with 55 additions and 36 deletions
+4 -6
View File
@@ -27,15 +27,13 @@ body {
/* style jumbotron */ /* style jumbotron */
.jumbotron { #onesearch-header {
color: #003466; color: #003466;
border-radius: 0px !important;
background-color: white;
} }
.zero-margin { .zero-margin {
margin-left: -4px; margin-left: -2px;
margin-right: -4px; margin-right: -2px;
} }
#dropdownMenu1 { #dropdownMenu1 {
@@ -179,7 +177,7 @@ img {
max-width: 675px; max-width: 675px;
} }
.yamm3 { .yamm3, .yamm4 {
max-width: 300px; max-width: 300px;
} }
+36 -15
View File
@@ -178,36 +178,57 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<form class="form-inline yamm" style="text-align: center;">
<form class="form-inline" style="text-align: center;"> <h1 id="onesearch-header">OneSearch</h1>
<div class="form-group"> <div class="form-group">
<div class="dropdown input-group zero-margin">
<div class="dropdown input-group zero-margin">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown Dropdown
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li> <li>
<li><a href="#">Another action</a></li> <div class="yamm-content yamm4">
<li><a href="#">Something else here</a></li> <div class="row">
<li role="separator" class="divider"></li> <div class="col-xs-12">
<li><a href="#">Separated link</a></li> <span class="glyphicon glyphicon-music"></span>
<strong>Faculty & Staff</strong>
<p class="faux-card">Meet the Kingsborough Library</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-off"></span>
<strong>Subject Liaisons</strong>
<p class="faux-card">Find your library liaison</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-time"></span>
<strong>Library Departments</strong>
<p class="faux-card">Explore the library's functions</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-time"></span>
<strong>Campus Map</strong>
<p class="faux-card">How to find us</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-time"></span>
<strong>Hours</strong>
<p class="faux-card">See the library's opening hours</p>
</div>
</div>
</div>
<li>
</ul> </ul>
</div> </div>
<label class="sr-only" for="searchterms">Search terms</label> <label class="sr-only" for="searchterms">Search terms</label>
<div class="input-group zero-margin"> <div class="input-group zero-margin">
<input type="text" class="form-control" id="searchterms" placeholder="Search terms"> <input type="text" class="form-control" id="searchterms" placeholder="Search terms">
</div> </div>
<div class="input-group zero-margin"> <div class="input-group zero-margin">
<button type="submit" class="btn btn-default form-control">Search</button> <button type="submit" class="btn btn-default form-control">Search</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="nav-by-jumbotron"> <div class="nav-by-jumbotron">