Team:Lethbridge Canada/nav bar

From 2014hs.igem.org

Revision as of 20:03, 15 June 2014 by Dinula98 (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

@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; }

  1. page_wrapper {

margin: 0 auto; width: inherit; }


/* --------- NAV_BAR --------- */

  1. nav_bar_wrapper {

margin: 0px 0px 0px 0px; position: relative; height: 40px; /* Set to height of .nav_bar_main_entry */ }

  1. nav_bar {

margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1230px; }

  1. 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 --------- */

  1. nav_bar_project {

margin: 0px 0px 0px 0px; }

  1. nav_bar_notebook {

margin: 0px 0px 0px 307.5px; }

  1. nav_bar_hp {

margin: 0px 0px 0px 615px; }

  1. nav_bar_team {

margin: 0px 0px 0px 922.5px; }


/* --------- TAB SPECIFIC STYLING --------- */

  1. nav_bar_project {

background: #5394ff; }

  1. nav_bar_project a:hover {

background: #6cadff; }

  1. nav_bar_notebook {

background: #ff8919; }

  1. nav_bar_notebook a:hover {

background: #ffa232; }

  1. nav_bar_hp {

background: #ffcc01; }

  1. nav_bar_hp a:hover {

background: #ffe51a; }

  1. nav_bar_team {

background: #01e300; }

  1. nav_bar_team a:hover {

background: #1afc19; }

  1. nav_bar_project,
  2. nav_bar_notebook,
  3. nav_bar_hp {

border-right: 2px solid #ffffff; /* Remove for separated elements */ }