Difference between revisions of "Template:ShanghaitechChina"

 
(442 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.min.css">
+
     <link rel="stylesheet" href="https://2016.igem.org/Template:ShanghaitechChina/css/bootstrap?action=raw&ctype=text/css">
−
     <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/jquery?action=raw&ctype=text/javascript"></script>
−
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/bootstrap?action=raw&ctype=text/javascript"></script>
−
    <style type="text/css">
+
<style type="text/css">
−
.navbar {
+
h3.bg{background-color:#d3d3d3}
−
  background-color: #222;
+
b.bg{background-color:#d3d3d3}
−
  background: #222;
+
p.bg{background-color:#c2ddf4;font-size:18px}
−
  border-color: #222;
+
p{font-size:18px}
−
opacity:0.9;
+
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>
  
−
.navbar li {  
+
    <style>
−
background-color: #222;
+
html{
−
  background: #222;
+
height:100%;
−
  border-color: #222; }  
+
margin:0;
−
.navbar li a{
+
padding:0;
−
color:#FFF;
+
width:100%;
−
}
+
background-color:#242424;
−
    </style>
+
}
−
</head>
+
body{
−
<body>
+
width:100%;
 +
margin:0 auto;
 +
padding:0;
 +
  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);
  
−
    <nav class="navbar navbar-fixed-top">
+
}
−
        <div class="container-fluid">
+
body,td,th {
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
  
−
            <!-- Logo -->
+
#top_title, #sideMenu{
−
            <div class="navbar-header">
+
        display: none;
−
                <a href="#" class="navbar-brand">Solar Hunter</a>
+
      }
−
            </div>
+
  
−
            <!-- Menu Items -->
+
      #content{
−
            <div>
+
        width: 100%;
−
                <ul class="nav navbar-nav">
+
        margin: 0;
−
                   
+
        padding: 0;
−
                </ul>
+
      }
  
−
                 <!--right align -->
+
.full{width:100%;height:auto;cursor:pointer;}
 +
.pic3{width:33%;height:auto;cursor:pointer;}
 +
.pic4{width:24%;height:auto;cursor:pointer;}
 +
#sideMenu{display:none;}
 +
#top_title{display:none;}
 +
#side-menu {
 +
    background: rgba(50, 50, 50, 1) none repeat scroll 0 0;
 +
    color: white;
 +
    padding: 0;
 +
    position:fixed;
 +
    right:2%;
 +
    top:60px;
 +
    width:150px;
 +
    transition: all 0.3s ease 0s;
 +
    border: 1px solid #cccccc;
 +
    border-radius: 10px;
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    color: #3d3d3d;
 +
    font-size: 12px;
 +
}
 +
.side {
 +
    align:right;
 +
    margin-right:1%;
 +
}
 +
.section-heading:hover{
 +
    margin-left:-20px;
 +
}
 +
.row > h1{margin-bottom:15px}
 +
 
 +
.content {
 +
    background-color: rgba(255,255,255,0.90);
 +
    width:85%;
 +
    border: 1px solid #cccccc;
 +
    border-radius: 10px;
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    color: #3d3d3d;
 +
    font-size: 18px;
 +
    margin-left:2%;
 +
    margin-top:50px;
 +
text-align:justify;
 +
    padding: 10px 70px 30px 70px;
 +
}
 +
.imgnav {
 +
    margin-top:20px;
 +
    width:85%;
 +
    margin-left:2%;
 +
    border-radius: 0 0 10px 10px;
 +
}
 +
 
 +
.contentBorder {
 +
    border: 1px solid #aaaaaa;
 +
    border-radius: 7px;
 +
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
}
 +
.ContentHeader {
 +
    color: #3d3d3d;
 +
    font-size: 30px;
 +
    font-weight: bold;
 +
    margin-bottom: 25px;
 +
    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;
 +
}
 +
 
 +
/* hr */
 +
.section-heading:hover{
 +
  left:30px;
 +
}
 +
.section-heading-spacer {
 +
    float: left;
 +
    width: 200px;
 +
    border-top: 3px solid #e3e3e3;
 +
}
 +
 
 +
/* Little paragraph snippet sections */
 +
.section-heading {
 +
    margin-bottom: 30px;
 +
}
 +
 
 +
.section-content {
 +
   
 +
    margin-left:15px;
 +
}
 +
#sidebar{
 +
    right:0px;
 +
    top:90px;
 +
    position:fixed;
 +
    width:165px;
 +
    background-color:rgba(255,255,255,0.9);
 +
    border-radius: 5px;
 +
}
 +
 
 +
#sidebar >li a{  color:black;
 +
  font-size:16px;
 +
}
 +
 
 +
 
 +
@media (max-width: 1000px){
 +
.imgnav {
 +
  width:96%;
 +
}
 +
#sidebar{
 +
  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">
 
                 <ul class="nav navbar-nav navbar-right">
−
                     <li class="active"><a href="https://2016.igem.org/Team:ShanghaitechChina">HOME</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
−
<li class="dropdown">
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
+
                    <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">
+
                    <ul class="dropdown-menu" style="margin-left:0;">
−
                            <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team">Team</a></li>
+
                    <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/Collaborations">Collaborations</a></li>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:20px;">Attributions</a></li>
−
                        </ul>
+
                    </ul></li>
−
                    </li>
+
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Project<span class="caret"></span></a>
−
<li class="dropdown">
+
                    <ul class="dropdown-menu" style="margin-left:0;">
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/IBS" style="font-size:20px;">Integrative Biohydrogen System</a></li>
−
                        <ul class="dropdown-menu">
+
                    <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/Description">Description</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/Design">Design</a></li>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen" style="font-size:18px;">Hydrogenase Gene Clusters</a></li>
−
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Experiments">Experiments</a></li>
+
                    </ul></li>
−
                            <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Proof">Proof</a></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/Demonstrate">Demonstrate</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/Results">Results</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/Notebook">Notebook</a></li>
+
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practice" style="font-size:20px;  ">Human Practice</a></li>
−
                        </ul>
+
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/InterLab" style="font-size:20px;  ">InterLab</a></li>
−
                    </li>
+
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety" style="font-size:20px;  ">Safety</a></li>
−
<li class="dropdown">
+
<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>
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
+
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Engagement" style="font-size:20px;  "> Education and Public Engagement</a></li>
−
                        <ul class="dropdown-menu">
+
<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/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Design" style="font-size:20px;  ">Applied Design</a></li>
−
                            <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Basic_Part">Basic_Part</a></li>
+
</ul></li>
−
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Composite_Part">Composite_Part</a></li>
+
−
                            <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Part_Collection">Part_Collection</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="active"><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety">SAFETY</a></li>
+
−
<li class="active"><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions">ATTRIBUTIONS</a></li>
+
−
<li class="active"><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practices">ATTRIBUTIONS</a></li>
+
−
                    <!-- drop down menu -->
+
−
                   
+
 
                 </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