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

From 2014.igem.org

(Difference between revisions)
m
m
 
(87 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 568: Line 588:
     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;" ><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>
 
Line 589: Line 599:
     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;" ><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="  
Line 617: Line 616:
<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/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="
 
-
  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="  
<td colspan="3" style="  
Line 637: Line 628:
     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:transparent;" ><a href="#" style="color:#000000">
+
        <li  style="background-color:transparent;  
-
     Parts </a>
+
     , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Parts" style="color:#000000">
-
    <ul >
+
    Parts</a>  
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Bricks</a></li>
+
</td>
-
</ul></td>
+
<td colspan="3" style="  
<td colspan="3" style="  
Line 653: Line 643:
     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:transparent;" ><a href="#" style="color:#000000">
 
-
    Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
 
-
    <ul >
 
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safe Mighty</a></li>
 
-
</ul></td>
 
<td colspan="3" style="  
<td colspan="3" style="  
Line 691: Line 673:
     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;
 
-
    , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
 
-
    Sponsors</a>
 
-
</td>
 
Line 714: 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="">  
-
$\small Scientia$ $\small Vincere$ $\small Tenebras$ - Université Libre de 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 -