app/assets/stylesheets/custom-search.css.scss
//----------------------------------------------------------
// Search Results View
//----------------------------------------------------------
// test search box on results page
#dc-search-box-mini{padding-top:0px;margin:5px 0 1em 0;}
#dc-search-box-mini fieldset{display:block;width:100%;padding:0;margin:0 auto;border:3px solid #fff;background-color:#fff;box-shadow: 0 0 1px rgba(0,0,0,0.75);position:relative;}
#dc-search-box-mini input[type=text]{color:#333;display:inline-block;margin:0;padding:0;border:none;font-size: 1em;width:80%;outline:none;height:24px;border-radius:0;box-shadow:none;line-height:normal;}
#dc-search-box-mini input[type=submit]{height:24px;display:inline-block;margin:0;padding:0;border:none;font-size:1em;color:#fff;background-color:#e67a00;width:20%;position:absolute;top:0;right:0;border-radius:0;font-family:"Glyphicons Halflings";}
#dc-search-box-mini input[type=text]::-ms-clear{display:none;}
#dc-search-box-mini input[type=text]::-webkit-input-placeholder{color:#999;}
#dc-search-box-mini input[type=text]:-moz-placeholder{color:#666;}
#dc-search-box-mini input[type=text]::-moz-placeholder{color:#666;}
#dc-search-box-mini input[type=text]:-ms-input-placeholder{color:#999;}
// highlighted results
.search-highlight {font-weight:bold;}
//---
// SEARCH RESULTS
//---
#dams-search-results{margin:0;padding:0;}
#dams-search-results > li{list-style-type:none;margin:0 0 2em 0;padding:0;color:#555;overflow:auto;}
#dams-search-results > li:last-child{margin:0}
#dams-search-results > li h3{margin:0 0 0.25em 0;font-size:125%;line-height: inherit;font-weight:normal;}
#dams-search-results > li a{text-decoration:underline;}
#dams-search-results > li > img{display:block;width:70px;height:auto;margin:0;padding:0;float:left;}
#dams-search-results > li > div{margin-left:90px;}
.dams-search-thumbnail{display:block;width:70px;max-height:100px;margin:0 !important;padding:0;float:left;font-size:30px;text-align:center;line-height:70px;}
.thumb-complex{background-color:#F3B46D;color:rgba(0,0,0,0.25);}
.thumb-simple{background-color:#F3CD6D;color:rgba(0,0,0,0.25);}
.thumb-collection{background-color:#F3876D;color:rgba(0,0,0,0.25);}
.dams-search-results-fields{margin:0;padding:0;}
.dams-search-results-fields li{margin-right:0.25em;list-style-type: none;}
.dams-search-results-fields span{line-height: 90%;}
.dams-search-results-fields-label {color:#EC9580; }
.dams-search-constraints{margin-bottom: 0.5em; padding-bottom: 1em; border-bottom: solid #eee 1px; }
.dams-search-constraints-label{
color: #AAAAAA;
display: block;
font-size: 80%;
line-height: normal;
margin-bottom: 5px;
}
.appliedFilter{margin-bottom: 0;}
.dams-search-instead{color:#444;font-size:90%;}
.dams-search-results-header{
color:#aaa;
margin-bottom:20px;
.btn-toolbar
{
margin:0;
.btn
{
background-image:none;
border-color:#ccc;
color:#888;
}
}
}
.dams-search-results-footer
{
margin-top:20px;
padding-top:10px;
border-top:1px solid #eee;
color:#888;
}
.pagination-toolbar
{
margin:0;
.btn
{
background-image:none;
background-color: #fff;
border-color:#ccc;
color:#888;
}
.glyphicon{font-size:10px;}
.btn-group{margin-bottom:0;}
input[type=number]{height:12px;width:30px;font-size:10.5px;line-height:normal;-moz-appearance:textfield;}
}
.pagination-note{font-size:75%;margin:5px 0 0 0;line-height:normal;}
.page_links
{
font-size:13px;
line-height: normal;
clear:both;
overflow:auto;
}
.results-tools
{
float: right;
.results-btn
{
background-image:none;
background-color:#fff;
border-color:#ddd;
color:#777;
}
}
// FILTERS (BLUE PILLS)
.dams-filter {margin-bottom:3px;}
.dams-filter .glyphicon{color:#fff;display:inline-block;}
.dams-filter a{color:#fff;text-decoration: none;}
#spell,.dams-search-instead {display:block;}
//---
// TOP NAV SEARCH BAR
//---
.search-bar
{
background-color: #F3B46D;
background-image: linear-gradient(to bottom, #F39D3D, #F3B46D);
/*height:26px;*/
margin:0 20px 20px 0;
padding: 10px 20px;
border: 1px solid #964F00;
border-top: none;
border-radius: 0 0 20px 20px;
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.25);
}
.search-bar input[type=text],
.mobile-search-bar input[type=text]
{
border-color: #E67A00;
}
.search-bar input[type=text]:focus,
.mobile-search-bar input[type=text]:focus
{
box-shadow: 0 1px 1px rgba(0,0,0, 0.075) inset, 0 0 8px rgba(150, 79, 0, 0.5);
}
.search-bar form,
.mobile-search-bar form{padding:4px 0;margin:0;}
.btn-navsearch{padding:4px 12px 3px 12px !important;margin-right:10px !important;}
.mobile-search-bar{
background-color: #F3B46D;
background-image: linear-gradient(to bottom, #F39D3D, #F3B46D);
margin-bottom: 20px;
border-bottom: 1px solid #964F00;
}
.mobile-search-bar .input-append{width:100%;text-align: center;}
//---
// TOP NAV SEARCH BAR ALT
//---
.mobile-search-bar-alt input[type=text]{border-color: #aaa;}
.mobile-search-bar-alt input[type=text]:focus{box-shadow: 0 0 0 rgba(0,0,0, 0) inset, 0 0 0 rgba(0, 0, 0, 0);}
.mobile-search-bar-alt form{padding:4px 0;margin:0;}
.btn-navsearch{padding:4px 12px 3px 12px !important;margin-right:10px !important;}
.mobile-search-bar-alt{background-color: #eee;background-image: linear-gradient(to bottom, #efefef, #f6f6f6);margin-bottom: 20px;border-bottom: 1px solid #eee;height:38px;}
.mobile-search-bar-alt .input-append{width:100%;text-align: right;}
//---
// SEARCH RESULTS PAGER
//---
.search-results-pager{margin-bottom:5px;text-align:center;color:#666;font-size:95%;}
.search-results-pager strong{font-weight:normal;}
.search-results-pager a{font-weight:bold;color:#444;}
.search-results-pager > span{display:inline-block;margin:0 5px;}
.search-results-pager abbr{cursor:default;border-bottom:0 none;font-style: italic;}
.search-results-pager a.results_link{font-weight:bold;color:#016691;}
/*---------------*/
/* MEDIA QUERIES */
/*---------------*/
/* LARGE DESKTOP (BOOTSTRAP) */
@media (min-width: 1200px) {}
/* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP (BOOTSTRAP) */
@media (min-width: 768px) and (max-width: 979px) {}
/* DESKTOP NAVBAR (CUSTOM) */
@media (min-width: 980px) {}
/* MOBILE NAVBAR (CUSTOM) */
@media (max-width: 979px) {
.mobile-search-bar-alt{height:auto;}
.mobile-search-bar-alt .input-append, .pagination-note{text-align: center;}
}
/* LANDSCAPE PHONE TO PORTRAIT TABLET (BOOTSTRAP) */
@media (max-width: 767px) {
.mobile-search-bar-alt input[type=text]{width:206px;}
.pagination-toolbar{text-align:center;}
}
/* LANDSCAPE PHONES AND DOWN (BOOTSTRAP) */
@media (max-width: 480px) {
.dams-search-results-header {margin-bottom:1em;}
.sidenav{margin-bottom:0;}
.facets{margin-bottom:10px;}
#dams-search-results > li h3{font-size:110%;}
.dams-search-results-fields{
font-size:90%;
li{line-height: normal;}
}
.search-results-pager > span > span, .search-results-pager a > span{display:none;}
}