Difference between revisions of "Template:ShanghaitechChina"

 
(193 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.css">
+
     <link rel="stylesheet" href="https://2016.igem.org/Template:ShanghaitechChina/css/bootstrap?action=raw&ctype=text/css">
−
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/common.css">
+
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/jquery?action=raw&ctype=text/javascript"></script>
−
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/bootstrap?action=raw&ctype=text/javascript"></script>
−
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+
<style type="text/css">
 +
h3.bg{background-color:#d3d3d3}
 +
b.bg{background-color:#d3d3d3}
 +
p.bg{background-color:#c2ddf4;font-size:18px}
 +
p{font-size:18px}
 +
p.cap{font-size:14px}
 +
p.vis{display:none;}
 +
button{width:100%;background-color:#c2ddf4;border: 1px solid #9bb0c3;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);}
 +
</style>
  
−
    <!-- Custom CSS -->
 
−
    <link href="landing.css" rel="stylesheet">
 
−
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
−
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
 
−
    <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
 
 
     <style>
 
     <style>
 
html{
 
html{
Line 21: Line 24:
 
width:100%;
 
width:100%;
 
background-color:#242424;
 
background-color:#242424;
−
font-family:arial;
 
 
}
 
}
 
body{
 
body{
−
height:100%;
+
width:100%;
 
margin:0 auto;
 
margin:0 auto;
 
padding:0;
 
padding:0;
−
width:980px;
+
  background-image:url('https://static.igem.org/mediawiki/2016/9/9c/Back4.png'),url(https://static.igem.org/mediawiki/2016/2/23/Bubbles3.png),url(https://static.igem.org/mediawiki/2016/f/fd/Bubbles2.png),url(https://static.igem.org/mediawiki/2016/1/12/Bubbles_back.png);
 +
 
 
}
 
}
 +
body,td,th {
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
 +
#top_title, #sideMenu{
 +
        display: none;
 +
      }
 +
 +
      #content{
 +
        width: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
      }
  
−
#content{width:132%;margin-left:-16%;margin-right:0;}
+
.full{width:100%;height:auto;cursor:pointer;}
 +
.pic3{width:33%;height:auto;cursor:pointer;}
 +
.pic4{width:24%;height:auto;cursor:pointer;}
 
#sideMenu{display:none;}
 
#sideMenu{display:none;}
 
#top_title{display:none;}
 
#top_title{display:none;}
 
#side-menu {
 
#side-menu {
−
     background: rgba(150, 150, 126, 0.5) none repeat scroll 0 0;
+
     background: rgba(50, 50, 50, 1) none repeat scroll 0 0;
 
     color: white;
 
     color: white;
 
     padding: 0;
 
     padding: 0;
 
     position:fixed;
 
     position:fixed;
 
     right:2%;
 
     right:2%;
−
     top:15%;
+
     top:60px;
 
     width:150px;
 
     width:150px;
 
     transition: all 0.3s ease 0s;
 
     transition: all 0.3s ease 0s;
Line 46: Line 64:
 
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
     color: #3d3d3d;
 
     color: #3d3d3d;
−
    font-family: Tahoma;
 
 
     font-size: 12px;
 
     font-size: 12px;
 
}
 
}
−
#side-menu:hover {
+
.side {
−
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
+
     align:right;
−
    padding: 0 0 30;
+
     margin-right:1%;
−
}
+
−
#side-menu  ul {
+
−
     list-style-type:none;
+
−
     margin: 0 0 40px;
+
−
}
+
−
#side-menu > ul > li > ul {
+
−
    padding: 0;
+
−
}
+
−
#side-menu > ul > li > ul > li {
+
−
    list-style-type:none;
+
−
    line-height: 60px;
+
−
    padding-left: 0;
+
−
    margin-left:15px;
+
−
}
+
−
#side-menu > ul > li > ul > li:hover {
+
−
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
+
−
    cursor: pointer;
+
−
}
+
−
#side-menu > ul > li > ul > li a{
+
−
    color:white;
+
−
    text-decoration:none;
+
−
 
+
−
}
+
−
.navbar{
+
−
  background-color:rgba(255,255,255,0.3);
+
−
}
+
−
.navbar:hover {
+
−
    background-color:rgba(255,255,255,0.8);
+
 
}
 
}
 
.section-heading:hover{
 
.section-heading:hover{
 
     margin-left:-20px;
 
     margin-left:-20px;
 
}
 
}
 +
.row > h1{margin-bottom:15px}
 +
 
.content {
 
.content {
−
     background-color: white;
+
     background-color: rgba(255,255,255,0.90);
 
     width:85%;
 
     width:85%;
 
     border: 1px solid #cccccc;
 
     border: 1px solid #cccccc;
Line 91: Line 82:
 
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
     color: #3d3d3d;
 
     color: #3d3d3d;
−
    font-family: Tahoma;
+
     font-size: 18px;  
−
     font-size: 14px;
+
     margin-left:2%;
−
     margin-left:6%;
+
 
     margin-top:50px;
 
     margin-top:50px;
−
     padding: 15px 60px;
+
text-align:justify;
−
      
+
     padding: 10px 70px 30px 70px;
 +
}
 +
.imgnav {
 +
     margin-top:20px;
 +
    width:85%;
 +
    margin-left:2%;
 +
    border-radius: 0 0 10px 10px;
 
}
 
}
  
