Team:uOttawa

From 2009.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, and a lab notebook.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
 
-
<!-- *** End of the alert box *** -->
 
-
 
-
 
-
 
{|align="justify"
{|align="justify"
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
Line 42: Line 22:
|}
|}
(''Or you can choose different headings.  But you must have a team page, a project page, and a notebook page.'')
(''Or you can choose different headings.  But you must have a team page, a project page, and a notebook page.'')
 +
 +
<html>
 +
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<meta name="copyright" content="Copyright Le Raton Laveur" />
 +
<title>uottawa</title>
 +
<style type="text/css">
 +
body{
 +
background: [[Image:fond.jpg]] no-repeat top center  #1b1b1b;
 +
margin:0;
 +
padding:0;
 +
font-family:Verdana, Geneva, sans-serif;
 +
font-size:9px;
 +
}
 +
.droite{
 +
text-align:right;
 +
}
 +
.clear{
 +
clear:both;
 +
}
 +
a{
 +
color:#0fafcf;
 +
text-decoration:none;
 +
}
 +
a:hover{
 +
color:#000;
 +
}
 +
/*/////////////////////////////////////
 +
    Le Header
 +
/////////////////////////////////////*/
 +
#top{
 +
background:url(theme/top.png) no-repeat transparent top center;
 +
margin: -3px 0 10px 0;
 +
height:129px;
 +
font-size:24px;
 +
line-height:55px;
 +
color:#FFF;
 +
text-align:center;
 +
}
 +
#top .petit{
 +
font-size:14px;
 +
}
 +
 +
/*/////////////////////////////////////
 +
    Le conteneur
 +
/////////////////////////////////////*/
 +
#conteneur{
 +
width:538px;
 +
margin:0 auto;
 +
}
 +
 +
 +
/*/////////////////////////////////////
 +
    Le menu
 +
/////////////////////////////////////*/
 +
#menu {
 +
background:url(theme/contenu_h.png) no-repeat bottom left;
 +
height:55px;
 +
}
 +
 +
#menu ul li{
 +
float:left;
 +
padding:0;
 +
list-style:none;
 +
}
 +
 +
#menu ul li a{
 +
height:43px;
 +
width:107px;
 +
font-size:14px;
 +
line-height:53px;
 +
display:block;
 +
text-decoration:none;
 +
text-align:center;
 +
color:#FFF;
 +
background-repeat:no-repeat;
 +
background-position:top left;
 +
}
 +
#menu ul li a:hover{
 +
height:43px;
 +
width:107px;
 +
line-height:43px;
 +
text-decoration:none;
 +
text-align:center;
 +
color:#FFF;
 +
background-repeat:no-repeat;
 +
background-position:bottom left;
 +
}
 +
/* Les différentes couleurs des menu */
 +
#menu ul li a.orange{
 +
background-image:url(theme/btn_noir.png);
 +
}
 +
#menu ul li a.bleu{
 +
background-image:url(theme/btn_noir.png);
 +
}
 +
#menu ul li a.vert{
 +
background-image:url(theme/btn_noir.png);
 +
}
 +
#menu ul li a.rouge{
 +
background-image:url(theme/btn_noir.png);
 +
}
 +
 +
/*/////////////////////////////////////
 +
    Le contenu
 +
/////////////////////////////////////*/
 +
#contenu{
 +
background:url(theme/contenu.png) repeat-y left;
 +
padding:0 20px;
 +
}
 +
 +
/* Les news */
 +
#news{
 +
float:left;
 +
width:300px;
 +
}
 +
#news h1{
 +
padding:0 10px;
 +
margin:0;
 +
display: block;
 +
height:27px;
 +
line-height:27px;
 +
width:282px;
 +
background:url(theme/news_h1.jpg);
 +
font-size:1em;
 +
font-weight:bold;
 +
}
 +
#news p{
 +
padding:0 15px;
 +
color:#bababa;
 +
}
 +
 +
/* La navigation */
 +
#navigation{
 +
float:right;
 +
}
 +
.bloc{
 +
width:160px;
 +
margin:10px 0 0 0;
 +
padding:10px 0 0 10px;
 +
background:url(theme/nav.jpg) no-repeat top left;
 +
}
 +
.finbloc{
 +
background:url(theme/nav_b.jpg) no-repeat top left;
 +
width:170px;
 +
margin:0;
 +
height:15px;
 +
}
 +
#navigation h1{
 +
padding:0 0 0 19px;
 +
margin:0;
 +
