Team:UCLondon/Templates/bottom-contentv4
From 2012e.igem.org
(Difference between revisions)
Line 165: | Line 165: | ||
- | |||
- | |||
- | + | /* 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