Difference between revisions of "Template:Peking/NavBar"
| Line 10: | Line 10: | ||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
| − | #home_logo, #sideMenu { display:none; } | + | #home_logo, #sideMenu { |
| − | #sideMenu, #top_title, .patrollink | + | display: none; |
| − | #content { width:100%; padding:0px; | + | } |
| − | body {background-color:white; } | + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | + | #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> | </style> | ||
| Line 22: | Line 39: | ||
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
<link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet"> | <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> | + | <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" |
| + | 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"> | + | <link rel="stylesheet" type="text/css" |
| + | href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css"> | ||
<!-- Fonts --> | <!-- 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" |
| − | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=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> | </head> | ||
| − | |||
| − | |||
| − | |||
| Line 47: | Line 65: | ||
<!-- Always shows a header, even in smaller screens. --> | <!-- Always shows a header, even in smaller screens. --> | ||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | <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"> | |
| − | + | <a class="mdl-navigation__link" href="">Link</a> | |
| − | + | <a class="mdl-navigation__link" href="">Link</a> | |
| − | + | <a class="mdl-navigation__link" href="">Link</a> | |
| − | + | <a class="mdl-navigation__link" href="">Link</a> | |
| − | + | </nav> | |
| − | + | </div> | |
| − | + | </header> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="mdl-components mdl-js-components mdl-cell mdl-cell--12-col"> | |
| − | + | <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('../assets/comp_badges.png')"> | |
| − | + | </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('../assets/comp_buttons.png')"> | |
| − | + | </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('../assets/comp_cards.png')"> | |
| − | + | </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('../assets/comp_chips.png')"> | |
| − | + | </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('../assets/comp_dialog.png')"> | |
| − | + | </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('../assets/comp_layout.png')"> | |
| − | + | </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('../assets/comp_lists.png')"> | |
| − | + | </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('../assets/comp_loading.png')"> | |
| − | + | </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('../assets/comp_menus.png')"> | |
| − | + | </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('../assets/comp_sliders.png')"> | |
| − | + | </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('../assets/comp_snackbar.png')"> | |
| − | + | </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('../assets/comp_toggles.png')"> | ||
| + | </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('../assets/comp_tables.png')"> | ||
| + | </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('../assets/comp_textfields.png')"> | ||
</div> | </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('../assets/comp_tooltips.png')"> | ||
| + | </div> | ||
| + | <span class="mdl-components__link-text">Tooltips</span> | ||
| + | </a> | ||
| + | </aside> | ||
| + | </div> | ||
Revision as of 16:59, 16 October 2017
Title
