Difference between revisions of "Team:CIEI-BJ"

 
(20 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <title>Cover Page</title>
 
   <title>Cover Page</title>
−
 
+
      <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:CIEI-BJ/css/button1?action=raw&ctype=text/css" />
−
    <link href="https://2017.igem.org/Team:CIEI-BJ/css/fonts1?action=raw&ctype=text/css" rel="stylesheet">
+
      <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:CIEI-BJ/css/button2?action=raw&ctype=text/css">
 +
      <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>
−
        html,body,div,applet,object,a,abbr,img,strike,sub,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{
+
−
            margin:0;
+
−
            padding:0;
+
−
            border:0;
+
−
            font-size:100%;
+
−
            font:inherit;
+
−
            vertical-align:baseline
+
−
        }
+
 
         article,aside,details,figure,footer,header,menu,nav,section{
 
         article,aside,details,figure,footer,header,menu,nav,section{
 
             display:block
 
             display:block
 
         }
 
         }
−
        body{
+
−
            line-height:1
+
/*对于特定样式，css不要写成纯标签（例如span的形式），会影响其他样式的*/
−
        }
+
         .home_text,.home_text span{
−
        ol,ul{
+
−
            list-style:none
+
−
        }
+
−
        table {
+
−
            border-collapse: collapse;
+
−
            border-spacing: 0
+
−
        }
+
−
         h1,span{
+
 
             font-family: 'Montserrat', sans-serif;
 
             font-family: 'Montserrat', sans-serif;
 
             margin:0;
 
             margin:0;
Line 36: Line 23:
 
             border:0;
 
             border:0;
 
             font-size: 60px;
 
             font-size: 60px;
 +
            color: white;/*非黑色字体必须指明颜色*/
 +
            text-align: center;/*居中*/
 
             vertical-align:baseline
 
             vertical-align:baseline
 
         }
 
         }
 +
#content{
 +
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 44: Line 60:
  
 
<body>
 
<body>
−
 
+
 
−
<h1><span></span><span></span><span></span> <span></span><span></span><span></span><span></span><span></span><span></span><span></span></h1>
+
<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="line"></div>
 
<div class="line"></div>
 
    
 
    
 +
<div class="htmleaf-container" style="text-align: center;position: absolute;margin-top:20px;width: 100%">
 +
    <a class="btn-1" href="https://2017.igem.org/Team:CIEI-BJ/index#start_anchor">Dive into our journal</a>
 +
</div>
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:11, 31 October 2017

Cover Page

logo
Dive into our journal