Team:Grenoble/Templates/Team:Grenoble V01

From 2011.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
   <head>
-
     
 
-
 
 
<style>
<style>
Line 16: Line 14:
}
}
 +
html {
html {
Line 25: Line 24:
}
}
-
img  {
+
 
 +
img.blabla {
width:100%;
width:100%;
Line 32: Line 32:
}
}
-
 
-
 
li.bg, .bg {
li.bg, .bg {
Line 62: Line 60:
-
 
+
.logo {
-
.banner {
+
-
 
+
-
position:absolute;
+
-
 
+
-
top:192px;
+
-
 
+
-
margin:0 auto;
+
-
 
+
-
padding:5px 0 0 0;
+
-
 
+
-
}
+
-
 
+
-
.main {
+
-
 
+
-
margin:0 auto;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.header_resize {
+
-
 
+
-
margin:0 auto;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:970px;
+
-
 
+
-
}
+
-
 
+
-
.header {
+
margin:0;
margin:0;
-
 
-
padding:0;
 
-
 
-
height:192px;
 
-
 
-
background:#fcf6ee url(images/header_bg.gif) top repeat-x;
 
}
}
-
.logo {
 
-
margin:0;
 
-
}
 
-
h1 {
+
h1 {
margin:0;
margin:0;
-
padding:38px 0 36px 32px;
+
padding:30px 0 30px 32px;
color:#5c5c5c;
color:#5c5c5c;
Line 154: Line 112:
.menu {
.menu {
-
 
-
position:absolute;
 
-
 
-
top:126px;
 
padding:4px 2px 2px 2px;
padding:4px 2px 2px 2px;
Line 201: Line 155:
margin:0;
margin:0;
-
padding:0 0;
+
padding:20px 0;
-
color:#fff;
+
color:#5c5c5c;
font:bold 30px Arial, Helvetica, sans-serif;
font:bold 30px Arial, Helvetica, sans-serif;
Line 251: Line 205:
}
}
-
.search {
 
-
padding:10px 0 0 0;
+
.body {
margin:0;
margin:0;
-
 
-
width:320px;
 
-
 
-
float:right;
 
-
 
-
}
 
-
 
-
.search form {
 
-
 
-
display:block;
 
-
 
-
float:right;
 
padding:0;
padding:0;
Line 273: Line 214:
}
}
-
.search span {
+
.body h2 {
-
display:block;
+
font:bold 24px Arial, Helvetica, sans-serif;
-
float:left;
+
color:#323a3f;
-
background:url(images/search_bg.gif) left top no-repeat;
+
padding:10px 5px;
-
width:151px;
+
margin:5px 2px 12px 0;
-
 
+
-
padding:0 5px 0 0;
+
-
 
+
-
height:33px;
+
}
}
-
.search form .keywords {
+
.body h1 {
-
line-height:14px;
+
font:bold 34px Arial, Helvetica, sans-serif;
-
 
+
-
height:17px;
+
-
 
+
-
float:left;
+
-
 
+
-
background:url(images/search_bg.gif) left top no-repeat;
+
-
 
+
-
border:0;
+
-
 
+
-
padding:5px 5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#000;
+
-
 
+
-
}
+
-
 
+
-
.search form .button {
+
-
 
+
-
float:left;
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.headert_text_resize {
+
-
 
+
-
width:970px;
+
-
 
+
-
padding:0;
+
-
 
+
-
margin:0 auto;
+
-
 
+
-
}
+
-
 
+
-
.headert_text_resize img {
+
-
 
+
-
float:right;
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:15px 0;
+
-
 
+
-
}
+
-
 
+
-
.body_resize {
+
-
 
+
-
margin:0 auto;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:970px;
+
-
 
+
-
}
+
-
 
+
-
.body {
+
-
 
+
-
position:absolute;
+
-
 
+
-
top:600px;
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.body h2 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
color:#323a3f;
color:#323a3f;
Line 371: Line 234:
padding:10px 5px;
padding:10px 5px;
-
margin:5px 0 10px 0;
+
margin:5px 2px 12px 0;
}
}
Line 420: Line 283:
}
}
 +
Line 437: Line 301:
.body img.icon {
.body img.icon {
-
margin: 15px 5px 0 5px;
+
margin: 15px 5px 2px 0;
width:80px;
width:80px;
Line 600: Line 464:
}
}
-
 
-
.FBG_resize {
 
-
 
-
margin:0 auto;
 
-
 
-
padding:0;
 
-
 
-
width:970px;
 
-
 
-
}
 
-
 
-
.FBG {
 
-
 
-
margin:0;
 
-
 
-
padding:0;
 
-
 
-
border-top:1px solid #dcdad8;
 
-
 
-
}
 
-
 
-
.FBG img {
 
-
 
-
float:left;
 
-
 
-
margin:5px 10px 5px 0;
 
-
 
-
padding:0;
 
-
 
-
}
 
-
 
-
.FBG h2 {
 
-
 
-
font:bold 24px Arial, Helvetica, sans-serif;
 
-
 
-
color:#323a3f;
 
-
 
-
padding:10px 5px;
 
-
 
-
margin:5px 0 10px 0;
 
-
 
-
}
 
-
 
-
.FBG p {
 
-
 
-
font:normal 12px Arial, Helvetica, sans-serif;
 
-
 
-
color:#5f5f5f;
 
-
 
-
padding:5px;
 
-
 
-
margin:0;
 
-
 
-
line-height:1.8em;
 
-
 
-
}
 
-
 
-
.FBG a {
 
-
 
-
color:#97c950;
 
-
 
-
text-decoration:underline;
 
-
 
-
}
 
-
 
-
.FBG ul {
 
-
 
-
list-style:none;
 
-
 
-
margin:5px 0;
 
-
 
-
padding:0;
 
-
 
-
}
 
-
 
-
.FBG li {
 
-
 
-
background:10px 10px no-repeat;
 
-
 
-
font:normal 14px Arial, Helvetica, sans-serif;
 
-
 
-
color:#464646;
 
-
 
-
padding:5px 0;
 
-
 
-
margin:3px 0;
 
-
 
-
}
 
-
 
-
.FBG li a {
 
-
 
-
padding:0 0 0 5px;
 
-
 
-
margin:0;
 
-
 
-
font:normal 13px Arial, Helvetica, sans-serif;
 
-
 
-
color:#5f5f5f;
 
-
 
-
text-decoration:none;
 
-
 
-
}
 
-
 
-
.FBG li a:hover {
 
-
 
-
color:#97c950;
 
-
 
-
text-decoration:none;
 
-
 
-
}
 
-
 
-
.FBG .blok {
 
-
 
-
width:280px;
 
-
 
-
float:left;
 
-
 
-
padding:10px 20px;
 
-
 
-
margin:0;
 
-
 
-
}
 
-
 
-
.footer_resize {
 
-
 
-
margin:0 auto;
 
-
 
-
padding:25px 15px;
 
-
 
-
width:940px;
 
-
 
-
background:#97c950;
 
-
 
-
color:#fff;
 
-
 
-
font:normal 12px Arial, Helvetica, sans-serif;
 
-
 
-
}
 
-
 
-
.footer {
 
-
 
-
padding:0;
 
-
 
-
margin:10px auto;
 
-
 
-
}
 
-
 
-
.footer p {
 
-
 
-
margin:0;
 
-
 
-
padding:4px 0;
 
-
 
-
line-height:normal;
 
-
 
-
color:#fff;
 
-
 
-
}
 
-
 
-
.footer a {
 
-
 
-
color:#fff;
 
-
 
-
padding:inherit;
 
-
 
-
text-decoration:underline;
 
-
 
-
}
 
-
 
-
.footer a:hover {
 
-
 
-
text-decoration:none;
 
-
 
-
}
 
-
 
-
.footer .lf {
 
-
 
-
float:left;
 
-
 
-
}
 
-
 
-
.footer .rf {
 
-
 
-
float:right;
 
-
 
-
}
 
-
 
-
#contactform {
 
-
 
-
margin:0;
 
-
 
-
padding:5px;
 
-
 
-
}
 
-
 
-
#contactform * {
 
-
 
-
color:#F00;
 
-
 
-
}
 
-
 
-
#contactform ol {
 
-
 
-
margin:0;
 
-
 
-
padding:0;
 
-
 
-
list-style:none;
 
-
 
-
}
 
-
 
-
#contactform li {
 
-
 
-
margin:0;
 
-
 
-
padding:0;
 
-
 
-
background:none;
 
-
 
-
border:none;
 
-
 
-
display:block;
 
-
 
-
clear:both;
 
-
 
-
}
 
