Same filename and directory in other branches
  1. 8.x-3.x css/on-the-gray.css 1 comment
.on-the-gray {
  margin: 0 auto;
  padding: 0 20px;
}
.on-the-gray ul.quicktabs-tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.on-the-gray ul.quicktabs-tabs li {
  display: table-cell;
  padding: unset;
}
.on-the-gray .quicktabs-tabs > li > a {
  display: block;
  padding: .5em;
  background: #eee;
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: rgb(221, 221, 221);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(221, 221, 221);
  border-left-style: solid;
  border-left-width: 1px;
  border-image-repeat: stretch;
  border-image-source: none;
  text-align: center;
  color: #000;
  text-decoration: none;
}
.on-the-gray .quicktabs-tabs li:not(:first-child) a {
  border-left: none;
}
.on-the-gray .quicktabs-tabs > li > a:hover,
.on-the-gray .quicktabs-tabs > li.active > a {
  border-bottom-color: transparent;
  background: #fff;
}
.on-the-gray .quicktabs-tabs > li.active > a:hover,
.on-the-gray .quicktabs-tabs > li.active > a:focus {

}
.on-the-gray .quicktabs-tabpage {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
}
/* For View All link at bottom of block. */
.on-the-gray .block-quicktabs .view-footer {
  position: relative;
  top: -30px;
  left: 12px;
  font-weight: bold;
}

File

css/on-the-gray.css

View source 
  1. .on-the-gray {

  2.   margin: 0 auto;

  3.   padding: 0 20px;

  4. }

  5. .on-the-gray ul.quicktabs-tabs {

  6.   display: table;

  7.   table-layout: fixed;

  8.   width: 100%;

  9.   margin: 0;

  10.   padding: 0;

  11.   list-style: none;

  12. }

  13. .on-the-gray ul.quicktabs-tabs li {

  14.   display: table-cell;

  15.   padding: unset;

  16. }

  17. .on-the-gray .quicktabs-tabs > li > a {

  18.   display: block;

  19.   padding: .5em;

  20.   background: #eee;

  21.   border-top-color: rgb(221, 221, 221);

  22.   border-top-style: solid;

  23.   border-top-width: 1px;

  24.   border-right-color: rgb(221, 221, 221);

  25.   border-right-style: solid;

  26.   border-right-width: 1px;

  27.   border-bottom-color: transparent;

  28.   border-bottom-style: solid;

  29.   border-bottom-width: 1px;

  30.   border-left-color: rgb(221, 221, 221);

  31.   border-left-style: solid;

  32.   border-left-width: 1px;

  33.   border-image-repeat: stretch;

  34.   border-image-source: none;

  35.   text-align: center;

  36.   color: #000;

  37.   text-decoration: none;

  38. }

  39. .on-the-gray .quicktabs-tabs li:not(:first-child) a {

  40.   border-left: none;

  41. }

  42. .on-the-gray .quicktabs-tabs > li > a:hover,

  43. .on-the-gray .quicktabs-tabs > li.active > a {

  44.   border-bottom-color: transparent;

  45.   background: #fff;

  46. }

  47. .on-the-gray .quicktabs-tabs > li.active > a:hover,

  48. .on-the-gray .quicktabs-tabs > li.active > a:focus {

  49. 

  50. }

  51. .on-the-gray .quicktabs-tabpage {

  52.   padding: .5em 2em 1em;

  53.   border: 1px solid #ddd;

  54. }

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

  56. .on-the-gray .block-quicktabs .view-footer {

  57.   position: relative;

  58.   top: -30px;

  59.   left: 12px;

  60.   font-weight: bold;

  61. }