Team:UCLondon/Templates/bottom-contentv5

From 2012e.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 45: Line 45:
             //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 163: Line 163:
.text    { width: 20% !important;  float:left; }
.text    { width: 20% !important;  float:left; }
-
.p-img { width: 30% !important;  float:left;  padding:6px;}
+
.p-img { width: 25% !important;  float:left;  padding-top:0; padding-right: 12px;}
.text p {
.text p {
   height:150px;  
   height:150px;  
   width: 63%;
   width: 63%;
-
   padding: 6px;
+
   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 224: 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 231: 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 256: 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; }
   
   
Line 277: 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 292: 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 297: 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="110"/>
+
                                 <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>PhD Candidate</div>
+
                                         <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>
                         <div class="text" >
                         <div class="text" >
Line 309: 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="110"/></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 336: 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 349: 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