Template:Http://2014.igem.org/Team:ULB-Brussels/Temp

From 2014.igem.org

(Difference between revisions)
(Created page with "<!-- old temp -->")
 
Line 1: Line 1:
-
<!-- old temp -->
+
<html>
 +
<!doctype html>
 +
<!-- MathTex -->
 +
<script type="text/javascript"src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
<script type="text/x-mathjax-config"> MathJax.Hub.Config({  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} });</script>
 +
 
 +
<head>
 +
 
 +
<!-- this Shortcut remplaces <i>Mighty Coli</i> and systems-->
 +
$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 +
\newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}}
 +
\newcommand{\Stabi}{\small Stabi}$
 +
<!-- bacteria and proteins -->
 +
$\newcommand{\EColi}{\small E.coli}
 +
\newcommand{\SCere}{\small S.cerevisae}\\[0cm]
 +
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 +
\newcommand{\PI}{\small PI}$
 +
<!-- rapid large capitals -->
 +
$\newcommand{\Igo}{\Large\mathcal{I}}
 +
\newcommand{\Tgo}{\Large\mathcal{T}}
 +
\newcommand{\Ogo}{\Large\mathcal{O}}
 +
~$
 +
 
 +
 
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2014/3/34/Icopoupou.jpg">
 +
 
 +
 
 +
<!--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="Mighty Coli: addicting micro-organisms to protein overproduction.">
 +
    <title>Example of a hierarchical menu in 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 _SlideshowTransitions = [
 +
            //Fade
 +
            { $Duration: 1200, $Opacity: 2 }
 +
            ];
 +
 
 +
            var options = {
 +
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
 +
                $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
 +
                $AutoPlayInterval: 5000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
 +
                $PauseOnHover: 1,                                  //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1
 +
 
 +
                $ArrowKeyNavigation: true,      //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
 +
                $SlideDuration: 500,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
 +
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
 +
                //$SlideWidth: 600,                                //[Optional] Width of every slide in pixels, default value is width of 'slides' container
 +
                //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
 +
                $SlideSpacing: 0,                                  //[Optional] Space between each slide in pixels, default value is 0
 +
                $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
 +
                $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
 +
                $UISearchMode: 1,                                  //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
 +
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
 +
                $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
 +
 
 +
                $SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not
 +
                    $Class: $JssorSlideshowRunner$,                //[Required] Class to create instance of slideshow
 +
                    $Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play slideshow
 +
                    $TransitionsOrder: 1,                          //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
 +
                    $ShowLink: true                                //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
 +
                },
 +
 
 +
                $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
 +
                    $Class: $JssorBulletNavigator$,                //[Required] Class to create navigator instance
 +
                    $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 +
                    $AutoCenter: 1,                                //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
 +
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
 +
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
 +
                    $SpacingX: 10,                                  //[Optional] Horizontal space between each item in pixel, default value is 0
 +
                    $SpacingY: 10,                                  //[Optional] Vertical space between each item in pixel, default value is 0
 +
                    $Orientation: 1                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
 +
                },
 +
 
 +
                $ArrowNavigatorOptions: {
 +
                    $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
 +
                    $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 +
                    $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
 +
                }
 +
            };
 +
            var jssor_slider1 = new $JssorSlider$(containerId, options);
 +
        };
 +
    </script>
 +
<style type="text/css">
 +
 
 +
<!-- Menu-->
 +
#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: #708090;
 +
background-image:#8b8b8b;
 +
}
 +
#menu-demo2 li:nth-child(2){
 +
background-color: #708090;
 +
background-image:#8b8b8b;
 +
}
 +
#menu-demo2 li:nth-child(3){
 +
background-color: #708090;
 +
background-color: #708090;
 +
background-image:#8b8b8b;
 +
}
 +
#menu-demo2 li:last-child{
 +
background-color: #708090;
 +
background-color: #708090;
 +
background-image:#8b8b8b;
 +
}
 +
/* background des liens sous menus */
 +
#menu-demo2 li:first-child li{
 +
background:#F5F5F5;
 +
}
 +
#menu-demo2 li:nth-child(2) li{
 +
background:#F5F5F5;
 +
}
 +
#menu-demo2 li:nth-child(3) li{
 +
background:#F5F5F5;
 +
}
 +
#menu-demo2 li:last-child li{
 +
background:#F5F5F5;
 +
}
 +
/* background des liens menus et sous menus au survol */
 +
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
 +
background:#87CEEB;
 +
}
 +
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
 +
background:#87CEEB;
 +
}
 +
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
 +
background:#87CEEB;
 +
}
 +
 
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,.printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
.scaletest {
 +
        width: 75%;
 +
        height: 75%;
 +
}
 +
 
 +
.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;
 +
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
 +
 
 +
//h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif; }
 +
