dropbutton.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. text-indent: -9999px; /* LTR */
  20. top: 0;
  21. width: 17px;
  22. }
  23. .ctools-dropbutton-processed .ctools-link a {
  24. overflow: hidden;
  25. }
  26. .ctools-dropbutton-processed .ctools-content ul {
  27. margin: 0;
  28. overflow: hidden;
  29. }
  30. .ctools-dropbutton-processed.open li + li {
  31. padding-top: 4px;
  32. }
  33. /**
  34. * This creates the dropbutton arrow and inherits the link color
  35. */
  36. .ctools-twisty {
  37. border-bottom-color: transparent;
  38. border-left-color: transparent;
  39. border-right-color: transparent;
  40. border-style: solid;
  41. border-width: 4px 4px 0;
  42. line-height: 0;
  43. right: 6px;
  44. position: absolute;
  45. top: 0.75em;
  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. }