You are here

Home » API reference » Quick Tabs 6.3

navlist.css in Quick Tabs 6.3

Same filename and directory in other branches
  1. 6.2 tabstyles/navlist/navlist.css
  2. 7.2 tabstyles/navlist/navlist.css
.quicktabs_wrapper.quicktabs-style-navlist {
  margin: 0;
  width: 100%;
  display: block;
}

ul.quicktabs_tabs.quicktabs-style-navlist {
  float: left;
  padding: 4px 0;
  margin: 0;
  position: relative;
  z-index: 2;
  width: 20%;
}
ul.quicktabs_tabs.quicktabs-style-navlist li {
  display: block;
  margin-right: -1px;
  padding: 0;
}
ul.quicktabs_tabs.quicktabs-style-navlist li a {
  display: block;
  color: #404040;
  text-align: right;
  text-decoration: none;
  margin: 0;
  padding: 0 10px 0 0;
  height: 23px;
  font-weight: normal;
}
ul.quicktabs_tabs.quicktabs-style-navlist li.active {
  background: #F0F8FC;
  border-top: 1px solid #BFD0FF;
  border-bottom: 1px solid #BFD0FF;
}
ul.quicktabs_tabs.quicktabs-style-navlist li.active a {
  color: #007734;
  font-weight: bold;
}

.quicktabs_main.quicktabs-style-navlist {
  float: left;
  border: 1px solid #BFD0FF;
  background: #F0F8FC;
  padding: 10px;
  min-height: 64px;
  position: relative;
  z-index: 1;
  width: 70%;
}

File

tabstyles/navlist/navlist.css
View source 
  1. 

  2. .quicktabs_wrapper.quicktabs-style-navlist {

  3.   margin: 0;

  4.   width: 100%;

  5.   display: block;

  6. }

  7. 

  8. ul.quicktabs_tabs.quicktabs-style-navlist {

  9.   float: left;

  10.   padding: 4px 0;

  11.   margin: 0;

  12.   position: relative;

  13.   z-index: 2;

  14.   width: 20%;

  15. }

  16. ul.quicktabs_tabs.quicktabs-style-navlist li {

  17.   display: block;

  18.   margin-right: -1px;

  19.   padding: 0;

  20. }

  21. ul.quicktabs_tabs.quicktabs-style-navlist li a {

  22.   display: block;

  23.   color: #404040;

  24.   text-align: right;

  25.   text-decoration: none;

  26.   margin: 0;

  27.   padding: 0 10px 0 0;

  28.   height: 23px;

  29.   font-weight: normal;

  30. }

  31. ul.quicktabs_tabs.quicktabs-style-navlist li.active {

  32.   background: #F0F8FC;

  33.   border-top: 1px solid #BFD0FF;

  34.   border-bottom: 1px solid #BFD0FF;

  35. }

  36. ul.quicktabs_tabs.quicktabs-style-navlist li.active a {

  37.   color: #007734;

  38.   font-weight: bold;

  39. }

  40. 

  41. .quicktabs_main.quicktabs-style-navlist {

  42.   float: left;

  43.   border: 1px solid #BFD0FF;

  44.   background: #F0F8FC;

  45.   padding: 10px;

  46.   min-height: 64px;

  47.   position: relative;

  48.   z-index: 1;

  49.   width: 70%;

  50. }