Team:Grenoble/Templates/Team:Grenoble Rawhide

From 2011.igem.org

(Difference between revisions)
 
(138 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
+
<!--
-
  <head>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
 
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<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;
+
-
text-align:center;
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
}
+
<head>
 +
<title>Grenoble 2011, Mercuro-Coli iGEM</title>
 +
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 +
<meta name="generator" content="Geany 0.19.1" />
 +
</head>
-
.menu ul {
+
<!-- Chargement CSS -->
-
padding:0;
+
<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>
-
margin:0;
+
    <div id="header">
 +
        <div class="centering">
 +
        </div>
 +
    </div>
-
list-style:none;
+
</html>
 +
<!--
-
border:0;
 
-
float:left;
+
Intégration du menu
-
}
 
-
.menu li {
+
-->
-
 
+
{{:Team:Grenoble/menu}}
-
float:left;
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:0 5px;
+
-
 
+
-
border:0;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.menu  a {
+
-
 
+
-
float:left;
+
-
 
+
-
margin:0;
+
-
 
+
-
padding:20px 0;
+
-
 
+
-
color:#5c5c5c;
+
-
 
+
-
font:bold 30px Arial, Helvetica, sans-serif;
+
-
 
+
-
text-decoration:none;
+
-
+
-
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
+
-
       
+
-
        width : 144px; /* largeur */
+
-
 
+
-
}
+
-
 
+
-
.menu li ul /* Sous-listes */
+
-
{  
+
-
        position: absolute; /* Position absolue */
+
-
        width: 144px; /* Largeur des sous-listes */
+
-
        left: -999em; /* Hop, on envoie loin du champ de vision */
+
-
}
+
-
 
+
-
.menu li ul li /* Eléments de sous-listes */
+
-
{
+
-
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
+
-
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
+
-
}
+
-
 
+
-
.menu li ul ul
+
-
{
+
-
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
+
-
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
+
-
        border-left    : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */     
+
-
}
+
-
 
+
-
.menu li:hover ul ul, .menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
+
-
{
+
-
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
+
-
}
+
-
 
+
-
.menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
+
-
{
+
-
        left: auto; /* Repositionnement normal */
+
-
        min-height: 0; /* Corrige un bug sous IE */
+
-
}
+
-
 
+
-
/*
+
-
.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>
+
-
<body>
+
-
 
+
-
<div class="menu" >
+
-
<ul id="menulist">
+
-
+
-
<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>
+
-
  <ul>
+
-
    <li><a href="/Team:Grenoble/Safety">Overview</a></li>
+
-
    <li><a href="/Team:Grenoble/Safety">Genetical Network</a></li>
+
-
    <li>Sous-menu1
+
-
      <ul>
+
-
<li><a href="/Team:Grenoble/Safety">Banane</a></li>
+
-
<li><a href="/Team:Grenoble/Safety">Fraise</a></li>
+
-
<li><a href="/Team:Grenoble/Safety">There is no try</a></li>
+
-
      </ul>
+
-
    </li> 
+
-
</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">Our Project</a>
+
-
  <ul>
+
-
    <li><a href="/Team:Grenoble/Safety">Overview</a></li>
+
-
    <li><a href="/Team:Grenoble/Safety">Genetical Network</a></li>
+
-
    <li>Sous-menu1
+
-
      <ul>
+
-
<li><a href="/Team:Grenoble/Safety">Banane</a></li>
+
-
<li><a href="/Team:Grenoble/Safety">Fraise</a></li>
+
-
<li><a href="/Team:Grenoble/Safety">There is no try</a></li>
+
-
      </ul>
+
-
    </li> 
+
-
</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>
+
-
                                        <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>
+
-
 
+
-
<!-- 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 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>
+
-
 
+
-
<script type="text/javascript">
+
-
sfHover = function() {
+
-
        var sfEls = document.getElementById("menulist").getElementsByTagName("li");
+
-
        alert(sfEls);
+
-
        for (var i=0; i<sfEls.length; i++) {
+
-
                sfEls[i].onmouseover=function() {
+
-
                        this.className+=" sfhover";
+
-
                }
+
-
                sfEls[i].onmouseout=function() {
+
-
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
+
-
                }
+
-
        }
+
-
}
+
-
if (window.attachEvent) window.attachEvent("onload", sfHover);
+
-
 
+
-
</script>
+
-
</body>
+
-
</html>
+

Latest revision as of 17:05, 23 October 2011


Grenoble 2011, Mercuro-Coli iGEM