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

From 2014.igem.org

(Difference between revisions)
m
 
(334 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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>
<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">
<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) {
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
            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 {
.firstHeading {
-
width: 975px;  
+
width: 0px;
 +
        font-size: 0px;
margin: 0px auto;
margin: 0px auto;
-
padding-top: 100px;
+
padding-top: 0px;
-
margin-bottom: 20px;
+
margin-bottom: 0px;
-
font-family: Georgia, Times, "Times New Roman", serif;  
+
//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: 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.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 28: Line 230:
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
background-color: #191970;
height: 14px;
height: 14px;
display: block;
display: block;
Line 37: Line 239:
}
}
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {  
-
color: #727272;  
+
/*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #B0C4DE;  
text-decoration: none;  
text-decoration: none;  
background-color: transparent;
background-color: transparent;
Line 51: Line 254:
height: 100%;
height: 100%;
border: 0px;
border: 0px;
-
background-color: transparent;
+
background-color: transparent;  
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
}
}
 +
<!--ffff75-->
html, body, .wrapper { /*-- changes default wiki settings --*/
html, body, .wrapper { /*-- changes default wiki settings --*/
Line 63: Line 267:
#contentcontainer { /*-- creates container for all content on page --*/
#contentcontainer { /*-- creates container for all content on page --*/
-
font-family: Arial, Helvetica, sans-serif;  
+
font-family: Trebuchet MS, Helvetica, sans-serif;  
font-weight: normal;  
font-weight: normal;  
font-size: 14px;  
font-size: 14px;  
Line 209: Line 413:
.annItem li {list-style: none; margin: 5px}
.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;
 +
}
Line 214: Line 434:
</style>
</style>
-
<!--init and scripts -->
+
</head>
-
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
+
<body background="https://static.igem.org/mediawiki/2014/4/48/ULBBG.png">
-
    <script>
+
-
        jssor_slider1_starter = function (containerId) {
+
-
 
+
-
            var options = {
+
-
                $AutoPlay: false,
+
-
                $SlideDuration: 800,
+
-
                $BulletNavigatorOptions: {
+
-
                    $Class: $JssorBulletNavigator$,
+
-
                    $ChanceToShow: 2,
+
-
                    $AutoCenter: 1,
+
-
                    $Steps: 1,
+
-
                    $Lanes: 1,
+
-
                    $SpacingX: 10,
+
-
                    $SpacingY: 10,
+
-
                    $Orientation: 1
+
-
                }
+
-
            };
+
-
 
+
-
            var jssor_slider1 = new $JssorSlider$(containerId, options);
+
-
        }
+
-
    </script>
+
<!--main content -->
<!--main content -->
-
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto; border: 1px solid;">
+
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
-
<table style="background-color:#ebebeb;" align="center" width="100%">    
+
    
-
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center" style="border:1px solid black;" >
+
<tr><th><table width="90%"  align="center" >
<!-- Jssor Slider Begin -->
<!-- Jssor Slider Begin -->
     <!-- You can move inline styles to css file or css block. -->  
     <!-- You can move inline styles to css file or css block. -->  
-
     <div id="slider1_container" style="position: relative; width: 910px;
+
     <div id="slider1_container" class="arrondie" style="position: relative; width: 1024px;
         height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
         height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
-
+
 
         <!-- Slides Container -->  
         <!-- Slides Container -->  
-
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 910px; height: 300px;
+
         <div u="slides" class="arrondie" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
             overflow: hidden;">
             overflow: hidden;">
-
             <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/87/ULB2014PLACEHOLDER1.png" /></div>
+
             <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/6/60/N1-ULB2014HEADER.png" /></div>
-
             <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.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/d/df/Header5.png"/></div>
         </div>
         </div>
Line 264: Line 465:
             .jssorb05 .dn          (mousedown)
             .jssorb05 .dn          (mousedown)
             */
             */
-
             .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
+
             .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
-
            {
+
                 background: url(https://static.igem.org/mediawiki/2014/4/4d/ULB2014BULLETS.png) no-repeat;
-
                 background: url(https://static.igem.org/mediawiki/2014/c/c2/ULB2014BULLETS2.png) no-repeat;
+
                 overflow: hidden;
-
                 overflow:hidden;
+
                 cursor: pointer;
                 cursor: pointer;
             }
             }
-
             .jssorb05 div { background-position: -7px -7px; }
+
 
-
             .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
+
             .jssorb05 div {
-
             .jssorb05 .av { background-position: -67px -7px; }
+
                background-position: -7px -7px;
-
             .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -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>
         </style>
 +
         <!-- bullet navigator container -->
         <!-- bullet navigator container -->
         <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
         <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
Line 282: Line 495:
         <!-- Bullet Navigator Skin End -->
         <!-- Bullet Navigator Skin End -->
-
         <a style="display: none" href="http://www.jssor.com">carousel slider</a>  
+
        <!-- Arrow Navigator Skin Begin -->
-
         <!-- Trigger -->  
+
      <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>
         <script>
             jssor_slider1_starter('slider1_container');
             jssor_slider1_starter('slider1_container');
-
         </script>  
+
         </script>
-
     </div>  
+
 
-
     <!-- Jssor Slider End -->  
+
     </div>
-
</head>
+
     <!-- Jssor Slider End -->
-
<body>
+
</table>
<!--navigation menu -->
<!--navigation menu -->
-
<td align="center" colspan="3">
 
-
<table  cellspacing="0"width="100%">
+
 
 +
<table  cellspacing="0"width="100%" style= "background :transparent">
<tr heigth="15px"></tr>
<tr heigth="15px"></tr>
<tr heigth="75px">  
<tr heigth="75px">  
 +
<!--ffff75-->
-
 
+
<td style= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc);
-
<td style= "
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
    background :#8b8b8b
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
    background : linear-gradient(#b9b9b9, #8a8a8a);
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px">
-
<a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
+
 +
<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 style= "
+
<td colspan="3" style="  
-
    background :#8b8b8b
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td>
+
-
<td style= "
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> <div id="monmenu">
-
    background :#8b8b8b
+
        <ul height="100%" id="menu-demo2">
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
<li  style="background-color:transparent;  
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
    Team <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
    border-top: 2px solid #939393;
+
    <ul >
-
     position: relative;
+
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000">Members</a></li>
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
+
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000">Official Profile</a></li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
+
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Team/Tasks"style="color:#000000">Attributions</a></li>
 +
</ul></td>
-
<td style= "
+
<td colspan="3" style="  
-
    background :#8b8b8b
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;"align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> Project</a></td>
+
-
<td style= "
+
 
-
    background :#8b8b8b
+
<td colspan="3" style="  
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> Parts</a></td>
+
-
<td style= "
+
 
-
    background :#8b8b8b
+
<td colspan="3" style="  
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style= "
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000"> <div id="monmenu">
-
    background :#8b8b8b
+
        <ul height="100%" id="menu-demo2">
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
    Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
<ul >
 +
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000">Introduction</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;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style= "
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">
-
    background :#8b8b8b
+
        <ul height="100%" id="menu-demo2">
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
        <li  style="background-color:transparent;
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
    , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Parts" style="color:#000000">
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
    Parts</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;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style= "
+
<td colspan="3" style="  
-
    background :#8b8b8b
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Attributions"style="color:#000000"> Attributions </a></td>
+
-
<td style= "
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Previous"style="color:#000000"> <div id="monmenu">
-
    background :#8b8b8b
+
        <ul height="100%" id="menu-demo2">
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
    Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
<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;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
-
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#000000"> Français </a></td>
+
-
<td style= "
+
 
 +
 
 +
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
     background :#8b8b8b
     background :#8b8b8b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
-
     margin-bottom: 30px;"align="center" height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>  
+
     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">
-
<a href="https://2014.igem.org/Team:ULB-Brussels/"style="color:#000000"> Dutch </a></td>
+
<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/>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<!--rapid commands
-
</tr>
+
--these aren't Titanium Oxide ^^ but is extra to begin Intro pages
-
</table>
+
\newcommand{\Igo}{\Large\mathcal{I}\normalsize}
-
</table>
+
\newcommand{\Tgo}{\Large\mathcal{T}\normalsize}
-
</table>
+
\newcommand{\Ogo}{\Large\mathcal{O}\normalsize}
-
<!--end navigation menu -->
+
--text rapid--
-
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
+
\newcommand{\MyColi}{<i>Mighty Coli </i>} -->
-
<table style="background-color:#ebebeb;" align="center" width="100%">  
+
 
-
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center" style="border:1px solid black;" >
+
<!-- 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/1/13/SciULB-2.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="">  
 +
<!-- - -->
 +
 
 +
<br/><br/><br/><p/>
 +
</div></div>
 +
</body>

Latest revision as of 18:03, 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/Template"