Team:SYSU-China/Team/Member style.css

From 2013.igem.org

div#overview { border-bottom: solid 2px #000; } div#overview img { margin: 5px; box-shadow: 0px 0px 10px 5px #FFF; } div.out_frame { float:left; position:relative; z-index: 0;

   width:480px;
   height:256px;

margin: 30px 16px; box-shadow: 0px 0px 8px 2px #888888; opacity:'0'; } div.inner_frame { position:absolute; z-index: 1; right:0px;; top: 0px;

   width:1px;

height:256px;

}

div#MENGYI { background: url(Post_01_BG_yuchen.png) no-repeat;}

  1. MENGYI .inner_frame { background: url(Post_FL_mengyi.png) no-repeat;}

div#YUCHEN { background: url(Post_02_BG.png) no-repeat;}

  1. YUCHEN .inner_frame { background: url(Post_01_FL_yuchen.png) no-repeat;}

div#HAOQI { background: url(Post_03_BG.png) no-repeat;}

  1. HAOQI .inner_frame { background: url(Post_FL_haoqi.png) no-repeat;}

div#KAIXUAN { background: url(Post_04_BG.png) no-repeat;}

  1. KAIXUAN .inner_frame { background: url(Post_FL_kaixuan.png) no-repeat;}

div#DAWEI { background: url(Post_05_BG.png) no-repeat;}

  1. DAWEI .inner_frame { background: url(Post_FL_dawei.png) no-repeat;}

div#YIMING { background: url(Post_01_BG_yuchen.png) no-repeat;}

  1. YIMING .inner_frame { background: url(Post_FL_yiming.png) no-repeat;}

div#YINJIE { background: url(Post_02_BG.png) no-repeat;}

  1. YINJIE .inner_frame { background: url(Post_FL_yingjie.png) no-repeat;}

div#YUQING { background: url(Post_03_BG.png) no-repeat;}

  1. YUQING .inner_frame { background: url(Post_FL_yuqing.png) no-repeat;}

div#CHAO { background: url(Post_04_BG.png) no-repeat;}

  1. CHAO .inner_frame { background: url(Post_FL_chao.png) no-repeat;}

div#TIANYUAN { background: url(Post_05_BG.png) no-repeat;}

  1. TIANYUAN .inner_frame { background: url(Post_FL_tianyuan.png) no-repeat;}

div#ZIYI { background: url(Post_01_BG_yuchen.png) no-repeat;}

  1. ZIYI .inner_frame { background: url(Post_FL_ziyi.png) no-repeat;}

div#CHANGYANG { background: url(Post_02_BG.png) no-repeat;}

  1. CHANGYANG .inner_frame { background: url(Post_FL_changyang.png) no-repeat;}

div#ZONGYING { background: url(Post_03_BG.png) no-repeat;}

  1. ZONGYING .inner_frame { background: url(Post_FL_zongying.png) no-repeat;}

div#RUNWEN { background: url(Post_04_BG.png) no-repeat;}

  1. RUNWEN .inner_frame { background: url(Post_FL_runwen.png) no-repeat;}

div#MINGXUAN { background: url(Post_05_BG.png) no-repeat;}

  1. MINGXUAN .inner_frame { background: url(Post_FL_mingxuan.png) no-repeat;}

div#MEMBERS { background: url(Post_01_BG_yuchen.png) no-repeat;}

  1. MEMBERS .inner_frame { background: url(Post_FL_member4.png) no-repeat;}

div#SHUAI { background: url(Post_02_BG.png) no-repeat;}

  1. SHUAI .inner_frame { background: url(Post_FL_jiangshuai.png) no-repeat;}

div#YONGJUN { background: url(Post_03_BG.png) no-repeat;}

  1. YONGJUN .inner_frame { background: url(Post_FL_yongjun.png) no-repeat;}

div#JUNJIU { background: url(Post_04_BG.png) no-repeat;}

  1. JUNJIU .inner_frame { background: url(Post_junjiu.png) no-repeat;}

div#HUI { background: url(Post_05_BG.png) no-repeat;}

  1. HUI .inner_frame { background: url(Post_FL_hui.png) no-repeat;}

div#XIONGLEI { background: url(Post_01_BG_yuchen.png) no-repeat;}

  1. XIONGLEI .inner_frame { background: url(Post_FL_xionglei.png) no-repeat;}


div.flash_button { position:absolute; z-index: 2; left:0px; width:150px; height:256px; } .out_frame h1 { position:absolute; z-index: 0;

   text-align:left;
   font-size: 20px;
   line-height:20px;
   left: 162px;
     font-weight:bold;

top: 15px; width:300px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; } .team_content h1 { clear:both; } .out_frame span { color:#612802; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; clear:both; position:absolute; z-index: 0;

   text-align:left;
   left: 162px;
   font-weight:bold;

top: 9px; width:300px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ;

} .out_frame p { position:absolute; z-index: 0;

   left: 135px;

TOP:45PX; margin-top: 13px; width:335px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; line-height: 1.4em; }

div.team_content { position: relative; width: 1024px; margin-bottom: 0px; padding: 60px 0px; }

div.navigater {

       border-top: solid 2px #000;

}

.navigater ul { left: 0px; }

.navigater ul li {

 z-index:100;
 font: bold 14px/20PX helvetica;
 display: inline-block;
 margin: 0 20px;
 padding-bottom: 18px;
 position: relative;
 width: 110px;
 height: 32px;
 background-repeat:no-repeat;
 text-align:center;
 cursor: pointer;
 -webkit-transition: background-image 0.2s;
 -moz-transition: background-image 0.2s;
 -ms-transition: background-image 0.2s;
 -o-transition: background-image 0.2s;
 transition: background-image 0.2s;

}