Team:Toulouse/template/header

From 2014.igem.org

(Difference between revisions)
 
(50 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{
clear:both;
clear:both;
 +
}
 +
 +
#footer-box{
 +
display:none;
 +
}
 +
 +
/* LAYOUT SITE IGEM TOULOUSE 2014 */
 +
 +
#content{
 +
width:100%;
 +
margin:0;
 +
padding:0;
 +
border:none;
 +
line-height: none;
}
}
Line 11: Line 43:
   padding:0;
   padding:0;
   margin: 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 18: Line 60:
.navbar-header{
.navbar-header{
-
width:960px;
+
width:1070px;
margin: 0 auto;
margin: 0 auto;
 +
padding-top:19px;
}
}
Line 25: Line 68:
width:224px;
width:224px;
height:49px;
height:49px;
 +
float:left;
 +
padding-top:8px;
}
}
 +
.nav{float:right; margin-top:20px;}
.nav li{
.nav li{
-
  float:right;
+
  display:inline;
-
  font-family:'Open Sans';
+
padding:0 30px 0 0;
-
font-weight:600;
+
text-align:right;
-
padding:35px 50px 0 0;
+
}
 +
 
 +
.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>
-
<!--/* open Sans : fonnt Google*/-->
+
<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' rel='stylesheet' type='text/css'>
Line 48: Line 153:
<!-- Bar Header -->
<!-- Bar Header -->
   <div class="l-header">
   <div class="l-header">
-
     
+
     
-
      <div class="navbar-header">
+
      <div class="navbar-header">
-
        <a href="" class="logo-head"><img src="http://2014.igem.org/File:Template-igem2014-logo.png" alt="logo-igem"/></a>
+
-
        <ul class="nav">
+
-
          <li>Home</li>
+
-
          <li>Team</li>
+
-
          <li>Project</li>
+
-
          <li>Human practice</li>
+
-
          <li>Notebook</li>
+
-
        </ul>
+
-
   </div>
+
-
  <div class="clear"></div>
+
<!--Lien vers iGEM-->
 +
<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>
-
        
+
        <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>
 +
 
 +
 
 +
 
 +
        <!-- 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