-
 
-
#contactform li.buttons {
 
-
 
-
margin:5px 0 5px 0;
 
-
 
-
}
 
-
 
-
#contactform label {
 
-
 
-
margin:0;
 
-
 
-
width:110px;
 
-
 
-
display:block;
 
-
 
-
padding:10px 0;
 
-
 
-
color:#666;
 
-
 
-
font:normal 12px Arial, Helvetica, sans-serif;
 
-
 
-
text-transform:capitalize;
 
-
 
-
float:left;
 
-
 
-
}
 
-
 
-
#contactform label span {
 
-
 
-
color:#F00;
 
-
 
-
}
 
-
 
-
#contactform input.text {
 
-
 
-
width:480px;
 
-
 
-
border:1px solid #c0c0c0;
 
-
 
-
margin:2px 0;
 
-
 
-
padding:5px 2px;
 
-
 
-
height:16px;
 
-
 
-
background:#fff;
 
-
 
-
float:left;
 
-
 
-
}
 
-
 
-
#contactform textarea {
 
-
 
-
width:480px;
 
-
 
-
border:1px solid #c0c0c0;
 
-
 
-
margin:2px 0;
 
-
 
-
padding:2px;
 
-
 
-
background:#fff;
 
-
 
-
float:left;
 
-
 
