Team:Grenoble/Templates/Current

From 2011.igem.org

(Difference between revisions)
(Created page with "<!-- Maxime: J'ai remis à jour ce fichier (j'en ai une sauvegarde si qqun en a besoin, elle est à la même adresse mais avec V03 au lieu de V02) j'ai refait l'indentation plus ...")
Line 1: Line 1:
-
<!--
 
-
Maxime: J'ai remis à jour ce fichier (j'en ai une sauvegarde si qqun en a besoin, elle est à la même adresse mais avec V03 au lieu de V02) j'ai refait l'indentation plus proprement.
 
-
 
-
Pour éditer proprement et simplement le wiki, j'utilise Geany. Il suffit de copier tout ce qui est ici et de l'enregistrer avec une extension .html
 
-
 
-
Il faut décommenter les deux lignes:
 
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
-
 
-
Ensuite dans Geany on appuie sur "F5" pour voir la page dans un navigateur, tout apparaît sauf la bannière Team:Grenoble, c'est normal mais je ne sais pas pourquoi ^^
 
-
 
-
Les lignes qu'on décommente pour observer le résultat dans un navigateur doivent être remises en commentaire quand on copie dans le wiki !
 
-
 
-
Je m'occuperai de rendre un peu plus joli le code des autres pages bientôt (faut que je ferme les balises qui ne le sont pas, j'avais ouvert des <p> sans les fermer).
 
-
-->
 
-
 
-
<!--
 
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
-
-->
 
-
 
-
<!--
 
-
Ce qui suit doit être mis dans le wiki:
 
-
-->
 
-
 
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<head>
-
        <title>Grenoble</title>
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Grenoble/Templates/Css_current.css?action=raw&ctype=text/css" />
-
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
</head>
-
<meta name="generator" content="Geany 0.19.1" />
+
<body>
-
<style>
+
  <div id="dolphincontainer">
-
body {
+
    <div id="dolphinnav">
-
margin:0;
+
<ul>
 +
 +
<li ><a href="/Team:Grenoble" class="level1">Home</a>
 +
</li>
 +
<li ><a href="/Team:Grenoble/The_Team/" class="level1">About us</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/The_Team/" class="level2">The Team</a></li>
 +
    <li><a href="/Team:Grenoble/Grenoble" class="level2">Grenoble</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Projet/Intro" class="level1">Le Projet</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Projet/Intro" class="level2">Introduction</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Design" class="level2">Design and principle</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Modelling" class="level2">Modelling</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Results" class="level2">Results</a></li>
 +
    <li><a href="/Team:Grenoble/Projet/Biobricks" class="level2">Biobricks</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Notebook/June" class="level1">Notebook</a>
 +
  <ul>
 +
    <li><a href="/Team:Grenoble/Notebook/June" class="level2">June</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/July" class="level2">July</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/August" class="level2">August</a></li>
 +
    <li><a href="/Team:Grenoble/Notebook/September" class="level2">September</a></li>
 +
  </ul>
 +
</li>
 +
<li ><a href="/Team:Grenoble/Safety" class="level1">Safety</a></li>
 +
<li ><a href="/Team:Grenoble/HumanPractice" class="level1">Human Practice</a></li>
 +
<li ><a href="/Team:Grenoble/Sponsors" class="level1">Sponsors</a></li>
 +
</ul>
-
padding:0;
+
    </div>
 +
  </div>
-
width:100%;
 
-
background:#fcf6ee;
 
-
}
+
<!-- Au-dessus : le code pour le header et la bannière + menu -->
 +
<!-- En-dessous : Le sidebar menu, à droite -->
-
html {
+
<div class="body" >
 +
 +
<div class="right blocbackground">
 +
  <div id="submenu">
 +
<h3><span class="vert">TEAM:</span>Grenoble</h3>
 +
<ul >
 +
 +
<li><a href="/Team:Grenoble">Home</a>
 +
</li>
 +
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
 +
<li><a href="/Team:Grenoble/Grenoble">Our Project</a>
 +
</li>
 +
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
 +
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
 +
<li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li>
 +
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
 +
</ul>
 +
  </div>
-
padding:0;
 
-
margin:0;
+
<h3><span class="vert">Our</span> Sponsors</h3>
 +
<a href="https://2011.igem.org/Team:Grenoble/Sponsors"><img src="https://static.igem.org/mediawiki/2011/c/c8/Logosright.png"\></a><br/>
 +
<h3><span class="vert">Event</span> Calendar</h3>
 +
<p>
 +
<ul>
 +
<li>2nd September:</li>
 +
<a href="http://www.minatec.com/midis">Conference Midi Minatec,</a><br />
 +
3 parvis Louis Néel<br />
 +
38 000 GRENOBLE
 +
</ul>
 +
</p>
 +
-
}
+
<h3><span class="vert">Contact</span> Us</h3>
 +
<p>geoffrey.bouchage<br />@phelma.grenoble-inp.fr</p>
 +
