Team:Toulouse/template/header

From 2014.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
 +
 +
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, embed,
 +
figure, figcaption, footer, header, hgroup,
 +
menu, nav, output, ruby, section, summary,
 +
time, mark, audio, video {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
}
 +
 +
.clear{
 +
clear:both;
 +
}
 +
 +
#footer-box{
 +
display:none;
 +
}
 +
 +
/* LAYOUT SITE IGEM TOULOUSE 2014 */
 +
 +
#content{
 +
width:100%;
 +
margin:0;
 +
padding:0;
 +
border:none;
 +
line-height: none;
 +
}
body{
body{
-
   padding-top:250px;
+
   padding:0;
 +
  margin: 0;
 +
  background-color : #ffffff;
 +
  font-family : Helvetica, sans-serif;
}
}
 +
 +
#innercontenthome{
 +
width:960px;
 +
margin:0 auto;
 +
}
 +
 +
 +
/* style pour header */
.l-header{
.l-header{
   width:100%;
   width:100%;
Line 13: Line 60:
.navbar-header{
.navbar-header{
-
width:960px;
+
width:1070px;
margin: 0 auto;
margin: 0 auto;
 +
padding-top:19px;
}
}
-
li{
+
.logo-head{
-
  color:red;
+
width:224px;
 +
height:49px;
 +
float:left;
 +
padding-top:8px;
 +
}
 +
 
 +
.nav{float:right; margin-top:20px;}
 +
 
 +
.nav li{
 +
  display:inline;
 +
padding:0 30px 0 0;
 +
text-align:right;
 +
}
 +
 
 +
.nav li:last-child{
 +
padding:0 0 0 0;
 +
}
 +
 
 +
.nav li a{font-family:'Open Sans';font-weight:600;color:black; text-decoration:none;}
 +
 
 +
.nav li a:hover{color:#7bedab;}
 +
.nav li a:focus,
 +
.nav li a:active{color:#22780F;}
 +
 
 +
/*deroulement du menu*/
 +
#Menu {
 +
    position : absolute;
 +
    width : 100%;
 +
    min-width :780px;
 +
    max-width : 1400px;
 +
    top : 0;
 +
}
 +
 
 +
.Item {
 +
    position : absolute;
 +
    text-align : center;
 +
    display : inline-block;
 +
    min-Height : 150px;
 +
    text-decoration: no underline;
 +
}
 +
 
 +
.Item a{
 +
    color : black;
 +
    text-shadow:3px 3px 5px #FFFFFF;
 +
}
 +
 
 +
.sub-nav {
 +
    display: none; /* Masque la sous-liste */
 +
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
 +
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
 +
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
 +
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
 +
    list-style-type: none;
 +
    list-style-image : url(#);
 +
    padding: 0;
 +
    margin-left: 1em;
 +
    left : 25px;
 +
    }
 +
 
 +
.sub-nav-item{
 +
    background-image : url(http://2014.igem.org/wiki/images/7/72/Fond_sub_nav.png);
 +
    background-size: 100% 100%;
 +
    text-align : left;
 +
}
 +
 
 +
.Item:hover .sub-nav {
 +
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
 +
    background-color: transparent;
 +
    Z-index : 4;  
}
}
</style>
</style>
 +
</head>
</head>
 +
 +
<body>
 +
 +
<!--/* open Sans : font Google*/-->
 +
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
<!-- Bar Header -->
<!-- Bar Header -->
-
    <div class="l-header">
+
  <div class="l-header">
-
     
+
     
-
      <div class="navbar-header">
+
      <div class="navbar-header">
-
        <a href=""><img src="http://2014.igem.org/File:Template-igem2014-logo.png" alt="logo igem"/></a>
+
 
-
        <ul class="nav">
+
<!--Lien vers iGEM-->
-
          <li>Home</li>
+
<a href="http://igem.org/Main_Page"><img style="width:50px; float:left;margin-top:15px;margin-right:10px"  src="http://2014.igem.org/wiki/images/9/94/Igemlogo_officiallogo.png"></a>
-
          <li>Team</li>
+
 
-
          <li>Project</li>
+
        <a href="http://2014.igem.org/Team:Toulouse" class="logo-head"><img href="http://2014.igem.org/wiki/images/1/18/Template-igem2014-logo.pn" src="http://2014.igem.org/wiki/images/1/18/Template-igem2014-logo.png" alt="logo-igem"/></a>
-
          <li>Human practice</li>
+
 
-
          <li>Notebook</li>
+
 
-
        </ul>
+
 
-
      </div>
+
        <!-- Navigation bar --><div style="width:100%; height:19px;"></div>
 +
          </html>{{:Team:Toulouse/template/navigation}}<html>
 +
      </div>
 +
 
 +
  <div class="clear"></div>
</html>
</html>
 +
{{:Team:Toulouse/template/slider}}
 +
<html>
 +
 +
    <div id="innercontenthome">
 +
      <div class="centering">

Latest revision as of 12:43, 17 October 2014