"
Team:UCLondon/Templates/bottom-contentv4
From 2012e.igem.org
(Difference between revisions)
| (67 intermediate revisions not shown) | |||
| Line 30: | Line 30: | ||
} | } | ||
| + | |||
| + | #footer-boxes h3 { color: #497567 !important; font-family: sans-serif; font-size: 17px;} | ||
.left { | .left { | ||
float:left; | float:left; | ||
| - | width: | + | width: 35%; |
clear: left; | clear: left; | ||
} | } | ||
| - | .middle { float:left; width: | + | .middle { float:left; width:30%; border-left-color: rgb(230, 230, 230); |
| - | + | // border-left-style: solid; | |
| - | border-left-width: 1px; | + | //border-left-width: 1px; |
| + | |||
padding-left:10px; | padding-left:10px; | ||
padding-right:10px; | padding-right:10px; | ||
| Line 50: | Line 53: | ||
width: 30%; | width: 30%; | ||
padding-left: 5px; | padding-left: 5px; | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | .clear { clear: both; height: | + | .clear { clear: both; height:1px; width:100%;} |
#sponsor-slides .slides_container { | #sponsor-slides .slides_container { | ||
| Line 87: | Line 88: | ||
margin: 2px; | margin: 2px; | ||
padding: 15px 5px 2px 5px; | padding: 15px 5px 2px 5px; | ||
| - | width: | + | width: 5cm; |
float: left; | float: left; | ||
| - | height: | + | height: 98px; |
} | } | ||
| Line 98: | Line 99: | ||
vertical-align: middle; | vertical-align: middle; | ||
text-align: center; | text-align: center; | ||
| - | width:2.5cm; | + | //width:2.5cm; |
color:grey; | color:grey; | ||
text-decoration:none; | text-decoration:none; | ||
background:none; | background:none; | ||
| - | + | font-size:16pt; | |
| + | line-width:1.3pt; | ||
} | } | ||
.sponsor-logo img { display: block; margin-left: auto; margin-right:auto; } | .sponsor-logo img { display: block; margin-left: auto; margin-right:auto; } | ||
| + | |||
| + | .sponsor-logo:hover p {text-decoration:none;} | ||
| Line 114: | Line 118: | ||
position:relative; | position:relative; | ||
padding:1px; | padding:1px; | ||
| - | margin: | + | margin:0 0 2.5em 0; |
border:2px solid #5a8f00; | border:2px solid #5a8f00; | ||
color:#333; | color:#333; | ||
| Line 172: | Line 176: | ||
/* ---------------------------------------------------- */ | /* ---------------------------------------------------- */ | ||
#slideshow { | #slideshow { | ||
| - | width: 250px; | + | width: 100%; //250px; |
| - | background-color: #eee; | + | //background-color: #eee; |
| - | border: 1px solid #ddd;} | + | //border: 1px solid #ddd;} |
#slideshow ul { | #slideshow ul { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| - | list-style-type: none; | + | list-style-type: none !important; |
| + | list-style-image: none !important; | ||
height: 1%; /* IE fix */} | height: 1%; /* IE fix */} | ||
| Line 193: | Line 198: | ||
/* ---------------------------------------------------- */ | /* ---------------------------------------------------- */ | ||
#slideshow .slides { | #slideshow .slides { | ||
| - | overflow: hidden; | + | overflow: hidden; |
| - | width: 250px;} | + | width: 100%; //250px; |
| + | } | ||
#slideshow .slides ul { | #slideshow .slides ul { | ||
| Line 200: | Line 206: | ||
#slideshow .slides li { | #slideshow .slides li { | ||
| - | width: 220px; | + | width: 68%; //220px; |
float: left; | float: left; | ||
| - | padding: | + | padding: 0 5px;} |
#slideshow .slides h2 { | #slideshow .slides h2 { | ||
| Line 210: | Line 216: | ||
/* SLIDESHOW > NAVIGATION | /* SLIDESHOW > NAVIGATION | ||
/* ---------------------------------------------------- */ | /* ---------------------------------------------------- */ | ||
| + | |||
| + | #slideshow .div-slide-nav { | ||
| + | //background-color: #ddd; | ||
| + | //border-top: 2px solid #ccc;} | ||
| + | |||
| + | |||
#slideshow .slides-nav { | #slideshow .slides-nav { | ||
| - | + | margin:auto; | |
| - | + | width: 79%; | |
| + | background-color: #ddd; | ||
| + | border-top: 2px solid #ccc;} | ||
#slideshow .slides-nav li { | #slideshow .slides-nav li { | ||
| Line 224: | Line 238: | ||
.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: | + | background-color: rgb(249, 249, 249); cursor:default;} |
.js #slideshow .slides-nav li.on a { | .js #slideshow .slides-nav li.on a { | ||
| Line 236: | Line 250: | ||
//.testimonial { height: 200px; overflow-y:scroll; } | //.testimonial { height: 200px; overflow-y:scroll; } | ||
| - | .test-author { padding-top: | + | .test-author { padding-top: 5px; padding-bottom:-10px; } |
| Line 288: | Line 302: | ||
<p> | <p> | ||
<div class="testimonial triangle-isosceles" ><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 class="testimonial triangle-isosceles" ><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 class="test-author" style="margin:auto; width:95%; text-align:center;" | + | <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"> | <ul class="slides-nav"> | ||
<li class="on"><a href="#slide-one"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/advisors/c.jpg" width="56"/></a></li> | <li class="on"><a href="#slide-one"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/advisors/c.jpg" width="56"/></a></li> | ||
<li><a href="#slide-two"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/acknowledgements/r.jpg" width="56"/></a></li> | <li><a href="#slide-two"><img src="https://dl.dropbox.com/u/45600819/igemewiki%20team%20photos/acknowledgements/r.jpg" width="56"/></a></li> | ||
</ul> | </ul> | ||
| + | </div> <!-- .div-slide-nav --> | ||
</div><!-- #slideshow --> | </div><!-- #slideshow --> | ||
</div><!-- .footer-box left --> | </div><!-- .footer-box left --> | ||
| Line 310: | Line 326: | ||
<div> | <div> | ||
<ul class="sponsor-list"> | <ul class="sponsor-list"> | ||
| - | <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" style="padding-top: | + | <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.engineering.ucl.ac.uk" class="sponsor-logo"><li><img src="http://media.tumblr.com/tumblr_lxeegbS9iG1qitocx.gif" width=" | + | <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="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</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>click to sponsor!</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> | <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>--> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div><!-- .footer-box right --> | </div><!-- .footer-box right --> | ||
| - | <div class="clear" style="width:100%; height: | + | <div class="clear" style="width:100%; height:0.3px;"></div> |
</div> | </div> | ||
| Line 334: | Line 354: | ||
nHeight = (nHeight > $('.footer-box.middle').height() ) ? nHeight : $('.footer-box.middle').height(); | nHeight = (nHeight > $('.footer-box.middle').height() ) ? nHeight : $('.footer-box.middle').height(); | ||
console.log('height' + nHeight); | console.log('height' + nHeight); | ||
| - | + | /* $('#footer-boxes').css('height', nHeight); | |
| - | + | $('.footer-box.left').outerHeight(nHeight); | |
$('.footer-box.middle').outerHeight(nHeight); | $('.footer-box.middle').outerHeight(nHeight); | ||
$('.footer-box.right').outerHeight(nHeight); | $('.footer-box.right').outerHeight(nHeight); | ||
Latest revision as of 19:40, 21 October 2012
