Team:UCLondon/Templates/bottom-contentv5

From 2012e.igem.org

(Difference between revisions)
 
(69 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;
 +
 
   }
   }
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:5 px; font-face: bold; }
+
.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 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 class="test-author" style="margin:auto; width:95%; text-align:center;">Dr Rosie Young</div>
                             </div>
                             </div>
Line 319: Line 348:
                 </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 337: 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 350: 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