Same filename and directory in other branches
  1. 8.x-3.x css/tabsbar.css 1 comment
.tabsbar.quicktabs-wrapper {
  padding-bottom: 2rem;
}
.tabsbar ul.quicktabs-tabs {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 20px;
  margin-bottom: 1rem;
}
.tabsbar ul.quicktabs-tabs li {
  margin-bottom: -1px;
}
.tabsbar .quicktabs-tabs > li > a {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: block;
  padding: .5rem 1rem;
}
.tabsbar .quicktabs-tabs > li > a:hover {

}
.tabsbar .quicktabs-tabs > li.active > a,
.tabsbar .quicktabs-tabs > li.active > a:hover,
.tabsbar .quicktabs-tabs > li.active > a:focus {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.tabsbar .quicktabs-main {
  padding: 1rem;
  padding-top: 2rem;
}

File

css/tabsbar.css

View source 
  1. .tabsbar.quicktabs-wrapper {

  2.   padding-bottom: 2rem;

  3. }

  4. .tabsbar ul.quicktabs-tabs {

  5.   border-bottom: 1px solid #dee2e6;

  6.   display: flex;

  7.   flex-wrap: wrap;

  8.   list-style: none;

  9.   margin-top: 20px;

  10.   margin-bottom: 1rem;

  11. }

  12. .tabsbar ul.quicktabs-tabs li {

  13.   margin-bottom: -1px;

  14. }

  15. .tabsbar .quicktabs-tabs > li > a {

  16.   border: 1px solid transparent;

  17.   border-top-left-radius: .25rem;

  18.   border-top-right-radius: .25rem;

  19.   display: block;

  20.   padding: .5rem 1rem;

  21. }

  22. .tabsbar .quicktabs-tabs > li > a:hover {

  23. 

  24. }

  25. .tabsbar .quicktabs-tabs > li.active > a,

  26. .tabsbar .quicktabs-tabs > li.active > a:hover,

  27. .tabsbar .quicktabs-tabs > li.active > a:focus {

  28.   color: #495057;

  29.   background-color: #fff;

  30.   border-color: #dee2e6 #dee2e6 #fff;

  31. }

  32. .tabsbar .quicktabs-main {

  33.   padding: 1rem;

  34.   padding-top: 2rem;

  35. }