Difference between revisions of "Team:CIEI-BJ"

 
(6 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
       <link href="https://2017.igem.org/Team:CIEI-BJ/css/fonts1?action=raw&ctype=text/css" rel="stylesheet">
 
       <link href="https://2017.igem.org/Team:CIEI-BJ/css/fonts1?action=raw&ctype=text/css" rel="stylesheet">
 
       <link rel="stylesheet" href="https://2017.igem.org/Team:CIEI-BJ/css/covercss?action=raw&ctype=text/css">
 
       <link rel="stylesheet" href="https://2017.igem.org/Team:CIEI-BJ/css/covercss?action=raw&ctype=text/css">
 +
  <link rel='stylesheet prefetch' href='https://2017.igem.org/Team:CIEI-BJ/css/home/animate?action=raw&ctype=text/css'>
 
     <!-- cloudflare -->
 
     <!-- cloudflare -->
 
     <style>
 
     <style>
Line 28: Line 29:
 
#content{
 
#content{
 
background: transparent; /*更改默认背景颜色为透明*/
 
background: transparent; /*更改默认背景颜色为透明*/
 +
}
 +
 +
 +
/* btn-1 */
 +
a.btn-1 {
 +
  background-size: 100% 100%;
 +
  background-color: transparent;
 +
  color: #CEFFF1;
 +
  margin: 30px 20px;
 +
  padding: 15px 20px;
 +
  border-radius: 10px;
 +
  border: 2px solid #CEFFF1;
 +
  text-transform: uppercase;
 +
  background: none;
 +
  outline: none;
 +
  cursor: pointer;
 +
  -webkit-transition: all .5s;
 +
  transition: all .5s;
 +
display: inline-block;
 +
}
 +
a.btn-1:hover {
 +
  background: -webkit-linear-gradient(left, #CEFFF1, #CEFFF1) no-repeat;
 +
  background: linear-gradient(to right, #CEFFF1, #CEFFF1) no-repeat;
 +
  background-size: 0% 100%;
 
}
 
}
 
     </style>
 
     </style>
Line 35: Line 60:
  
 
<body>
 
<body>
 
+
 
 +
<div class="animated fadeInDown" style="position: absolute;top: -230px;
 +
text-align: center;
 +
width: 100%;
 +
-webkit-transition: all ease-in-out 2s;
 +
-moz-transition: all ease-in-out 2s;
 +
-ms-transition: all ease-in-out 2s;
 +
-o-transition: all ease-in-out 2s;
 +
transition: all ease-in-out 2s;
 +
 
 +
"><img src="https://static.igem.org/mediawiki/2017/e/ed/T--CIEI-BJ--Home--logo.png" alt="logo" style="width: 200px" /></div>
 
<div class="home_text"><span></span><span></span><span></span> <span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
 
<div class="home_text"><span></span><span></span><span></span> <span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
 
<div class="line"></div>
 
<div class="line"></div>
 
    
 
    
<div class="htmleaf-container">
+
<div class="htmleaf-container" style="text-align: center;position: absolute;margin-top:20px;width: 100%">
     <button class="btn-1" herf="https://2017.igem.org/Team:CIEI-BJ/main">Dive into our journal</button>
+
     <a class="btn-1" href="https://2017.igem.org/Team:CIEI-BJ/index#start_anchor">Dive into our journal</a>
 
</div>
 
</div>
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:11, 31 October 2017

Cover Page

logo