Difference between revisions of "Template:Peking/NavBar"

Line 3: Line 3:
 
<head>
 
<head>
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css">
+
     <link rel="stylesheet" type="text/css"
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
+
          href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css">
 +
     <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
 
     <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 
     <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
Line 203: Line 205:
  
  
<body>
+
 
  
  
Line 210: Line 212:
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer
 
             mdl-layout--fixed-header">
 
             mdl-layout--fixed-header">
     <header class="mdl-layout__header">
+
      
        <div class="mdl-layout__header-row">
+
            <div class="mdl-layout-spacer"></div>
+
            <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
+
                  mdl-textfield--floating-label mdl-textfield--align-right">
+
                <label class="mdl-button mdl-js-button mdl-button--icon"
+
                      for="fixed-header-drawer-exp">
+
                    <i class="material-icons">search</i>
+
                </label>
+
                <div class="mdl-textfield__expandable-holder">
+
                    <input class="mdl-textfield__input" type="text" name="sample"
+
                          id="fixed-header-drawer-exp">
+
                </div>
+
            </div>
+
        </div>
+
    </header>
+
 
     <div class="mdl-layout__drawer">
 
     <div class="mdl-layout__drawer">
 
         <span class="mdl-layout-title">Title</span>
 
         <span class="mdl-layout-title">Title</span>
Line 239: Line 226:
 
     </main>
 
     </main>
 
</div>
 
</div>
 +
 +
<body>
 +
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:09, 16 October 2017

Title
233333