</div>
-
img.blabla  {
+
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
-
width:100%;
+
<!-- Javascript pour le menu dlphin et modifier l'image du haut -->
-
height:auto;
+
<script type="text/javascript">
 +
var s = document.getElementById('arf');
 +
var w = screen.width;
 +
var r = (w/3097)*452 + 192;
 +
var str = String(r)+"px";
 +
s.style.top = str;
 +
</script>
 +
<script type="text/javascript">
-
}
+
var hones = document.getElementsByTagName('h1');
 +
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.3<br/><small>Apoptose !</small>';
-
li.bg, .bg {
+
</script>
 +
<script type="text/javascript">
-
clear:both;
+
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>'
-
border-bottom:1px dashed #818181;
+
</script>
-
padding:0;
+
<script type="text/javascript">
-
 
+
sfHover = function() {
-
margin:10px 0;
+
var sfEls = document.getElementById("dolphinnav").getElementsByTagName("li");
-
 
+
-
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;
+
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
  for (var j=0; j<sfEls.length; j++) {
 +
sfEls[j].className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
  this.className+=" sfhover";
 +
  //Did i mention that i hate javascript ?
 +
}
 +
}
-
 
}
}
-
.body img.icon {
+
if (window.addEventListener)
-
 
+
{  
-
margin: 15px 5px 2px 0;
+
// Firefox/Chrome/Opera/Safari
-
 
+
window.addEventListener('load', sfHover, false);
-
width:80px;
+
-
 
+
-
height:auto;
+
}
}
-
 
+
else if (window.attachEvent)
-
 
+
{
-
 
+
// IE
-
.body img.floated {
+
window.attachEvent('onload', sfHover);
-
 
+
-
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>
 
-
 
-
<body>
 
-
 
-
<div class="menu">
 
-
<ul>
 
-
<li><a href="/Team:Grenoble">Home</a></li>
 
-
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
 
-
<li><a href="/Team:Grenoble/Grenoble">Project</a></li>
 
-
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
 
-
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
 
-
<li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li>
 
-
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
 
-
</ul>
 
-
</div>
 
-
 
-
 
-
<!-- Au-dessus : le code pour le header et la bannière + menu -->
 
-
 
-
<!-- En-dessous : Le sidebar menu, à droite -->
 
-
 
-
<div class="body" id="arf" >
 
-
 
-
<div class="right">
 
-
 
-
<h3><span class="vert">TEAM:</span>Grenoble</h3>
 
-
<ul>
 
-
<li><a href="/Team:Grenoble">Home</a></li>
 
-
<li><a href="/Team:Grenoble/The_Team/">The Team</a></li>
 
-
<li><a href="/Team:Grenoble/Grenoble">Project</a></li>
 
-
<li><a href="/Team:Grenoble/Notebook">Notebook</a></li>
 
-
<li><a href="/Team:Grenoble/Safety">Safety</a></li>
 
-
<li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li>
 
-
<li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li>
 
-
</ul>
 
-
 
-
<h3><span class="vert">Our</span> Sponsors</h3>
 
-
<a href="https://2011.igem.org/Team:Grenoble/Sponsors"><img src="https://static.igem.org/mediawiki/2011/c/c8/Logosright.png"\></a>
 
-
<br/>
 
-
 
-
<h3><span class="vert">Event</span> Calendar</h3>
 
-
 
-
<p>
 
-
<ul>
 
-
<li>2nd September:</li>
 
-
</ul>
 
-
<a href="http://www.minatec.com/midis">Conference Midi Minatec,</a>
 
-
<br />
 
-
3 parvis Louis Néel<br />
 
-
38 000 GRENOBLE<br />
 
-
                        FRANCE
 
-
</p>
 
-
 
-
 
-
<h3><span class="vert">Contact</span> Us</h3>
 
-
 
-
<h3>
 
-
<a title="Geoffrey BOUCHAGE" href="mailto:geoffrey.bouchage@phelma.grenoble-inp.fr"> Clic here !</a>
 
-
</h3>
 
-
 
-
</div>
 
-
 
-
 
-
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
 
-
 
-
 
-
 
-
<script type="text/javascript">
 
-
var s = document.getElementById('arf');
 
-
var w = screen.width;
 
-
//alert(screen.width);
 
-
//alert(s);
 
-
var r = (w/3097)*452 + 192;
 
-
//alert(r);
 
-
var str = String(r)+"px";
 
-
//alert(str);
 
-
s.style.top = str;
 
</script>
</script>
-
 
+
</body>
-
<script type="text/javascript">
+
-
var hones = document.getElementsByTagName('h1');
+
-
hones[0].innerHTML = '<span>Team:</span>Grenoble v0.2<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>
+
-
 
+
-
 
+
-
</body>
+
-
 
+
</html>
</html>

Revision as of 08:48, 12 August 2011

Our Sponsors


Event Calendar

Contact Us

geoffrey.bouchage
@phelma.grenoble-inp.fr

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