Team:ULB-Brussels/Notebook

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
+
 
<head>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
Line 6: Line 6:
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="menu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="menu.css" media="screen" />
-
<style>
 
-
 
-
body {
 
-
width: 910px;
 
-
font-family: Arial;
 
-
margin: 0 auto;
 
-
}
 
-
#header {
+
<!-- Auto-Reload script for Dev -->
-
margin: 0px;
+
<script language="javascript" type="text/javascript">
-
padding: 15px;
+
<!--
-
margin-top: -21px; /* strange... */
+
function timedRefresh(timeoutPeriod) {
-
}
+
setTimeout("location.reload(true);",timeoutPeriod);
 +
}
 +
//  -->
 +
</script>
 +
        <style type="text/css">
 +
/* Design for https://2009.igem.org/Team:ULB-Brussels
-
#banner {
+
    Université Libre de Bruxelles
-
                                       
+
*/
-
height: 140px;
+
-
background-image:url(https://static.igem.org/mediawiki/2009/c/c7/BannerUlb.png);
+
-
}
+
html body {
 +
width: 910px;
 +
font-family: Arial;
 +
margin: 0 auto;
-
#banner h1 {
+
}
-
padding-top: 50px;
+
-
text-align: center;
+
-
color: #4E7DB7;
+
-
font-size: 40px;
+
-
}
+
-
#header ul {
+
html body div.header {
-
margin-top: 0px;
+
margin: 0px;
-
margin-bottom: 0px;
+
padding: 0px;
 +
margin-top: -21px; /* strange... */
 +
}
-
list-style-type: none;
+
/* ===== banner ===== */
-
}
+
-
/* ===== menu ===== */
+
/* banner = large image on the top of the page, begind the title */
-
#menu {
+
html body div.header div.banner {
-
/*background-color: #4E7DB4;*/
+
height: 140px;
-
background-color: #3E6DA4;
+
background-image: url(https://static.igem.org/mediawiki/2009/c/c7/BannerUlb.png);
-
height: 30px;
+
    background-repeat: no-repeat;
-
color: white;
+
}
-
padding: 0px;
+
-
}
+
-
#menu li {
+
html body div.header div.banner h1 {
-
float: left;
+
padding-top: 50px;
-
width: 120px;
+
   
-
text-align: center;
+
text-align: center;
 +
    text-decoration: none;
 +
    border: none;
-
margin: 0px;
+
color: #4E7DB7;
-
margin-top: 10px;
+
font-size: 40px;
-
}
+
}
-
+
-
#menu li :hover {
+
-
color: #5F7EB4;
+
-
background-color: #FFFFFF;
+
-
margin: 0px;
+
html body div.header ul {
 +
    /* these are common to both 'menu' and 'submenu' */
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
   
 +
list-style-type: none;
 +
    list-style-image: none;
 +
}
-
padding-left: 15px;
+
/* ===== menu ===== */
-
padding-right: 15px;
+
-
padding-top: 4px;
+
-
padding-bottom: 3px;
+
-
}
+
-
#menu li #selection {
+
/* menu = horizontal bar containing the main links to other sections of the wiki */
-
color: #5F7EB4;
+
-
background-color: #FFFFFF;
+
-
margin: 0px;
+
html body div.header div.menu {
 +
    background-color: #3E6DA4;
 +
color: white;
 +
   
 +
height: 30px;
 +
padding: 0px;
 +
}
-
padding-left: 15px;
+
html body div.header div.menu li {
-
padding-right: 15px;
+
float: left;
-
padding-top: 4px;
+
text-align: center;
-
padding-bottom: 3px;
+
   
-
}
+
    width: 120px;
 +
margin: 0px;
 +
margin-top: 10px;
 +
}
 +
 +
html body div.header div.menu li :hover {
 +
color: #5F7EB4;
 +
background-color: #FFFFFF;
-
#menu a {
+
margin: 0px;
-
color: white;
+
-
text-decoration: none;
+
-
}
+
-
/* ===== submenu ===== */
+
padding-left: 15px;
 +
padding-right: 15px;
 +
padding-top: 4px;
 +
