Difference between revisions of "Template:Header"

(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> .igem-footer{...")
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
−
<head>
+
−
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
−
<title>无标题文档</title>
+
 
<style>
 
<style>
−
.igem-footer{
+
.igem-2017-header {
−
            background-color:#000000;
+
font-family:"Arial, Helvetica, sans-serif";
−
width:100%;
+
width:100%;
−
height:210px;  
+
height:110px;
−
float:left;
+
font-size:34px;
−
}
+
position:relative;
−
.igem-footer img{
+
top:0px;
−
                border-top:medium;
+
right:0%;
−
border-left:medium;
+
padding:5px;
−
padding:20px;
+
float:left;
−
padding-left:100px;
+
border-left: 1px solid #d3d3d3;
−
width:100px;
+
text-align:left;
−
height:100px;
+
background-color:#333333;  
−
}  
+
}
−
.igem-footer a{border:none;
+
.igem-2017-header a{
−
              }
+
                    text-decoration:none;
−
.igem-footer p{font-family:Arial, Helvetica, sans-serif;
+
color:#FF99FF;
−
              color:#CCCCCC;
+
text-align:right;
−
      text-align:center;
+
padding:10px;
−
font-size:30px;
+
}
−
  }
+
                 
−
</style>
+
.igem-2017-header .navigation{
−
</head>
+
  height:50px;
 +
  width:50px;
 +
                                  display:inline;
 +
                                  }
  
−
<body>
+
.igem-2017-header-menu {
−
<div style="width:100%;height:900px;"></div>
+
                        text-align:right;
−
<div class="igem-footer">
+
margin-top:10px;
−
<a href="http://www.sicau.edu.cn/">
+
    }
−
<img src="https://2017.igem.org/File:T-SICAU-college_logo.jpg"  alt="college's logo" />
+
.igem-2017-header-menu .dropbtn {
−
</a>
+
    background-color: #4CAF50;
−
<a href="#"><p style="display:inline; text-decoration:none;">welcome to 2017 SiCAU-iGEM</p> </a>
+
    color: white;
−
<button style="float:right;width:180px;height:50px;text-align:center;font-size:24px;color:#FF99CC;padding:10px; margin-right:150px; margin-top:20px;">Contact Us</button>
+
    padding: 16px;
−
<p>EDIT BY SiCAU-iGEM</p>
+
    font-size: 16px;
−
</div>
+
    border: none;
 +
    cursor: pointer;
 +
    }
 +
.igem-2017-header-menu .dropdown a{
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
text-decoration:none;
 +
}
 +
.igem-2017-header-menu .dropdown {
 +
      position: relative;
 +
      display: inline-block;
 +
      }
  
−
</body>
+
.igem-2017-header-menu .dropdown-content {
 +
      display: none;
 +
      position: absolute;
 +
      background-color: #333333;
 +
  width: 100%;
 +
  min-width: 230px;
 +
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
      padding: 4px 5px;
 +
  z-index:2;
 +
      }
 +
.igem-2017-header-menu .dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
background-color:#FFFFFF;
 +
text-align:center;
 +
    }
 +
.igem-2017-header-menu .dropdown-content a:hover {background-color: #f1f1f1}
 +
.igem-2017-header-menu .dropdown:hover .dropdown-content{
 +
      display: block;
 +
      }
 +
 +
.igem-2017-header img{
 +
    margin-left:120px;
 +
    position:absolute;
 +
 
 +
    width: 100px;
 +
height: 100px;
 +
}
 +
</style>
 
</html>
 
</html>

Latest revision as of 13:31, 19 August 2017