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

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
div#overview {
-
<head>
+
border-bottom: solid 2px #000;
-
<link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/main.css?action=raw&ctype=text/css" type="text/css" />
+
}
 +
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;
-
<style type="text/css">
+
}
-
body {background-color: #d2783c;}
+
-
.team_content h1 {color: #612802;}
+
-
.team_content p {color: #612802;}
+
-
.team_content li{color: #612802;}
+
-
table {color:#630;background-color:transparent;}
+
-
</style>
+
-
<link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/common_all.css?action=raw&ctype=text/css" type="text/css" />
+
div#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_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;}
 +
#MENGYI .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d3/Post_01_FL_yuchen.png) no-repeat;}
 +
div#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_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#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_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#YUCHEN {          background: url(https://static.igem.org/mediawiki/2013/d/d4/Post_01_BG_yuchen.png) no-repeat;}
 +
#YUCHEN .inner_frame { background: url(https://static.igem.org/mediawiki/2013/d/d3/Post_01_FL_yuchen.png) no-repeat;}
-
<link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/Team/Member_style.css?action=raw&ctype=text/css" type="text/css" />
+
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;
 +
    left: 162px;
 +
top: 18px;
 +
width:300px;
 +
margin:0px 0px 0px 0px ;
 +
padding:0px 0px 0px 0px ;
 +
}
 +
.out_frame p {
 +
position:absolute;
 +
z-index: 0;
 +
    left: 135px;
 +
top: 40px;
 +
width:335px;
 +
margin:0px 0px 0px 0px ;
 +
padding:0px 0px 0px 0px ;
 +
line-height: 1.4em;
 +
}
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10/jquery.min.js"></script>
+
div.team_content {
 +
position: relative;
 +
width: 1024px;
 +
margin-bottom: 0px;
 +
padding: 60px 0px;
 +
}
-
<script src="https://2013.igem.org/Team:SYSU-China/common.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
div.navigater {
 +
        border-top: solid 2px #000;
 +
}
-
<script src="https://2013.igem.org/Team:SYSU-China/animat.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
.navigater ul {
 +
left: 0px;
 +
}
-
<script src="https://2013.igem.org/Team:SYSU-China/Team/Member_style.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
.navigater ul li {
-
+
  z-index:100;
-
</head>
+
   font: bold 14px/20PX helvetica;
-
<body>
+
   display: inline-block;
-
<DIV id="animat">
+
  margin: 0 20px;
-
   <span><p>ipsc</p>
+
  padding-bottom: 18px;
-
   <img src="https://static.igem.org/mediawiki/2013/4/44/WIKI-MASCOT-STAND.png" /></span></DIV>   
+
   position: relative;
-
<DIV class="content_body"  align="center">
+
  width: 110px;
-
<DIV class="navigater">
+
  height: 32px;
-
</DIV>
+
  background-repeat:no-repeat;
-
<!--正 文 部 分 开 始-->
+
   text-align:center;
-
<DIV class="team_content">
+
   cursor: pointer;
-
   <DIV id="overview">
+
   -webkit-transition: background-image 0.2s;
-
    <img  width="960px" height="535px"src="https://static.igem.org/mediawiki/2013/7/78/Team_members.png" />
+
   -moz-transition: background-image 0.2s;
-
      <p>
+
  -ms-transition: background-image 0.2s;
-
Team 2013 SYSU-CHINA is composed of 13 young members, all senior students from biology, biochemistry and mathematical science at Sun Yat-sen University. Forming on October 2012, this team has accomplished choosing the project, create the device called iPSCs Safeguard and partly testing it, and several human practices.  A group of greenhands as we are, We cherish each mistake we've made,  enjoy every moment  we've spent together, and deeply appreciate every friend who have ever helped us!
+
  -o-transition: background-image 0.2s;
-
</p>
+
  transition: background-image 0.2s;
-
   </DIV>
+
}
-
 
+
-
   <DIV class="out_frame" id="YUCHEN">
+
-
      <DIV class="flash_button"></DIV>
+
-
    <h1><STRONG>Zhao Yuchen<sup>Team Leader</sup></STRONG></h1>
+
-
    <p>
+
-
He is our super advisor of the team. He provided us with firmly technical support about our experiment design. It is he who always couraged and helped us to overcome most of obstacles we've met in project. Without his professional knowledge and highly experimental skills about iPS, the experiments we did in mouse iPS and human iPS is nothing but impossible. He made our idea more clear and beautiful.
+
-
    </p>
+
-
    <DIV class="inner_frame">
+
-
    </DIV>
+
-
   </DIV>
+
-
 
+
-
  <DIV class="out_frame" id="MENGYI">
+
-
      <DIV class="flash_button"></DIV>
+
-
    <h1>Team Leader</h1>
+
-
    <p>
+
-
here are some words.
+
-
    </p>
+
-
    <DIV class="inner_frame">
+
-
    </DIV>
+
-
   </DIV>
+
-
 
+
-
</DIV>
+
-
 
+
-
<!--正 文 部 分 结 束-->
+
-
 
+
-
<!--<DIV id="side_bar"></DIV>-->
+
-
 
+
-
<!--<DIV id="top_button">--> 
+
-
<span><p></p></span></DIV>
+
-
</DIV>
+
-
 
+
-
<DIV id="address"><p>Sun Yat-Sen University, Guangzhou, China</p><p>Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China</p></DIV> 
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 03:49, 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: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#YUCHEN { background: url(Post_01_BG_yuchen.png) no-repeat;}

  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:256px; } .out_frame h1 { position:absolute; z-index: 0; 

   text-align:left;
   left: 162px;

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

   left: 135px;

top: 40px; 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;

}

Retrieved from "http://2013.igem.org/Team:SYSU-China/Team/Member_style.css"