-
}
 
-
 
-
#contactform li.buttons input {
 
-
 
-
border:1px solid #000;
 
-
 
-
background:#ea7d1b;
 
-
 
-
padding:10px;
 
-
 
-
margin:10px 0 0 0px;
 
-
 
-
color:#fff;
 
-
 
-
float:left;
 
-
 
-
font:normal 12px Arial, Helvetica, sans-serif;
 
-
 
-
}
 
-
 
</style>
</style>
   </head>
   </head>
<body>
<body>
-
<div class="header">
 
-
<h1><span>Team:</span>Grenoble v0.1</h1>
 
-
</div>
 
<div class="menu">
<div class="menu">
<ul>
<ul>
-
<li><a href="myfirstwebpage.html">Home</a></li>
+
<li><a href="/Team:Grenoble">Home</a></li>
-
<li><a href="mysecondwebpage.html">The Team</a></li>
+
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
-
<li><a href="mythirdwebpage.html">Grenoble</a></li>
+
<li><a href="/Team:Grenoble/Grenoble">Grenoble</a></li>
-
<li><a href="http://danstonchat.com/latest.html">Notebook</a></li>
+
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
-
<li><a href="http://www.urbandictionary.com/define.php?term=macfag">Safety</a></li>
+
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
-
<li><a href="http://www.urbandictionary.com/define.php?term=macfag">Links</a></li>
+
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
</ul>
</ul>
</div>
</div>
-
<div class="banner">
+
 
-
<img src="greenzap/images/Grenoble_pan2.jpg"/>
+
-
</div>
+
<!-- Au-dessus : le code pour le header et la bannière + menu -->
<!-- Au-dessus : le code pour le header et la bannière + menu -->
Line 941: Line 489:
<h3><span class="vert">TEAM:</span>Grenoble</h3>
<h3><span class="vert">TEAM:</span>Grenoble</h3>
<ul>
<ul>
-
<li><a href="myfirstwebpage.html">Home</a></li>
+
-
<li><a href="mysecondwebpage.html">The Team</a></li>
+
<li><a href="/Team:Grenoble">Home</a></li>
-
<li><a href="mythirdwebpage.html">Grenoble</a></li>
+
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
-
<li><a href="http://danstonchat.com/latest.html">Notebook</a></li>
+
<li><a href="/Team:Grenoble/Grenoble">Grenoble</a></li>
-
<li><a href="http://www.urbandictionary.com/define.php?term=macfag">Safety</a></li>
+
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
-
<li><a href="http://www.urbandictionary.com/define.php?term=macfag">Links</a></li>
+
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
 +
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
</ul>
</ul>
Line 970: Line 519:
<h3><span class="vert">Event</span> Calendar</h3>
<h3><span class="vert">Event</span> Calendar</h3>
-
<img src="greenzap/images/calendrier-cote-forme.png"/>
 
<p>(Coming Soon ...)</p>
<p>(Coming Soon ...)</p>
Line 977: Line 525:
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
-
<div class="left">
 
-
<img src="greenzap/photos_etudiants/robin.png" class="icon"/>
 