Line 106: Line 102:
 
.ContentHeader {
 
.ContentHeader {
 
     color: #3d3d3d;
 
     color: #3d3d3d;
−
    font-family: Andy;
 
 
     font-size: 30px;
 
     font-size: 30px;
 
     font-weight: bold;
 
     font-weight: bold;
−
     margin-bottom: 5px;
+
     margin-bottom: 25px;
 
     margin-left: 15px;
 
     margin-left: 15px;
 
}
 
}
  
 +
.content-section-a {
 +
    padding: 50px 0;
 +
    background-color: #f2f2f2;
 +
}
  
 +
.content-section-b {
 +
    padding: 50px 0;
 +
    border-top: 1px solid #e3e3e3;
 +
    border-bottom: 1px solid #e3e3e3;
 +
}
  
−
</style>
+
/* hr */
−
</head>
+
.section-heading:hover{
−
<body>
+
  left:30px;
−
    <nav class="navbar navbar-default navbar-fixed-top topnav">
+
}
 +
.section-heading-spacer {
 +
    float: left;
 +
    width: 200px;
 +
    border-top: 3px solid #e3e3e3;
 +
}
  
−
        <!-- topnav -->
+
/* Little paragraph snippet sections */
−
        <div class="container topnav">
+
.section-heading {
 +
    margin-bottom: 30px;
 +
}
  
−
            <!-- Logo -->
+
.section-content {
−
            <div class="navbar-header">
+
   
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
+
    margin-left:15px;
−
                    <span class="icon-bar"></span>
+
}
−
                    <span class="icon-bar"></span>
+
#sidebar{
−
                    <span class="icon-bar"></span>
+
    right:0px;
−
                    <span class="icon-bar"></span>
+
    top:90px;
−
                </button>
+
    position:fixed;
−
              <a href="#" class="navbar-brand">　　　　　　　　</a>
+
    width:165px;
−
            </div>
+
    background-color:rgba(255,255,255,0.9);
 +
    border-radius: 5px;
 +
}
  
−
             <!-- Menu Items -->
+
#sidebar >li a{  color:black;
−
            <div class="collapse navbar-collapse" id="mainNavBar">
+
  font-size:16px;
−
                 <ul class="nav navbar-nav">
+
}
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina">Home</a></li>
+
 
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team">Team</a></li>
+
 
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Project">Project</a></li>
+
@media (max-width: 1000px){
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Parts">Parts</a></li>
+
.imgnav {
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety">Safety</a></li>
+
  width:96%;
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Notebook">Notebook</a></li>
+
}
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practice">Human Practice</a></li>
+
#sidebar{
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Awards">Awards</a></li>
+
  display:none;
 +
}
 +
.content{
 +
  width:96%;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin-top:10px;text-align:center">
 +
    <div class="container-fluid">
 +
 
 +
        <!-- Logo -->
 +
        <div class="navbar-header">
 +
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a href="https://2016.igem.org/Team:ShanghaitechChina" class="navbar-brand" style="font-size:28px;margin-top:2%">Solar Hunter</a>
 +
        </div>
 +
 
 +
        <!-- Menu Items -->
 +
        <div class="collapse navbar-collapse" id="mainNavBar">
 +
                 <ul class="nav navbar-nav navbar-right">
 +
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
 +
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
 +
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;">Team<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" style="margin-left:0;">
 +
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team" style="font-size:20px;">Members</a></li>
 +
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:20px;">Attributions</a></li>
 +
                    </ul></li>
 +
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Project<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" style="margin-left:0;">
 +
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/IBS" style="font-size:20px;">Integrative Biohydrogen System</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Nanomaterials" style="font-size:18px;">Semiconductor Nanomaterials</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm" style="font-size:18px;">Engineered Biofilms</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen" style="font-size:18px;">Hydrogenase Gene Clusters</a></li>
 +
                    </ul></li>
 +
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Parts" style="font-size:20px;  ">Parts</a></li>
 +
    <!--<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety" style="font-size:20px;  ">Safety</a></li>-->
 +
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Notebook" style="font-size:20px;  ">Notebook</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practice" style="font-size:20px;  ">Human Practice</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/InterLab" style="font-size:20px;  ">InterLab</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety" style="font-size:20px;  ">Safety</a></li>
 +
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Special Prize<span class="caret"></span></a><ul class="dropdown-menu" style="margin-left:0;"><li><a href="https://2016.igem.org/Team:ShanghaitechChina/Integrated_Practices" style="font-size:20px;  ">Integrated Human Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Engagement" style="font-size:20px;  "> Education and Public Engagement</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Measurement" style="font-size:20px;  ">Measurement</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Design" style="font-size:20px;  ">Applied Design</a></li>
 +
</ul></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
  
−
        </div>
+
 
−
    </nav>
+
    </div>
 +
</nav>
 +
</head>
 +
<body>
 +
   
 
</body>
 
</body>
 
      
 
      
 
    
 
    
 
</html>
 
</html>

Latest revision as of 23:20, 19 October 2016

igem2016:ShanghaiTech