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

 
(88 intermediate revisions by 2 users not shown)
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>
  
 +
.banner1{
 +
color:#5d8aa8;
 +
background-color:#fff;
 +
font-size:100px!important;
 +
width:100%; height:500px;
 +
text-align:center;
 +
line-height: 500px;
 +
padding:90px 0px 0px;
 +
}
  
−
<style >
+
.banner2{
−
html{min-width: 1080px;
+
color:#fff;
 +
background-color:#5d8aa8;
 +
font-size:100px!important;
 +
width:100%; height:500px;
 +
text-align:center;
 +
line-height: 500px;
 +
padding:90px 0px 0px;
 +
}
 +
.ibox
 +
{
 +
background-color: white;
 +
padding: 20px 20px 5px 20px;
 +
box-shadow: 5px 5px 5px #888888;
 +
margin: 50px;
 +
border: 2px solid #ccc!important;
 +
border-radius: 16px!important;
 +
width:50%;
 
}
 
}
−
    #globalWrapper{
 
−
        margin: 0;
 
−
        padding: 0;
 
−
    }
 
−
    #content{
 
−
        width: 100%;
 
−
        padding: 0;
 
−
        margin: -12px 0 0;
 
−
    }
 
−
    #top_title{
 
−
        display: none;
 
−
    }
 
−
    #sideMenu{
 
−
        display: none;
 
−
    }
 
−
    #content,
 
−
    .vs-content,
 
−
    .vs-wrapper section {
 
−
        background-color: transparent !important;
 
−
    }
 
−
    .my-backTop:visited {
 
−
        color: #F8A886 !important;
 
−
    }
 
−
 
 
−
    body{background-color:#fff;
 
−
    }
 
−
    .header {
 
−
        font-size: 30px;
 
−
        padding:0px;
 
−
        margin:0px;
 
−
        top:0;
 
−
        left:0;
 
−
        width:100%;
 
−
min-width:1080px;
 
−
        position: fixed;
 
−
        height:3em;
 
−
        z-index:99;
 
−
        float: left;
 
−
        background-color: #003366;
 
  
−
    }
+
  #para{
 +
color: #fff;
 +
padding:30px 100px 5px;
 +
font-size: 20px!important;
 +
}
 +
#fig{
 +
color: #fff;
 +
padding:5px 5px 5px;
 +
font-size: 20px!important;
 +
text-align: center !important;
 +
}
 +
#note{
 +
color: #000;
 +
padding:5px 5px 5px;
 +
font-size: 18px!important;
 +
}
 +
h1{
 +
color: #fff;
 +
padding:30px 50px 5px;
 +
font-size: 30px!important;
 +
text-align: center;
 +
line-height: 120%;
 +
}
  
−
    p{
+
h2{
−
        padding:5px;}
+
color: #fff;
−
    h4{text-align:center;}
+
padding:100px 100px 5px;
−
    ul li
+
font-size: 25px!important;
−
    {
+
text-align: left;
−
        list-style:none;
+
line-height: 120%;
−
        margin:15px;
+
}
−
        padding-top:6px;
+
h4{
−
        padding-bottom:6px;
+
color: #000;
−
        padding-left: 0;
+
padding:100px 100px 5px;
−
        float: left;
+
font-size: 22px!important;
−
    }
+
text-align: left;
 +
line-height: 120%;
 +
}
  
−
  .header li a,.dropbtn,.header a:link, .header a:visited{
+
h3{
−
        text-decoration: none;
+
color: #fff;
−
        font-family: "Arial";
+
padding:100px 100px 5px;
−
        color: #3C3C3C;
+
font-size: 25px!important;
−
        padding:20px;
+
text-align: center;
−
        text-align:center;
+
line-height: 120%;
−
        font-size: 20px;
+
}
−
    }
+
−
    .header li a:hover,.dropdown:hover.dropbtn{
+
−
        color: #07cfff;
+
  
−
    }
+
td{
 +
padding:100px 100px 5px;
 +
text-align:right;
 +
font-size: 20px!important;
 +
width=50%;
 +
line-height: 120%;
 +
}
 +
th{
 +
padding:100px 100px 5px;
 +
text-align:right;
 +
font-size: 20px!important;
 +
width=50%;
 +
line-height: 120%;
 +
font-weight:bold;
 +
}
  
−
    .dropdown {
 
−
        position: relative;
 
−
        display: inline-block;
 
−
        float: left;
 
−
    }
 
  
−
     .dropdown-content {
+
     #globalWrapper {
−
        display: none;
+
margin: 0;
−
        position: absolute;
+
padding: 0;
−
        background-color: #003366
+
}
−
        min-width: 300px;
+
  
−
    }
+
#content {
 +
width: 100%;
 +
padding: 0;
 +
margin: -12px 0 0;
 +
}
  
 +
#top_title {
 +
display: none;
 +
}
  
−
    .dropdown-content a {
+
#sideMenu {
−
        color: #fff;
+
display: none;
−
        padding: 12px 16px;
+
}
−
        text-decoration: none;
+
−
        display: block;
+
−
        font-size: 20px;
+
−
    }
+
  
−
     .dropdown-content a:hover {
+
#content,
−
        background-color: transparent;}
+
     .vs-content,
 +
    .vs-wrapper section {
 +
background-color: transparent !important;
 +
}
  
−
    .dropdown:hover .dropdown-content {
+
body {
−
        display: block;
+
background-color: #5d8aa8;
−
    }
+
min-width: 1080px;
 +
}
  
 +
.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;
 +
}
  
−
    #page{