padding-bottom: 3px;
 +
}
-
#submenu {
+
/* class 'selection' refers to the 'selected' menu, in order to change it's color to white */
-
/*background-color: #404040;*/
+
html body div.header div.menu li a.selection {
-
background-color: white;
+
color: #5F7EB4;
-
height: 25px;
+
background-color: #FFFFFF;
-
+
-
font-size: small;
+
-
+
-
border-bottom-style: solid;
+
-
border-bottom-width: 1px;
+
-
border-bottom-color: #AAAAAA;
+
-
}
+
-
#submenu li {
+
margin: 0px;
-
float: left;
+
-
width: 120px;
+
-
text-align: center;
+
-
margin: 0px;
+
padding-left: 15px;
-
margin-top: 4px;
+
padding-right: 15px;
-
}
+
padding-top: 4px;
-
+
padding-bottom: 3px;
-
#submenu li :hover {
+
}
-
color: #5F7EB4;
+
-
background-color: #FFFFFF;
+
-
margin: 0px;
+
html body div.header div.menu li a {
 +
color: white;
 +
text-decoration: none;
 +
}
-
padding-left: 15px;
+
/* ===== submenu ===== */
-
padding-right: 15px;
+
-
padding-bottom: 3px;
+
-
}
+
-
#submenu a {cf
+
/* submenu = changing horizontal bar containing the main links to subsections of other sections of the wiki */
-
color: #5F7EB4;
+
-
text-decoration: none;
+
-
}
+
-
/* ===== main ===== */
+
html body div.header div.submenu {
 +
/*background-color: #404040;*/
 +
background-color: white;
 +
height: 25px;
 +
 +
font-size: small;
 +
 +
border-bottom-style: solid;
 +
border-bottom-width: 1px;
 +
border-bottom-color: #AAAAAA;
 +
}
-
#panel {
+
html body div.header div.submenu li {
-
float: right;
+
float: left;
-
border-left-style: solid;
+
width: 120px;
-
border-left-width: 1px;
+
text-align: center;
-
border-left-color: #AAAAAA;
+
-
+
-
padding-left: 10px;
+
-
margin-left: 10px;
+
-
margin-top: 20px;
+
-
+
-
width: 250px;
+
-
font-size: small;
+
-
}
+
-
#panel a {
+
margin: 0px;
-
text-decoration: none;
+
margin-top: 4px;
-
font-weight: bold;
+
}
-
color: #3E6DA4;
+
-
}
+
-
#panel img {
+
html body div.header div.submenu li :hover {
-
width: 50px;
+
color: #5F7EB4;
-
height: 50px;
+
background-color: #FFFFFF;
-
border-style: none;
+
-
float: left;
+
-
margin-right: 7px;
+
-
}
+
-
#panel a:hover {
+
margin: 0px;
-
color: #F5B455;
+
-
}
+
-
#countdown {
+
padding-left: 15px;
-
margin-bottom: 20px;
+
padding-right: 15px;
-
}
+
padding-bottom: 3px;
-
#countdown font {
+
}
-
color: #5F7EB4;
+
-
}
+
-
#panel .sponsor {
+
html body div.header div.submenu li a {
-
margin-bottom: 10px;
+
color: #5F7EB4;
-
min-height: 50px;
+
text-decoration: none;
-
}
+
}
-
#main {
+
/* ===== panel ===== */
-
font-size: small;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
width: 625px;
+
-
text-align: justify;
+
-
}
+
-
#main .abstract {
+
/* panel = box containing mascotte, contdown and links to sponsors */
-
font-weight: bold;
+
 +
html body div.panel {
 +
    float: right;
 +
    border-left-style: solid;
 +
    border-left-width: 1px;
 +
    border-left-color: #AAAAAA;
 +
   
 +
    padding-left: 10px;
 +
    margin-left: 10px;
 +
    margin-top: 20px;
 +
   
 +
    width: 250px;
 +
    font-size: small;
 +
}
-
#welcome img {
+
/* appearance of the links */
-
width: 626px;
+
html body div.panel a {
-
height: 150px;
+
     text-decoration: none;
-
margin-top: 10px;
+
-
border-style: none;
+
-
}
+
-
 
