Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
CSS for new header
#3
Here's the CSS:

<style>

/* Sets global font styles */
* {
font-weight: ;
}

/*Sets container size*/
.container {width: 75%;}

/*Sets font size of breadcrumbs*/
#s-lib-bc .breadcrumb {
font-size: 14px;
}

/*Styles body*/
body {
padding: 0px 0px;
font-family: Lato, sans-serif;
font-size: 16px;
}

/*BRANDING AREA*/

/*Styles background of branding area*/
#branding-area {
background-color: white;
}

/*Styles links in branding area*/
#branding-area a {
font-family: Lato, sans-serif;
font-size: 30px;
color: ;
}

/*NAVBAR AREA*/

/*Styles background of navbar area*/
#header-nav .navbar-default {
background-color :#046A38;
border-color: #046A38;
border-radius: 0px;
box-shadow: 0 6px 6px gray;
}

/*Styles links in navbar*/
#header-nav .navbar-default .navbar-nav>li>a {
font-family: Lato, sans-serif;
font-size: 16px;
color: white;
font-weight: ;
}

/*Styles links in navbar on hover*/
#header-nav .navbar-default .navbar-nav>li>a:hover {
background-color: #F4C430;
border-color: #F4C430;
color: black;
text-decoration: ;
}

/*Styles background color of dropdown menus*/
#header-nav .navbar-nav .open .dropdown-menu {
background-color: white;
}

/*Styles links in dropdown menus*/
#header-nav .navbar-default .navbar-nav .open .dropdown-menu>li>a {
font-size: 16px;
color: black;
font-weight: ;
}

/*Styles links in dropdown menus on hover*/
#header-nav .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
background-color: lightgray;
color: black;
text-decoration: ;
}

/* */
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
background-color: #F4C430;
border-color: #F4C430;

text-decoration: ;
}

/*LIBGUIDES HOMEPAGE*/

/* Adds background color to list items on LibGuides homepage > "All Guides" tab */
.s-lib-border-round {
background-color: #f5f5f5;
border-color: #d9d9d9;
}

/*LIBGUIDES*/
/*Styles box titles*/
.s-lib-box .s-lib-box-title {
font-size: 16px;
}

/*RESPONSIVE SETTINGS*/

/* */
.navbar-toggle:before {
content:"Menu";
left:-50px;
top:4px;
position:absolute;
width:50px;
}

/*Media queries for mobile screens*/
@media (max-width: 767px) {

/*Media queries for non-mobile screens*/
@media (min-width: 768px) {

</style>


Messages In This Thread
CSS for new header - by nmueller - 05-29-2024, 12:57 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)