Difference between revisions of "Template:SSHS-Shenzhen/CSS"

Line 1: Line 1:
−
 
 
 
<html lang="en">
 
<html lang="en">
−
<head>
+
<head>  
−
    <meta charset="UTF-8">
+
  <meta charset="UTF-8" />  
−
    <title>Title</title>
+
  <title>Title</title>  
−
</head>
+
<style>
  
 +
    #globalWrapper {
 +
margin: 0;
 +
padding: 0;
 +
}
  
−
<style >
+
#content {
 +
width: 100%;
 +
padding: 0;
 +
margin: -12px 0 0;
 +
}
  
−
    #globalWrapper{
+
#top_title {
−
        margin: 0;
+
display: none;
−
        padding: 0;
+
}
−
    }
+
 
−
    #content{
+
#sideMenu {
−
        width: 100%;
+
display: none;
−
        padding: 0;
+
}
−
        margin: -12px 0 0;
+
 
−
    }
+
#content,
−
    #top_title{
+
−
        display: none;
+
−
    }
+
−
    #sideMenu{
+
−
        display: none;
+
−
    }
+
−
    #content,
+
 
     .vs-content,
 
     .vs-content,
 
     .vs-wrapper section {
 
     .vs-wrapper section {
−
        background-color: transparent !important;
+
background-color: transparent !important;
−
    }
+
}
−
    .my-backTop:visited {
+
−
        color: #F8A886 !important;
+
−
    }
+
−
 
+
−
    body{background-color:#5d8aa8;
+
−
    }
+
−
    .header {
+
−
        font-size: 30px;
+
−
        padding:0px;
+
−
        margin:0px;
+
−
        top:0;
+
−
        left:0;
+
−
        width:100%;
+
−
        position: fixed;
+
−
        height:3em;
+
−
        z-index:99;
+
−
        float: left;
+
−
        background-color: #FFFFFF;
+
−
min-width: 1080px;
+
−
    }
+
  
−
    p{
+
body {
−
        padding:5px;}
+
background-color: #5d8aa8;
−
    h4{text-align:center;}
+
}
−
    ul li
+
−
    {
+
−
        list-style:none;
+
−
        margin:15px;
+
−
        padding-top:6px;
+
−
        padding-bottom:6px;
+
−
        padding-left: 0;
+
−
        float: left;
+
−
    }
+
  
−
  .header li a,.dropbtn,.header a:link, .header a:visited{
+
.header {
−
        text-decoration: none;
+
font-size: 30px;
−
        font-family: "Arial";
+
padding: 0px;
−
        color: #3C3C3C;
+
margin: 0px;
−
        padding:20px;
+
top: 0;
−
        text-align:center;
+
left: 0;
−
        font-size: 20px;
+
width: 100%;
 +
position: fixed;
 +
height: 3em;
 +
z-index: 99;
 +
float: left;
 +
background-color: #FFFFFF;
 +
min-width: 1080px;
 +
}
  
−
    }
+
ul li {
−
    .header li a:hover,.dropdown:hover.dropbtn{
+
list-style: none;
−
        color: #7ea2ba;
+
margin: 15px;
 +
padding-top: 6px;
 +
padding-bottom: 6px;
 +
padding-left: 0;
 +
float: left;
 +
}
  
−
    }
+
.header li a,.dropbtn,.header a:link, .header a:visited {
 +
text-decoration: none;
 +
font-family: "Arial";
 +
color: #3C3C3C;
 +
padding: 20px;
 +
text-align: center;
 +
font-size: 20px;
 +
}
  
−
    .dropdown {
+
.header li a:hover,.dropdown:hover.dropbtn {
−
        position: relative;
+
color: #7ea2ba;
−
        display: inline-block;
+
}
−
        float: left;
+
−
    }
+
  
−
    .dropdown-content {
+
.dropdown {
−
        display: none;
+
position: relative;
−
        position: absolute;
+
display: inline-block;
−
        background-color: #FFFFFF;
+
float: left;
−
        min-width: 250px;
+
}
  
−
    }
+
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #FFFFFF;
 +
min-width: 250px;
 +
}
  
 +
.dropdown-content a {
 +
color: #3C3C3C;
 +
padding: 12px 16px;
 +
text-decoration: none;
 +
display: block;
 +
font-size: 20px;
 +
}
  
−
    .dropdown-content a {
+
.dropdown-content a:hover {
−
        color: #3C3C3C;
+
background-color: transparent;
−
        padding: 12px 16px;
+
}
−
        text-decoration: none;
+
−
        display: block;
+
−
        font-size: 20px;
+
−
    }
+
−
 
+
−
    .dropdown-content a:hover {
+
−
        background-color: transparent;}
+
−
 
+
−
    .dropdown:hover .dropdown-content {
+
−
        display: block;
+
−
    }
+
−
 
+
−
 
+
−
    #page{
+
−
        text-align:justify;
+
−
        padding-left:170px;
+
−
        padding-right:170px;
