Team:UCLondon/Templates/bottom-contentv5

From 2012e.igem.org

(Difference between revisions)
 
(107 intermediate revisions not shown)
Line 36: Line 36:
     .left {
     .left {
           float:left;  
           float:left;  
-
           width: 30%;
+
           width: 28%;
           clear: left;
           clear: left;
       }
       }
   
   
-
     .middle { float:left; width:40%; border-left-color: rgb(230, 230, 230);
+
     .middle { float:left; width:42%; border-left-color: rgb(230, 230, 230);
             // border-left-style: solid;
             // border-left-style: solid;
             //border-left-width: 1px;  
             //border-left-width: 1px;  
              
              
-
             padding-left:10px;
+
             padding-left: 5px;
-
             padding-right:10px;
+
             padding-right: 5px;
  }
  }
       .right {
       .right {
             float: left;
             float: left;
-
             width: 25%;
+
             width: 26%;
-
             padding-left: 5px;
+
             padding-left: 2px;
   
   
       }
       }
Line 87: Line 87:
     list-style: none;
     list-style: none;
margin: 2px;
margin: 2px;
-
padding: 15px 5px 2px 5px;
+
padding: 10px 5px 2px 5px;
width: 5cm;
width: 5cm;
float: left;
float: left;
-
height: 98px;
+
height: 83px;
}
}
Line 99: Line 99:
vertical-align: middle;
vertical-align: middle;
text-align: center;  
text-align: center;  
-
//width:2.5cm;
+
//width:2cm;
color:grey;  
color:grey;  
text-decoration:none;
text-decoration:none;
Line 114: Line 114:
-
 
+
/*
.triangle-isosceles {
.triangle-isosceles {
       position:relative;
       position:relative;
Line 158: Line 158:
     display:block;  
     display:block;  
     width:0;
     width:0;
-
}
+
}*/
-
.text    { width:50%; }
+
 
-
.p-img { width: 50%; }
+
.text    { width: 20% !important;  float:left; }
 +
.p-img { width: 25% !important;  float:left;  padding-top:0; padding-right: 12px;}
.text p {
.text p {
-
   height:150px;
+
   height:150px;  
-
   //width:50%;
+
   width: 63%;
 +
  padding-top: 0;
 +
  padding-left: 6px;
 +
 
   }
   }
.testimonial,  #test-slides .slides_container .triangle-isosceles {  height: 160px; padding: 0px 4px; }
.testimonial,  #test-slides .slides_container .triangle-isosceles {  height: 160px; padding: 0px 4px; }
-
.test-author { position:relative; top: -15px; }
+
 
Line 222: Line 226:
                         #slideshow .div-slide-nav {
                         #slideshow .div-slide-nav {
-
                           //background-color: #ddd;
+
                           padding-left: 100px;
-
  //border-top: 2px solid #ccc;}
+
                          position: relative;
 +
                          top: -21px;
 +
                        }
                
                
Line 229: Line 235:
                           margin:auto;
                           margin:auto;
                           width: 79%;
                           width: 79%;
-
  background-color: #ddd;
+
  //border: 2px solid #4b4b4b;
-
  border-top: 2px solid #ccc;}
+
                          // -moz-border-radius: 8px;
 +
                          //-webkit-border-radius: 8px;
 +
                          //border-radius: 8px;
 +
                          }
#slideshow .slides-nav li {
#slideshow .slides-nav li {
-
float: left;}
+
    float: left;
 +
                            width: 10px;
 +
                            height: 10px;
 +
                            line-height: 10px;
 +
                            margin-right: 3px;
 +
                            text-indent: -9999px;
 +
                            background-color: #838383;
 +
                            -moz-border-radius: 6px;
 +
                            -webkit-border-radius: 6px;
 +
                            border-radius: 6px;
 +
                            cursor: pointer;
 +
                        }
