<style type="text/css">
STYLE ALTERATION HERE
SECOND ALTERATION HERE
</style>
<style type="text/css">
/* Remove search box on LibGuides homepage AND on each guide */
#s-lg-guide-header-search, #s-lg-hp-nav-bottom {
display: none;
}
</style>
<style type="text/css">
/*remove a clear fix on profile page between every 4 images. */
.s-lib-featured-profile-spacer.clearfix {
display: none;
}
</style>
<style type="text/css">
/* background of LibGuides to same background as the main institution's main website */
body {
background-color: #DDD; /* NOTE: Change this line to the color of the main institution's website */
}
.s-lib-footer {
border-top: none;
background-color: inherit;
}
</style>
<style type="text/css">
/*make all links inside content boxes bold*/
.s-lib-box-content a {
font-weight:bold;
}
</style>
<style type="text/css">
/* match width to main institutions site in desktop size. Change 1200 to your institution's main site width*/
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
</style>
<style>
/**********************************************************************************/
/* breadcrumbs style from duke's LibGuides with colors to match school website */
/* http://guides.library.duke.edu/ */
/* http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation */
/***********************************************************************************/
div#s-lib-bc {
padding: 0;
display: block;
clear: both;
background-color: #1A789F;
overflow: hidden;
margin-bottom: 10px;
border-bottom: 1px solid #777;
}
#breadcrumbsr,
#s-lib-bc-list,
.breadcrumbs {
font-weight: 400;
}
div#s-lib-bc #s-lib-bc-list a {
text-decoration: none;
outline: 0;
display: block;
float: left;
font-size: 13px;
line-height: 36px;
color: #eee;
padding: 0 10px 0 30px;
background-color: #005e85;
position: relative;
}
#s-lib-bc #s-lib-bc-list li {
text-decoration: none;
outline: 0;
display: block;
float: left;
font-size: 16px;
line-height: 36px;
color: #fff;
position: relative
}
#s-lib-bc #s-lib-bc-list li a {
text-decoration: none;
outline: 0;
display: block;
float: left;
font-size: 16px;
line-height: 36px;
color: #fff;
padding: 0 10px 0 30px;
position: relative;
font-weight: 400
}
#s-lib-bc-list {
margin: 0!important;
}
#s-lib-bc-list>li+li:before {
padding: 0;
content: ""
}
.breadcrumb>li+li:before {
display: none
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
#s-lib-bc #s-lib-bc-list li:first-child a {
padding-left: 10px
}
#s-lib-bc #s-lib-bc-list li:first-child a:before {
left: 14px
}
#s-lib-bc #s-lib-bc-list li:last-child {
padding-left: 30px
}
#s-lib-bc #s-lib-bc-list li:last-child a:not(#bc_libguides_home a) {
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
padding-right: 20px
}
#s-lib-bc #s-lib-bc-list li:nth-child(2) {
padding-left: 0!important
}
#s-lib-bc #s-lib-bc-list li a.active,
#s-lib-bc #s-lib-bc-list li a:hover {
background: #00456C;
color: #fff
}
#s-lib-bc #s-lib-bc-list li a.active:after,
#s-lib-bc #s-lib-bc-list li a:hover:after {
background: #00456C
}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
#s-lib-bc #s-lib-bc-list li a:after {
content: '';
position: absolute;
top: 0;
right: -18px;
width: 36px;
height: 36px;
/*the rotated square takes a larger height, which makes it tough to position. We scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagorean theorem) if diagonal required = 1; length = 1/1.414 = 0.707*/
transform: scale(.707) rotate(45deg);
-moz-transform: scale(.707) rotate(45deg);
-webkit-transform: scale(.707) rotate(45deg);
-ms-transform: scale(.707) rotate(45deg);
-o-transform: scale(.707) rotate(45deg);
z-index: 1;
background: #005e85;
box-shadow: 1px -1px 0 1px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
-moz-box-shadow: 1px -1px 0 1px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
-webkit-box-shadow: 1px -1px 0 1px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
-ms-box-shadow: 1px -1px 0 1px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
-o-box-shadow: 1px -1px 0 1px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
border-radius: 0 5px 0 50px;
-moz-border-radius: 0 5px 0 50px;
-webkit-border-radius: 0 5px 0 50px;
-ms-border-radius: 0 5px 0 50px;
-o-border-radius: 0 5px 0 50px
}
/*bread-crumbs alteration after website header added below*/
div#s-lib-bc {
background: #0071a6; /*THis can be changed to a repeating image for texture with #0071a6 url("https://s3.amazonaws.com/libapps/accounts/46325/images/header-rowMiddleBG.png") repeat;*/)
border-top: 2px solid #005c89;
border-bottom: 2px solid #005c89 !important;
}
#s-lib-bc #s-lib-bc-list li a:after,
#s-lib-bc #s-lib-bc-list li a {
background-color: #005E85;
}
/******************************************************************/
/* media queries */
/******************************************************************/
@media screen and (max-width: 767px) {
/* shrink bread crumb font on small screens */
#s-lib-bc #s-lib-bc-list li, #s-lib-bc #s-lib-bc-list li a {
font-size: 13px;
}
}
</style>
@media screen and (max-width: 767px) {
/* make search field small enough to be on same line with search button */
#s-lg-hp-nav .form-inline .pull-right, .s-lg-public-search-field .form-control, #s-lg-hp-nav .form-group {
float:left !important;
margin: 0 5px 0 0;
width: 155px;
}
#s-lg-hp-nav form {
float: none !important;
margin: 0 auto;
}
/* homepage make "Display" drop-down and "Showing ## Guides" smaller */
#s-lg-guide-list-controls * {
font-size: 14px;
font-weight: bold;
}
/* alter the info pop-up boxes for small screens */
.popover.fade.right.in {
left:0 !important;
}
.popover-content .pad-bottom-sm * {
margin: 0 !important;
}
.popover-content .pad-bottom-sm {
min-width: 0 !important;
}
.arrow {display: none !important;}
}
<style type="text/css">
@media screen and (max-width: 490px) {
/* remove guide sorter and the meta info for each guide on the home page to bring main content above the fold */
#s-lg-hp-nav li:first-child, .s-lib-box-idx-guide-list div.s-lg-gmeta {
display: none;
}
/* alter info icon info pop-up boxes for small screens*/
.fa-info-circle {float:right;}
.popover.fade.right.in {
position:fixed !important;
width:95% !important;
height:54% !important;
left:0 !important;
top: 45% !important;
}
.popover-content .pad-bottom-sm {
min-width: 0 !important;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.popover-content .pad-bottom-sm * {
margin: 0 !important;
}
.popover-title { background-color: #1a789f;color: #eeeeee;}
}
</style>