bulib-wc
Version:
collection of web components and styles used at Boston University Libraries
50 lines (44 loc) • 2.14 kB
CSS
/* restyle the tabs for a given guide to match BU Libraries branding */
#s-lg-guide-tabs { border-bottom: none; border-radius: 5px 5px 0 0; }
#s-lg-tabs-container ul.nav.nav-stacked > li { margin-left: 5px; margin-right: 5px; }
#s-lg-tabs-container ul.nav > li { margin-top: 0px; }
#s-lg-tabs-container ul.nav > li > a, #s-lg-tabs-container ul.nav > li > a > span {
background-color: var(--color-primary-background-light, #333);
color: var(--color-primary-text-light, white);
font-size: 110%;
font-weight: normal;
}
#s-lg-tabs-container ul.nav > li > a:hover, #s-lg-tabs-container ul.nav > li > a:hover > span {
background-color: var(--color-primary-background, #444);
}
#s-lg-tabs-container ul.nav > .active > a, #s-lg-tabs-container ul.nav > li.active > a > span {
background-color: var(--color-accent-red-background, #CC0000);
font-weight: bold ;
}
#s-lg-tabs-container ul.nav > li.active > a:hover, #s-lg-tabs-container ul.nav > li.active > a:hover > span {
background-color: var(--color-accent-red-background-dark, #A80000);
}
#s-lg-guide-tabs-title-bar { border-color: var(--color-secondary-background-dark, #333); }
/* tab switcher for guide homepage */
#s-lg-index-cols ul.nav > li > button { background-color: var(--color-secondary-background-light); }
#s-lg-index-cols ul.nav > li > button:hover { background-color: var(--color-secondary-background); }
#s-lg-index-cols ul.nav > li.active > button {
background-color: var(--color-button-background, #257abe);
color: var(--color-button-text, white);
}
#s-lg-index-cols ul.nav > li.active > button:hover { background-color: var(--color-button-background-dark); }
/* typography header styles */
body h1 { font-size: xx-large ; font-weight: 400; }
body h2 { font-size: x-large ; }
body h3 { font-size: large; }
h2, h3, h4, h5, h6, body { font-family: 'Source Sans Pro', sans-serif; }
div.panel-heading > a { font-size: 115%; }
/* remove the borders around each section of a guide */
.s-lib-box {
border: none;
box-shadow: none;
}
h2.s-lib-box-title {
background-color: transparent ;
color: black ;
}