#slideshow .slides-nav li a {
#slideshow .slides-nav li a {
-
display: block;
+
//display: block;
-
padding: 15px 20px;
+
//padding: 15px 20px;
-
outline: none;}
+
//outline: none;
 +
                        }
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
.js #slideshow .slides-nav li.on a {
-
background-color: rgb(249, 249, 249); cursor:default;}
+
background-color: #92af3b;
 +
                        cursor:default;
 +
                        }
.js #slideshow .slides-nav li.on a {
.js #slideshow .slides-nav li.on a {
Line 254: Line 277:
//.testimonial { height: 200px; overflow-y:scroll; }
//.testimonial { height: 200px; overflow-y:scroll; }
-
//.test-author { padding-top: 5px; padding-bottom:-10px; }
+
.test-author { padding-top: 5px; padding-bottom:5 px; font-size: 8pt; color:grey; }
-
 
+
-
 
+
-
        /* img /text */
+
-
        .p-img, .text, .text p { float:left; }
+
-
 
+
-
 
+
 +
   </style>
   </style>
Line 280: Line 298:
<div class="footer-box left">
<div class="footer-box left">
<h3>Latest News</h3>
<h3>Latest News</h3>
-
  <ul>
+
  <ul style="padding-top:10px;">
                                         <li><a href="http://codonusageoptimizer.org/download/">CUO 0.92 released</a></li>
                                         <li><a href="http://codonusageoptimizer.org/download/">CUO 0.92 released</a></li>
<li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
<li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
Line 295: Line 313:
<h3>Testimonials</h3>
<h3>Testimonials</h3>
  <div id="slideshow">
  <div id="slideshow">
 +
 +
      <div class="div-slide-nav">
 +
            <ul class="slides-nav">
 +
                <li class="on"><a href="#slide-one"></a></li>
 +
                <li><a href="#slide-two"></a></li>
 +
            </ul>
 +
            </div> <!-- .div-slide-nav -->
 +
             <div class="slides">
             <div class="slides">
                 <ul>
                 <ul>
Line 300: Line 326:
                         <!--<h2>Slide one</h2>-->
                         <!--<h2>Slide one</h2>-->
                         <p>
                         <p>
-
                                 <div class="p-img"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/advisors/c.jpg" width="56"/></div>
+
                                 <div class="p-img"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/advisors/c.jpg" width="100"/>
 +
                                        <div class="test-author" style="margin:auto; width:95%; text-align:center;">Henry Taunt<br><div style="font-size:8pt;">PhD Candidate</div></div>
 +
                                </div>
                         <div class="text" >
                         <div class="text" >
                         <p style="overflow:auto; ">I am reaching the end of my PhD on algal molecular biology and have found the CUO extremely useful. To date my use of it has fallen into three categories. My initial use of it was for the assisted design or redesign of several recombinant genes for expression in the Chlamydomonas reinhardtii chloroplast, a task which it has excelled at. Further to this I have used the program extensively for the analysis of previously expressed genes in the C. reinhardtii chloroplast to evaluate trends in expressing and non-expressing sub-sets. The CUO has also proven to be a very powerful tool for the study of the codon and codon pair usage in genes native to the C. reinhardtii chloroplast, a task I would have been unable to complete without this program.</p>
                         <p style="overflow:auto; ">I am reaching the end of my PhD on algal molecular biology and have found the CUO extremely useful. To date my use of it has fallen into three categories. My initial use of it was for the assisted design or redesign of several recombinant genes for expression in the Chlamydomonas reinhardtii chloroplast, a task which it has excelled at. Further to this I have used the program extensively for the analysis of previously expressed genes in the C. reinhardtii chloroplast to evaluate trends in expressing and non-expressing sub-sets. The CUO has also proven to be a very powerful tool for the study of the codon and codon pair usage in genes native to the C. reinhardtii chloroplast, a task I would have been unable to complete without this program.</p>
                         </div>
                         </div>
                                 <div style="clear:both; height:1px;"></div>
                                 <div style="clear:both; height:1px;"></div>
-
                        <div class="test-author" style="margin:auto; width:95%; text-align:center;">Henry Taunt, PhD Candidate</div>
 
                         </p>
                         </p>
                     </li>
                     </li>
