Difference between revisions of "Team:Freiburg/testpage"

(included css)
 
(212 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Freiburg/CSS}}
 +
{{Freiburg/Menubar}}
  
 +
{{Freiburg/wiki_content_start}}
 
<html>
 
<html>
 
<style>
 
<style>
 +
/*========= BEGIN: style for navigation bar ==========*/
 +
#results {
 +
    background: url(https://static.igem.org/mediawiki/2015/2/2e/Freiburg_icon_results_active_yellow.png) no-repeat;
 +
}
  
body{
+
#results a {
margin: 0;
+
    color: #ecdc18;
 +
}
  
 +
#runningchip {
 +
    left: 52%;
 
}
 
}
#mainContainer { 
+
/*========= END: style for navigation bar ==========*/
width: 978px;
+
  
}
+
.responsive_center_image{
/*The blue menu bar*/
+
    text-align: center;
#menubar {
+
  }
background-color: #5781bd;
+
.responsive_center_image img{
display: table;
+
    max-width: 100%;
width: 100%;
+
    height: auto;
height: 70px;
+
    width: auto\9; /* ie8 */
border-collapse: collapse;
+
border: none;
+
 
}
 
}
  
/*The sub (and subsubs) items of the menu*/
+
</style>
#menubar ul li ul li{
+
width: 200px;
+
height: 30px;
+
margin-top: 2px;
+
  
}
+
<div class="content_box">
/*The first (horizontal) line of menu items*/
+
<h2> Modeling</h2>
#menubar > ul{
+
  
position: relative;
 
margin-top: 25;
 
left: 50%;
 
display: block;
 
transform: translate(-50%,0%);
 
}
 
  
#menubar ul ul {
+
<div class="highlightBox">
background-color: #5781bd;
+
<h4>Note</h4>
display: none;
+
position: absolute;
+
margin-left: 0px;
+
float: left;
+
}
+
#menubar ul ul li{
+
display: block;
+
margin-left: 0px;
+
}
+
  
#menubar ul li {
+
</div>
width: 100px;
+
<!-- begin formula -->
display: table-cell;
+
<div class="responsive_center_image">
font-family: "Arial";
+
<img src="https://static.igem.org/mediawiki/2015/c/c8/Freiburg_MOD_01_PDE.png" width="600">
}
+
</div>
 +
<!-- end formula -->
  
#menubar ul a{
+
<!-- begin formula -->
text-decoration: none;
+
<div class="responsive_center_image">
color: #FFFFFF;
+
<img src="https://static.igem.org/mediawiki/2015/1/12/Freiburg_MOD_02_Diffterm.png" width="500">
font-style: bold;
+
</div>
text-align: left;
+
<!-- end formula -->
}
+
  
#menubar ul a:visited{
+
<!-- begin formula -->
display: block;
+
<div class="responsive_center_image">
text-decoration: none;
+
<img src="https://static.igem.org/mediawiki/2015/d/dd/Freiburg_MOD_03_Convterm.png" width="350">
color: #FFFFFF;
+
</div>
font-style: bold;
+
<!-- end formula -->
}
+
 