h1, h2, h3, h4, h5 { font-family: "Palatino Linotype", "Book Antiqua", Palatino, 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: #191970;
 +
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: #B0C4DE;
 +
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;
 +
}
 +
<!--ffff75-->
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Trebuchet MS, 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}
 +
 
 +
.title {
 +
        font-style: bold;
 +
font-size: 20px;
 +
      }
 +
 
 +
div#piedpage {
 +
position: absolute;
 +
bottom: 0; left: 0;
 +
width: 100%;
 +
/* 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: 0px;
 +
                margin-right: auto;
 +
}
 +
 
 +
 
 +
</style>
 +
</style>
 +
 
 +
</head>
 +
<body background="https://static.igem.org/mediawiki/2014/4/48/ULBBG.png">
 +
 
 +
<!--main content -->
 +
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
 +
 
 +
<tr><th><table width="90%"  align="center" >
 +
<!-- Jssor Slider Begin -->
 +
    <!-- You can move inline styles to css file or css block. -->
 +
    <div id="slider1_container" class="arrondie" style="position: relative; width: 1024px;
 +
        height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
 +
 
 +
        <!-- Slides Container -->
 +
        <div u="slides" class="arrondie" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
 +
            overflow: hidden;">
 +
            <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/6/60/N1-ULB2014HEADER.png" /></div>
 +
            <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/6/6e/ULB2014Header3.png" /></div>
 +
            <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/thumb/6/65/Header4.png/800px-Header4.png" /></div>
 +
<!-- <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/f/f7/ULB2014HEADER.png"/></div> -->
 +
        </div>
 +
 
 +
        <!-- Bullet Navigator Skin Begin -->
 +
        <style>
 +
            /* jssor slider bullet navigator skin 05 css */
 +
            /*
 +
            .jssorb05 div          (normal)
 +
            .jssorb05 div:hover    (normal mouseover)
 +
            .jssorb05 .av          (active)
 +
            .jssorb05 .av:hover    (active mouseover)
 +
            .jssorb05 .dn          (mousedown)
 +
            */
 +
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
 +
                background: url(https://static.igem.org/mediawiki/2014/4/4d/ULB2014BULLETS.png) no-repeat;
 +
                overflow: hidden;
 +
                cursor: pointer;
 +
            }
 +
 
 +
            .jssorb05 div {
 +
                background-position: -7px -7px;
 +
            }
 +
 
 +
                .jssorb05 div:hover, .jssorb05 .av:hover {
 +
                    background-position: -37px -7px;
 +
                }
 +
 
 +
            .jssorb05 .av {
 +
                background-position: -67px -7px;
 +
            }
 +
 
 +
            .jssorb05 .dn, .jssorb05 .dn:hover {
 +
                background-position: -97px -7px;
 +
            }
 +
        </style>
 +
 
 +
        <!-- bullet navigator container -->
 +
        <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
 +
            <!-- bullet navigator item prototype -->
 +
            <div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div>
 +
        </div>
 +
        <!-- Bullet Navigator Skin End -->
 +
 
 +
        <!-- 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 -->
 +
</table>
 +
<!--navigation menu -->
 +
 
 +
 
 +
<table  cellspacing="0"width="100%" style= "background :transparent">
 +
<tr heigth="15px"></tr>
 +
<tr heigth="75px">
 +
<!--ffff75-->
 +
 
 +
<td style= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc);
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    border-top: 2px solid #939393;
 +
    position: relative;
 +
    margin-bottom: 30px;" align="center" height ="45px">
 +
 +
<a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">
 +
        <ul height="100%" id="menu-demo2">
 +
        <li  style="background-color:transparent;" ><a href="https://2014.igem.org/Team:ULB-Brussels" style="color:#000000">
 +
    Home</a>
 +
</td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Team"style="color:#000000"> <div id="monmenu">
 +
        <ul height="100%" id="menu-demo2">
 +
<li  style="background-color:transparent;
 +
    background : transparent;" ><a href="#" style="color:#000000">
 +
    Team <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
    <ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000">Members</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000">Official Profile</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Team/Tasks"style="color:#000000">Attributions</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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:transparent;" ><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/Project/WetLab"style="color:#000000">WetLab & Methods</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project/Notebook"style="color:#000000">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project/Results"style="color:#000000">Results</a></li>
 +
</ul></td>
 +
<!-- <li><a href="https://2014.igem.org/Team:ULB-Brussels/Project/Methods"style="color:#000000">Materials and Methods</a></li>  :  fusion with WetLab Structure  to  "WetLab and Methods"-->
 +
 
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Modelling"style="color:#000000"> <div id="monmenu">
 +
        <ul height="100%" id="menu-demo2">
 +
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
 +
    Modelling <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
<ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling"style="color:#000000">Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/Population-Dynamics"style="color:#000000">Dynamics</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/TA-System"style="color:#000000">TA System</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/2A-Peptid"style="color:#000000">2A Peptide</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/Conclusion"style="color:#000000">Conclusion</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Human"style="color:#000000"> <div id="monmenu">
 +
        <ul height="100%" id="menu-demo2">
 +
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
 +
    Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
<ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000">Popularized & Biosecure</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human/MissionBGF"style="color:#000000">Brussels Game Festival</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human/SynbioUpp"style="color:#000000">Synbio Hours</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Parts"style="color:#000000"> <div id="monmenu">
 +
        <ul height="100%" id="menu-demo2">
 +
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
 +
    Parts <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
    <ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Bricks</a></li>
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/OurBrick"style="color:#000000">ULB BioBrick</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Safety"style="color:#000000"> <div id="monmenu">
 +
    <ul height="100%" id="menu-demo2">
 +
    <li  style="background-color:transparent;" ><a href="#" style="color:#000000">
 +
    Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
    <ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safe Mighty</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Previous"style="color:#000000"> <div id="monmenu">
 +
        <ul height="100%" id="menu-demo2">
 +
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
 +
    Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 +
<ul >
 +
<li><a href="https://2012.igem.org/Team:ULB-Brussels"style="color:#000000">2012 : InteGreator</a></li>
 +
<li><a href="https://2011.igem.org/Team:ULB-Brussels"style="color:#000000">2011 : Pindel</a></li>
 +
<li><a href="https://2010.igem.org/Team:ULB-Brussels"style="color:#000000">2010 : HydroColi</a></li>
 +
<li><a href="https://2009.igem.org/Team:ULB-Brussels"style="color:#000000">2009 : GluColi</a></li>
 +
</ul></td>
 +
 
 +
<td colspan="3" style="
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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/Sponsors"style="color:#000000">
 +
        <ul height="100%" id="menu-demo2">
 +
        <li  style="background-color:transparent;
 +
    , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
 +
    Sponsors</a>
 +
</td>
 +
 
 +
 
 +
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
 +
    background :#8b8b8b
 +
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
 +
    background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
 +
    background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
 +
    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 style="background-color:#ebebeb; border-radius: 15px 15px 15px 15px; behavior: url(border-radius.htc); " align="center" width="100%">
 +
<tr><th><table style="background-color:rgb(245,245,245);" width="90%"  align="center">
 +
<br/><br/> 
 +
 
 +
 
 +
<!--rapid commands
 +
--these aren't Titanium Oxide ^^ but is extra to begin Intro pages
 +
\newcommand{\Igo}{\Large\mathcal{I}\normalsize}
 +
\newcommand{\Tgo}{\Large\mathcal{T}\normalsize}
 +
\newcommand{\Ogo}{\Large\mathcal{O}\normalsize}
 +
--text rapid--
 +
\newcommand{\MyColi}{<i>Mighty Coli </i>} -->
 +
 
 +
<!-- SCIENTIA VINCERE TENEBRAS  -->
 +
<div id="piedpage"><p style="background-color:#ebebeb;" class="arrondie"> <br/> <br/>
 +
<img width="75px" src="https://static.igem.org/mediawiki/2014/9/93/ULB2014SVT.jpg" alt="">
 +
<img width="100px" src="https://static.igem.org/mediawiki/2014/b/bb/Wbi-2.png" alt="">
 +
<img width="100px" src="https://static.igem.org/mediawiki/2014/1/13/SciULB-2.png" alt=""> -
 +
<img width="60px" src="https://static.igem.org/mediawiki/2014/2/24/10kmULB-0-mini.png" alt="">
 +
- Université Libre de Bruxelles -
 +
<!--  Scientia Vincere Tenebras - Université Libre de Bruxelles
 +
$\small Scientia$ $\small Vincere$ $\small Tenebras$ -->
 +
<img width="75px" src="https://static.igem.org/mediawiki/2014/d/d3/ULB_Brussels_MightyLogo.png" alt=""> -
 +
<img width="100px" src="https://static.igem.org/mediawiki/2014/a/a0/Greenwin-2.png" alt="">
 +
<img width="80px" src="https://static.igem.org/mediawiki/2014/f/f0/Sponsor-logo-Eppendorf.png" alt="">
 +
<img width="95px" src="https://static.igem.org/mediawiki/2014/4/4d/Brachet-2.png" alt="">
 +
<br/><br/><br/><p/>
 +
</div></div>
 +
</body>

Latest revision as of 22:53, 17 October 2014

$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \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}} ~$ Example of a hierarchical menu in CSS

carousel slider




- - Université Libre de Bruxelles - -


Retrieved from "http://2014.igem.org/Template:Http://2014.igem.org/Team:ULB-Brussels/Temp"