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.

78 lines
1.9 KiB

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