3
0

menus-skin.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /*!
  2. Pure v1.0.0
  3. Copyright 2013 Yahoo!
  4. Licensed under the BSD License.
  5. https://github.com/yahoo/pure/blob/master/LICENSE.md
  6. */
  7. /* misc default styling */
  8. .pure-menu-separator,
  9. .pure-menu-horizontal .pure-menu-children .pure-menu-separator {
  10. background-color: #ccc;
  11. height: 1px;
  12. margin: .3em 0;
  13. }
  14. .pure-menu-horizontal .pure-menu-separator {
  15. width: 1px;
  16. height: 1.3em;
  17. margin: 0 .3em ;
  18. }
  19. /* Need to reset the separator since submenu is vertical */
  20. .pure-menu-horizontal .pure-menu-children .pure-menu-separator {
  21. display: block;
  22. width: auto;
  23. }
  24. .pure-menu-heading {
  25. text-transform: uppercase;
  26. color: #565d64;
  27. }
  28. .pure-menu-link {
  29. color: #777;
  30. }
  31. .pure-menu-children {
  32. background-color: #fff;
  33. }
  34. .pure-menu-link,
  35. .pure-menu-disabled,
  36. .pure-menu-heading {
  37. padding: .5em 1em;
  38. }
  39. .pure-menu-disabled {
  40. opacity: .5;
  41. }
  42. .pure-menu-disabled .pure-menu-link:hover {
  43. background-color: transparent;
  44. }
  45. .pure-menu-active > .pure-menu-link,
  46. .pure-menu-link:hover,
  47. .pure-menu-link:focus {
  48. background-color: #eee;
  49. }
  50. .pure-menu-selected .pure-menu-link,
  51. .pure-menu-selected .pure-menu-link:visited {
  52. color: #000;
  53. }