Template:12SJTU sliderman css

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> </style> </head> </html>")
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
#slider_container_2 {
 +
float: left;
 +
margin: 0 0 0 -15px;
 +
padding: 15px;
 +
width: 501px;
 +
background: url(/wiki/images/4/4b/12SJTU_sliderman_bg.png) no-repeat 0 0;
 +
}
 +
.SliderName_2 {
 +
width: 501px;
 +
height: 333px;
 +
overflow: hidden;
 +
}
 +
 +
.SliderNamePrev_2 {
 +
background: url(/wiki/images/4/47/12SJTU_sliderman_left.png) no-repeat left center;
 +
width: 50px;
 +
height: 333px;
 +
display: block;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
text-decoration: none;
 +
}
 +
 +
.SliderNameNext_2 {
 +
background: url(/wiki/images/d/d2/12SJTU_sliderman_right.png) no-repeat right center;
 +
width: 50px;
 +
height: 333px;
 +
display: block;
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
text-decoration: none;
 +
}
 +
 +
.SliderName_2Description {
 +
padding: 10px;
 +
font-family: Tahoma,Arial,Helvetica;
 +
font-size: 14px;
 +
line-height: 30px;
 +
letter-spacing: 1px;
 +
text-align: center;
 +
color: #ffffff;
 +
text-shadow: 0 1px 3px #000000;
 +
}
 +
 +
#SliderNameNavigation_2 {
 +
margin: 0;
 +
padding: 10px 0 0 0;
 +
height: 16px;
 +
text-align: center;
 +
overflow-y: hidden;
 +
}
 +
 +
#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
 +
margin: 0;
 +
padding: 0;
 +
font-size: 0;
 +
line-height: 0;
 +
text-decoration: none;
 +
}
 +
 +
#SliderNameNavigation_2 a img
 +
{
 +
border: none;
 +
width: 16px;
 +
height: 16px;
 +
background: url(/wiki/images/f/f0/12SJTU_sliderman_bullet.png) no-repeat center center;
 +
}
 +
 +
#SliderNameNavigation_2 a.active img
 +
{
 +
background: url(/wiki/images/d/da/12SJTU_sliderman_bullet_active.png) no-repeat center center;
 +
}
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 03:39, 7 September 2012