Team:Grenoble/Templates/Team:Grenoble V01

From 2011.igem.org

(Difference between revisions)
 
(4 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>
 +
body {
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
 +
background:#fcf6ee;
 +
 +
}
 +
 +
 +
html {
 +
 +
padding:0;
 +
 +
margin:0;
 +
 +
}
 +
 +
 +
img.blabla  {
 +
 +
width:100%;
 +
 +
height:auto;
 +
 +
}
 +
 +
li.bg, .bg {
 +
 +
clear:both;
 +
 +
border-bottom:1px dashed #818181;
 +
 +
padding:0;
 +
 +
margin:10px 0;
 +
 +
background:none;
 +
 +
list-style:none;
 +
 +
}
 +
 +
p.clr, .clr {
 +
 +
clear:both;
 +
 +
padding:0;
 +
 +
margin:0;
 +
 +
}
 +
 +
 +
.logo {
 +
 +
margin:0;
 +
 +
}
 +
 +
 +
 +
 +
h1 {
 +
 +
margin:0;
 +
 +
padding:30px 0 30px 32px;
 +
 +
color:#5c5c5c;
 +
 +
font:bold 45px/1.1em Arial, Helvetica, sans-serif;
 +
 +
text-transform:uppercase;
 +
 +
letter-spacing:-3px;
 +
 +
}
 +
 +
h1 a, h1 a:hover {
 +
 +
color:#5c5c5c;
 +
 +
text-decoration:none;
 +
 +
}
 +
 +
h1 span {
 +
 +
font-weight:bold;
 +
 +
color:#8fc400;
 +
 +
}
 +
 +
h1 small {
 +
 +
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
 +
 +
color:#888;
 +
 +
letter-spacing:normal;
 +
 +
}
 +
 +
.menu {
 +
 +
padding:4px 2px 2px 2px;
 +
 +
margin:0;
 +
 +
width:100%;
 +
 +
float:left;
 +
 +
}
 +
 +
.menu ul {
 +
 +
padding:0;
 +
 +
margin:0;
 +
 +
list-style:none;
 +
 +
border:0;
 +
 +
float:left;
 +
 +
}
 +
 +
.menu ul li {
 +
 +
float:left;
 +
 +
margin:0;
 +
 +
padding:0 5px;
 +
 +
border:0;
 +
 +
}
 +
 +
.menu ul li a {
 +
 +
float:left;
 +
 +
margin:0;
 +
 +
padding:20px 0;
 +
 +
color:#5c5c5c;
 +
 +
font:bold 30px Arial, Helvetica, sans-serif;
 +
 +
text-decoration:none;
 +
 +
}
 +
 +
.menu ul li a span {
 +
 +
padding:20px 10px;
 +
 +
background:none;
 +
 +
}
 +
 +
.menu ul li a:hover {
 +
 +
color:#8bbe43;
 +
 +
background:url(images/r_menu.gif) no-repeat right;
 +
 +
}
 +
 +
.menu ul li a:hover span {
 +
 +
color:#8bbe43;
 +
 +
background:url(images/l_menu.gif) no-repeat left;
 +
 +
}
 +
 +
.menu ul li a.active {
 +
 +
color:#8bbe43;
 +
 +
background:url(images/r_menu.gif) no-repeat right;
 +
 +
}
 +
 +
.menu ul li a.active span {
 +
 +
color:#8bbe43;
 +
 +
background:url(images/l_menu.gif) no-repeat left;
 +
 +
}
 +
 +
 +
.body {
 +
 +
margin:0;
 +
 +
padding:0;
 +
 +
}
 +
 +
.body h2 {
 +
 +
font:bold 24px Arial, Helvetica, sans-serif;
 +
 +
color:#323a3f;
 +
 +
padding:10px 5px;
 +
 +
margin:5px 2px 12px 0;
 +
 +
}
 +
 +
.body h1 {
 +
 +
font:bold 34px Arial, Helvetica, sans-serif;
 +
 +
color:#323a3f;
 +
 +
padding:10px 5px;
 +
 +
margin:5px 2px 12px 0;
 +
 +
}
 +
 +
 +
 +
.body h3 {
 +
 +
font:bold 24px Arial, Helvetica, sans-serif;
 +
 +
color:#323a3f;
 +
 +
padding:10px 5px;
 +
 +
margin:5px 0 10px 0;
 +
 +
}
 +
 +
.body h3 span.vert{
 +
 +
color:#8fc400;
 +
 +
}
 +
 +
 +
 +
.body h2 span {
 +
 +
float:right;
 +
 +
color:#959595;
 +
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
}
 +
 +
.body p {
 +
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
color:#5f5f5f;
 +
 +
padding:5px;
 +
 +
margin:0;
 +
 +
line-height:1.8em;
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
.body img {
 +
 +
float:left;
 +
 +
padding:0;
 +
 +
 +
 +
}
 +
 +
.body img.icon {
 +
 +
margin: 15px 5px 2px 0;
 +
 +
width:80px;
 +
 +
height:auto;
 +
 +
}
 +
 +
 +
 +
.body img.floated {
 +
 +
float:right;
 +
 +
margin:5px 10px 5px 0;
 +
 +
padding:0;
 +
 +
width:auto;
 +
 +
height:auto;
 +
 +
}
 +
 +
.body a {
 +
 +
color:#97c950;
 +
 +
text-decoration:underline;
 +
 +
}
 +
 +
 +
 +
.body h2.lien:hover{
 +
 +
background-color: #D8FFC8;
 +
 +
}
 +
 +
 +
 +
.left {
 +
 +
float:left;
 +
 +
width:65%;
 +
 +
margin:40px 0px 10px 25px;
 +
 +
padding: 0 25px;
 +
 +
background:url(images/l_bg.gif) top left no-repeat;
 +
 +
}
 +
 +
.right {
 +
 +
 +
 +
float:right;
 +
 +
width:20%;
 +
 +
margin:40px 10px 0 0;
 +
 +
padding:0 25px;
 +
 +
background:url(images/r_bg.gif) top center no-repeat;
 +
 +
}
 +
 +
.right ul {
 +
 +
list-style:none;
 +
 +
margin:5px 0;
 +
 +
padding:0;
 +
 +
}
 +
 +
.right li {
 +
 +
background:10px 10px no-repeat;
 +
 +
font:normal 14px Arial, Helvetica, sans-serif;
 +
 +
color:#464646;
 +
 +
padding:5px 0;
 +
 +
margin:3px 0;
 +
 +
}
 +
 +
.right li a {
 +
 +
padding:0 0 0 5px;
 +
 +
margin:0;
 +
 +
font:bold 17px Arial, Helvetica, sans-serif;
 +
 +
color:#5f5f5f;
 +
 +
text-decoration:none;
 +
 +
}
 +
 +
.right li a:hover {
 +
 +
color:#97c950;
 +
 +
margin:5px;
 +
 +
/*background-color:#a2cd9a;*/
 +
 +
text-decoration:none;
 +
 +
}
 +
 +
.right ul.sponsors {
 +
 +
list-style:none;
 +
 +
margin:5px 0;
 +
 +
padding:0;
 +
 +
}
 +
 +
.right li.sponsors {
 +
 +
background:none;
 +
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
color:#5f5f5f;
 +
 +
padding:8px 0;
 +
 +
}
 +
 +
.right li.sponsors a {
 +
 +
padding:0 0 0 0px;
 +
 +
margin:0;
 +
 +
font:normal 13px Arial, Helvetica, sans-serif;
 +
 +
color:#97c950;
 +
 +
text-decoration:none;
 +
 +
}
 +
 +
.right li.sponsors strong {
 +
 +
color:#97c950;
 +
 +
}
 +
</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 36: 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 65: 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 72: 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 134: 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"