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.

84 lines
1.9 KiB

  1. /*
  2. * # Semantic Accordion
  3. * http://github.com/quirkyinc/semantic
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. * Released: April 17 2013
  11. */
  12. /*******************************
  13. Button
  14. *******************************/
  15. .ui.accordion {
  16. width: 600px;
  17. max-width: 100%;
  18. overflow: hidden;
  19. font-size: 1rem;
  20. border-radius: 0.3125em;
  21. background-color: #FFFFFF;
  22. -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  23. -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  24. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  25. }
  26. .ui.accordion .title {
  27. cursor: pointer;
  28. margin: 0em;
  29. padding: 0.75em 1em;
  30. color: rgba(0, 0, 0, 0.6);
  31. border-top: 1px solid rgba(0, 0, 0, 0.05);
  32. -webkit-transition: background-color 0.2s ease-out;
  33. -moz-transition: background-color 0.2s ease-out;
  34. -o-transition: background-color 0.2s ease-out;
  35. -ms-transition: background-color 0.2s ease-out;
  36. transition: background-color 0.2s ease-out;
  37. }
  38. .ui.accordion .title:first-child {
  39. border-top: none;
  40. }
  41. /* Content */
  42. .ui.accordion .content {
  43. display: none;
  44. margin: 0em;
  45. padding: 1.3em 1em;
  46. }
  47. /*******************************
  48. States
  49. *******************************/
  50. /*--------------
  51. Hover
  52. ---------------*/
  53. .ui.accordion .title:hover,
  54. .ui.accordion .title.active {
  55. color: rgba(0, 0, 0, 0.8);
  56. }
  57. /*--------------
  58. Active
  59. ---------------*/
  60. .ui.accordion .title.active {
  61. background-color: rgba(0, 0, 0, 0.1);
  62. color: rgba(0, 0, 0, 0.8);
  63. }
  64. .ui.accordion .content.active {
  65. display: block;
  66. }
  67. /*******************************
  68. Variations
  69. *******************************/
  70. .ui.basic.accordion {
  71. background-color: transparent;
  72. -webkit-box-shadow: none;
  73. -moz-box-shadow: none;
  74. box-shadow: none;
  75. }
  76. .ui.basic.accordion .title {
  77. background-color: transparent;
  78. border-top: none;
  79. }
  80. .ui.basic.accordion .title,
  81. .ui.basic.accordion .content {
  82. padding-left: 0em;
  83. padding-right: 0em;
  84. }