Difference between revisions of "Template:USTC"

 
(38 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
  <!--Import materialize.css-->
+
    <!--Import materialize.css-->
 
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/reset?action=raw&ctype=text/css">
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/materialize.min.css?action=raw&amp;ctype=text/css" media="screen,projection"/>
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/materialize?action=raw&ctype=text/css"/>
 
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/style?action=raw&ctype=text/css">
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
    <div class="background"></div>
 
+
    <script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/materialize.min.js?action=raw&amp;ctype=text/javascript"></script>
+
 
+
     <style type="text/css">
+
html,body {
+
  margin: 0;
+
  border: 0;
+
  padding: 0;
+
  width: 100%;
+
}
+
* {
+
    margin: 0;
+
    border: 0;
+
    padding: 0;
+
}
+
 
+
.firstHeading {
+
  display:none;
+
}
+
#globalWrapper {
+
    background-color: white !important;
+
}
+
#content {
+
    width: 100%;
+
    border: 0;
+
    padding: 0;
+
    margin: 0;
+
    background-image:url(https://static.igem.org/mediawiki/2015/6/6a/WP3.png);
+
}
+
 
+
    .position_center{
+
    margin: 0 auto;
+
    }
+
    .wrap{
+
    width:600px;
+
    height:300px;
+
    background:#ffffff;
+
    margin:auto;
+
    position:relative;
+
    top:-200px;
+
    border:2px solid #eeeeee;
+
    margin-bottom: 10px;
+
   
+
    }
+
    .ilike-blue-container {
+
    @extend .blue, .lighten-4;
+
    }
+
    .tabs{
+
    background-color: transparent;
+
    }
+
    .tabs .tab a {
+
    color: white;
+
    display: block;
+
    width: 100%;
+
    height: 100%;
+
    }
+
    .tabs .tab a:hover {
+
    color: #82d1f4;
+
    }
+
    .tabs .indicator {
+
    position: absolute;
+
    bottom: 0;
+
    height: 2px;
+
    background-color: white;
+
    will-change: left, right;
+
    }
+
    .team_logo
+
    {
+
    background-image : url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
+
    background-repeat : no-repeat;
+
    width : 563px;
+
    height : 357px;
+
   
+
    position:fixed;
+
    right:0;
+
    }
+
    body {background-position: center;
+
    background-repeat: no-repeat;
+
    background-attachment: fixed;}
+
    nav{
+
    background-color: rgba(70, 136, 241, 0.67);
+
    }
+
    footer .footer-copyright{
+
    background-color: rgba(70, 136, 241, 0.67);
+
    }
+
    </style>
+
 
+
    <!--Let browser know website is optimized for mobile-->
+
 
+
  <div>
+
    <div class="navbar-fixed" >
+
      <nav class ="z-depth-0  top">
+
        <div class="nav-wrapper  ilike-blue-container">
+
          <a href="#" class="brand-logo"> <img src="https://static.igem.org/mediawiki/2015/d/dd/Ustc_Igem-logo.png" alt=""></a>
+
          <ul id="nav-mobile" class="right hide-on-med-and-down">
+
            <li><a href="sass.html">Project</a></li>
+
            <li><a href="badges.html">Modeling</a></li>
+
            <li><a href="collapsible.html">NoteBook</a></li>
+
            <li><a href="collapsible.html">Human Practice</a></li>
+
            <li><a href="collapsible.html">Team</a></li>
+
            <li><a href="collapsible.html">Safety</a></li>
+
          </ul>
+
        </div>
+
      </nav>
+
    </div>
+
 
     <div class="team_logo"></div>
 
     <div class="team_logo"></div>
      
+
     <div class="navbar">
   
+
        <nav class="blue darken-4">
   
+
            <div class="nav-wrapper hoverable" style="z-index:2">
   
+
                <a href="https://2015.igem.org" class="brand-logo" style="vertical-align: top;"><img src="https://static.igem.org/mediawiki/2015/d/dd/Ustc_Igem-logo.png" alt="ustc-logo"></a>
  </div>
+
                <div id="nav-mobile" class="right hide-on-med-and-down">
 +
                      <h4 class="header white-text lighten-5" style="padding-right:4px;">Nanomachine Detecting Microbiotics </h4>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
    </div>
 
</html>
 
</html>

Latest revision as of 12:29, 18 September 2015