Team:XMU-China/Gallery/css

From 2014.igem.org

@charset "utf-8"; html{margin:0;padding:0;_text-overflow:ellipsis;} body{margin:0;padding:0;font-family:"\5b8b\4f53","\65B0\5B8B\4F53","arial";} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button,img,button,select,iframe{padding:0;margin:0;border:0;} img,input,button,select,textarea,fieldset,iframe{vertical-align:top;*vertical-align:middle;} ul,li{list-style-type:none;} .clearfix{display:block;clear:both;} .clearfix{*zoom:1;} .clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}

/* play */

  1. play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
  2. play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
  3. play .prev_a{left:0;}
  4. play .next_a{right:0}
  5. play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
  6. play .prev_a span{background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
  7. play .next_a span{background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
  8. play .img_ul{position:relative;z-index:1;}

.img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;} .img_hd ul{position:absolute;z-index:1} .img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center} .img_hd ul li img{height:60px;} .img_hd ul li.on{border-color:rgb(45, 150, 233);} .img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10} .img_hd .prev_a{background-position:0 -24px;left:5px;} .img_hd .next_a{background-position:-30px -24px;right:5px;}