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.

91 lines
2.0 KiB

  1. .ui.accordion {
  2. }
  3. .ui.accordion .title {
  4. cursor: pointer;
  5. font-size: 16px;
  6. font-weight: bold;
  7. color: #3E2151;
  8. margin-top: 8px;
  9. padding: 8px 8px;
  10. border: 1px solid transparent;
  11. border-top: 1px solid #E0E0E0;
  12. -webkit-box-shadow: 0px 1px 0px #FFFFFF inset;
  13. -moz-box-shadow: 0px 1px 0px #FFFFFF inset;
  14. box-shadow: 0px 1px 0px #FFFFFF inset;
  15. transition: color 0.2s ease-out;
  16. }
  17. .ui.accordion .title:first-child {
  18. margin-top: 0px;
  19. border-top-color: transparent;
  20. -webkit-box-shadow: none;
  21. -moz-box-shadow: none;
  22. box-shadow: none;
  23. }
  24. .ui.accordion .title:hover,
  25. .ui.accordion .title.active {
  26. color: #335687;
  27. }
  28. .ui.accordion .title.active {
  29. background-color: #E0E0E0;
  30. border: 1px solid #BBBBBB;
  31. -webkit-box-shadow: 0px 1px 0px #FFFFFF inset;
  32. -moz-box-shadow: 0px 1px 0px #FFFFFF inset;
  33. box-shadow: 0px 1px 0px #FFFFFF inset;
  34. color: #335687;
  35. }
  36. .ui.accordion .icon {
  37. margin: 0px 4px 4px 2px;
  38. display: inline-block;
  39. text-indent: -9999px;
  40. vertical-align: middle;
  41. border-top: 4px solid transparent;
  42. border-bottom: 4px solid transparent;
  43. border-left: 6px solid #3E2151;
  44. border-right: 4px solid transparent;
  45. }
  46. .ui.accordion .title:hover .icon {
  47. border-left-color: #335687;
  48. }
  49. .ui.accordion .title.active .icon {
  50. border-left: 4px solid transparent;
  51. border-top: 6px solid #335687;
  52. margin-left: 0px;
  53. margin-bottom: 0px;
  54. }
  55. .ui.accordion .content {
  56. display: none;
  57. padding: 10px 20px;
  58. margin: 0px;
  59. font-size: 12px;
  60. line-height: 2;
  61. }
  62. .ui.accordion .content p {
  63. margin: 12px 0px;
  64. font-size: 12px;
  65. }
  66. .ui.accordion .content.active {
  67. display: block;
  68. background-color: #EEEEEE;
  69. -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25) inset;
  70. -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25) inset;
  71. box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25) inset;
  72. }
  73. /* Connected Accordion */
  74. .ui.accordion.connected {
  75. background-color: #FAFAFA;
  76. border: 1px solid #DDDDDD;
  77. }
  78. .ui.accordion.connected .title {
  79. margin-top: 0px;
  80. }