Team:UCLondon/Templates/Content-Slide

From 2012e.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
   <link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css">
+
    
   <style type="text/css">
   <style type="text/css">
 +
#container {
 +
width:580px;
 +
padding:10px;
 +
margin:0 auto;
 +
position:relative;
 +
z-index:0;
 +
}
 +
 +
#example {
 +
width:600px;
 +
height:350px;
 +
position:relative;
 +
}
 +
 +
#ribbon {
 +
position:absolute;
 +
top:-3px;
 +
left:-15px;
 +
z-index:500;
 +
}
 +
 +
#frame {
 +
position:absolute;
 +
z-index:0;
 +
width:739px;
 +
height:341px;
 +
top:-3px;
 +
left:-80px;
 +
}
 +
 +
/*
 +
Slideshow
 +
*/
 +
 +
#slides {
 +
position:absolute;
 +
top:15px;
 +
left:4px;
 +
z-index:100;
 +
}
 +
 +
/*
 +
Slides container
 +
Important:
 +
Set the width of your slides container
 +
Set to display none, prevents content flash
 +
*/
 +
 +
.slides_container {
 +
width:570px;
 +
overflow:hidden;
 +
position:relative;
 +
display:none;
 +
}
 +
 +
/*
 +
Each slide
 +
Important:
 +
Set the width of your slides
 +
If height not specified height will be set by the slide content
 +
Set to display block
 +
*/
 +
 +
.slides_container div.slide {
 +
width:570px;
 +
height:270px;
 +
display:block;
 +
}
 +
 +
 +
/*
 +
Next/prev buttons
 +
*/
 +
 +
#slides .next,#slides .prev {
 +
position:absolute;
 +
top:107px;
 +
left:-39px;
 +
width:24px;
 +
height:43px;
 +
display:block;
 +
z-index:101;
 +
}
 +
 +
#slides .next {
 +
left:585px;
 +
}
 +
 +
/*
 +
Pagination
 +
*/
 +
 +
.pagination {
 +
margin:26px auto 0;
 +
width:100px;
 +
}
 +
 +
.pagination li {
 +
float:left;
 +
margin:0 1px;
 +
list-style:none;
 +
}
 +
 +
.pagination li a {
 +
display:block;
 +
width:12px;
 +
height:0;
 +
padding-top:12px;
 +
background-image:url(../img/pagination.png);
 +
background-position:0 0;
 +
float:left;
 +
overflow:hidden;
 +
}
 +
 +
.pagination li.current a {
 +
background-position:0 -12px;
 +
}
 +
 +
/*
 +
Caption
 +
*/
 +
 +
.caption {
 +
z-index:500;
 +
position:absolute;
 +
bottom:-35px;
 +
left:0;
 +
height:30px;
 +
padding:5px 20px 0 20px;
 +
background:#000;
 +
background:rgba(0,0,0,.5);
 +
width:540px;
 +
font-size:1.3em;
 +
line-height:1.33;
 +
color:#fff;
 +
border-top:1px solid #000;
 +
text-shadow:none;
 +
}
   </style>
   </style>

Revision as of 01:13, 13 September 2012

New Ribbon
Slide 1

Happy Bokeh Thursday!

Slide 2

Taxi

Slide 3

Happy Bokeh raining Day

Slide 4

We Eat Light

Slide 5

“I must go down to the sea again, to the lonely sea and the sky...”

Slide 6

twelve.inch

Slide 7

Save my love for loneliness

Example Frame

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:UCLondon/Templates/Content-Slide"