navbar.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  2. background: @black;
  3. color: @light-green;
  4. }
  5. .navbar > li > a {
  6. padding: 0;
  7. margin: 0;
  8. }
  9. .navbar-nav > li > a {
  10. background: @black;
  11. padding: 0 8px;
  12. margin: 0;
  13. line-height: 30px;
  14. }
  15. .navbar, .navbar-default, .menu {
  16. background-color: @black;
  17. border: none;
  18. border-top: 4px solid @light-green;
  19. padding-top: 5px;
  20. color: @dim-gray !important;
  21. font-weight: 700;
  22. font-size: 1.1em;
  23. text-transform: lowercase;
  24. margin-bottom: 24px;
  25. height: 30px;
  26. line-height: 30px;
  27. .navbar-nav > li > a{
  28. color: @dim-gray;
  29. }
  30. .navbar-brand{
  31. font-weight: 700;
  32. color: @light-green;
  33. line-height: 30px;
  34. padding: 0 30px;
  35. margin: 0;
  36. }
  37. z-index: 10;
  38. }
  39. // Hover color
  40. // http://stackoverflow.com/users/114029/leniel-macaferi
  41. .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  42. color: @light-green;
  43. background: @black;
  44. }
  45. .navbar-toggle {
  46. margin-top: 0;
  47. }
  48. .menu {
  49. margin: 0;
  50. padding: 0;
  51. position: absolute;
  52. top: 4px;
  53. border: 0;
  54. z-index: 1000000000;
  55. height: 40px;
  56. line-height: 40px;
  57. ul {
  58. padding: 0;
  59. margin: 0;
  60. li {
  61. padding: 0 0.6em;
  62. margin: 0;
  63. float: left;
  64. list-style: none;
  65. a {
  66. color: @dim-gray;
  67. }
  68. }
  69. li.active a {
  70. color: @light-green;
  71. }
  72. }
  73. }
  74. .menu-right {
  75. right: 2em;
  76. }
  77. .menu-left {
  78. left: 2em;
  79. }