-
<a href="http://fr.wikipedia.org/wiki/Faux-texte#Lorem_ipsum_.28version_populaire.29">
 
-
<h2 class="lien"id="Paragraphe1">Welcome on our first version of the Wiki !<span> By Robin</span></h2>
 
-
</a>
 
-
<p >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec pharetra volutpat nisl. Nullam sollicitudin nulla eget justo. Maecenas urna dui, mollis ut, tristique sit amet, adipiscing nec, neque. Praesent bibendum tempor metus. Sed vitae tellus mollis magna luctus ultrices. Mauris sollicitudin aliquet nunc. Aenean urna. Duis lorem. Proin augue. Quisque interdum felis eu diam.</p>
 
-
 
-
</div>
 
-
<div class="left">
 
-
<img class="icon" src="greenzap/photos_etudiants/samia.png"/>
 
-
<a href="http://syntheticbiology.org/">
 
-
<h2 class="lien"id="Paragraphe2">iGem and the future of synthetic biology<span>By Samia</span></h2>
 
-
</a>
 
-
 
-
 
-
<p>Etiam pede lectus, facilisis sit amet, varius a, malesuada varius, nisl. Aenean aliquam, odio quis semper cursus, nisl lacus rutrum ipsum, a laoreet neque ante vitae tortor. In hac habitasse platea dictumst. Ut at neque interdum enim pharetra commodo. Curabitur erat mi, congue ut, volutpat vel, semper ac, wisi. Sed non metus vel massa pharetra euismod. Nunc quis quam. Curabitur non libero a libero semper tincidunt. Mauris vehicula dui a wisi. Quisque nisl dolor, tempus nec, tristique vitae, eleifend eget, nunc. Duis dapibus, lectus eget egestas consectetuer, nibh metus pharetra nisl, vitae rutrum mi tellus placerat nulla. Praesent sed libero non enim suscipit aliquet. Proin tincidunt pede sit amet eros.</p>
 
-
 
-
<p>Phasellus sed nisl. Integer rhoncus risus vitae arcu. Praesent sed diam non justo sagittis vulputate. Etiam faucibus posuere tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porta. Vestibulum lectus ante, laoreet a, condimentum sit amet, dictum ac, sapien. Ut et tortor. Aliquam vitae lacus. Vestibulum non pede eget ante elementum elementum. Quisque accumsan wisi id quam. Integer tortor justo, cursus volutpat, vehicula ut, pellentesque ultrices, neque. Aenean eu tortor vitae dui pretium molestie. Sed dui nibh, rhoncus ut, egestas quis, commodo id, magna. Morbi gravida tellus id diam. Nunc nonummy leo nec velit. Curabitur id lacus a ipsum lacinia accumsan.</p>
 
-
 
-
<p>Nunc ullamcorper imperdiet lorem. Aliquam convallis, sapien sit amet malesuada dignissim, sem tortor interdum risus, vel scelerisque sapien est ac justo. Sed varius nisl lacinia libero accumsan luctus. Nam luctus leo. In hac habitasse platea dictumst. Donec eget massa. Vivamus arcu ante, condimentum eu, imperdiet et, pulvinar vel, neque. Morbi auctor. Sed ac ligula. Pellentesque adipiscing orci id ipsum. Fusce ipsum. Cras eget neque. Nulla at sapien ornare augue tempor viverra. Praesent vulputate. Mauris mi. Quisque quam. Cras fermentum orci non risus. Phasellus quis augue vitae felis tincidunt dignissim. Vestibulum ut nulla at eros sagittis ullamcorper.</p>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
 
-
<div class="left">
 
-
<img class="icon" src="greenzap/photos_etudiants/clement.png"/>
 
-
<a href="http://syntheticbiology.org/">
 
-
<h2 class="lien"id="Paragraphe2">A great human adventure<span>By Clement</span></h2>
 
-
</a>
 
-
<p>Nunc ullamcorper imperdiet lorem. Aliquam convallis, sapien sit amet malesuada dignissim, sem tortor interdum risus, vel scelerisque sapien est ac justo. Sed varius nisl lacinia libero accumsan luctus. Nam luctus leo. In hac habitasse platea dictumst. Donec eget massa. Vivamus arcu ante, condimentum eu, imperdiet et, pulvinar vel, neque. Morbi auctor. Sed ac ligula. Pellentesque adipiscing orci id ipsum. Fusce ipsum. Cras eget neque. Nulla at sapien ornare augue tempor viverra. Praesent vulputate. Mauris mi. Quisque quam. Cras fermentum orci non risus. Phasellus quis augue vitae felis tincidunt dignissim. Vestibulum ut nulla at eros sagittis ullamcorper.</p>
 
