Team:Lethbridge Canada/nav bar
From 2014hs.igem.org
@font-face {
font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(fonts/roboto-light-300.woff) format('woff');
}
@font-face {
font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url(font/roboto-400.woff) format('woff');
} @font-face {
font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(font/roboto-bold-700.woff) format('woff');
} @font-face {
font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(font/roboto-italic-400.woff) format('woff');
} @font-face {
font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(font/roboto-bold-italic-700.woff) format('woff');
}
html,body { font-family: 'Roboto', sans-serif; margin: 0 auto; width: 1230px; }
- page_wrapper {
margin: 0 auto; width: inherit; }
/* --------- NAV_BAR --------- */
- nav_bar_wrapper {
margin: 0px 0px 0px 0px; position: relative; height: 40px; /* Set to height of .nav_bar_main_entry */ }
- nav_bar {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1230px; }
- nav_bar a {
color: #ffffff; display: block; height: 100%; text-decoration: none; width: 100%; }
.nav_bar_main_entry { height: 40px; list-style: none; position: absolute; text-align: center; width: 307.5px; }
.nav_bar_main_entry > ul {
overflow: hidden;
}
.nav_bar_main_entry > a { font-size: 30px; line-height: 38px;
}
.nav_bar_main_entry ul li { height: 30px; width: 307.5px; } .nav_bar_main_entry ul li a { font-size: 20px; line-height: 30px;
width: 307.5px; }
.nav_bar_main_entry > ul { background: inherit; display: none; list-style: none; text-align: center;
padding:0; margin:0;
}
/* --------- ABSOLUTE POSITIONING --------- */
- nav_bar_project {
margin: 0px 0px 0px 0px; }
- nav_bar_notebook {
margin: 0px 0px 0px 307.5px; }
- nav_bar_hp {
margin: 0px 0px 0px 615px; }
- nav_bar_team {
margin: 0px 0px 0px 922.5px; }
/* --------- TAB SPECIFIC STYLING --------- */
- nav_bar_project {
background: #5394ff; }
- nav_bar_project a:hover {
background: #6cadff; }
- nav_bar_notebook {
background: #ff8919; }
- nav_bar_notebook a:hover {
background: #ffa232; }
- nav_bar_hp {
background: #ffcc01; }
- nav_bar_hp a:hover {
background: #ffe51a; }
- nav_bar_team {
background: #01e300; }
- nav_bar_team a:hover {
background: #1afc19; }
- nav_bar_project,
- nav_bar_notebook,
- nav_bar_hp {
border-right: 2px solid #ffffff; /* Remove for separated elements */ }