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

From 2014.igem.org

(Difference between revisions)
m
 
(294 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<!doctype 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 -->
<!--init and scripts -->
<style type="text/css">
<style type="text/css">
Line 28: Line 52:
  content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page">
  content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page">
     <meta name="description"
     <meta name="description"
-
  content="Voici un exemple de code de menu hiérarchique déroulant réalisé à l'aide de CSS.">
+
  content="Mighty Coli: addicting micro-organisms to protein overproduction.">
-
     <title>Exemple de menu hiérarchique en CSS</title>
+
     <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 type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
         <script>
         <script>
         jssor_slider1_starter = function (containerId) {
         jssor_slider1_starter = function (containerId) {
 +
 +
            var _SlideshowTransitions = [
 +
            //Fade
 +
            { $Duration: 1200, $Opacity: 2 }
 +
            ];
 +
             var options = {
             var options = {
-
                 $DragOrientation: 3,
+
                $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: {
                 $ArrowNavigatorOptions: {
-
                     $Class: $JssorArrowNavigator$,
+
                     $Class: $JssorArrowNavigator$,                 //[Requried] Class to create arrow navigator instance
-
                     $ChanceToShow: 2,
+
                     $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
-
                    $AutoCenter: 0,
+
                     $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
-
                     $Steps: 1
+
                 }
                 }
             };
             };
-
 
             var jssor_slider1 = new $JssorSlider$(containerId, options);
             var jssor_slider1 = new $JssorSlider$(containerId, options);
         };
         };
Line 48: Line 110:
<style type="text/css">
<style type="text/css">
 +
<!-- Menu-->
#menu-demo2, #menu-demo2 ul{
#menu-demo2, #menu-demo2 ul{
width=100%;
width=100%;
Line 82: Line 145:
max-height:150px;
max-height:150px;
}
}
 +
/* background des liens menus */
/* background des liens menus */
#menu-demo2 li:first-child{margin: 20px 0px 1px 0px;
#menu-demo2 li:first-child{margin: 20px 0px 1px 0px;
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-image:-webkit-linear-gradient(top, #a9a9a9, #7a7a7a);
+
background-image:#8b8b8b;
-
background-image:linear-gradient(to bottom, #a9a9a9, #7a7a7a);
+
}
}
#menu-demo2 li:nth-child(2){
#menu-demo2 li:nth-child(2){
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-image: -webkit-linear-gradient(top, #a9a9a9, #7a7a7a);
+
background-image:#8b8b8b;
-
background-image:linear-gradient(to bottom, #a9a9a9, #7a7a7a);
+
}
}
#menu-demo2 li:nth-child(3){
#menu-demo2 li:nth-child(3){
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-image:-webkit-linear-gradient(top, #a9a9a9,  #7a7a7a);
+
background-color: #708090;
-
background-image:linear-gradient(to bottom, #a9a9a9,  #7a7a7a);
+
background-image:#8b8b8b;
}
}
#menu-demo2 li:last-child{
#menu-demo2 li:last-child{
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-image:-webkit-linear-gradient(top, #a9a9a9, #8b8b8b);
+
background-color: #708090;
-
background-image:linear-gradient(to bottom, #a9a9a9,  #7a7a7a);
+
background-image:#8b8b8b;
}
}
/* background des liens sous menus */
/* background des liens sous menus */
#menu-demo2 li:first-child li{
#menu-demo2 li:first-child li{
-
background:#B0C4DE;
+
background:#F5F5F5;
}
}
#menu-demo2 li:nth-child(2) li{
#menu-demo2 li:nth-child(2) li{
-
background:#B0C4DE;
+
background:#F5F5F5;
}
}
#menu-demo2 li:nth-child(3) li{
#menu-demo2 li:nth-child(3) li{
-
background:#B0C4DE;
+
background:#F5F5F5;
}
}
#menu-demo2 li:last-child li{
#menu-demo2 li:last-child li{
-
background:#B0C4DE;
+
background:#F5F5F5;
}
}
/* background des liens menus et sous menus au survol */
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
-
background:#B0C4DE;
+
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 --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,.printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
.scaletest {
 +
        width: 75%;
 +
        height: 75%;
 +
}
.arrondie {
.arrondie {
-
-moz-border-radius:0px 15px 15px 0px;
+
-moz-border-radius:15px 15px 15px 15px;
-
-webkit-border-radius:0px 15px 15px 0px;
+
-webkit-border-radius:15px 15px 15px 15px;
-
border-radius:0px 15px 15px 0px;
+
border-radius:15px 15px 15px 15px;
}
}
Line 135: Line 208:
padding-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
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 153: 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 162: 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 176: 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 188: 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 334: 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 340: Line 435:
</head>
</head>
-
<body>
+
<body background="https://static.igem.org/mediawiki/2014/4/48/ULBBG.png">
<!--main content -->
<!--main content -->
-
<div id="mainblock" style="position: relative; width: 1118px; margin-left: auto; margin-right: auto;">
+
<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="100%"  align="center">
+
<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: 1106px;
+
     <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: 1106px; 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/82/ULB2014PLACEHOLDER2.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/87/ULB2014PLACEHOLDER1.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>
