Team:TU Delft/Home/accordion

From 2010.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!-- START iGEM Wiki Stuff /-->
 
-
<style type="text/css">/*<![CDATA[*/
 
-
@import "https://2010.igem.org/wiki/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 
-
@import "https://2010.igem.org/wiki/index.php?title=MediaWiki:Igem.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 
-
@import "https://2010.igem.org/wiki/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=igem";
 
-
/*]]>*/</style>
 
-
<!-- jQuery Javascript -->
 
-
<script type='text/javascript'        src ='https://2010.igem.org/common/jquery-latest.min.js'></script>
 
-
<script type='text/javascript'        src ='https://2010.igem.org/common/tablesorter/jquery.tablesorter.min.js'></script>
 
-
        <link rel='stylesheet' type='text/css' href='https://2010.igem.org/common/tablesorter/themes/groupparts/style.css' />
 
-
        <link rel='stylesheet' type='text/css' href='https://2010.igem.org/common/table_styles.css' />
 
-
<!-- END iGEM Wiki Stuff /-->
 
-
 
-
<style type="text/css">
 
-
/* Wiki Hacks - START */
 
-
/* Author: Pieter van Boheemen */
 
-
/* Team: TU Delft */
 
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -15px !important; margin-top: 0px;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#bodyContent { border: none; padding:0; margin:0; width:100%;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#top-section { display: none; z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 
-
.left-menu ul { border: none; }
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.right-menu ul { border: none; width: 300px;}
 
-
#footer-box { background-color: #216085; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
 
-
.visualClear { display: none; }
 
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666;}
 
-
.printfooter { display: none; }
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
#search-controls { display:none; }
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
p:first-child { display: none;}
 
-
</style>
 
-
 
<div id="accordion-container">
<div id="accordion-container">
<ul id="accordion">
<ul id="accordion">
   <li id="degradation">
   <li id="degradation">
-
     <a id="a1" style="width: 450px" href="Project/alkane-degradation">
+
     <a id="a1" style="width: 450px" href="https://2010.igem.org/Team:TU_Delft#page=Project/alkane-degradation" target="_parent">
       <p>
       <p>
         <strong>Degradation</strong><br/>
         <strong>Degradation</strong><br/>
-
         Clean the environment from oil polution with our alkane degrading bacteria.  
+
         Clean the environment<br />from oil polution with<br />our alkane degrading<br />bacteria.  
       </p>
       </p>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<p>Read more</p>
     </a>
     </a>
   </li>
   </li>
   <li id="sensing">
   <li id="sensing">
-
     <a id="a2" href="Project/sensing">
+
     <a id="a2" href="https://2010.igem.org/Team:TU_Delft#page=Project/sensing" target="_parent">
       <p>
       <p>
         <strong>Sensing</strong><br/>
         <strong>Sensing</strong><br/>
-
         Detect and act upon hydrocarbon levels.
+
         Detect levels of hydrocarbons and and act upon it.
       </p>
       </p>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<p>Read more</p>
     </a>
     </a>
   </li>
   </li>
   <li id="tolerance">
   <li id="tolerance">
-
     <a id="a3" href="Project/tolerance">
+
     <a id="a3" href="https://2010.igem.org/Team:TU_Delft#page=Project/tolerance" target="_parent">
       <p>
       <p>
-
         <strong>Tolerance</strong><br/>
+
         <strong>Survival</strong><br/>
         Resistance to high concentrations of hydrocarbons and salts enable cells to work in harsh environments.
         Resistance to high concentrations of hydrocarbons and salts enable cells to work in harsh environments.
       </p>
       </p>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<p>Read more</p>
     </a>
     </a>
   </li>
   </li>
   <li id="solubility">
   <li id="solubility">
-
     <a id="a4" href="Project/solubility">
+
     <a id="a4" href="https://2010.igem.org/Team:TU_Delft#page=Project/solubility" target="_parent">
       <p>
       <p>
         <strong>Solubility</strong><br/>
         <strong>Solubility</strong><br/>
         Oil and water do not mix easily. Producing an emulsifying protein enhances the mass transfer.
         Oil and water do not mix easily. Producing an emulsifying protein enhances the mass transfer.
       </p>
       </p>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<p>Read more</p>
     </a>
     </a>
   </li>
   </li>
   <li id="rbs">
   <li id="rbs">
-
     <a id="a5" href="Project/rbs-characterization">
+
     <a id="a5" href="https://2010.igem.org/Team:TU_Delft#page=Project/rbs-characterization" target="_parent">
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<span style="display:block;clear:both;height:10px;"></span>
       <p>
       <p>
         <strong>RBS Characterization</strong><br/>
         <strong>RBS Characterization</strong><br/>
-
         Fine tune your protein expression with known RBS strengths.
+
         Fine tune your protein<br />expression with known RBS<br />strengths.
       </p>
       </p>
 +
<span style="display:block;clear:both;height:15px;"></span>
 +
<p>Read more</p>
     </a>
     </a>
   </li>
   </li>
Line 100: Line 63:
<style>
<style>
-
html, body {
+
#top-section {
-
margin: 0;
+
display: none;
-
padding: 0;
+
}
-
width: 100%;
+
-
height: 100%;
+
-
}
+
-
 
+
#accordion-container {
#accordion-container {
width: 100%;
width: 100%;
-
border: 1px solid #ffd200;
+
border: none;
height: 250px;
height: 250px;
overflow:hidden;
overflow:hidden;
-
margin: 60px 0;
+
margin: 0;
padding: 0;
padding: 0;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background-color: #fff;
 +
z-index: 100;
 +
margin-left: -1px;
}
}

Latest revision as of 12:27, 20 October 2010