Difference between revisions of "Template:USTC"

 
(45 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
  <!--Import materialize.css-->
+
<html>
−
     <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"/>
+
    <!--Import materialize.css-->
−
     <style type="text/css">
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/reset?action=raw&ctype=text/css">
−
    .position_center{
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/materialize?action=raw&ctype=text/css"/>
−
    margin: 0 auto;
+
     <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/style?action=raw&ctype=text/css">
−
    }
+
    <div class="background"></div>
−
    .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-->
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
−
  <body background="https://static.igem.org/mediawiki/2015/6/6a/WP3.png">
+
−
     <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>
−
    <!--Import jQuery before materialize.js-->
+
                <div id="nav-mobile" class="right hide-on-med-and-down">
−
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
                      <h4 class="header white-text lighten-5" style="padding-right:4px;">Nanomachine Detecting Microbiotics </h4>
−
    <script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/materialize.min.js?action=raw&amp;ctype=text/javascript"></script>
+
                </div>
−
  </body>
+
            </div>
 +
        </nav>
 +
    </div>
 +
</html>

Latest revision as of 12:29, 18 September 2015