_accordions.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. /* Tabs */
  2. #default-tab ul.nav-tabs {
  3. border-bottom: none;
  4. padding-bottom: 5px;
  5. a{
  6. border: 0;
  7. }
  8. }
  9. ul.nav-tabs li {
  10. float: left;
  11. margin-top: 0;
  12. a {
  13. color: $text-color;
  14. font-size: 16px;
  15. font-weight: 400;
  16. line-height: 18px;
  17. padding: 10px 15px;
  18. text-transform: uppercase;
  19. }
  20. }
  21. #default-tab .nav-tabs > li > a.active , #default-tab .nav-tabs > li a.active:focus, #default-tab .nav-tabs > li a.active:hover {
  22. border: 0 none;
  23. position: relative;
  24. color: $preset;
  25. }
  26. .nav-bg > li > a{
  27. color: $text-color;
  28. text-transform: uppercase;
  29. border: 1px solid transparent;
  30. margin-right: 10px;
  31. }
  32. .nav-bg > li > a.active , .nav-bg > li a.active:focus, .nav-bg > li a:hover{
  33. color: $preset!important;
  34. border: 1px solid $preset!important;
  35. border-radius: 0;
  36. }
  37. .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  38. color: $preset;
  39. }
  40. .nav-tabs{
  41. border-bottom: none;
  42. .nav-link{
  43. border-top-right-radius: 0px;
  44. border-top-left-radius: 0px;
  45. }
  46. }
  47. .tab-content {
  48. padding: 15px;
  49. border: 1px solid #ddd;
  50. }
  51. /* End TAbs */
  52. /* Accordions */
  53. .panel-group .panel {
  54. background: none;
  55. -webkit-box-shadow: none;
  56. box-shadow: none;
  57. margin-bottom: 10px;
  58. border: 0;
  59. border-radius: 0;
  60. }
  61. .panel-group{
  62. .panel-heading {
  63. padding: 15px;
  64. background: $preset;
  65. }
  66. .panel-title {
  67. font-size: 16px;
  68. color: #fff;
  69. font-weight: $bold;
  70. }
  71. }
  72. .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  73. border-top: none;
  74. }
  75. .panel-group .panel-heading>a:after {
  76. float: right;
  77. }
  78. .panel-group .panel-heading .panel-title.collapsed:after {
  79. float: right;
  80. }
  81. .panel-group .panel-heading>a:after {
  82. display: inline-block;
  83. vertical-align: middle;
  84. font-family: "FontAwesome";
  85. font-size: 16px;
  86. content: "\f0d8";
  87. margin-top: -2px;
  88. margin-left: 10px;
  89. -webkit-transform: rotate(0);
  90. -moz-transform: rotate(0);
  91. -ms-transform: rotate(0);
  92. -o-transform: rotate(0);
  93. transform: rotate(0);
  94. -webkit-transition: all 0.3s;
  95. -o-transition: all 0.3s;
  96. transition: all 0.3s;
  97. }
  98. .panel-group .panel-heading .panel-title.collapsed:after {
  99. -webkit-transform: rotate(180deg);
  100. -moz-transform: rotate(180deg);
  101. -ms-transform: rotate(180deg);
  102. -o-transform: rotate(180deg);
  103. transform: rotate(180deg);
  104. }
  105. .panel-group .panel-body {
  106. padding: 15px;
  107. border: 1px solid #ddd;
  108. }
  109. .panel-group.tabbed .panel-heading{
  110. background: transparent;
  111. padding: 15px;
  112. border: 1px solid #ccc;
  113. }
  114. .panel-group.tabbed a {
  115. color: $text-color;
  116. }
  117. .panel-group.tabbed .panel-heading>a:after {
  118. float: right;
  119. }
  120. .panel-group.tabbed .panel-heading .panel-title.collapsed:after {
  121. float: right;
  122. }
  123. /* End Tabs & Accordions */