Line 311: Line 338:
                         <!--<h2>Slide two</h2>-->
                         <!--<h2>Slide two</h2>-->
                         <p>
                         <p>
-
                             <div class="p-img"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/acknowledgements/r.jpg" width="56"/></div>
+
                             <div class="p-img"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/acknowledgements/r.jpg" width="100"/>
 +
                                  <div class="test-author" style="margin:auto; width:95%; text-align:center;">Dr Rosie Young</div>
 +
                            </div>
                             <div class="text" >
                             <div class="text" >
                             <p style="overflow:auto; ">I have used CUO to optimize several gene and tag sequences for expression in the Chlamydomonas chloroplast. The advantage of this program lies in its integration of codon usage with codon pairing optimization, using data from highly expressed genes. The interface is professional, flexible and easy to navigate and the manual provides clear instructions. Whilst we are still gathering data, early indications are that the program performs very well in redesigning genes for optimal expression.</p></div>
                             <p style="overflow:auto; ">I have used CUO to optimize several gene and tag sequences for expression in the Chlamydomonas chloroplast. The advantage of this program lies in its integration of codon usage with codon pairing optimization, using data from highly expressed genes. The interface is professional, flexible and easy to navigate and the manual provides clear instructions. Whilst we are still gathering data, early indications are that the program performs very well in redesigning genes for optimal expression.</p></div>
                             <div style="clear:both; height:1px;"></div>
                             <div style="clear:both; height:1px;"></div>
-
                            <div class="test-author" style="margin:auto; width:95%; text-align:center;">Dr Rosie Young</div>
 
                         </p>
                         </p>
                     </li>               
                     </li>               
                 </ul>
                 </ul>
             </div>
             </div>
-
            <div class="div-slide-nav">
+
   
-
            <ul class="slides-nav">
+
-
                <li class="on"><a href="#slide-one">1</a></li>
+
-
                <li><a href="#slide-two">2</a></li>
+
-
            </ul>
+
-
            </div> <!-- .div-slide-nav -->
+
         </div><!-- #slideshow -->
         </div><!-- #slideshow -->
</div><!-- .footer-box left -->
</div><!-- .footer-box left -->
Line 338: Line 361:
<h3>Sponsors</h3>
<h3>Sponsors</h3>
<div>
<div>
-
<ul class="sponsor-list">
+
<ul class="sponsor-list" style="padding-top:8px;">
-
<a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/wp-content/themes/clcbio-wordpress/images/clcbio_logo_web.png" width="130" style="padding-top:17px;"/></li></a>
+
<a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/wp-content/themes/clcbio-wordpress/images/clcbio_logo_web.png" width="100" style="padding-top:17px;"/></li></a>
-
<a href="http://www.engineering.ucl.ac.uk" class="sponsor-logo"><li><img src="http://media.tumblr.com/tumblr_lxeegbS9iG1qitocx.gif" width="150" style="padding-top:0px;"/></li></a>
+
<a href="http://www.engineering.ucl.ac.uk" class="sponsor-logo"><li><img src="https://dl.dropbox.com/u/3703109/igeme/UCL_Engineering.png" width="160" style="padding-top:16px;"/></li></a>
 +
<!--<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li><p style="margin-top:32px; color:grey;">click to sponsor!</p></li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li><p style="margin-top:32px; color:grey;">click to sponsor!</p></li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li><p style="margin-top:32px; color:grey;">click to sponsor!</p></li></a>
-
<!--<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li><p>click to sponsor!</p></li></a>
 
                                 <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
                                 <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
                                 <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
                                 <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
Line 351: Line 374:
</ul>
</ul>
</div>
</div>
 +
                        <div style="margin:auto; width:116px; list-type:none !important; list-style-type: none;"><a href="#" class="nothing" style="color:grey;" onclick="sponsoring()"><li style="padding-left:14px;">click to sponsor!</li></a></div>
</div><!-- .footer-box right -->
</div><!-- .footer-box right -->

Latest revision as of 16:22, 24 October 2012