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

From 2014.igem.org

(Difference between revisions)
m
 
(92 intermediate revisions not shown)
Line 6: Line 6:
<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 35: 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>Example of a hierarchical menu in 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>
Line 435: Line 452:
             <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/f/f7/ULB2014HEADER.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 469: 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 475: Line 494:
         </div>
         </div>
         <!-- Bullet Navigator Skin End -->
         <!-- Bullet Navigator Skin End -->
 +
         <!-- Arrow Navigator Skin Begin -->
         <!-- Arrow Navigator Skin Begin -->
       <style>
       <style>
Line 541: Line 561:
<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(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 561: Line 581:
<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(#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" 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:transparent;
 
-
    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://igem.org/abstract_pdf_file.cgi?id=1318"style="color:#000000">Abstract</a></li>
 
-
<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(#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" 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:transparent;
 
-
    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">Overview</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/Population-Dynamics"style="color:#000000">Dynamics</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/TA-System"style="color:#000000">TA System</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/2A-Peptid"style="color:#000000">2A Peptide</a></li>
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modelling/Conclusion"style="color:#000000">Conclusion</a></li>
 
-
</ul></td>
 
<td colspan="3" style="  
<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 614: Line 611:
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"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">BGF Festival</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">Game Rules</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 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);
-
    border-top: 2px solid #939393;
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
+
-
 
+
-
<td colspan="3" style="
+
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     border-top: 2px solid #939393;
     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/Parts"style="color:#000000"> <div id="monmenu">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">
         <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">
+
     , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Parts" style="color:#000000">
-
    Parts </a>
+
    Parts</a>  
-
    <ul >
+
</td>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Bricks</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/Safety"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">
 
-
    Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 
-
    <ul >
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safe Mighty</a></li>
 
-
</ul></td>
 
<td colspan="3" style="  
<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(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 675: Line 655:
<a href="https://2014.igem.org/Team:ULB-Brussels/Previous"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:transparent;
+
<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 >
Line 686: Line 665:
<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(#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" bgColor=#8b8b8b>   
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">
 
-
        <ul height="100%" id="menu-demo2">
 
-
        <li  style="background-color:transparent;
 
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
 
-
    Sponsors</a>
 
-
</td>
 
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
<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(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 717: Line 690:
<tr><th><table style="background-color:rgb(245,245,245);" width="90%"  align="center">
<tr><th><table style="background-color:rgb(245,245,245);" width="90%"  align="center">
<br/><br/>   
<br/><br/>   
 +
 +
 +
<!--rapid commands
 +
--these aren't Titanium Oxide ^^ but is extra to begin Intro pages
 +
\newcommand{\Igo}{\Large\mathcal{I}\normalsize}
 +
\newcommand{\Tgo}{\Large\mathcal{T}\normalsize}
 +
\newcommand{\Ogo}{\Large\mathcal{O}\normalsize}
 +
--text rapid--
 +
\newcommand{\MyColi}{<i>Mighty Coli </i>} -->
<!-- SCIENTIA VINCERE TENEBRAS  -->
<!-- SCIENTIA VINCERE TENEBRAS  -->
<div id="piedpage"><p style="background-color:#ebebeb;" class="arrondie"> <br/> <br/>  
<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="75px" src="https://static.igem.org/mediawiki/2014/9/93/ULB2014SVT.jpg" alt="">  
-
$Scientia$ $Vincere$ $Tenebras$ - $\small Université$ $\small Libre$ $\small de$ $\small Bruxelles$
+
<!--<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/>
<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 -


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