Team:SYSU-China/Team/Member style.css
From 2013.igem.org
Sympathetic (Talk | contribs) |
|||
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | 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(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;} | |
+ | #MENGYI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d2/Post_FL_mengyi.png) no-repeat;} | ||
+ | div#YUCHEN { background: url(https://static.igem.org/mediawiki/2013/a/a9/Post_02_BG.png) no-repeat;} | ||
+ | #YUCHEN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d3/Post_01_FL_yuchen.png) no-repeat;} | ||
+ | div#HAOQI { background: url(https://static.igem.org/mediawiki/2013/a/ae/Post_03_BG.png) no-repeat;} | ||
+ | #HAOQI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/dd/Post_FL_haoqi.png) no-repeat;} | ||
+ | div#KAIXUAN { background: url(https://static.igem.org/mediawiki/2013/a/ac/Post_04_BG.png) no-repeat;} | ||
+ | #KAIXUAN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/1/1b/Post_FL_kaixuan.png) no-repeat;} | ||
+ | div#DAWEI { background: url(https://static.igem.org/mediawiki/2013/7/7f/Post_05_BG.png) no-repeat;} | ||
+ | #DAWEI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/1/10/Post_FL_dawei.png) no-repeat;} | ||
+ | div#YIMING { background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;} | ||
+ | #YIMING .inner_frame { background: url(https://static.igem.org/mediawiki/2013/f/f2/Post_FL_yiming.png) no-repeat;} | ||
+ | div#YINJIE { background: url(https://static.igem.org/mediawiki/2013/a/a9/Post_02_BG.png) no-repeat;} | ||
+ | #YINJIE .inner_frame { background: url(https://static.igem.org/mediawiki/2013/f/fa/Post_FL_yingjie.png) no-repeat;} | ||
+ | div#YUQING { background: url(https://static.igem.org/mediawiki/2013/a/ae/Post_03_BG.png) no-repeat;} | ||
+ | #YUQING .inner_frame { background: url(https://static.igem.org/mediawiki/2013/0/07/Post_FL_yuqing.png) no-repeat;} | ||
+ | div#CHAO { background: url(https://static.igem.org/mediawiki/2013/a/ac/Post_04_BG.png) no-repeat;} | ||
+ | #CHAO .inner_frame { background: url(https://static.igem.org/mediawiki/2013/a/af/Post_FL_chao.png) no-repeat;} | ||
+ | div#TIANYUAN { background: url(https://static.igem.org/mediawiki/2013/7/7f/Post_05_BG.png) no-repeat;} | ||
+ | #TIANYUAN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/9/91/Post_FL_tianyuan.png) no-repeat;} | ||
+ | div#ZIYI { background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;} | ||
+ | #ZIYI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/1/10/Post_FL_ziyi.png) no-repeat;} | ||
+ | div#CHANGYANG { background: url(https://static.igem.org/mediawiki/2013/a/a9/Post_02_BG.png) no-repeat;} | ||
+ | #CHANGYANG .inner_frame { background: url(https://static.igem.org/mediawiki/2013/3/3b/Post_FL_changyang.png) no-repeat;} | ||
+ | div#ZONGYING { background: url(https://static.igem.org/mediawiki/2013/a/ae/Post_03_BG.png) no-repeat;} | ||
+ | #ZONGYING .inner_frame { background: url(https://static.igem.org/mediawiki/2013/4/4a/Post_FL_zongying.png) no-repeat;} | ||
+ | div#RUNWEN { background: url(https://static.igem.org/mediawiki/2013/a/ac/Post_04_BG.png) no-repeat;} | ||
+ | #RUNWEN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/9/9e/Post_FL_runwen.png) no-repeat;} | ||
+ | div#MINGXUAN { background: url(https://static.igem.org/mediawiki/2013/7/7f/Post_05_BG.png) no-repeat;} | ||
+ | #MINGXUAN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/7/7b/Post_FL_mingxuan.png) no-repeat;} | ||
+ | div#MEMBERS { background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;} | ||
+ | #MEMBERS .inner_frame { background: url(https://static.igem.org/mediawiki/2013/a/a3/Post_FL_member4.png) no-repeat;} | ||
+ | div#SHUAI { background: url(https://static.igem.org/mediawiki/2013/a/a9/Post_02_BG.png) no-repeat;} | ||
+ | #SHUAI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/3/3e/Post_FL_jiangshuai.png) no-repeat;} | ||
+ | div#YONGJUN { background: url(https://static.igem.org/mediawiki/2013/a/ae/Post_03_BG.png) no-repeat;} | ||
+ | #YONGJUN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/5/56/Post_FL_yongjun.png) no-repeat;} | ||
+ | div#JUNJIU { background: url(https://static.igem.org/mediawiki/2013/a/ac/Post_04_BG.png) no-repeat;} | ||
+ | #JUNJIU .inner_frame { background: url(https://static.igem.org/mediawiki/2013/4/48/Post_junjiu.png) no-repeat;} | ||
+ | div#HUI { background: url(https://static.igem.org/mediawiki/2013/7/7f/Post_05_BG.png) no-repeat;} | ||
+ | #HUI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/c/c0/Post_FL_hui.png) no-repeat;} | ||
+ | div#XIONGLEI { background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;} | ||
+ | #XIONGLEI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/a/a4/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; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Latest revision as of 23:21, 27 September 2013
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() no-repeat;}
- MENGYI .inner_frame { background: url() no-repeat;}
div#YUCHEN { background: url() no-repeat;}
- YUCHEN .inner_frame { background: url() no-repeat;}
div#HAOQI { background: url() no-repeat;}
- HAOQI .inner_frame { background: url() no-repeat;}
div#KAIXUAN { background: url() no-repeat;}
- KAIXUAN .inner_frame { background: url() no-repeat;}
div#DAWEI { background: url() no-repeat;}
- DAWEI .inner_frame { background: url() no-repeat;}
div#YIMING { background: url() no-repeat;}
- YIMING .inner_frame { background: url() no-repeat;}
div#YINJIE { background: url() no-repeat;}
- YINJIE .inner_frame { background: url() no-repeat;}
div#YUQING { background: url() no-repeat;}
- YUQING .inner_frame { background: url() no-repeat;}
div#CHAO { background: url() no-repeat;}
- CHAO .inner_frame { background: url() no-repeat;}
div#TIANYUAN { background: url() no-repeat;}
- TIANYUAN .inner_frame { background: url() no-repeat;}
div#ZIYI { background: url() no-repeat;}
- ZIYI .inner_frame { background: url() no-repeat;}
div#CHANGYANG { background: url() no-repeat;}
- CHANGYANG .inner_frame { background: url() no-repeat;}
div#ZONGYING { background: url() no-repeat;}
- ZONGYING .inner_frame { background: url() no-repeat;}
div#RUNWEN { background: url() no-repeat;}
- RUNWEN .inner_frame { background: url() no-repeat;}
div#MINGXUAN { background: url() no-repeat;}
- MINGXUAN .inner_frame { background: url() no-repeat;}
div#MEMBERS { background: url() no-repeat;}
- MEMBERS .inner_frame { background: url() no-repeat;}
div#SHUAI { background: url() no-repeat;}
- SHUAI .inner_frame { background: url() no-repeat;}
div#YONGJUN { background: url() no-repeat;}
- YONGJUN .inner_frame { background: url() no-repeat;}
div#JUNJIU { background: url() no-repeat;}
- JUNJIU .inner_frame { background: url() no-repeat;}
div#HUI { background: url() no-repeat;}
- HUI .inner_frame { background: url() no-repeat;}
div#XIONGLEI { background: url() no-repeat;}
- XIONGLEI .inner_frame { background: url() 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;
}