Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header2"
(Created page with "<html> <body> <style> div#content { margin-top: 50px; border: none; padding: 10px 15px; width: 1000px; } div#bodyContent p:nth-of-...") |
|||
Line 2: | Line 2: | ||
<body> | <body> | ||
<style> | <style> | ||
− | + | .toyota4runner { | |
− | + | height: 39px; | |
− | + | background-position: 0 0px; | |
− | + | background-size: 90px 761px; | |
− | + | background-image: url('http://datastore.autopublishers.com/apadmin/Site/128/Images/Toyota_Scion_Cars.png'); | |
− | + | display: block; | |
+ | width: 90px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | /************************* NEW DW Bootstrap mobile nav *************************/ | ||
+ | .mega_menu { | ||
+ | width: 320px; | ||
+ | } | ||
+ | .mega_menu_col { | ||
+ | text-align:center; | ||
+ | padding: 10px; | ||
+ | min-width:100px; | ||
+ | } | ||
− | + | /************************* NEW DW Bootstrap mobile nav *************************/ | |
− | + | #sticky_side_nav { | |
− | + | width:100%; | |
− | + | top:0; | |
− | + | left:0; | |
− | + | font-size:16px; | |
− | + | background-color: #000; /********* Change menu color ********/ | |
+ | border-color:transparent; | ||
+ | margin:0; | ||
+ | } | ||
− | + | #sticky_side_nav { | |
− | + | width:100%; | |
− | + | top:0; | |
− | + | left:0; | |
− | + | font-size:16px; | |
− | + | } | |
− | + | #sticky_side_nav .right-caret>a:after { | |
+ | display: block; | ||
+ | content: " "; | ||
+ | float: right; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-color: transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 5px 0 5px 5px; | ||
+ | border-left-color: #ccc; | ||
+ | margin-top: 5px; | ||
+ | margin-right: -10px; | ||
+ | } | ||
− | + | #sticky_side_nav .pull-left.directions a:hover, #sticky_side_nav .pull-left.directions a:focus, #sticky_side_nav .pull-left.directions a:active, #sticky_side_nav .pull-left.directions a:active { | |
− | + | background-color: transparent; | |
− | + | color: #fff; | |
− | + | } | |
+ | #sticky_side_nav .contact { | ||
+ | z-index: 5; | ||
+ | } | ||
+ | #sticky_side_nav .contactbut { | ||
+ | max-width: 407px; | ||
+ | width: 380px; | ||
+ | padding-top: 13px; | ||
+ | top: 43px; | ||
+ | } | ||
+ | #sticky_side_nav .contactbut>li { | ||
+ | height: 52px; | ||
+ | } | ||
+ | #sticky_side_nav .dropdown-menu.contactbut a { | ||
+ | color: #000; | ||
+ | } | ||
+ | #sticky_side_nav .btn2 a { | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | #sticky_side_nav .btn2 { | ||
+ | background: #ed2121; | ||
+ | background-image: -webkit-linear-gradient(top, #ed2121, #ad1c1c); | ||
+ | background-image: -moz-linear-gradient(top, #ed2121, #ad1c1c); | ||
+ | background-image: -ms-linear-gradient(top, #ed2121, #ad1c1c); | ||
+ | background-image: -o-linear-gradient(top, #ed2121, #ad1c1c); | ||
+ | background-image: linear-gradient(to bottom, #ed2121, #ad1c1c); | ||
+ | -webkit-border-radius: 13; | ||
+ | -moz-border-radius: 13; | ||
+ | border-radius: 3px; | ||
+ | font-family: Arial; | ||
+ | color: #fff; | ||
+ | padding: 8px 50px; | ||
+ | text-decoration: none; | ||
+ | width: 120px; | ||
+ | } | ||
− | + | #sticky_side_nav .dLabel { | |
− | + | background-color: #F7F5F5; | |
− | + | border-color: #FFF; | |
+ | color: #333; | ||
+ | background: 0; | ||
+ | border: 0; | ||
+ | color: #fff; | ||
+ | top: 0px; | ||
+ | padding: 19px 16px 10px; | ||
+ | position: relative; | ||
+ | border-radius: 0; | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #sticky_side_nav .dLabel .glyphicon-phone { font-size:17px; margin-right:-3px; } | ||
− | + | #sticky_side_nav .mobile_menu_overlay { | |
− | + | position:fixed; | |
− | + | top:0; | |
+ | right:0; | ||
+ | z-index:0; | ||
+ | background-color:rgba(0,0,0,0.1); | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | visibility: hidden; | ||
+ | opacity:0; | ||
+ | -webkit-transition: all .1s linear; | ||
+ | -moz-transition: all .1s linear; | ||
+ | -o-transition: all .1s linear; | ||
+ | transition: all .1s linear; | ||
+ | } | ||
+ | #sticky_side_nav .nav .close { | ||
+ | position: static; | ||
+ | } | ||
+ | #sticky_side_nav .nav .close label { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | border: 2px solid #000; | ||
+ | border-radius: 50%; | ||
+ | padding: 5px 7px 5px; | ||
+ | } | ||
− | + | #sticky_side_nav .navbar-toggle { | |
− | + | border-color: #ddd; | |
− | + | background-color: #fff; | |
+ | } | ||
− | + | #sticky_side_nav .navbar-nav li { border-bottom: 1px solid #ccc; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Media Queries */ | |
− | + | ||
− | + | ||
− | + | @media only screen and (max-width: 479px) { | |
− | + | #sticky_side_nav .dLabel { | |
− | + | padding: 19px 7px 10px; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | @media only screen and (max-width: 767px) { | |
− | + | #sticky_side_nav_inner { | |
− | + | position:fixed; | |
+ | top:0; | ||
+ | right:-100%; | ||
+ | z-index:7; | ||
+ | height:100%; | ||
+ | width:50%; | ||
+ | min-width:250px; | ||
+ | -webkit-transition: all .1s linear; | ||
+ | -moz-transition: all .1s linear; | ||
+ | -o-transition: all .1s linear; | ||
+ | transition: all .1s linear; | ||
+ | } | ||
+ | #sticky_side_nav .navbar-nav { | ||
+ | background-color:#F1F1F1; | ||
+ | height:100%; | ||
+ | overflow-y:auto; | ||
+ | padding: 50px 0 15px; | ||
+ | z-index:5; | ||
+ | position: relative; | ||
+ | margin:0; | ||
+ | } | ||
+ | #sticky_side_nav #mobile_menu_checkbox:checked + #sticky_side_nav_inner { | ||
+ | right:0; | ||
+ | } | ||
+ | #sticky_side_nav #mobile_menu_checkbox:checked + #sticky_side_nav_inner .mobile_menu_overlay { | ||
+ | visibility: visible; | ||
+ | opacity:1; | ||
+ | } | ||
+ | #sticky_side_nav .navbar-nav>li>a { padding: 10px 10px 10px 25px; } | ||
+ | #sticky_side_nav .navbar-nav>li li>a { padding: 10px 10px 10px 50px; } | ||
+ | #sticky_side_nav .navbar-nav>li li li>a { padding: 10px 10px 10px 75px; } | ||
+ | .navbar-collapse.in { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | background-color: #D71717; | ||
+ | overflow: auto; | ||
+ | left: 100%; | ||
+ | top: 46px; | ||
+ | height: 100%; | ||
+ | width: 40%; | ||
+ | min-width:250px; | ||
+ | } | ||
+ | #sticky_side_nav_inner .dropdown > a:after { | ||
+ | content: "+"; | ||
+ | position: absolute; | ||
+ | right: 15px; | ||
+ | top: 10px; | ||
+ | font-weight: bolder; | ||
+ | } | ||
+ | #sticky_side_nav_inner .dropdown.open > a:after { | ||
+ | content:"-"; | ||
+ | } | ||
+ | } | ||
− | + | @media only screen and (min-width: 768px) { | |
− | + | #sticky_side_nav .navbar-nav>li>a { | |
− | + | color: #fff; | |
+ | padding: 15px 15px 10px; | ||
+ | } | ||
+ | #sticky_side_nav_inner { text-align:center; } | ||
+ | #sticky_side_nav .navbar-nav { | ||
+ | float: none; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #sticky_side_nav .navbar-nav li:last-child { border-bottom: 0 none; } | ||
+ | #sticky_side_nav .navbar-nav > li { border-bottom: 0 none; } | ||
+ | #sticky_side_nav .dropdown .dropdown .dropdown-menu { | ||
+ | left: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | #sticky_side_nav .dropdown .dropdown > a:after { | ||
+ | content:''; | ||
+ | display:block; | ||
+ | height:0; | ||
+ | width:0; | ||
+ | border-top: 5px solid transparent; | ||
+ | border-bottom: 5px solid transparent; | ||
+ | border-left: 5px solid; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | right:5px; | ||
+ | } | ||
+ | } | ||
− | + | @media only screen and (min-width: 768px) and (max-width: 991px) { | |
− | + | #sticky_side_nav .nav>li>a { | |
− | + | padding: 15px 10px 10px; | |
− | + | font-size:14px; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </style> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <nav class="navbar navbar-default" id="sticky_side_nav" > | |
− | + | <div class="container-fluid"> | |
− | + | <!-- Brand and toggle get grouped for better mobile display --> | |
− | + | <div class="navbar-header"> | |
− | + | <label id="mobile_menu_toggle" class="navbar-toggle btn btn-default" for="mobile_menu_checkbox"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span></label> | |
− | + | <div class="contact mobile hidden-lg hidden-md hidden-sm"> | |
− | + | <div class="pull-left"> | |
− | + | <div class="dropdown"> | |
− | + | <button class="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-phone " aria-hidden="true"></span> Contact Us | |
− | + | </button> | |
− | + | <ul class="dropdown-menu contactbut" role="menu" aria-labelledby="dLabel"> | |
− | + | <li> <div class="col-xs-6"> | |
− | + | <a href="tel:877-259-6888">New Cars<br/>877-259-6888</a> | |
− | + | </div> | |
− | + | <div class="col-xs-6"> | |
− | + | <div class="btn2"><a href="tel:877-259-6888">Dial</a></div> | |
+ | </div> | ||
+ | </li> | ||
+ | <li> <div class="col-xs-6"> | ||
+ | <a href="tel:877-291-8844">Used Cars<br/>877-291-8844</a> | ||
+ | </div> | ||
+ | <div class="col-xs-6"> | ||
+ | <div class="btn2"><a href="tel:877-291-8844">Dial</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> <div class="col-xs-6"> | ||
+ | <a href="tel:281-977-3051">Parts Department<br/>281-977-3051</a> | ||
+ | </div> | ||
+ | <div class="col-xs-6"> | ||
+ | <div class="btn2"><a href="tel:281-977-3051">Dial</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> <div class="col-xs-6"> | ||
+ | <a href="tel:281-496-9730">Services Department<br/>281-496-9730</a> | ||
+ | </div> | ||
+ | <div class="col-xs-6"> | ||
+ | <div class="btn2"><a href="tel:281-496-9730">Dial</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pull-left directions"> | ||
+ | <a class="dLabel" href="http://maps.apple.com/?saddr=Current+Location&daddr=11800+Katy+Fwy,+Houston,+TX+77043"><span class="glyphicon glyphicon-road" aria-hidden="true"></span> Directions</a> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | ||
− | + | </div> | |
+ | <input type="checkbox" id="mobile_menu_checkbox" class="hidden" name="mobile_menu_checkbox"> | ||
+ | <div id="sticky_side_nav_inner"> | ||
+ | <label class="mobile_menu_overlay" for="mobile_menu_checkbox"></label> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class="close visible-xs"><label for="mobile_menu_checkbox">X</label></li> | ||
+ | <li><a href="http://dev11.autopublishers.com/"><span class="glyphicon glyphicon-home hidden-xs" aria-hidden="true"></span> <span class="home visible-xs">Home</span></a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">New Vehicles</a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="#">New Car Search</a></li> | ||
+ | <li><a href="#">New Car Specials</a></li> | ||
+ | <li><a href="/new-car-department">New Car Department</a></li> | ||
+ | <li><a href="/trade-worth">Whats My Trade Worth?</a></li> | ||
+ | <li><a href="/toyota-care">About ToyotaCare</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Mega Menu</a> | ||
+ | <ul class="dropdown-menu mega_menu" role="menu"> | ||
+ | <li class="clearfix"> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Toyota Incentives</a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="#">New Car Search</a></li> | |
− | + | <li><a href="#">New Car Specials</a></li> | |
− | + | <li><a href="/new-car-department">New Car Department</a></li> | |
− | + | <li><a href="/trade-worth">Whats My Trade Worth?</a></li> | |
− | + | <li><a href="/toyota-care">About ToyotaCare</a></li> | |
− | + | <li><a href="/incentives">Toyota Incentives</a></li> | |
− | + | </ul> | |
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Used Vehicles</a> | ||
+ | <ul class="dropdown-menu mega_menu" role="menu"> | ||
+ | <li class="clearfix"> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mega_menu_col col-sm-4 col-xs-6"> | ||
+ | <a href="#"> | ||
+ | <div class="cars toyota4runner"> </div> | ||
+ | <div>New Car Specials</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Specials</a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="#">New Car Specials</a></li> | ||
+ | <li><a href="#">Used Car Specials</a></li> | ||
+ | <li><a href="/finance-offers">Finance Offers</a></li> | ||
+ | <li><a href="/service-specials">Service Specials</a></li> | ||
+ | <li><a href="/parts-specials">Parts Specials</a></li> | ||
+ | <li><a href="/incentives">Toyota Incentives</a></li> | ||
+ | <li><a href="/graduate-rebate">Graduate Rebate</a></li> | ||
+ | <li><a href="/military-rebate">Military Rebate</a></li> | ||
+ | <li><a href="/trade-upgrade">Trade Upgrade</a></li> | ||
+ | <li><a href="#">New Vehicles Under $20k</a></li> | ||
+ | <li><a href="#">Used Vehicles Under $20k</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Finance</a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="/finance-department">Finance Department</a></li> | ||
+ | <li><a href="/finance-department">Finance Specials</a></li> | ||
+ | <li><a href="/get-preapproved">Get Pre-Approved!</a></li> | ||
+ | <li><a href="/trade-worth">Whats My Trade Worth?</a></li> | ||
+ | <li><a href="/toyota-rewards">Toyota Rewards</a></li> | ||
+ | <li><a href="/finance-products">Finance Products</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Services & Parts</a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="/service-specials">Service Specials</a></li> | ||
+ | <li><a href="/service-department">Service Department</a></li> | ||
+ | <li><a href="/book-service-appointment">Book Service Appointment</a></li> | ||
+ | <li><a href="/parts-accessory-specials">Parts and Accessory Specials</a></li> | ||
+ | <li><a href="/parts-department">Parts Department</a></li> | ||
+ | <li><a href="/schedule-service">Schedule Service</a></li> | ||
+ | <li><a href="/collision-center">Collision Center</a></li> | ||
+ | <li><a href="http://www.oemlr.com/?uid=F088FE8C-782B-CB08-A50DC9F1BC26BE2B">Shop for Tires</a></li> | ||
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Collision Center</a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="/about-our-dealership">About Our Dealership</a></li> | |
− | + | <li><a href="/maps-and-directions">Maps and Directions</a></li> | |
− | + | <li><a href="/contact-us">Contact Us</a></li> | |
− | + | <li><a href="/testimonials">Testimonials</a></li> | |
− | + | <li><a href="/staff">Staff</a></li> | |
− | + | <li><a href="/barri">Barri</a></li> | |
− | + | <li><a href="http://www.toyota.com/owners/web/pages/home">Toyota Owners</a></li> | |
− | + | <li><a href="/about-our-dealership">About TCUV</a></li> | |
− | + | <li><a href="/teen-line-up">Teen Lineup</a></li> | |
− | + | <li><a href="/toyota-care">Toyota Care</a></li> | |
− | + | <li><a href="/trade-worth">Whats My Trade Worth?</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About Us</a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="/about-our-dealership">About Our Dealership</a></li> | |
− | + | <li><a href="/maps-and-directions">Maps and Directions</a></li> | |
− | + | <li><a href="/contact-us">Contact Us</a></li> | |
− | + | <li><a href="/testimonials">Testimonials</a></li> | |
− | + | <li><a href="/staff">Staff</a></li> | |
− | + | <li><a href="/barri">Barri</a></li> | |
− | + | <li><a href="http://www.toyota.com/owners/web/pages/home">Toyota Owners</a></li> | |
− | + | <li><a href="/about-our-dealership">About TCUV</a></li> | |
− | + | <li><a href="/teen-line-up">Teen Lineup</a></li> | |
− | + | <li><a href="/toyota-care">Toyota Care</a></li> | |
− | + | <li><a href="/trade-worth">Whats My Trade Worth?</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </div><!-- /.navbar-collapse --> | |
− | + | </div><!-- /.container-fluid --> | |
− | + | </nav> | |
− | + | <script> | |
− | + | $(document).ready(function () { | |
− | + | // Third Level Nav | |
− | + | $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) { | |
+ | event.preventDefault(); | ||
+ | event.stopPropagation(); | ||
+ | $(this).parent().toggleClass('open'); | ||
+ | $(this).parent().siblings().removeClass('open'); | ||
+ | }); | ||
− | + | // Activate Bootstrap Sticky | |
− | + | var offset = $('#sticky_side_nav').offset(); | |
− | + | $('#sticky_side_nav').affix({ | |
− | + | offset: { | |
+ | top: offset.top | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</header> | </header> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:48, 18 September 2015