"
Team:Tianjin/scropic.css
From 2012.igem.org
(Difference between revisions)
Austinamens (Talk | contribs) (Created page with ".slide{position:relative;width:540px;height:300px;} .pic_img{z-index:0; } .pic_img div{display:none;width:540px;height:300px;position:relative;} .pic_img img{width:540px;height:3...") |
Austinamens (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| - | .slide{position:relative;width: | + | .slide{position:relative;width:470px;height:230px;} |
.pic_img{z-index:0; } | .pic_img{z-index:0; } | ||
| - | .pic_img div{display:none;width: | + | .pic_img div{display:none;width:470px;height:230px;position:relative;} |
| - | .pic_img img{width: | + | .pic_img img{width:470px;height:230px;} |
.pic_img div.cur{display:block;} | .pic_img div.cur{display:block;} | ||
| - | .slide .thumb{position:absolute;bottom:0px;z-index:9;margin:0;} | + | .slide .thumb{position:absolute;bottom:0px;z-index:9;margin:0;right:0px;} |
.slide .thumb div{ | .slide .thumb div{ | ||
overflow:hidden; | overflow:hidden; | ||
| Line 10: | Line 10: | ||
color:#fff; | color:#fff; | ||
text-align:center; | text-align:center; | ||
| - | + | width:4px;height:4px; | |
| - | + | border:none; | |
| - | border: | + | |
background:#000; | background:#000; | ||
filter: Alpha(opacity=60); | filter: Alpha(opacity=60); | ||
-moz-opacity:.6; | -moz-opacity:.6; | ||
opacity:0.6; | opacity:0.6; | ||
| - | |||
| - | |||
} | } | ||
.slide .thumb div a{color:#fff;} | .slide .thumb div a{color:#fff;} | ||
.slide .thumb .cur,.slide .thumb div:hover{background:#f00;color:#FFF;} | .slide .thumb .cur,.slide .thumb div:hover{background:#f00;color:#FFF;} | ||
Revision as of 02:22, 22 August 2012
.slide{position:relative;width:470px;height:230px;} .pic_img{z-index:0; } .pic_img div{display:none;width:470px;height:230px;position:relative;} .pic_img img{width:470px;height:230px;} .pic_img div.cur{display:block;} .slide .thumb{position:absolute;bottom:0px;z-index:9;margin:0;right:0px;} .slide .thumb div{ overflow:hidden; float:left; color:#fff; text-align:center; width:4px;height:4px; border:none; background:#000; filter: Alpha(opacity=60); -moz-opacity:.6; opacity:0.6; } .slide .thumb div a{color:#fff;} .slide .thumb .cur,.slide .thumb div:hover{background:#f00;color:#FFF;}
