Same filename and directory in other branches
  1. 8.x-3.x css/material-tabs.css 1 comment
.material-tabs.quicktabs-wrapper {
  padding-bottom: 2rem;
}
.material-tabs ul.quicktabs-tabs {
  position: relative;
  z-index: 1;
  padding: .7rem;
  margin-right: 1rem;
  margin-bottom: -20px;
  margin-left: 1rem;
  margin-top: 0;
  background-color: #2bbbad;
  border: 0;
  border-radius: .25rem;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.material-tabs ul.quicktabs-tabs li {
  margin-bottom: -1px;
  position: relative;
  overflow: hidden;
  cursor: pointer;

}
.material-tabs .quicktabs-tabs > li > a {
  color: #fff;
  border: 0;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: block;
  padding: .5rem 1rem;
}
.material-tabs .quicktabs-tabs > li.active > a,
.material-tabs .quicktabs-tabs > li.active > a:hover,
.material-tabs .quicktabs-tabs > li.active > a:focus {
  background-color: rgba(0,0,0,0.2);
  border-radius: .25rem;
  border-color: #dee2e6 #dee2e6 #fff;
}
.material-tabs .quicktabs-main {
  padding: 1rem;
  padding-top: 3rem !important;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  border: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: .25rem;
}

/* For View All link at bottom of block. */
.material-tabs .block-quicktabs .view-footer {

}

File

css/material-tabs.css

View source 
  1. .material-tabs.quicktabs-wrapper {

  2.   padding-bottom: 2rem;

  3. }

  4. .material-tabs ul.quicktabs-tabs {

  5.   position: relative;

  6.   z-index: 1;

  7.   padding: .7rem;

  8.   margin-right: 1rem;

  9.   margin-bottom: -20px;

  10.   margin-left: 1rem;

  11.   margin-top: 0;

  12.   background-color: #2bbbad;

  13.   border: 0;

  14.   border-radius: .25rem;

  15.   -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

  16.   box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

  17.   display: flex;

  18.   flex-wrap: wrap;

  19.   padding-left: 0;

  20.   list-style: none;

  21. }

  22. .material-tabs ul.quicktabs-tabs li {

  23.   margin-bottom: -1px;

  24.   position: relative;

  25.   overflow: hidden;

  26.   cursor: pointer;

  27. 

  28. }

  29. .material-tabs .quicktabs-tabs > li > a {

  30.   color: #fff;

  31.   border: 0;

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

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

  34.   display: block;

  35.   padding: .5rem 1rem;

  36. }

  37. .material-tabs .quicktabs-tabs > li.active > a,

  38. .material-tabs .quicktabs-tabs > li.active > a:hover,

  39. .material-tabs .quicktabs-tabs > li.active > a:focus {

  40.   background-color: rgba(0,0,0,0.2);

  41.   border-radius: .25rem;

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

  43. }

  44. .material-tabs .quicktabs-main {

  45.   padding: 1rem;

  46.   padding-top: 3rem !important;

  47.   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  48.   border: 0;

  49.   position: relative;

  50.   display: flex;

  51.   flex-direction: column;

  52.   min-width: 0;

  53.   word-wrap: break-word;

  54.   background-color: #fff;

  55.   background-clip: border-box;

  56.   border-radius: .25rem;

  57. }

  58. 

  59. /* For View All link at bottom of block. */

  60. .material-tabs .block-quicktabs .view-footer {

  61. 

  62. }