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

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
position:relative;
position:relative;
z-index: 0;
z-index: 0;
-
     width:450px;
+
     width:500px;
-
     height:240px;
+
     height:266px;
-
margin: 30px 31px;
+
margin: 30px 8px;
box-shadow: 0px 0px 8px 2px #888888;
box-shadow: 0px 0px 8px 2px #888888;
}
}
Line 25: Line 25:
}
}
-
div#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;}
+
div#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) 50px 26px;}
#YUCHEN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d3/Post_01_FL_yuchen.png) no-repeat;}
#YUCHEN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d3/Post_01_FL_yuchen.png) no-repeat;}
div#MENGYI {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;}
div#MENGYI {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;}
Line 49: Line 49:
     left: 152px;
     left: 152px;
top: 13px;
top: 13px;
-
width:300px;
+
width:355px;
margin:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
padding:0px 0px 0px 0px ;
padding:0px 0px 0px 0px ;
Line 58: Line 58:
     left: 127px;
     left: 127px;
top: 35px;
top: 35px;
-
width:310px;
+
width:371px;
margin:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
padding:0px 0px 0px 0px ;
padding:0px 0px 0px 0px ;

Revision as of 02:35, 26 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:500px;
   height:266px;

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

   width:1px;

height:240px;

}

div#YUCHEN { background: url(Post_01_BG_yuchen.png) 50px 26px;}

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

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

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

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

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

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

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

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

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

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

   text-align:left;
   left: 152px;

top: 13px; width:355px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; } .out_frame p { position:absolute; z-index: 0;

   left: 127px;

top: 35px; width:371px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; line-height: 1.3em; }

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;

}