frontend.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* Labels
  2. ------------------------------------ */
  3. .fl-tabs-label {
  4. cursor: pointer;
  5. }
  6. .fl-tabs-label {
  7. padding: 12px 18px;
  8. }
  9. .fl-tabs-label.fl-tab-active {
  10. background: var( --vamtam-default-bg-color, #fff );
  11. position: relative;
  12. z-index: 1;
  13. }
  14. /* Panel Labels
  15. ------------------------------------ */
  16. .fl-tabs-panel-label {
  17. display: none;
  18. }
  19. .fl-tabs-panel-label span {
  20. display: table-cell;
  21. width: 100%;
  22. }
  23. .fl-tabs-panel-label .fa {
  24. display: table-cell;
  25. line-height: inherit;
  26. opacity: .5;
  27. padding-left: 15px;
  28. vertical-align: middle;
  29. }
  30. /* Panels
  31. ------------------------------------ */
  32. .fl-tabs-panels {
  33. background: var( --vamtam-default-bg-color, #fff );
  34. border-width: 1px;
  35. border-style: solid;
  36. }
  37. .fl-tabs-panel-content {
  38. display: none;
  39. padding: 18px;
  40. }
  41. .fl-tabs-panel-content.fl-tab-active {
  42. display: block;
  43. }
  44. .fl-tabs-panel-content p:last-child {
  45. margin-bottom: 0;
  46. padding-bottom: 0;
  47. }
  48. /* Horizontal
  49. ------------------------------------ */
  50. .fl-tabs-horizontal .fl-tabs-label {
  51. float: left;
  52. top: 1px;
  53. border-width: 1px;
  54. border-style: solid;
  55. border-color: transparent;
  56. }
  57. .fl-tabs-horizontal .fl-tabs-label.fl-tab-active {
  58. border-bottom-color: #fff !important;
  59. }
  60. /* Vertical
  61. ------------------------------------ */
  62. .fl-tabs-vertical .fl-tabs-labels {
  63. float: left;
  64. width: 30%;
  65. }
  66. .fl-tabs-vertical .fl-tabs-label.fl-tab-active {
  67. border-width: 1px;
  68. border-style: solid;
  69. border-right: none !important;
  70. left: 1px;
  71. padding: 11px 18px 11px 16px;
  72. }
  73. .fl-tabs-vertical .fl-tabs-panels {
  74. float: left;
  75. width: 70%;
  76. }