|
|
(126 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Http://2014.igem.org/Team:ULB-Brussels/Template}} |
| + | |
| <html> | | <html> |
- | <!doctype html>
| |
- | <head>
| |
- | <!--init and scripts -->
| |
- | <style type="text/css">
| |
- |
| |
- | <script type="text/javascript">
| |
- | // Fonction destinée à remplacer le "LI:hover" pour IE 6
| |
- | sfHover = function() {
| |
- | var sfEls = document.getElementById("monmenu").getElementsByTagName("li");
| |
- | for (var i=0; i<sfEls.length; i++) {
| |
- | sfEls[i].onmouseover = function() {
| |
- | this.className = this.className.replace(new RegExp(" sfhover"), "");
| |
- | this.className += " sfhover";
| |
- | }
| |
- | sfEls[i].onmouseout = function() {
| |
- | this.className = this.className.replace(new RegExp(" sfhover"), "");
| |
- | }
| |
- | }
| |
- | }
| |
- | if (window.attachEvent) window.attachEvent("onload", sfHover);
| |
- | </script>
| |
- | <style type="text/css">
| |
- | #monmenu li {width: 144px;}
| |
- | </style>
| |
- | <![endif]-->
| |
- | <meta name="keywords"
| |
- | content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page">
| |
- | <meta name="description"
| |
- | content="Voici un exemple de code de menu hiérarchique déroulant réalisé à l'aide de CSS.">
| |
- | <title>Exemple de menu hiérarchique en CSS</title>
| |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
| |
- | <script>
| |
- | jssor_slider1_starter = function (containerId) {
| |
- | var options = {
| |
- | $DragOrientation: 3,
| |
- | $ArrowNavigatorOptions: {
| |
- | $Class: $JssorArrowNavigator$,
| |
- | $ChanceToShow: 2,
| |
- | $AutoCenter: 0,
| |
- | $Steps: 1
| |
- | }
| |
- | };
| |
- |
| |
- | var jssor_slider1 = new $JssorSlider$(containerId, options);
| |
- | };
| |
- | </script>
| |
- | <style type="text/css">
| |
- |
| |
- | #menu-demo2, #menu-demo2 ul{
| |
- | width=100%;
| |
- | padding:0px;
| |
- | margin:3px;
| |
- | list-style:none;
| |
- | text-align:center;
| |
- | }
| |
- | #menu-demo2 li{
| |
- | display:inline-block;
| |
- | position:relative
| |
- | border-radius:0;
| |
- | }
| |
- | #menu-demo2 ul li{
| |
- | display:inherit;
| |
- | border-radius:0;
| |
- | }
| |
- | #menu-demo2 ul li:hover{
| |
- | border-radius:0;
| |
- | }
| |
- | #menu-demo2 ul li:last-child{
| |
- | border-radius:0 0 0px 0px;
| |
- | }
| |
- | #menu-demo2 ul{
| |
- | position:absolute;
| |
- | max-height:0px;
| |
- | width:100%;
| |
- | overflow:hidden;
| |
- | -moz-transition: .8s all .3s;
| |
- | -webkit-transition: .8s all .3s;
| |
- | transition: .8s all .3s;
| |
- | }
| |
- | #menu-demo2 li:hover ul{
| |
- | max-height:150px;
| |
- | }
| |
- | /* background des liens menus */
| |
- | #menu-demo2 li:first-child{margin: 20px 0px 1px 0px;
| |
- | background-color: #8b8b8b;
| |
- | background-image:#8b8b8b;
| |
- | }
| |
- | #menu-demo2 li:nth-child(2){
| |
- | background-color: #8b8b8b;
| |
- | background-image:#8b8b8b;
| |
- | }
| |
- | #menu-demo2 li:nth-child(3){
| |
- | background-color: #8b8b8b;
| |
- | background-color: #8b8b8b;
| |
- | background-image:#8b8b8b;
| |
- | }
| |
- | #menu-demo2 li:last-child{
| |
- | background-color: #8b8b8b;
| |
- | background-color: #8b8b8b;
| |
- | background-image:#8b8b8b;
| |
- | }
| |
- | /* background des liens sous menus */
| |
- | #menu-demo2 li:first-child li{
| |
- | background:#B0C4DE;
| |
- | }
| |
- | #menu-demo2 li:nth-child(2) li{
| |
- | background:#B0C4DE;
| |
- | }
| |
- | #menu-demo2 li:nth-child(3) li{
| |
- | background:#B0C4DE;
| |
- | }
| |
- | #menu-demo2 li:last-child li{
| |
- | background:#B0C4DE;
| |
- | }
| |
- | /* background des liens menus et sous menus au survol */
| |
- | #menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
| |
- | background:#B0C4DE;
| |
- | }
| |
- |
| |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,.printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
- |
| |
- | .arrondie {
| |
- | -moz-border-radius:15px 15px 15px 15px;
| |
- | -webkit-border-radius:15px 15px 15px 15px;
| |
- | border-radius:15px 15px 15px 15px;
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | width: 0px;
| |
- | font-size: 0px;
| |
- | margin: 0px auto;
| |
- | padding-top: 0px;
| |
- | margin-bottom: 0px;
| |
- | font-family: Georgia, Times, "Times New Roman", serif;
| |
- | }
| |
- |
| |
- | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| |
- |
| |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | border: 0 none;
| |
- | height: 14px;
| |
- | z-index: 100;
| |
- | top: 0;
| |
- | position: fixed;
| |
- | width: 975px;
| |
- | left: 50%;
| |
- | margin-left: -487px;
| |
- | }
| |
- |
| |
- | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | height: 14px;
| |
- | display: block;
| |
- | z-index: 10;
| |
- | position: fixed;
| |
- | width: 100%;
| |
- | top: 0;
| |
- | }
| |
- |
| |
- | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
- | color: #727272;
| |
- | text-decoration: none;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | body {
| |
- | background-color: #fff;
| |
- | }
| |
- |
| |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0px;
| |
- | background-color: transparent;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #contentcontainer { /*-- creates container for all content on page --*/
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 14px;
| |
- | color: #414141;
| |
- | width: 960px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: #transparent;
| |
- | margin-top: 0px;
| |
- | }
| |
- |
| |
- | .sidemenu, .sidemenu li {
| |
- | list-style-type: none;
| |
- | list-style-image: none;
| |
- | font-family: verdana;
| |
- | text-decoration: none;
| |
- | color:#000;
| |
- | font-size: 14px;
| |
- | }
| |
- |
| |
- | .sidemenu li {display: block;}
| |
- |
| |
- | .sidemenu a {
| |
- | text-decoration:none;
| |
- | color: #000;
| |
- | display: block;
| |
- | width: 180px;
| |
- | height: 100%;
| |
- | padding: 3px 5px;
| |
- | transition: .25s ease-in-out;
| |
- | -moz-transition: .25s ease-in-out;
| |
- | -webkit-transition: .25s ease-in-out;
| |
- | }
| |
- |
| |
- | .sidemenu a.greyout { color: #909090; }
| |
- |
| |
- | .sidemenu a:hover {
| |
- | color:#666;
| |
- | background-color: #d9f5aa;
| |
- | }
| |
- |
| |
- | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| |
- | .sub-sidemenu a {color: #666;}
| |
- |
| |
- | div.underconst
| |
- | {
| |
- | padding:10px;
| |
- | border-radius:5px;
| |
- | background-color:pink;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| |
- |
| |
- | .contentpara {margin-bottom: 30px;}
| |
- |
| |
- | span.email{font-family: monospace; font-weight: normal;}
| |
- |
| |
- | fieldset {border: 1px solid #337f53;}
| |
- |
| |
- | .greyout {color: #A0A0A0;}
| |
- | .highlightme {background-color: #FFFF00;}
| |
- |
| |
- | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
| |
- | #annContainer {margin-left: 8px;}
| |
- | #newsContainer {border: 1px solid #ccc;}
| |
- |
| |
- | .newsTitle {
| |
- | display: block;
| |
- | color: #414141;
| |
- | font-size: 25px;
| |
- | font-family: Georgia, Times, "Times New Roman", serif;
| |
- | padding: 10px 15px 5px 10px;
| |
- | border-bottom: 1px solid #ccc;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- |
| |
- | .newsItem {
| |
- | border-bottom: 1px solid #ccc;
| |
- | display: block;
| |
- | padding: 5px 15px 0px 10px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- |
| |
- | .newsItem h3 {
| |
- | width: auto;
| |
- | display: inline;
| |
- | font-size: 14px;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | .newsItem img {
| |
- | float: right;
| |
- | clear: right;
| |
- | width: 80px;
| |
- | padding-left: 15px;
| |
- | display: inline-block;
| |
- | }
| |
- |
| |
- | .newsItem .newsDate {
| |
- | font-style: italic;
| |
- | font-size: 14px;
| |
- | display: inline-block;
| |
- | color: #999;
| |
- | float: right;
| |
- | padding: 0px 0px 10px 15px;
| |
- | }
| |
- |
| |
- | .newsItem p, .newsItem ul, .newsItem li {
| |
- | padding: 0px;
| |
- | margin-left: 20px;
| |
- | font-size: 12px;
| |
- | line-height: 1.2;
| |
- | }
| |
- |
| |
- | .newsItem p {margin-top: 10px;}
| |
- |
| |
- | .annItem {
| |
- | border: 2px solid #49b677;
| |
- | display: block;
| |
- | padding: 0px 15px 10px 10px;
| |
- | margin-bottom: 18px;
| |
- | position: relative;
| |
- | height: 160px;
| |
- | vertical-align: middle;
| |
- | }
| |
- |
| |
- | .annItem .annCentered {
| |
- | display: table-cell;
| |
- | vertical-align: middle;
| |
- | height: 160px;
| |
- | }
| |
- |
| |
- | .annCentered h3 {
| |
- | padding: 0px;
| |
- | display: block;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
- | .annItem li {list-style: none; margin: 5px}
| |
- |
| |
- |
| |
- | div#piedpage {
| |
- | position: absolute;
| |
- | bottom: 0; left: 0;
| |
- | width: 99.48%;
| |
- | /* pour que le bloc prenne toute la largeur du bloc de référence
| |
- | Note : le bloc de référence est le plus proche ancêtre positionné
| |
- | en relatif ou en absolu */
| |
- | height: 3em;
| |
- | margin-left: 3px;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- | </style>
| |
- |
| |
- | </head>
| |
- | <body>
| |
| | | |
| <!--main content --> | | <!--main content --> |
- | <div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
| |
- |
| |
- | <tr><th><table width="90%" align="center" style="border:1px solid black;" >
| |
- | <!-- Jssor Slider Begin -->
| |
- | <!-- You can move inline styles to css file or css block. -->
| |
- | <div id="slider1_container" style="position: relative; width: 1024px;
| |
- | height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
| |
- |
| |
- | <!-- Slides Container -->
| |
- | <div u="slides" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
| |
- | overflow: hidden;">
| |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/1/10/Panoramix3.png"/></div>
| |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
| |
- | </div>
| |
- | <!-- Arrow Navigator Skin Begin -->
| |
- | <style>
| |
- | /* jssor slider arrow navigator skin 03 css */
| |
- | /*
| |
- | .jssora03l (normal)
| |
- | .jssora03r (normal)
| |
- | .jssora03l:hover (normal mouseover)
| |
- | .jssora03r:hover (normal mouseover)
| |
- | .jssora03ldn (mousedown)
| |
- | .jssora03rdn (mousedown)
| |
- | */
| |
- | .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
| |
- | {
| |
- | position: absolute;
| |
- | cursor: pointer;
| |
- | display: block;
| |
- | background: url(https://static.igem.org/mediawiki/2014/d/d3/ULB2014ARROWS.png) no-repeat;
| |
- | overflow:hidden;
| |
- | }
| |
- | .jssora03l { background-position: -3px -33px; }
| |
- | .jssora03r { background-position: -63px -33px; }
| |
- | .jssora03l:hover { background-position: -123px -33px; }
| |
- | .jssora03r:hover { background-position: -183px -33px; }
| |
- | .jssora03ldn { background-position: -243px -33px; }
| |
- | .jssora03rdn { background-position: -303px -33px; }
| |
- | </style>
| |
- | <!-- Arrow Left -->
| |
- | <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
| |
- | </span>
| |
- | <!-- Arrow Right -->
| |
- | <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 123px; right: 8px">
| |
- | </span>
| |
- | <!-- Arrow Navigator Skin End -->
| |
- | <a style="display: none" href="http://www.jssor.com">carousel slider</a>
| |
- | <!-- Trigger -->
| |
- | <script>
| |
- | jssor_slider1_starter('slider1_container');
| |
- | </script>
| |
- | </div>
| |
- | <!-- Jssor Slider End -->
| |
- | <!--navigation menu -->
| |
| | | |
- | <table align="center" width="100%"> | + | <!-- /** Design for https://2014.igem.org/Team:ULB-Brussels |
- | <td align="center" colspan="3"> | + | Université Libre de Bruxelles **/ --> |
| | | |
- | <table cellspacing="0"width="100%"> | + | <!--requirements section --> |
- | <tr heigth="15px"></tr>
| + | |
- | <tr heigth="75px">
| + | |
| | | |
- | | + | <table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="50%" align="center"> |
- | <td style= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc); | + | <tr style="background-color:#CCD6EA; "><td colspan="3"> |
- | background :#8b8b8b
| + | <p class="title"><font color="#002B9B"> |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | $Instructors$ <font color="#CCD6EA">,</font>$\&$ $Advisors$ |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | </font></p> |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | </td></tr> |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
| + | |
- | | + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td> | + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">Sponsors </a> </td>
| + | |
- | | + | |
- | <td colspan="3" style=" | + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
| + | |
- | | + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> <div id="monmenu"> | + | |
- | <ul height="100%" id="menu-demo2">
| + | |
- | <li style="background-color:#8b8b8b;
| + | |
- | background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
| + | |
- | <ul >
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000">Introduction</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000">Modeling</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Parts</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safety</a></li>
| + | |
- | </ul></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
| + | |
- |
| + | |
- | <td style= " | + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"> Français </a></td>
| + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b ><a href="#">Dutch </a></td>
| + | |
- | | + | |
- | | + | |
- | <td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b > <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" class="arrondie" width="55px"></a> </td>
| + | |
- | </tr> | + | |
| </table> | | </table> |
- | | + | </br> |
- | <table style="background-color:#ebebeb; border-radius: 15px 15px 15px 15px; behavior: url(border-radius.htc); " align="center" width="100%"> | + | <table style="background-color:#ebebeb;" width="50%" align="center"> |
- | <tr><th><table style="background-color:#ebebeb;" width="90%" align="center">
| + | |
- | <td align="center" colspan="3">
| + | |
- | </tr>
| + | |
- | </tr>
| + | |
- | </td>
| + | |
- | | + | |
- | <div>
| + | |
- | </body>
| + | |
- | | + | |
- | | + | |
- | <html>
| + | |
- | | + | |
- | <!--main content -->
| + | |
- | | + | |
- | <!--requirements section -->
| + | |
- | <tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> Instructor & Advisors </h1></td></tr>
| + | |
| <tr style="background-color:rgb(245,245,245);"> | | <tr style="background-color:rgb(245,245,245);"> |
- | <td></td>
| + | <td><strong>Laurence Van Melderen</strong> <br/> <img src="https://static.igem.org/mediawiki/2014/8/85/ULB_Team_Laurence-1.png"><br/><em>Instructor</em><br/>Professor |
- | <td><strong>Laurence Van Melderen</strong> <br/> <img src="https://static.igem.org/mediawiki/2014/c/c3/Laurence_Van_Melderen.jpg"><br/><em>Instructor</em><br/>Head of the lab of Bacterial Genetics and Physiology at IBMM | + | |
| </td> | | </td> |
- | <td></td> | + | <td><strong>Gilles Vanwalleghem</strong><br/><img src="https://static.igem.org/mediawiki/2014/c/c7/ULB_Team_Gilles-2.png"><br/><em>Instructor<em/><br/>Postdoctoral researcher |
| </tr> | | </tr> |
| | | |
| <tr style="background-color:rgb(245,245,245);"> | | <tr style="background-color:rgb(245,245,245);"> |
| + | <td><strong>Baptiste Dumont</strong> <br/><img src="https://static.igem.org/mediawiki/2014/6/65/ULB_Team_Baptiste-2.png"><br/><em>Supervisor<em/><br/>PhD Student |
| + | <td><strong>Thibaut Hallaert</strong><br/><img src="https://static.igem.org/mediawiki/2014/0/0a/ULB_Team_Thiibaut-2.png"><br/><em>Supervisor<em/><br/>PhD Student |
| + | </table> |
| + | <br/> |
| | | |
- | <td><strong>Thibaut Hallaert</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b9/Thibaut_Hallaert.jpg"><br/><em>Supervisor<em/><br/>PhD Student
| |
- | <td><strong>Baptiste Dumont</strong> <br/><img src="https://static.igem.org/mediawiki/2014/b/b7/Baptiste_Dumont.jpg"><br/><em>Supervisor<em/><br/>PhD Student
| |
- | <td><strong>Gilles Vanwalleghem</strong><br/><img src="https://static.igem.org/mediawiki/2014/f/fc/Gilles_Vanwalleghem.jpg"><br/><em>Supervisor<em/><br/>Postdoctoral researcher
| |
| | | |
- | <tr> <td colspan="3" height="15px"> </td></tr> | + | <table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="90%" align="center"> |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr> | + | <tr style="background-color:#CCD6EA; "><td colspan="3"> |
| + | <p class="title"><font color="#002B9B"> |
| + | <font color="#CCD6EA">'Wiki Project done'</font> $BioStudents$ $Staff$ <font color="#CCD6EA">'Wiki Project done'</font> |
| + | </font></p> |
| + | </td></tr> |
| + | </table> |
| + | <br/> |
| + | <table style="background-color:#ebebeb;" width="90%" align="center"> |
| + | <tr style="background-color:rgb(245,245,245);"><td><strong> |
| + | Robin Grolaux </strong><br/><img src="https://static.igem.org/mediawiki/2014/d/d7/ULB_Team_Robin-2.png"><br>Biologist (BA2)</td><td><strong> |
| + | Hélène Spiridon</strong><br/><img src="https://static.igem.org/mediawiki/2014/7/79/ULB_Team_Helene-2.png"><br>Biologist (BA3)</td><td><strong> |
| + | Alice Augenlicht </strong><br/><img src="https://static.igem.org/mediawiki/2014/7/71/ULB_Team_Alice-2.png"><br>Biologist (MA1)</td><td><strong> |
| + | François Seys</strong><br/><img src="https://static.igem.org/mediawiki/2014/6/65/ULB_Team_Francois-2.png"><br>Bioengineer (BA3)</td><td><strong> |
| + | Cesar Ngabo</strong><br/><img src="https://static.igem.org/mediawiki/2014/f/f9/ULB_Team_Cesar-2.png"><br>Bioengineer (BA3)</td></td><tr> |
| | | |
| + | <tr style="background-color:rgb(245,245,245);"><td><strong> |
| + | Nicolas Desmet</strong><br/><img src="https://static.igem.org/mediawiki/2014/a/a1/ULB_Team_Nicolas-2.png"><br>Biologist (MA1)</td><td><strong> |
| + | Nathan Fraikin</strong><br/><img src="https://static.igem.org/mediawiki/2014/e/e8/ULB_Team_Nathan-2.png"><br>Biologist (MA1)</td><td><strong> |
| + | Augustin Kameni</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/97/ULB_Team_Augustin-2.png"><br>Biologist (MA1)</td><td><strong> |
| + | Michaël Escada</strong><br/><img src="https://static.igem.org/mediawiki/2014/d/d7/ULB_Team_Michael-2.png"><br>Bioengineer (MA1)</td><td><strong> |
| + | Quentin Rivière</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/92/ULB_Team_Quentin-2.png"><br>Bioengineer (MA1)</td></td><tr> |
| + | </td> |
| + | </tr></table> |
| + | <br/> |
| | | |
- | <!--tips --> | + | <table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="37%" align="center"> |
- | <tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> BioStudents Staff</h1></td></tr>
| + | <tr style="background-color:#CCD6EA; "><td colspan="3"> |
- | | + | <p class="title"><font color="#002B9B"> |
- | <tr style="background-color:rgb(245,245,245);">
| + | $DigitalStudents$ $Staff$ |
- | <td colspan="3">
| + | </font></p> |
- | <table>
| + | </td></tr> |
- | <tr style="background-color:rgb(245,245,245);"><td><strong>Robin Grolaux </strong><br/><img src="https://static.igem.org/mediawiki/2014/2/2f/Robin.jpg"><br>Biologist (BA2)</td><td><strong>Hélène Spiridon</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/1f/H%C3%A9l%C3%A8ne_Spiridon.jpg"><br>Biologist (BA3)</td><td><strong>François Seys</strong><br/><img src="https://static.igem.org/mediawiki/2014/8/8d/Fran%C3%A7ois.jpg"><br>Bioengineer (BA3)</td><td><strong>Alice Augenlicht </strong><br/><img src="https://static.igem.org/mediawiki/2014/3/36/Alikki.jpg"><br>Biologist (MA1)</td><td><strong>Michaël Escada</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/1e/Michael_Escala.jpg"><br>Bioengineer(MA1)</td></tr> | + | </table> |
- | <tr style="background-color:rgb(245,245,245);"><td><strong>Nicolas Desmet</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/90/Nicolas.jpg"><br>Biologist (MA1)</td><td><strong>Quentin Rivière</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b2/Quentin.jpg"><br>Bioengineer (MA1)</td><td><strong>Nathan Fraikin</strong><br/><img src="https://static.igem.org/mediawiki/2014/e/eb/Nathan.jpg"><br>Biologist (MA1)</td><td><strong>Cesar Ngabo</strong><br/><img src="https://static.igem.org/mediawiki/2014/4/47/C%C3%A9sar.jpg"><br>Bioengineer(MA1)</td><td><strong>Augustin Kameni</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/11/Augustin.jpg"><br>Biologist (MA1)</td></tr>
| + | <br/> |
- | </table></td> | + | <table style="background-color:#ebebeb;" width="37%" align="center"> |
- | </tr> | + | <tr style="background-color:rgb(245,245,245);"><td width="33%"><strong> |
- | | + | Denis Longrée </strong><br/><img src="https://static.igem.org/mediawiki/2014/6/68/ULB_Team_Denis-2.png"><br>Mathematician (BA2)</td><td width="33%"><strong> |
- | | + | Vincent Schmidt</strong><br/><img src="https://static.igem.org/mediawiki/2014/0/02/ULB_Team_Vincent-2.png"><br>Physicist (MA1)</td> |
- | <tr> <td colspan="3" height="15px"> </td></tr> | + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
| + | |
- | <tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> DigitalStudents Staff</h1></td></tr>
| + | |
- | | + | |
- | <tr style="background-color:rgb(245,245,245);">
| + | |
- | <td colspan="3">
| + | |
- | <table>
| + | |
- | <tr style="background-color:rgb(245,245,245);"><td width="33%"><strong>Denis Longrée </strong><br/><img src="https://static.igem.org/mediawiki/2014/3/32/Denis.jpg"><br>Mathematician (BA2)</td><td width="34%"><strong>Vincent Schmid</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b5/Vincent.jpg"><br>Physicist (MA1)</td><td width="33%"><strong>Jean Spièce</strong><br/><img src="https://static.igem.org/mediawiki/2014/5/55/Jean.jpg"><br>Physicist (MA2)</td><td> | + | |
- | </table></td>
| + | |
| </tr> | | </tr> |
| + | </table><br/><br/> |
$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}}
\newcommand{\Stabi}{\small Stabi}$
$\newcommand{\EColi}{\small E.coli}
\newcommand{\SCere}{\small S.cerevisae}\\[0cm]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\PI}{\small PI}$
$\newcommand{\Igo}{\Large\mathcal{I}}
\newcommand{\Tgo}{\Large\mathcal{T}}
\newcommand{\Ogo}{\Large\mathcal{O}}
~$