API tools faq
paste
Guest User

Untitled

a guest
Nov 18th, 2018
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.20 KB | None | 0 0
raw download clone embed print report
  1. <h1>Sidebar navigation, selected state</h1>
  2.  
  3. <p>The hovering effect, hover over Custom reports 6</p>
  4. <div class="sidebar">
  5. <h5>Reports</h5>
  6. <ul>
  7. <li><a href="#">Customer reports 1</a></li>
  8. <li><a href="#">Customer reports 2</a></li>
  9. <li><a href="#">Customer reports 3</a></li>
  10. <li><a href="#">Customer reports 4</a></li>
  11. <li><a href="#">Customer reports 5</a></li>
  12. <li class="expandable">
  13. <a href="#">Customer reports 6</a>
  14.  
  15. <ul>
  16. <li><a href="#">Most recent</a></li>
  17. <li><a href="#">Last 3 months</a></li>
  18. <li><a href="#">Last 12 months</a></li>
  19. <li class="expandable">
  20. <a href="#">Saved reports</a>
  21.  
  22. <ul>
  23. <li><a href="#">Saved 001</a></li>
  24. <li><a href="#">Saved 002</a></li>
  25. <li><a href="#">Saved 003</a></li>
  26. <li><a href="#">Saved 004</a></li>
  27. <li><a href="#">Saved 005</a></li>
  28. <li><a href="#">Saved 006</a></li>
  29. </ul>
  30. </li>
  31. </ul>
  32. </li>
  33. <li><a href="#">Customer reports 7</a></li>
  34. <li><a href="#">Customer reports 8</a></li>
  35. </ul>
  36. </div>
  37. <p>This sidebar is shown when element: Last 3 months is selected.</p>
  38. <div class="sidebar">
  39. <h5>Reports</h5>
  40. <ul>
  41. <li><a href="#">Customer reports 1</a></li>
  42. <li><a href="#">Customer reports 2</a></li>
  43. <li><a href="#">Customer reports 3</a></li>
  44. <li><a href="#">Customer reports 4</a></li>
  45. <li><a href="#">Customer reports 5</a></li>
  46. <li class="expanded">
  47. <a href="#">Customer reports 6</a>
  48.  
  49. <ul>
  50. <li><a href="#">Most recent</a></li>
  51. <li class="active expanded">
  52. <a href="#">Last 3 months</a>
  53.  
  54. <ul>
  55. <li><a href="#">Saved 001</a></li>
  56. <li><a href="#">Saved 002</a></li>
  57. <li><a href="#">Saved 003</a></li>
  58. <li><a href="#">Saved 004</a></li>
  59. <li><a href="#">Saved 005</a></li>
  60. <li><a href="#">Saved 006</a></li>
  61. </ul>
  62. </li>
  63. <li><a href="#">Last 12 months</a></li>
  64. <li><a href="#">Saved reports</a></li>
  65. </ul>
  66. </li>
  67. </ul>
  68. </div>
  69.  
  70. <p>This sidebar is shown when element: Saved 002 is selected.</p>
  71. <div class="sidebar">
  72. <h5>Reports</h5>
  73. <ul>
  74. <li><a href="#">Customer reports 1</a></li>
  75. <li><a href="#">Customer reports 2</a></li>
  76. <li><a href="#">Customer reports 3</a></li>
  77. <li><a href="#">Customer reports 4</a></li>
  78. <li><a href="#">Customer reports 5</a></li>
  79. <li class="expanded">
  80. <a href="#">Customer reports 6</a>
  81.  
  82. <ul>
  83. <li><a href="#">Most recent</a></li>
  84. <li><a href="#">Last 3 months</a></li>
  85. <li><a href="#">Last 12 months</a></li>
  86. <li class="expanded">
  87. <a href="#">Saved reports</a>
  88.  
  89. <ul>
  90. <li><a href="#">Saved 001</a></li>
  91. <li class="active"><a href="#">Saved 002</a></li>
  92. <li><a href="#">Saved 003</a></li>
  93. <li><a href="#">Saved 004</a></li>
  94. <li><a href="#">Saved 005</a></li>
  95. <li><a href="#">Saved 006</a></li>
  96. </ul>
  97. </li>
  98. </ul>
  99. </li>
  100. <li><a href="#">Customer reports 7</a></li>
  101. <li><a href="#">Customer reports 8</a></li>
  102. </ul>
  103. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!