Difference between revisions of "Template:Peking/NavBar"

(Replaced content with " <link rel="stylesheet" type="text/css" href="mdl/MDLnew.css">")
Line 1: Line 1:
−
<html>
 
−
 
−
<head>
 
−
 
−
    <style>
 
−
 
−
 
−
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
−
 
−
        /* Clear the default wiki settings */
 
−
 
−
        #home_logo, #sideMenu {
 
−
            display: none;
 
−
        }
 
−
 
−
        #sideMenu, #top_title, .patrollink {
 
−
            display: none;
 
−
        }
 
−
 
−
        #content {
 
−
            width: 100%;
 
−
            padding: 0px;
 
−
            margin-top: -7px;
 
−
            margin-left: 0px;
 
−
        }
 
−
 
−
        body {
 
−
            background-color: white;
 
−
        }
 
−
 
−
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 
−
            margin-bottom: 0px;
 
−
        }
 
−
 
−
    </style>
 
−
 
−
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
−
    <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet">
 
−
    <script type="text/javascript"
 
−
            src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script>
 
−
 
−
    <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="mdl/MDLnew.css">
 
           href="mdl/MDLnew.css">
−
 
−
 
−
    <link rel="stylesheet" type="text/css"
 
−
          href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
 
−
    <!-- Fonts -->
 
−
    <link rel="stylesheet" type="text/css"
 
−
          href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css">
 
−
    <link rel="stylesheet" type="text/css"
 
−
          href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
 
−
 
−
 
−
</head>
 
−
 
−
 
−
<!-- The drawer is always open in large screens. The header is always shown,
 
−
  even in small screens. -->
 
−
 
−
 
−
<body>
 
−
 
−
<!-- Always shows a header, even in smaller screens. -->
 
−
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 
−
    <header class="mdl-layout__header">
 
−
        <div class="mdl-layout__header-row">
 
−
            <!-- Title -->
 
−
            <span class="mdl-layout-title">Title</span>
 
−
            <!-- Add spacer, to align navigation to the right -->
 
−
            <div class="mdl-layout-spacer"></div>
 
−
            <!-- Navigation. We hide it in small screens. -->
 
−
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 
−
                <style>
 
−
                    a:link {text-decoration: none;}
 
−
                    a:visited {text-decoration: none;}
 
−
                    a:active {text-decoration: none;}
 
−
                    a:hover {}
 
−
                </style>
 
−
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking">Home</a>
 
−
                <a class="mdl-navigation__link" href="">Project</a>
 
−
                <a class="mdl-navigation__link" href="">Modelling</a>
 
−
                <a class="mdl-navigation__link" href="">Software</a>
 
−
                <a class="mdl-navigation__link" href="">Hardware</a>
 
−
                <a class="mdl-navigation__link" href="">Lab</a>
 
−
                <a class="mdl-navigation__link" href="">Practices</a>
 
−
                <a class="mdl-navigation__link" href="">Team</a>
 
−
            </nav>
 
−
        </div>
 
−
    </header>
 
−
</div>
 
−
 
−
 
−
<div class="mdl-components mdl-js-components mdl-cell mdl-cell--12-col" style="padding-top: 60px;">
 
−
    <aside class="mdl-components__nav docs-text-styling mdl-shadow--4dp">
 
−
 
−
        <a href="https://getmdl.io/components/index.html#badges-section"
 
−
          class="mdl-components__link mdl-component badges">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_badges.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Badges</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#buttons-section"
 
−
          class="mdl-components__link mdl-component buttons">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_buttons.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Buttons</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#cards-section"
 
−
          class="mdl-components__link mdl-component cards">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_cards.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Cards</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#chips-section"
 
−
          class="mdl-components__link mdl-component chips">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_chips.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Chips</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#dialog-section"
 
−
          class="mdl-components__link mdl-component dialog">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_dialog.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Dialogs</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#layout-section"
 
−
          class="mdl-components__link mdl-component layout">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_layout.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Layout</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#lists-section"
 
−
          class="mdl-components__link mdl-component lists">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_lists.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Lists</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#loading-section"
 
−
          class="mdl-components__link mdl-component loading">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_loading.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Loading</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#menus-section"
 
−
          class="mdl-components__link mdl-component menus">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_menus.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Menus</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#sliders-section"
 
−
          class="mdl-components__link mdl-component sliders">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_sliders.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Sliders</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#snackbar-section"
 
−
          class="mdl-components__link mdl-component snackbar">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_snackbar.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Snackbar</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#toggles-section"
 
−
          class="mdl-components__link mdl-component toggles">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_toggles.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Toggles</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#tables-section"
 
−
          class="mdl-components__link mdl-component tables">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_tables.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Tables</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#textfields-section"
 
−
          class="mdl-components__link mdl-component textfields">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_textfields.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Text Fields</span>
 
−
        </a>
 
−
 
−
        <a href="https://getmdl.io/components/index.html#tooltips-section"
 
−
          class="mdl-components__link mdl-component tooltips">
 
−
            <div class="mdl-components__link-image"
 
−
                style="background-image: url(&#39;../assets/comp_tooltips.png&#39;)">
 
−
            </div>
 
−
            <span class="mdl-components__link-text">Tooltips</span>
 
−
        </a>
 
−
 
−
    </aside>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
</body>
 
−
</html>
 

Revision as of 02:38, 17 October 2017

   <link rel="stylesheet" type="text/css"
         href="mdl/MDLnew.css">