-
         <!-- Arrow Navigator Skin Begin -->
+
 
 +
         <!-- Bullet Navigator Skin Begin -->
         <style>
         <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 */
             /* jssor slider arrow navigator skin 03 css */
             /*
             /*
Line 383: Line 521:
             .jssora03rdn { background-position: -303px -33px; }
             .jssora03rdn { background-position: -303px -33px; }
         </style>
         </style>
-
        <!-- Arrow Left -->
+
      <!-- Arrow Left -->
         <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
         <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
         </span>
         </span>
Line 395: Line 533:
             jssor_slider1_starter('slider1_container');
             jssor_slider1_starter('slider1_container');
         </script>
         </script>
 +
     </div>
     </div>
     <!-- Jssor Slider End -->
     <!-- Jssor Slider End -->
 +
</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= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc);
-
    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='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
+
     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 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 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='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >   
+
     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= "
+
<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='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >   
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Sponsors </a> </td>
+
-
<td colspan="3" 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='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >   
+
     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">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li style= "
+
<li   style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background :#8b8b8b
+
    Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(152,152,152)', endColorstr='rgb(141,141,141)')
+
-
    background : -webkit-gradient(linear, left top, left bottom, rgb(152,152,152)to(rgb(141,141,141)));
+
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b ><a href="#" style="color:#000000">Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
<ul >
<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/Human"style="color:#000000">Introduction</a></li>
-
<li><a href="#">Dayly News</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/Modeling"style="color:#000000">Modeling</a></li>
+
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human/SynbioUpp"style="color:#000000">Synbio Hours</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>
</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='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >   
+
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
+
-
           
+
 +
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"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/Parts" style="color:#000000">
 +
    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;
 +
    position: relative;
 +
    margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b> 
 +
<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 style= "  position: relative;
+
<td colspan="3" style="  
-
     margin-bottom: 30px" align="center" height ="45px" onMouseOver="this.bgColor='#FFD700'" onMouseOut="this.bgColor='#EEE8AA'" bgColor=#EEE8AA  >   
+
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#000000"> Français </a></td>
+
    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>   
-
<td style= "  position: relative;
 
-
    margin-bottom: 30px" align="center" height ="45px" onMouseOver="this.bgColor='#FFD700'" onMouseOut="this.bgColor='#EEE8AA'" bgColor=#EEE8AA  >Dutch </a></td>
 
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
<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='#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>
+
     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>
</tr>
</table>
</table>
-
<table style="background-color:#ebebeb;" align="center" width="100%">  
+
<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:#ebebeb;" width="90%"  align="center">
+
<tr><th><table style="background-color:rgb(245,245,245);" width="90%"  align="center">
-
<td align="center" colspan="3">
+
<br/><br/>
-
</tr>
+
 
-
</tr>
+
-
</td>
+
 +
<!--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/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>
</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"