ThePixelMe

wp support - expandable/collapsible posts - style.css

Mar 19th, 2016
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.99 KB | None | 0 0
  1. /*
  2. Theme Name: Twenty Sixteen Child
  3. Template: twentysixteen
  4. Author: ThePixelMe
  5. Version: 1.0.0
  6. */
  7.  
  8. @charset "UTF-8";
  9.  
  10.  
  11. /* ==========================================================================
  12.    Expandable/Collapsible posts list
  13.    ========================================================================== */
  14.  
  15. /* simple reset */
  16. h1, h2, h3, h4, h5, h6, ul, ol, li, p {
  17.     padding: 0;
  18.     margin: 0;
  19. }
  20.  
  21. ul {
  22.     list-style: none;
  23. }
  24.  
  25. li {
  26.     margin: 20px auto;
  27. }
  28.  
  29. .category-name {
  30.     cursor: pointer;
  31. }
  32.  
  33.  
  34. /**
  35.  * Set default & active state of articles inside categories,
  36.  * default/active are toggle via jQuery in custom.js
  37.  */
  38.  
  39. /* default state of articles */
  40. .categories-list-item article {
  41.     visibility: hidden;
  42.     opacity: 0;
  43.     height: 0;
  44.     transition: all 200ms ease;
  45. }
  46.  
  47. /* when .active class is added (.active class is added via jQuery), show */
  48. .categories-list-item.active article {
  49.     visibility: visible;
  50.     opacity: 1;
  51.     height: auto;
  52. }
Advertisement
Add Comment
Please, Sign In to add comment