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 ...")
 
(35 intermediate revisions not shown)
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"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
"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="en" lang="en">
<head>
<head>
-
        <title>Grenoble</title>
+
<title>Grenoble 2011, Mercuro-Coli iGEM</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.19.1" />
<meta name="generator" content="Geany 0.19.1" />
-
 
-
<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>
+
<!-- Chargement CSS -->
-
+
-
<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>
+
 +
<link rel="stylesheet" href="https://2011.igem.org/Team:Grenoble/Design/css0?action=raw&ctype=text/css" type="text/css"/>
 +
<link rel="stylesheet" href="https://2011.igem.org/Team:Grenoble/Design/current0?action=raw&ctype=text/css" type="text/css"/>
 +
<!--
 +
<link rel="stylesheet" type="text/css" href="css0.css"/>
 +
-->
 +
<!--
 +
<link rel="stylesheet" type="text/css" href="Css_current0.css"/>
 +
-->
 +
<!--
 +
<link rel="stylesheet" type="text/css" href="gre.css"/>
 +
-->
 +
<!--
 +
<link rel="stylesheet" type="text/css" href="Css_current.css"/>
 +
-->
 +
<!--
 +
<link rel="stylesheet" type="text/css" href="css0.css"/>
 +
<link rel="stylesheet" type="text/css" href="Css_current0.css"/>
 +
-->
 +
</html>
 +
<!-- JAVASCRIPTS -->
 +
{{:Team:Grenoble/script}}
 +
<html>
-
<!-- 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>
+
    <div id="header">
-
<a href="https://2011.igem.org/Team:Grenoble/Sponsors"><img src="https://static.igem.org/mediawiki/2011/c/c8/Logosright.png"\></a>
+
        <div class="centering">
-
<br/>
+
        </div>      
-
+
    </div>
-
<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>
+
</html>
-
<a title="Geoffrey BOUCHAGE" href="mailto:geoffrey.bouchage@phelma.grenoble-inp.fr"> Clic here !</a>
+
<!--
-
</h3>
+
-
</div>
 
 +
Intégration du menu
-
<!-- Le corps du site, ce qui ne fera pas partie du template : -->
 
-
+
-->
-
 
+
{{:Team:Grenoble/menu}}
-
<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 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>
+

Latest revision as of 21:18, 26 October 2011

Grenoble 2011, Mercuro-Coli iGEM

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