Difference between revisions of "Template:ShanghaitechChina"

 
(126 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/jquery?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/jquery?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:ShanghaitechChina/js/bootstrap?action=raw&ctype=text/javascript"></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>
  
 
     <style>
 
     <style>
Line 18: Line 26:
 
}
 
}
 
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 {
 
body,td,th {
Line 27: Line 36:
 
}
 
}
  
−
#content{
+
#top_title, #sideMenu{
−
width:132%;
+
        display: none;
−
margin-left:-16%;
+
      }
−
}
+
 
 +
      #content{
 +
        width: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
      }
  
 
.full{width:100%;height:auto;cursor:pointer;}
 
.full{width:100%;height:auto;cursor:pointer;}
Line 52: Line 66:
 
     font-size: 12px;
 
     font-size: 12px;
 
}
 
}
−
#side-menu:hover {
+
.side {
−
     background: rgba(50, 50, 50, 1) none repeat scroll 0 0;
+
     align:right;
−
    padding: 0 0 30;
+
     margin-right:1%;
−
}
+
−
#side-menu  ul {
+
−
    list-style-type:none;
+
−
     margin: 0 0 60px;
+
−
}
+
−
#side-menu > ul > li > ul {
+
−
    list-style-type:none;
+
−
    padding: 0;
+
−
}
+
−
#side-menu > ul > li > ul > li {
+
−
    list-style-type:none;
+
−
    line-height: 50px;
+
−
    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;
+
−
    font-size:14px;
+
−
 
+
−
}
+
−
.navbar{
+
−
  background-color:rgba(255,255,255,0.3);
+
−
}
+
−
.navbar:hover {
+
−
    background-color:rgba(255,255,255,1);
+
−
}
+
−
navbar div.container div li a{
+
−
  font-size:20px;
+
 
}
 
}
 
.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 99: 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-size: 16px;
+
     font-size: 18px;  
−
     margin-left:6%;
+
     margin-left:2%;
 
     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 115: Line 104:
 
     font-size: 30px;
 
     font-size: 30px;
 
     font-weight: bold;
 
     font-weight: bold;
−
     margin-bottom: 5px;
+
     margin-bottom: 25px;
 
     margin-left: 15px;
 
     margin-left: 15px;
 
}
 
}
Line 148: Line 137:
 
      
 
      
 
     margin-left:15px;
 
     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>
 
</style>
−
<nav class="navbar navbar-default navbar-fixed-top topnav">
+
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin-top:10px;text-align:center">
 +
    <div class="container-fluid">
  
−
         <!-- topnav -->
+
         <!-- Logo -->
−
         <div class="container topnav">
+
         <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>
  
−
            <!-- Logo -->
+
        <!-- Menu Items -->
−
            <div class="navbar-header">
+
        <div class="collapse navbar-collapse" id="mainNavBar">
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
+
                <ul class="nav navbar-nav navbar-right">
−
                    <span class="icon-bar"></span>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
−
                    <span class="icon-bar"></span>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
−
                     <span class="icon-bar"></span>
+
                     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;">Team<span class="caret"></span></a>
−
                    <span class="icon-bar"></span>
+
−
                </button>
+
−
              <a href="#" class="navbar-brand">　　　　　　　</a>
+
−
            </div>
+
−
 
+
−
            <!-- Menu Items -->
+
−
            <div class="collapse navbar-collapse" id="mainNavBar">
+
−
                <ul class="nav navbar-nav">
+
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina">Home</a></li>
+
−
                     <li class="down233 dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<span class="caret"></span></a>
+
 
                     <ul class="dropdown-menu" style="margin-left:0;">
 
                     <ul class="dropdown-menu" style="margin-left:0;">
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team">Members</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/Attributions">Attributions</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:20px;">Attributions</a></li>
 
                     </ul></li>
 
                     </ul></li>
−
                     <li class="down233 dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
+
                     <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;">
 
                     <ul class="dropdown-menu" style="margin-left:0;">
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm">Biofilm</a></li>
+
                     <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/Hydrogen">Hydrogenase</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/Quantum_Dots">Quantum Dots</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>
 
                     </ul></li>
−
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Parts">Parts</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/Safety">Safety</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">Notebook</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">Human Practice</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">InterLab</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 class="navbar navbar-default">
+
</nav>
−
        <div class="container-fluid">
+
−
          <div class="navbar-header">
+
−
            <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
+
−
              <span class="sr-only">Toggle navigation</span>
+
−
              <span class="icon-bar"></span>
+
−
              <span class="icon-bar"></span>
+
−
              <span class="icon-bar"></span>
+
−
            </button>
+
−
            <a href="#" class="navbar-brand">Project name</a>
+
−
          </div>
+
−
          <div style="height:00px" id="navbar" class="navbar-collapse collapse">
+
−
            <ul class="nav navbar-nav">
+
−
              <li class="active"><a href="#">Home</a></li>
+
−
              <li><a href="#">About</a></li>
+
−
              <li><a href="#">Contact</a></li>
+
−
              <li class="dropdown">
+
−
                <a style="font-size:100px" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                  <li><a href="#">Action</a></li>
+
−
                  <li><a href="#">Another action</a></li>
+
−
                  <li><a href="#">Something else here</a></li>
+
−
                  <li role="separator" class="divider"></li>
+
−
                  <li class="dropdown-header">Nav header</li>
+
−
                  <li><a href="#">Separated link</a></li>
+
−
                  <li><a href="#">One more separated link</a></li>
+
−
                </ul>
+
−
              </li>
+
−
            </ul>
+
−
            <ul class="nav navbar-nav navbar-right">
+
−
              <li class="active"><a href="./">Default <span class="sr-only">(current)</span></a></li>
+
−
              <li><a href="../navbar-static-top/">Static top</a></li>
+
−
              <li><a href="../navbar-fixed-top/">Fixed top</a></li>
+
−
            </ul>
+
−
          </div><!--/.nav-collapse -->
+
−
        </div><!--/.container-fluid -->
+
−
      </nav>
+
 
</head>
 
</head>
 
<body>
 
<body>

Latest revision as of 23:20, 19 October 2016

igem2016:ShanghaiTech