-
 
-
<p>Sed vel erat. Aenean a massa. Quisque ultricies, dolor non rutrum ullamcorper, lorem ligula blandit pede, malesuada volutpat magna dolor et ante. In tellus felis, tincidunt eget, adipiscing eu, gravida sit amet, lorem. Proin dolor. Proin vel elit. Morbi vel enim. Aenean congue enim sed ipsum. Praesent tristique. Ut placerat metus sed nibh. Sed sit amet urna. Morbi et lorem. Sed a erat eget dolor sollicitudin ornare. Maecenas nibh. Quisque tincidunt. Sed odio diam, dapibus a, interdum non, convallis id, pede. Donec condimentum eros eu nunc consequat commodo. Donec tempus fringilla eros.</p>
 
-
 
-
<img class="floated" src="greenzap/images/mit.jpg"/>
 
-
 
-
<p>Mauris mollis luctus urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse consectetuer sem at urna. Aliquam dui magna, congue non, porttitor vitae, varius a, lacus. Duis nec enim. Quisque malesuada, lectus vel laoreet egestas, lorem nibh ultricies elit, et varius velit erat vel risus. Maecenas pellentesque nibh et purus. Nulla commodo justo vitae odio. Sed ornare. Quisque at tortor. Donec mi. Vestibulum consectetuer congue purus. Aenean pulvinar.</p>
 
-
 
-
<p>Nam vel arcu quis justo condimentum egestas. Aliquam dictum wisi. Nam lorem. Ut scelerisque. In velit tortor, venenatis eget, ultricies id, mollis nec, dui. Morbi nec ante vitae libero fermentum aliquam. Ut non quam. Cras ac urna. Aenean sollicitudin turpis sit amet quam. Quisque lacinia. Proin mollis. Vestibulum dapibus, nulla sit amet lacinia dapibus, est odio condimentum lorem, id aliquam lorem enim vitae nibh. Nulla tortor. Nunc pulvinar. Vestibulum malesuada wisi et urna.</p>
 
-
 
-
<p>Nam sodales hendrerit enim in aliquam. Quisque viverra egestas est aliquet sagittis. Maecenas ut orci ipsum, ut egestas tellus. Fusce convallis, massa in iaculis pretium, massa tellus facilisis risus, commodo tempor enim lacus sed libero. Cras lacinia diam quis tellus eleifend pellentesque. Nunc eu suscipit libero. Suspendisse in diam est, et congue justo. Sed pulvinar pharetra leo, accumsan vehicula ipsum pharetra sit amet. Phasellus pharetra metus sit amet orci ornare lacinia. Donec eget purus sapien, nec imperdiet odio. Aenean vel quam quis enim convallis posuere hendrerit hendrerit augue. Etiam nisl eros, tempus ut placerat vitae, auctor et risus. Nulla lectus turpis, tincidunt pellentesque lobortis in, dapibus eget ligula. Phasellus blandit velit et enim ornare euismod porttitor sem viverra. Curabitur convallis suscipit nunc dapibus viverra. </p>
 
-
 
-
<div class="left">
 
-
 
-
</div>
 
-
</div>
 
<script type="text/javascript">
<script type="text/javascript">
Line 1,039: Line 540:
</script>
</script>
         <script type="text/javascript">
         <script type="text/javascript">
-
document.getElementById('p-logo').innerHTML = '<a href=\"/Main_Page\" title=\"Main Page\"> <img src=\'http://www.chachatelier.fr/programmation/images/mozodojo-original-image.jpg\'> </a>'
+
 
 +
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.1<br/><small>In Tartiflette we trust</small>';
 +
 
 +
</script>
 +
        <script type="text/javascript">
 +
 
 +
document.getElementById('p-logo').innerHTML = '<a href=\"/Main_Page\" title=\"Main Page\"> <img class=\"blabla\" src=\'http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg\'> </a>'
 +
 
 +
 
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 13:51, 30 May 2011

TEAM:Grenoble

The Labs

Our Sponsors

Event Calendar

(Coming Soon ...)

Retrieved from "http://2011.igem.org/Team:Grenoble/Templates/Team:Grenoble_V01"