+
-
.footer {
+
-
}
+
-
+
-
table.calendar          { margin: 0; padding: 2px; }
+
-
table.calendar td      { margin: 0; padding: 1px; vertical-align: top; }
+
-
table.month .heading td { padding:1px; background-color:#FFFFFF; color:#0000FF; text-align:center; font-size:120%; font-weight:bold; }
+
-
table.month .dow td     { color:#00CCFF; text-align:center; font-size:110%; }
+
-
table.month td.today    { background-color:#AAAAAA; }
+
-
table.month td {
+
-
    border: none;
+
-
    margin: 0;
+
-
    padding: 0pt 1.5pt;
+
     font-weight: bold;
     font-weight: bold;
-
     font-size: 8pt;
+
     color: #3E6DA4;
-
     text-align: right;
+
}
-
     background-color: #FFFFFF;
+
 
-
     }
+
html body div.panel a:hover {
-
#bodyContent table.month a { background:none; padding:0 }
+
     color: #F5B455;
-
.day-active { color:blue; }
+
}
-
.day-empty  { color:black; }
+
 
-
</style>
+
/* == countdown == */
-
</head>
+
 
-
<body >
+
html body div.panel div.countdown {
 +
    /*margin-top: 20px;
 +
     margin-bottom: 20px;
 +
    height: 30px;*/
 +
    margin: 20px;
 +
    padding: 20px;
 +
}
 +
 
 +
.countdown font {
 +
    padding: 20px;
 +
    margin: 20px;
 +
    color: #5F7EB4;
 +
}
 +
 
 +
/* == sponsors == */
 +
 
 +
html body div.panel div.sponsor {
 +
     margin-bottom: 10px;
 +
    min-height: 50px;
 +
}
 +
 
 +
/* appearance of the sponsor's logos */
 +
html body div.panel div.sponsor img {
 +
    width: 50px;
 +
    height: 50px;
 +
    border-style: none;
 +
    float: left;
 +
    margin-right: 7px;
 +
}
 +
 
 +
/* ===== main ===== */
 +
 
 +
html body div.main {
 +
font-size: small;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
    width: 625px;
 +
    text-align: justify;
 +
}
 +
 
 +
html body div.main p.abstract {
 +
font-weight: bold;
 +
}
 +
 
 +
html body div.main div.welcome img {
 +
    width: 626px;
 +
    height: 150px;
 +
    margin-top: 10px;
 +
    border-style: none;
 +
}
 +
 
 +
html body div.footer {
 +
}
 +
 
 +
        </style>
 +
       
 +
</head>
-
<div id="header">
+
    <!-- *** Uncomment next line to enable autorefresh (developper mode) *** -->
-
<div id="banner">
+
<!-- <body onload="JavaScript:timedRefresh(5000);"> -->
 +
<!-- <body> -->
 +
    <body>
 +
        <!--
 +
            header : box on the top of the page containing the banner and links to sections and subsections of
 +
            the wiki.
 +
        -->
 +
<div class="header">
 +
           
 +
<div class="banner">
<h1>Team ULB-Brussels</h1>
<h1>Team ULB-Brussels</h1>
</div>
</div>
-
<div id="menu">
+
<div class="menu">
<ul>
<ul>
-
<li><a class="mainlink" href="/Team:ULB-Brussels">Home</a></li>
+
<li><a class="mainlink selection" href="/Team:ULB-Brussels">Home</a></li>
-
+
<li><a class="mainlink" href="/Team:ULB-Brussels/Team">Team</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Team">Team</a></li>
-
 
<li><a class="mainlink" href="/Team:ULB-Brussels/Project">Project</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Project">Project</a></li>
-
 
<li><a class="mainlink" href="/Team:ULB-Brussels/Parts">Parts</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Parts">Parts</a></li>
-
 
<li><a class="mainlink" href="/Team:ULB-Brussels/Modeling">Modeling</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Modeling">Modeling</a></li>
-
 
<li><a class="mainlink" href="/Team:ULB-Brussels/Notebook">Notebook</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Notebook">Notebook</a></li>
-
 
<li><a class="mainlink" href="/Team:ULB-Brussels/Sponsors">Sponsors</a></li>
<li><a class="mainlink" href="/Team:ULB-Brussels/Sponsors">Sponsors</a></li>
</ul>
</ul>
</div>
</div>
-
<div id="submenu">
+
<div class="submenu">
-
<lu>
+
<ul>
<li><a href="#english">English</a></li>
<li><a href="#english">English</a></li>
<li><a href="#french">French</a></li>
<li><a href="#french">French</a></li>
 +
 +
<!--
<li><a href="#dutch">Dutch</a></li>
<li><a href="#dutch">Dutch</a></li>
<li><a href="#german">German</a></li>
<li><a href="#german">German</a></li>
<li><a href="#spanish">Spanish</a></li>
<li><a href="#spanish">Spanish</a></li>
<li><a href="#italian">Italiano</a></li>
<li><a href="#italian">Italiano</a></li>
-
</lu>
+
<li><a href="#chinese">Chinese</a></li>
 +
-->
 +
 
 +
                   
 +
</ul>
</div>
</div>
</div>
</div>
          
          
-
         <div id="panel">
+
        <!--
-
             <div id="countdown">
+
            panel : box on the right containing a countdown, links to the sponsors
-
                 <script language="javascript">
+
        -->
-
                    datedujour = new Date();
+
         <div class="panel">
-
                    hdj = datedujour.getHours();
+
             <div class="countdown">
-
                    mdj = datedujour.getMinutes();
+
                 <b>
-
                    sdj = datedujour.getSeconds();
+
                    <font size='14'>
-
                    date_even = new Date(2009, 9, 30, 10, 00, 00);  
+
                        <script language="javascript" type="text/javascript">
-
                    date1 = datedujour.getTime();
+
                            datedujour = new Date();
-
                    date2 = date_even.getTime();
+
                            hdj = datedujour.getHours();
-
                    nbrej = date2-date1;
+
                            mdj = datedujour.getMinutes();
-
                    nbrej = Math.round((Math.round(nbrej)/1000)/60/60/24);
+
                            sdj = datedujour.getSeconds();
-
                    document.write("<b><font size='13'> "+nbrej+" </font><br/>days before the Jamboree</b>");
+
                            date_even = new Date(2009, 9, 30, 10, 00, 00); //janv =0 > decemb =11
-
                </script>
+
                            date1 = datedujour.getTime();
-
</div>
+
                            date2 = date_even.getTime();
-
         </div>              
+
                            nbrej = date2-date1;
-
     
+
                            nbrej = Math.round((Math.round(nbrej)/1000)/60/60/24);
 +
                            document.write(nbrej);
 +
                        </script>
 +
                    </font> <br/>
 +
                    days before the Jamboree
 +
                </b>
 +
            </div>
 +
                       
 +
              </div>
 +
 
 +
         <!--
 +
            main : main part of the page, containing the text
 +
        -->
 +
<div class="main">
 +
 +
</div>
 +
           
 +
<div class="footer">
 +
</div>
 +
</body>
</body>
</html>
</html>
-
 
-
<html>
 
-
<style type="text/css">
 
-
 
-
 
-
 
-
table.calendar          { margin: 0; padding: 2px; }
 
-
table.calendar td      { margin: 0; padding: 1px; vertical-align: top; }
 
-
table.month .heading td { padding:1px; background-color:#FFFFFF; color:#0000FF; text-align:center; font-size:120%; font-weight:bold; }
 
-
table.month .dow td    { color:#00CCFF; text-align:center; font-size:110%; }
 
-
table.month td.today    { background-color:#AAAAAA; }
 
-
table.month td {
 
-
    border: none;
 
-
    margin: 0;
 
-
    padding: 0pt 1.5pt;
 
-
    font-weight: bold;
 
-
    font-size: 8pt;
 
-
    text-align: right;
 
-
    background-color: #FFFFFF;
 
-
    }
 
-
#bodyContent table.month a { background:none; padding:0 }
 
-
.day-active { color:blue; }
 
-
.day-empty  { color:black; }
 
-
 
-
</style>
 
-
</html>
 
<html>
<html>
<style type="text/css">
<style type="text/css">
Line 326: Line 356:
-
{|  align="center"
+
{|  align="left"
-
{| style="color:#0c6;background-color:#FFFFFF;" cellpadding="3" cellspacing="1" border="1" bordercolor="#035e7b" width="62%" align="center"
+
{| style="color:#0c6;background-color:#FFFFFF;" cellpadding="3" cellspacing="1" border="1" bordercolor="#035e7b" width="62%" align="left"
!align="center"|{{#calendar: title=ULB |year=2009 | month=06}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=06}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=07}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=07}}
Line 335: Line 365:
<br>
<br>
-
{|  align="center"
+
{|  align="left"
-
{| style="color:#0c6;background-color:#FFFFFF;" cellpadding="3" cellspacing="1" border="1" bordercolor="#035e7b" width="62%" align="center"
+
{| style="color:#0c6;background-color:#FFFFFF;" cellpadding="3" cellspacing="1" border="1" bordercolor="#035e7b" width="62%" align="left"
!align="center"|{{#calendar: title=ULB |year=2009 | month=09}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=09}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=10}}
!align="center"|{{#calendar: title=ULB |year=2009 | month=10}}

Revision as of 18:31, 25 July 2009

iGEM Team:ULB-Brussels Wiki


days before the Jamboree



June
MTWTFSS
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
July
MTWTFSS
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
August
MTWTFSS
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31


September
MTWTFSS
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
October
MTWTFSS
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
November
MTWTFSS
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30