You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

101 lines
2.0 KiB

  1. .ui.accordion {
  2. width: 600px;
  3. max-width: 100%;
  4. overflow: hidden;
  5. font-size: 1rem;
  6. border-radius: .3125em;
  7. background-color: #FFF;
  8. -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  9. box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  10. }
  11. .ui.accordion .title {
  12. cursor: pointer;
  13. margin: 0;
  14. padding: .75em 1em;
  15. color: rgba(0,0,0,.6);
  16. border-top: 1px solid rgba(0,0,0,.05);
  17. -webkit-transition: background-color .2s ease-out;
  18. transition: background-color .2s ease-out;
  19. }
  20. .ui.accordion .title:first-child {
  21. border-top: 0;
  22. }
  23. .ui.accordion .content {
  24. display: none;
  25. margin: 0;
  26. padding: 1.3em 1em;
  27. }
  28. .ui.accordion .title .dropdown.icon {
  29. display: inline-block;
  30. float: none;
  31. margin: 0 0 0 .5em;
  32. -webkit-transition: -webkit-transform .2s ease,opacity .2s ease;
  33. transition: transform .2s ease,opacity .2s ease;
  34. -webkit-transform: rotate(0deg);
  35. -ms-transform: rotate(0deg);
  36. transform: rotate(0deg);
  37. }
  38. .ui.accordion .title .dropdown.icon:before {
  39. content: '\f0da';
  40. }
  41. .ui.basic.accordion.menu {
  42. background-color: #FFF;
  43. -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  44. box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  45. }
  46. .ui.basic.accordion.menu .title,
  47. .ui.basic.accordion.menu .content {
  48. padding: 0;
  49. }
  50. .ui.basic.accordion {
  51. background-color: transparent;
  52. -webkit-box-shadow: none;
  53. box-shadow: none;
  54. }
  55. .ui.basic.accordion .title,
  56. .ui.basic.accordion .title {
  57. background-color: transparent;
  58. border-top: 0;
  59. padding-right: 0;
  60. padding-left: 0;
  61. }
  62. .ui.basic.accordion .content {
  63. padding: .5em 0;
  64. }
  65. .ui.basic.accordion .active.title {
  66. background-color: transparent;
  67. }
  68. .ui.accordion .title:hover,
  69. .ui.accordion .active.title {
  70. color: rgba(0,0,0,.8);
  71. }
  72. .ui.accordion .active.title {
  73. background-color: rgba(0,0,0,.1);
  74. color: rgba(0,0,0,.8);
  75. }
  76. .ui.accordion .active.title .dropdown.icon {
  77. -webkit-transform: rotate(90deg);
  78. -ms-transform: rotate(90deg);
  79. transform: rotate(90deg);
  80. }
  81. .ui.accordion .active.content {
  82. display: block;
  83. }
  84. .ui.fluid.accordion {
  85. width: 100%;
  86. }