Difference between revisions of "Team:Tianjin/Templates/MaterialTheme"

(Created page with "{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}} {{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}} <nav class="navbar navbar-default" r...")
 
Line 2: Line 2:
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
  
<nav class="navbar navbar-default" role="navigation">
 
<div class="container-fluid">
 
    <div class="navbar-header">
 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
                <span class="sr-only">Toggle navigation</span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
    </button>
 
    <a class="navbar-brand" href="#">Brand</a>
 
    </div>
 
 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
    <ul class="nav navbar-nav">
 
<li class="active"><a href="#">Link</a></li>
 
        <li><a href="#">Link</a></li>
 
        <li class="dropdown">
 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 
        <ul class="dropdown-menu">
 
  <li><a href="#">Action</a></li>
 
  <li><a href="#">Another action</a></li>
 
  <li><a href="#">Something else here</a></li>
 
  <li class="divider"></li>
 
  <li><a href="#">Separated link</a></li>
 
  <li class="divider"></li>
 
      <li><a href="#">One more separated link</a></li>
 
        </ul>
 
        </li>
 
    </ul>
 
    </div>
 
</div>
 
</nav>
 
  
  
Line 40: Line 8:
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
 +
 +
<html lang="en">
 +
    <script>
 +
        var header_height;
 +
        var fixed_section;
 +
        var floating = false;
 +
 +
        $().ready(function(){
 +
            suggestions_distance = $("#suggestions").offset();
 +
            pay_height = $('.fixed-section').outerHeight();
 +
 +
$(window).on('scroll', materialKit.checkScrollForTransparentNavbar);
 +
 +
// the body of this function is in assets/material-kit.js
 +
materialKit.initSliders();
 +
        });
 +
    </script>
 +
</html>

Revision as of 08:04, 2 July 2016