+
ul li {
−
        text-align:justify;
+
list-style: none;
−
        padding-left:170px;
+
margin: 15px;
−
        padding-right:170px;
+
padding-top: 6px;
−
        padding-top:80px;
+
padding-bottom: 6px;
−
        padding-bottom:100px;
+
padding-left: 0;
−
        line-height:25px;
+
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;
 +
}
  
 +
.header li a:hover,.dropdown:hover.dropbtn {
 +
color: #7ea2ba;
 +
}
  
−
#teamtext{
+
.dropdown {
−
text-align:justify;
+
position: relative;
−
padding-left:170px;
+
display: inline-block;
−
padding-right:50px;
+
float: left;
−
padding-top:80px;
+
}
−
padding-bottom:100px;
+
−
line-height:25px;
+
  
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #FFFFFF;
 +
min-width: 250px;
 +
}
  
−
}
+
.dropdown-content a {
−
#teamphoto{
+
color: #3C3C3C;
−
text-align:justify;
+
padding: 12px 16px;
−
padding-left:50px;
+
text-decoration: none;
−
padding-right:170px;
+
display: block;
−
padding-top:80px;
+
font-size: 20px;
−
padding-bottom:100px;
+
}
−
line-height:25px;
+
  
 +
.dropdown-content a:hover {
 +
background-color: transparent;
 +
}
  
−
}
+
.dropdown:hover .dropdown-content {
−
#teamall{
+
display: block;
−
display: flex;
+
}
−
flex-direction: row;
+
−
column-count: 2;
+
  
−
}
+
</style>
 +
</head>
 +
<body>
 +
  <div class="header">
 +
  <ul>
 +
    <li>
  
−
    #sec1{
+
    <div class="dropdown">
−
        width: auto;
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen">Home</a>
−
        background-color:#e8f1cb;
+
    </div>
−
    }
+
−
    #sec2{
+
−
        width: auto;
+
−
        background-color:#d0e8c1;
+
−
    }
+
−
    #sec3{
+
−
        width: auto;
+
−
        background-color:#ffffff;
+
−
    }
+
  
 +
    <div class="dropdown">
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <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>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Collaborations">Collaborations</a>
 +
      </div>
 +
    </div>
  
−
</style>
+
    <div class="dropdown">
−
<body>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description" class="dropbtn">Project</a>  
 +
      <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description">Abstract</a>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Background">Background</a>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Mechanism">Mechanism</a>
 +
<a href="https://2018.igem.org/Team:SSHS-Shenzhen/Model">Modeling</a>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Demonstrate">Demonstrate</a>
 +
<a href="https://2018.igem.org/Team:SSHS-Shenzhen/Notebook">Notebook</a>  
  
−
<div class="header">
+
      </div>  
−
    <ul>
+
    </div>  
−
        <li>
+
−
            <div class="dropdown">
+
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen">Home</a>
+
−
            </div>
+
  
−
            <div class="dropdown">
+
    <div class="dropdown">  
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description" class="dropbtn">Project</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments" class="dropbtn">Experiments</a>  
−
                <div class="dropdown-content">
+
      <div class="dropdown-content">  
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Description">Description</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments">Summary</a>
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Applied_Design">Applied Design</a>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Design">Design</a>
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Model">Model</a>
+
<a href="https://2018.igem.org/Team:SSHS-Shenzhen/Results">Results</a>
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Demonstrate">Demonstrate</a>
+
<a href="https://2018.igem.org/Team:SSHS-Shenzhen/InterLab">InterLab</a>  
−
                </div>
+
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Improvement">Improvement</a>  
−
            </div>
+
  
−
            <div class="dropdown">
+
      </div>  
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments" class="dropbtn">Experiments</a>
+
    </div>  
−
                <div class="dropdown-content">
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Experiments">Summary</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Results">Results</a>
+
−
                </div>
+
−
            </div>
+
−
            <div class="dropdown">
+
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Parts" >Parts</a>
+
−
                <div class="dropdown-content">
+
−
<a href="https://2018.igem.org/Team:SSHS-Shenzhen/Parts">Summary</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Basic_Part">Basic Parts</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Composite_Part">Composite Parts</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Contribution">Contribution</a>
+
−
                </div>
+
−
            </div>
+
  
−
            <div class="dropdown">
+
    <div class="dropdown">  
−
                <a href="https://2018.igem.org/Team:SSHS-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>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Integrated_Human_Practices">Integrated HP</a>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Public_Engagement">Public engagement</a>
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Meetup">Meetup</a>  
  
−
            <div class="dropdown">
+
    </div>  
−
                <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>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/HP/Silver">Silver</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/HP/Gold_Integrated">Gold</a>
+
−
                    <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Engagement">Engagement</a>
+
−
                </div>
+
−
            </div>
+
−
            <div class="dropdown">
+
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Safety" class="dropbtn">Safety</a>
+
−
            </div>
+
−
 
+
−
            <div class="dropdown">
+
−
                <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Team" class="dropbtn">Team</a>
+
−
                <div class="dropdown-content">
+
−
                    <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>
+
−
            </div>
+
  
−
         
 
  
−
        </li>
+
    <div class="dropdown">
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Parts">Parts</a>
 +
    </div>
 +
    <div class="dropdown">
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Achievements">Achievements</a>
 +
    </div>
 +
    <div class="dropdown">
 +
      <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Safety" class="dropbtn">Safety</a>
 +
    </div>
 +
 
 +
  </li>
 
     </ul>
 
     </ul>
 
</div>
 
</div>
−
 
+
</body>
−
<body>
+
−
 
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Latest revision as of 07:52, 17 October 2018

Title