color:#FFF;
 +
display: block;
 +
height:34px;
 +
line-height:30px;
 +
width:133px;
 +
background:url(theme/nav_h1.jpg) no-repeat;
 +
font-size:1em;
 +
font-weight:bold;
 +
}
 +
#navigation ul{
 +
list-style-image:url(theme/nav_li.jpg);
 +
color:#959595;
 +
margin:0;
 +
}
 +
#navigation ul li a{
 +
list-style-image:url(theme/nav_li.jpg);
 +
color:#959595;
 +
}
 +
#navigation ul li a:hover{
 +
color:#000000;
 +
}
 +
/*/////////////////////////////////////
 +
    Le footer
 +
/////////////////////////////////////*/
 +
#bas{
 +
margin:0 auto;
 +
padding:0 0 16px 40px ;
 +
background:url(theme/bas.png) no-repeat;
 +
width:517px;
 +
height:25px;
 +
color:#FFF;
 +
line-height:25px;
 +
}
 +
#bas a{
 +
font-weight:bold;
 +
color:#CCC;
 +
}
 +
#bas a:hover{
 +
font-weight:bold;
 +
color:#FFF;
 +
}
 +
</style>
 +
</head>
 +
 +
 +
<body>
 +
<div id="top"></div>
 +
 +
<div id="conteneur">
 +
<div id="menu">
 +
<ul>
 +
    <li><a class="orange" href="index.html">Accueil</a></li>
 +
        <li><a class="bleu" href="#">Travaux</a></li>
 +
        <li><a class="vert" href="#">À popos</a></li>
 +
        <li><a class="rouge" href="#">Contact</a></li>
 +
    </ul>
 +
</div>
 +
   
 +
<div id="contenu">
 +
   
 +
   
 +
    <div id="news">
 +
        <h1>Bienvenue sur le site</h1>
 +
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ultricies. Praesent aliquet tempus arcu. Cum sociis natoque.</p>
 +
            <p>Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel ante id quam accumsan porta. Morbi nec felis et ligula consequat rutrum. Fusce eget lacus quis purus fringilla malesuada.</p>
 +
            <p class="droite">Posté le <a href="#">31/05</a>. <a href="#">9 Commentaires</a></p>
 +
           
 +
            <h1>Bienvenue sur le site</h1>
 +
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ultricies. Praesent aliquet tempus arcu. Cum sociis natoque.</p>
 +
            <p>Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel ante id quam accumsan porta. Morbi nec felis et ligula consequat rutrum. Fusce eget lacus quis purus fringilla malesuada.</p>
 +
            <p class="droite">Posté le <a href="#">31/05</a>. <a href="#">9 Commentaires</a></p>
 +
</div>
 +
       
 +
       
 +
       
 +
        <div id="navigation">
 +
            <div class="bloc">
 +
      <h1>Navigation</h1>
 +
            <ul>
 +
            <li><a href="#">Flash Gallery</a></li>
 +
              <li><a href="#">DeviantART</a></li>
 +
            </ul>
 +
          </div>
 +
            <div class="finbloc"></div>
 +
           
 +
            <div class="bloc">
 +
      <h1>Lien</h1>
 +
            <ul>
 +
            <li><a href="http://google.fr">Google</a></li>
 +
              </ul>
 +
          </div>
 +
            <div class="finbloc"></div>
 +
           
 +
        </div>
 +
       
 +
       
 +
       
 +
        <div class="clear"></div>
 +
</div>
 +
 +
</div>
 +
    <div id="bas">Copyright © 2008</div>
 +
 +
</body>
 +
 +
</html>

Revision as of 16:45, 19 June 2009

You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
Example logo.png

Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Your team picture
Team Example


Home The Team The Project Parts Submitted to the Registry Modeling Notebook

(Or you can choose different headings. But you must have a team page, a project page, and a notebook page.)

uottawa

Bienvenue sur le site

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ultricies. Praesent aliquet tempus arcu. Cum sociis natoque.

Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel ante id quam accumsan porta. Morbi nec felis et ligula consequat rutrum. Fusce eget lacus quis purus fringilla malesuada.

Posté le 31/05. 9 Commentaires

Bienvenue sur le site

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ultricies. Praesent aliquet tempus arcu. Cum sociis natoque.

Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel ante id quam accumsan porta. Morbi nec felis et ligula consequat rutrum. Fusce eget lacus quis purus fringilla malesuada.

Posté le 31/05. 9 Commentaires

Copyright © 2008