+
−
        padding-top:80px;
+
−
        padding-bottom:100px;
+
−
        line-height:25px;
+
−
 
+
−
    }
+
−
 
+
−
 
+
−
#teamtext{
+
−
text-align:justify;
+
−
padding-left:170px;
+
−
padding-right:50px;
+
−
padding-top:80px;
+
−
padding-bottom:100px;
+
−
line-height:25px;
+
−
 
+
−
 
+
−
}
+
−
#teamphoto{
+
−
text-align:justify;
+
−
padding-left:50px;
+
−
padding-right:170px;
+
−
padding-top:80px;
+
−
padding-bottom:100px;
+
−
line-height:25px;
+
−
 
+
−
 
+
−
}
+
−
#teamall{
+
−
display: flex;
+
−
flex-direction: row;
+
−
column-count: 2;
+
−
 
+
−
}
+
−
 
+
−
    #sec1{
+
−
        width: auto;
+
−
        background-color:#e8f1cb;
+
−
    }
+
−
    #sec2{
+
−
        width: auto;
+
−
        background-color:#d0e8c1;
+
−
    }
+
−
    #sec3{
+
−
        width: auto;
+
−
        background-color:#ffffff;
+
−
    }
+
  
 +
.dropdown:hover .dropdown-content {
 +
display: block;
 +
}
  
 
</style>
 
</style>
−
<body>
+
</head>
−
 
+
<body>
−
<div class="header">
+
  <div class="header">  
−
    <ul>
+
  <ul>  
−
        <li>
+
    <li>  
−
            <div class="dropdown">
+
    <div class="dropdown">  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen">Home</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen">Home</a>  
−
            </div>
+
    </div>  
−
 
+
    <div class="dropdown">  
−
            <div class="dropdown">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description" class="dropbtn">Project</a>  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Description" class="dropbtn">Project</a>
+
      <div class="dropdown-content">  
−
                <div class="dropdown-content">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description">Description</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Description">Description</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Applied_Design">Applied Design</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Applied_Design">Applied Design</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Model">Model</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Model">Model</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Demonstrate">Demonstrate</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Demonstrate">Demonstrate</a>
+
      </div>  
−
                </div>
+
    </div>  
−
            </div>
+
    <div class="dropdown">  
−
 
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments" class="dropbtn">Experiments</a>  
−
            <div class="dropdown">
+
      <div class="dropdown-content">  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Experiments" class="dropbtn">Experiments</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments">Summary</a>  
−
                <div class="dropdown-content">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Results">Results</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Experiments">Summary</a>
+
      </div>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Results">Results</a>
+
    </div>  
−
                </div>
+
    <div class="dropdown">  
−
            </div>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Parts">Parts</a>  
−
            <div class="dropdown">
+
      <div class="dropdown-content">  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Parts" >Parts</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Parts">Summary</a>  
−
                <div class="dropdown-content">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Basic_Part">Basic Parts</a>  
−
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Parts">Summary</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Composite_Part">Composite Parts</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Basic_Part">Basic Parts</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Contribution">Contribution</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Composite_Part">Composite Parts</a>
+
      </div>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Contribution">Contribution</a>
+
    </div>  
−
                </div>
+
    <div class="dropdown">  
−
            </div>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Collaborations">Collaborations</a>  
−
 
+
    </div>  
−
            <div class="dropdown">
+
    <div class="dropdown">  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">Collaborations</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Human_Practices" class="dropbtn">Human Practice</a>  
−
            </div>
+
      <div class="dropdown-content">  
−
 
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Human_Practices">Summary</a>  
−
            <div class="dropdown">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/HP/Silver">Silver</a>  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices" class="dropbtn">Human Practice</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/HP/Gold_Integrated">Gold</a>  
−
                <div class="dropdown-content">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Engagement">Engagement</a>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices">Summary</a>
+
      </div>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Silver">Silver</a>
+
    </div>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Gold_Integrated">Gold</a>
+
    <div class="dropdown">  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Engagement">Engagement</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Safety" class="dropbtn">Safety</a>  
−
                </div>
+
    </div>  
−
            </div>
+
    <div class="dropdown">  
−
            <div class="dropdown">
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Team" class="dropbtn">Team</a>  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Safety" class="dropbtn">Safety</a>
+
      <div class="dropdown-content">  
−
            </div>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Team">Team Members</a>  
−
 
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Attributions">Attributions</a>  
−
            <div class="dropdown">
+
      </div>  
−
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team" class="dropbtn">Team</a>
+
    </div> </li>  
−
                <div class="dropdown-content">
+
  </ul>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">Team Members</a>
+
  </div>  
−
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Attributions">Attributions</a>
+
</body>
−
                </div>
+
−
            </div>
+
−
 
+
−
 
+
−
        </li>
+
−
    </ul>
+
−
</div>
+
−
 
+
−
<body>
+
−
 
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Revision as of 18:17, 11 August 2018

Title