Advertisement
RaylaDevine

Navbar

Jul 1st, 2016
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.76 KB | None | 0 0
  1.     <!-- NAV
  2.    ================================================== -->
  3.     <nav class="navbar navbar-default navbar-fixed-top main-navigation">
  4.       <div class="container-fluid">
  5.         <div class="navbar-header">
  6.           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  7.             <span class="sr-only">Toggle navigation</span>
  8.             <span class="icon-bar"></span>
  9.             <span class="icon-bar"></span>
  10.             <span class="icon-bar"></span>
  11.           </button>
  12.           <a class="navbar-brand" href="#">Shot 2 Frame</a>
  13.         </div>
  14.  
  15.         <?php
  16.             wp_nav_menu( array(
  17.                 'theme_location'    => 'primary',
  18.                 'container'         => 'nav',
  19.                 'container_class'   => 'navbar-collapse collapse',
  20.                 'menu_class'        => 'nav navbar-nav navbar-right'
  21.  
  22.                 ) );
  23.         ?>
  24.        
  25.       </div>
  26.     </nav>
  27.  
  28. /* NAVIGATION */
  29. .navbar-default {
  30.     background-color: transparent;
  31.     border: none;
  32.     padding-bottom: 5px;
  33.     font-size: 1.2em;
  34. }
  35.  
  36. .container-fluid {
  37.     margin: 3em 3em 0;
  38. }
  39.  
  40. .navbar-nav li a {
  41.     text-shadow: 1px 1px 2px #000000;
  42. }
  43.  
  44. .navbar-nav li a,
  45. .navbar-nav li a:link,
  46. .navbar-nav li a:hover,
  47. .navbar-nav li a:active,
  48. .navbar-default .navbar-nav li a:visited {
  49.     color: #ccac00;
  50. }
  51.  
  52. .navbar-default .navbar-nav li a:hover,
  53. .navbar-nav li a:active {
  54.     font-weight: bold;
  55.     color: #ccac00;
  56. }
  57.  
  58. .navbar-default .navbar-nav .open a,
  59. .navbar-default .navbar-nav .open a:focus,
  60. .navbar-default .navbar-nav .open a:hover {
  61.     color: #ccac00;
  62.     background-color: transparent;
  63. }
  64.  
  65. .navbar-default .navbar-brand {
  66.     font-family: 'Rock Salt', cursive;
  67.     color: #ffffff;
  68.     text-shadow: 2px 2px 2px #000000;
  69.     font-size: 1.5em;
  70. }
  71.  
  72. .logged-in .navbar-fixed-top {
  73.     top: 32px;
  74. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement