Template:Team:Valencia Biocampus/Templates/Header

From 2013.igem.org

Revision as of 19:48, 15 July 2013 by TonnyESP (Talk | contribs)

<style type="text/css"> /* RESET ORIGINAL WIKI STYLES */

  1. globalWrapper{

padding:0; }

  1. top-section{

position:absolute; top:0; left:50%; width:800px; margin-left:-400px; border:0; }

  1. p-logo{

display:none; }

  1. search-controls{

display:none; }

  1. content h1.firstHeading{

display:none; }

  1. content{

width:100%; padding:0; border:0; }

/* END RESET ORIGINAL WIKI STYLES */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,800);

html, body{ padding:0; margin:0; font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif;

       background: #fff;

} a{ text-decoration: none; color: #2c5382; } a:hover{ text-decoration: none; color: #d8d91e; }

  1. header_wrapper{

background:url('https://static.igem.org/mediawiki/2013/3/34/Header_bg.png') repeat-x; height:144px; padding-top:30px; }

  1. header_container{

margin:0 auto; margin-bottom: 20px; text-align:center; height:75px; }

  1. top_menu_wrapper{

background:rgba(175, 184, 70, 0.9); box-shadow: 0 0 10px #777; }

  1. top_menu{

margin:0 auto; list-style:none; height:50px; text-align:center; }

  1. top_menu li{

display:inline; margin-right:20px; line-height:50px; }

  1. top_menu li a{

color: rgb(33, 76, 111); padding:5px 12px; border-radius: 4px; background: rgba(33, 76, 111, 0.0); transition: 0.5s; -webkit-transition: 0.5s; /* Safari */ }

  1. top_menu li a:hover, #top_menu li a.active{

color: #fff; background: rgba(33, 76, 111, 0.9); }

  1. top_menu li a.active{

cursor: default; }

.container{ width:950px; margin:0 auto; } </style>

<a href="#" id="logo"><img alt="Logo" src="Header_logo.png" /></a>

  • <a href="#link">Home</a>
  • <a href="#link">Team</a>
  • <a href="#link">Project</a>
  • <a href="#link">Parts</a>
  • <a href="#link">Modelling</a>
  • <a href="#link" class="active">Notebook</a>
  • <a href="#link">Safety</a>
  • <a href="#link">Attribuitions</a>