Team:UCLondon/Templates/bottom-contentv4

From 2012e.igem.org

(Difference between revisions)
Line 165: Line 165:
-
.tab-nav { float:left; width:15%;}
 
-
.tab-nav  li { list-style: none; }
 
-
.tab-content { float:right; width:75%; overflow:hidden; height:220px;}
+
/* Testimonial slideshow */
 +
 
 +
/* ---------------------------------------------------- */
 +
/* SLIDESHOW
 +
/* ---------------------------------------------------- */
 +
#slideshow {
 +
width: 250px;
 +
background-color: #eee;
 +
border: 1px solid #ddd;}
 +
 +
#slideshow ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style-type: none;
 +
height: 1%; /* IE fix */}
 +
 +
#slideshow ul:after {
 +
content: ".";
 +
clear: both;
 +
display: block;
 +
height: 0;
 +
visibility: hidden;}           
 +
 +
/* ---------------------------------------------------- */
 +
/* SLIDESHOW > SLIDES
 +
/* ---------------------------------------------------- */
 +
#slideshow .slides {
 +
overflow: hidden;
 +
width: 250px;}
 +
 +
#slideshow .slides ul {
 +
width: 500px;}
 +
 +
#slideshow .slides li {
 +
width: 220px;
 +
float: left;
 +
padding: 20px;}
 +
 +
#slideshow .slides h2 {
 +
margin-top: 0;}
 +
 +
/* ---------------------------------------------------- */
 +
/* SLIDESHOW > NAVIGATION
 +
/* ---------------------------------------------------- */
 +
#slideshow .slides-nav {
 +
background-color: #ddd;
 +
border-top: 2px solid #ccc;}
 +
 +
#slideshow .slides-nav li {
 +
float: left;}
 +
 +
#slideshow .slides-nav li a {
 +
display: block;
 +
padding: 15px 20px;
 +
outline: none;}
 +
 +
.js #slideshow .slides-nav li.on,
 +
.js #slideshow .slides-nav li.on a {
 +
background-color: #eee;}
 +
 +
.js #slideshow .slides-nav li.on a {
 +
position: relative;
 +
top: -4px;}
 +
 +
 +
/* ---------------------------------------------------- */
 +
/* Scroll box */
 +
/* ---------------------------------------------------- */
 +
 +
.testimonial { height: 200px; overflow-y:scroll; }
 +
.test-author { padding-top: 20px; }
 +
 
 +
 
 +
 
   </style>
   </style>

Revision as of 17:04, 21 October 2012