#menubar ul li:hover > ul{
+
<!-- begin formula -->
color: #EEEE00;
+
<div class="responsive_center_image">
display: block;
+
<img src="https://static.igem.org/mediawiki/2015/8/85/Freiburg_MOD_04_Velocity.png" width="500">
padding-top: 5px;
+
</div>
padding-left: 20px;
+
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c1/Freiburg_MOD_05_General_Production.png" width="500">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/5/53/Freiburg_MOD_06_Taylor.png" width="600">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9e/Freiburg_MOD_07_Crank_Nicholson.png" width="600">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/3/37/Freiburg_MOD_08_DXDZ.png" width="150">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/9/94/Freiburg_MOD_09_Disc.png" width="600">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/4/48/Freiburg_MOD_10_Diff_Expan.png" width="700">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/4/48/Freiburg_MOD_11_Lambda_Mu.png" width="300">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c8/Freiburg_MOD_12_CN_Scheme.png" width="700">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/9/90/Freiburg_MOD_13_Conc_Vec.png" width="700">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/75/Freiburg_MOD_14_Prot_F.png" width="600">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/5/52/Freiburg_MOD_15_F_Vec.png" width="500">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/89/Freiburg_MOD_16_Spot_Split.png" width="250">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/d/de/Freiburg_MOD_17_CN_System.png" width="300">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/b/bc/Freiburg_MOD_18_Math_Sys.png" width="600">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Freiburg_MOD_19_Boundary.png" width="400">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1d/Freiburg_MOD_21_MatrixA.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0c/Freiburg_MOD_22_MatrixB.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/2/2b/Freiburg_MOD_23_Prod_Curve.png" width="400">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0d/Freiburg_MOD_24_Corner_Boundaries.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/70/Freiburg_MOD_25_Diff_Simp.png" width="800">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/3/39/Freiburg_MOD_26_F_Vec.png" width="700">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
 
 +
 
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0b/Freiburg_modeling_matrix.png" width="400">
 +
</div>
 +
<!-- end formula -->
 +
 
 +
 
 +
 
 +
<!-- begin video -->
 +
 
 +
<div class="image_box right">
 +
      <div class="thumbinner"style="width:700px;">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 +
        <video poster="https://static.igem.org/mediawiki/2015/c/c4/Freiburg_Diffusion_1_preview.jpg" width="700" height="350" controls>
 +
          <source src="https://static.igem.org/mediawiki/2015/5/5a/Freiburg_Diffusion_1_720p.mp4" type="video/mp4">
 +
          Your browser does not support the HTML5 video tag.
 +
        </video>
 +
        <div class="thumbcaption">Video 1: Demonstration of the diffusion model. 
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
<!-- end video -->
 +
 
 +
 
 +
<div class="image_box right">
 +
        <div class="thumb2 trien" style="width:376px">
 +
            <div class="thumbinner">
 +
                <a href="https://static.igem.org/mediawiki/2015/b/bc/Freiburg_MOD_IM_01_Simplification.png" class="lightbox_trigger">
 +
                    <img src="https://static.igem.org/mediawiki/2015/6/63/Freiburg_MOD_IM_01_Simplification_preview.png" width="376">
 +
                </a>
 +
                <div class="thumbcaption">
 +
                    <p>
 +
                        <strong>Figure:
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
  
}
 
#menubar ul li:hover{
 
color: #EEEE00;
 
}
 
</style>
 
</style>
 
  
<nav id="menubar">
 
<ul>
 
<li><a href="#">Overview</a></li>
 
<li><a href="#">Our Team</a>
 
<li><a href="#">Results</a>
 
<ul>
 
<li><a href="#">Summary</a></li>
 
<li><a href="#">Biobricks</a></li>
 
<li><a href="#">Surface Chemistry</a></li>
 
<li><a href="#">Cloning</a></li>
 
<li><a href="#">iRIf</a></li>
 
<li><a href="#">Modeling</a></li>
 
<li><a href="#">Cell-free Expression</a></li>
 
</ul>
 
</li>   
 
  <li><a href="#">Notebook</a>
 
    <ul>
 
<li><a href="#">Protocols</a></li>
 
<li><a href="#">Labjournals</a>
 
<ul>
 
<li><a href="#">Cell-free Expression</a></li>
 
<li><a href="#">Cloning</a></li>
 
<li><a href="#">Surface Chemistry</a></li>
 
<li><a href="#">iRIf</a></li>
 
</ul>
 
</li>
 
</ul>
 
</li>
 
</ul>
 
  
</nav>
 
  
 
</html>
 
</html>
 +
{{Freiburg/wiki_content_end}}

Latest revision as of 01:37, 19 September 2015

""

Modeling

Note

Video 1: Demonstration of the diffusion model.

Figure: