dropbutton.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .ctools-dropbutton-processed {
  2. padding-right: 18px;
  3. position: relative;
  4. background-color: inherit;
  5. }
  6. .ctools-dropbutton-processed.open {
  7. z-index: 200;
  8. }
  9. .ctools-dropbutton-processed .ctools-content li,
  10. .ctools-dropbutton-processed .ctools-content a {
  11. display: block;
  12. }
  13. .ctools-dropbutton-processed .ctools-link {
  14. bottom: 0;
  15. display: block;
  16. height: auto;
  17. position: absolute;
  18. right: 0;
  19. top: 0;
  20. width: 17px;
  21. }
  22. .ctools-dropbutton-processed .ctools-link a {
  23. overflow: hidden;
  24. }
  25. .ctools-dropbutton-processed .ctools-content ul {
  26. margin: 0;
  27. overflow: hidden;
  28. }
  29. .ctools-dropbutton-processed.open li + li {
  30. padding-top: 4px;
  31. }
  32. /**
  33. * This creates the dropbutton arrow and inherits the link color
  34. */
  35. .ctools-twisty {
  36. border-bottom-color: transparent;
  37. border-left-color: transparent;
  38. border-right-color: transparent;
  39. border-style: solid;
  40. border-width: 4px 4px 0;
  41. line-height: 0;
  42. right: 6px;
  43. position: absolute;
  44. top: 0.75em;
  45. white-space: nowrap;
  46. }
  47. .ctools-dropbutton-processed.open .ctools-twisty {
  48. border-bottom: 4px solid;
  49. border-left-color: transparent;
  50. border-right-color: transparent;
  51. border-top-color: transparent;
  52. top: 0.5em;
  53. }
  54. .ctools-no-js .ctools-twisty {
  55. display: none;
  56. }