Team:Toulouse/template/header
From 2014.igem.org
(Difference between revisions)
(43 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: | + | width:1070px; |
margin: 0 auto; | margin: 0 auto; | ||
+ | padding-top:19px; | ||
} | } | ||
Line 26: | Line 69: | ||
height:49px; | height:49px; | ||
float:left; | float:left; | ||
+ | padding-top:8px; | ||
} | } | ||
- | .nav{float:right;} | + | .nav{float:right; margin-top:20px;} |
+ | |||
.nav li{ | .nav li{ | ||
display:inline; | display:inline; | ||
- | + | padding:0 30px 0 0; | |
- | + | ||
- | padding: | + | |
text-align:right; | text-align:right; | ||
} | } | ||
.nav li:last-child{ | .nav li:last-child{ | ||
- | padding: | + | 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(https://static.igem.org/mediawiki/2014/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 : | + | <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 54: | Line 153: | ||
<!-- Bar Header --> | <!-- Bar Header --> | ||
<div class="l-header"> | <div class="l-header"> | ||
- | + | ||
- | + | <div class="navbar-header"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!--Lien vers iGEM--> | |
+ | <a href="https://igem.org/Main_Page"><img style="width:50px; float:left;margin-top:15px;margin-right:10px" src="https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png"></a> | ||
- | + | <a href="https://2014.igem.org/Team:Toulouse" class="logo-head"><img href="https://static.igem.org/mediawiki/2014/1/18/Template-igem2014-logo.pn" src="https://static.igem.org/mediawiki/2014/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
![](https://static.igem.org/mediawiki/2014/2/24/Hometesttoulouse.jpg)