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

From 2014.igem.org

(Difference between revisions)
m
 
(229 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">
<link rel="icon" href="https://static.igem.org/mediawiki/2014/3/34/Icopoupou.jpg">
 +
<!--init and scripts -->
<!--init and scripts -->
Line 31: 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>
Line 46: Line 67:
                 $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
                 $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
                 $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
+
                 $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
+
                 $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
                 $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
                 $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
                 //$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
                 //$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
+
                 $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
                 $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.
                 $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
Line 64: Line 85:
                     $Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play 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
                     $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
+
                     $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
+
                 $BulletNavigatorOptions: {                         //[Optional] Options to specify and enable navigator or not
-
                     $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
+
                     $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                     $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
                     $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
                     $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
                     $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
                     $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
+
                     $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
+
                     $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
                     $Orientation: 1                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                 },
                 },
                 $ArrowNavigatorOptions: {
                 $ArrowNavigatorOptions: {
-
                     $Class: $JssorArrowNavigator$,             //[Requried] Class to create arrow navigator instance
+
                     $Class: $JssorArrowNavigator$,                 //[Requried] Class to create arrow navigator instance
                     $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
                     $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
                     $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
                     $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
Line 89: 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 123: 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:#8b8b8b;
background-image:#8b8b8b;
}
}
#menu-demo2 li:nth-child(2){
#menu-demo2 li:nth-child(2){
-
background-color: #8b8b8b;
+
background-color: #708090;
background-image:#8b8b8b;
background-image:#8b8b8b;
}
}
#menu-demo2 li:nth-child(3){
#menu-demo2 li:nth-child(3){
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-color: #8b8b8b;
+
background-color: #708090;
background-image:#8b8b8b;
background-image:#8b8b8b;
}
}
#menu-demo2 li:last-child{
#menu-demo2 li:last-child{
-
background-color: #8b8b8b;
+
background-color: #708090;
-
background-color: #8b8b8b;
+
background-color: #708090;
background-image:#8b8b8b;
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;
}
}
Line 179: 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 197: 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 206: 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 220: 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 232: 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 389: Line 424:
/* pour que le bloc prenne toute la largeur du bloc de référence
/* 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é
  Note : le bloc de référence est le plus proche ancêtre positionné
-
  en relatif ou en absolu */
+
  en relatif ou en absolu ;) */
height: 3em;
height: 3em;
                 margin-left: 0px;
                 margin-left: 0px;
Line 400: Line 435:
</head>
</head>
-
<body>
+
<body background="https://static.igem.org/mediawiki/2014/4/48/ULBBG.png">
<!--main content -->
<!--main content -->
Line 414: Line 449:
         <div u="slides" class="arrondie" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
         <div u="slides" class="arrondie" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
             overflow: hidden;">
             overflow: hidden;">
-
             <div class="arrondie"><img u="image" src="https://static.igem.org/mediawiki/2014/f/f7/ULB2014HEADER.png"/></div>
+
             <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/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/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>
 +
         <!-- Bullet Navigator Skin Begin -->
         <!-- Bullet Navigator Skin Begin -->
         <style>
         <style>
Line 450: Line 487:
             }
             }
         </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 456: Line 494:
         </div>
         </div>
         <!-- Bullet Navigator Skin End -->
         <!-- Bullet Navigator Skin End -->
 +
         <!-- Arrow Navigator Skin Begin -->
         <!-- Arrow Navigator Skin Begin -->
       <style>
       <style>
Line 501: Line 540:
-
<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="  
<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;
Line 526: Line 571:
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:#8b8b8b;  
+
<li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Team <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
     background : transparent;" ><a href="#" style="color:#000000">
-
<ul >
+
    Team <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000">Team Page</a></li>
+
    <ul >
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000">Official Team Profile</a></li>
+
<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>
</ul></td>
<td colspan="3" style="  
<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" 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">
 
-
        <ul height="100%" id="menu-demo2">
 
-
<li  style="background-color:#8b8b8b;
 
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 
-
<ul >
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000">Introduction</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project/Methods"style="color:#000000">Materials and Methods</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project/Results"style="color:#000000">Results</a></li>
 
-
</ul></td>
 
<td colspan="3" style="  
<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" bgColor=#8b8b8b>   
     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:#8b8b8b;
 
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><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">Introduction</a></li>
 
-
</ul></td>
 
<td colspan="3" style="  
<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" bgColor=#8b8b8b>   
     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">
+
<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="background-color:#8b8b8b;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
    Human Practice <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/Human"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="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>
</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/Parts"style="color:#000000">Parts </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 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/Safety"style="color:#000000">Safety </a> </td>
+
<td colspan="3" style="  
<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" 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/Previous"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:#8b8b8b;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
    Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
<ul >
<ul >
<li><a href="https://2012.igem.org/Team:ULB-Brussels"style="color:#000000">2012 : InteGreator</a></li>
<li><a href="https://2012.igem.org/Team:ULB-Brussels"style="color:#000000">2012 : InteGreator</a></li>
Line 624: Line 664:
</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://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);
<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; 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/> 
-
<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">
+
<!--rapid commands
-
</tr>
+
--these aren't Titanium Oxide ^^ but is extra to begin Intro pages
-
</tr>
+
\newcommand{\Igo}{\Large\mathcal{I}\normalsize}
-
</td>
+
\newcommand{\Tgo}{\Large\mathcal{T}\normalsize}
-
<br/>
+
\newcommand{\Ogo}{\Large\mathcal{O}\normalsize}
-
<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="">&nbsp;&nbsp;Université Libre de Bruxelles - Scientia Vincere Tenebras <br/><br/><br/><p/>
+
--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>
</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 -