You are here

Home » API reference » Quick Tabs 7.3

sky.css in Quick Tabs 7.3 

/* Quicktabs - Sky theme style
 * http://drupal.org/project/sky
 */

.quicktabs_main.quicktabs-style-sky {
  border: 1px solid #eee;
  clear: both;
  padding: 10px 5px 0 5px;
  position: relative;
  top: -0.1em;
  background: #fff;
}

ul.quicktabs-tabs.quicktabs-style-sky {
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.quicktabs-tabs.quicktabs-style-sky li {
  float: left;
  font-weight: normal;
  list-style: none;
  margin: 0.3em 0 0 0;
  height: 2.65em;
  min-height: 2.95em;
  padding: 0;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active {
  margin: -0.2em 0 0 0;
}

ul.quicktabs-tabs.quicktabs-style-sky li a,
ul.quicktabs-tabs.quicktabs-style-sky li a:visited {
  float: left;
  display: block;
  height: 2.65em;
  min-height: 2.95em;
  line-height: 2.95em;
  padding: 0 8px;
  text-decoration: none;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: .95em;
  background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  color: #777;
  position: relative;
}

ul.quicktabs-tabs.quicktabs-style-sky li a:hover,
ul.quicktabs-tabs.quicktabs-style-sky li.active a:hover {
  text-decoration: none;
  border-color: #B3B3B3;
  background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x bottom left;
  color: #fff;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active a,
ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited {
  height: 3.05em;
  min-height: 3.35em;
  line-height: 3.35em;
  font-weight: normal;
  border: 1px solid #eee;
  background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left;
  border-color: #555;
  color: #fff;
  font-size: .95em;
  font-weight: normal;
  top: -0.025em;
}

ul.quicktabs-tabs.quicktabs-style-sky li:first-child a {
  border-left: solid 1px #eee;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active a {
  border-left: solid 1px #777;
}

ul.quicktabs-tabs.quicktabs-style-sky li a:focus,
ul.quicktabs-tabs.quicktabs-style-sky li a:active {
  outline: none;
  
}

/* Opera */
@media all and (min-width: 0px) {
  body .quicktabs_main.quicktabs-style-sky {
    top: -0.2em;
  }
}

File

quicktabs_tabstyles/tabstyles/sky/sky.css
View source 
  1. 

  2. /* Quicktabs - Sky theme style

  3.  * http://drupal.org/project/sky

  4.  */

  5. 

  6. .quicktabs_main.quicktabs-style-sky {

  7.   border: 1px solid #eee;

  8.   clear: both;

  9.   padding: 10px 5px 0 5px;

  10.   position: relative;

  11.   top: -0.1em;

  12.   background: #fff;

  13. }

  14. 

  15. ul.quicktabs-tabs.quicktabs-style-sky {

  16.   margin: 0;

  17.   padding: 0;

  18.   width: 100%;

  19. }

  20. 

  21. ul.quicktabs-tabs.quicktabs-style-sky li {

  22.   float: left;

  23.   font-weight: normal;

  24.   list-style: none;

  25.   margin: 0.3em 0 0 0;

  26.   height: 2.65em;

  27.   min-height: 2.95em;

  28.   padding: 0;

  29. }

  30. 

  31. ul.quicktabs-tabs.quicktabs-style-sky li.active {

  32.   margin: -0.2em 0 0 0;

  33. }

  34. 

  35. ul.quicktabs-tabs.quicktabs-style-sky li a,

  36. ul.quicktabs-tabs.quicktabs-style-sky li a:visited {

  37.   float: left;

  38.   display: block;

  39.   height: 2.65em;

  40.   min-height: 2.95em;

  41.   line-height: 2.95em;

  42.   padding: 0 8px;

  43.   text-decoration: none;

  44.   border-right: 1px solid #eee;

  45.   border-top: 1px solid #eee;

  46.   font-size: .95em;

  47.   background: #fff url('images/bg-shade-light.png') repeat-x bottom left;

  48.   color: #777;

  49.   position: relative;

  50. }

  51. 

  52. ul.quicktabs-tabs.quicktabs-style-sky li a:hover,

  53. ul.quicktabs-tabs.quicktabs-style-sky li.active a:hover {

  54.   text-decoration: none;

  55.   border-color: #B3B3B3;

  56.   background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x bottom left;

  57.   color: #fff;

  58. }

  59. 

  60. ul.quicktabs-tabs.quicktabs-style-sky li.active a,

  61. ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited {

  62.   height: 3.05em;

  63.   min-height: 3.35em;

  64.   line-height: 3.35em;

  65.   font-weight: normal;

  66.   border: 1px solid #eee;

  67.   background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left;

  68.   border-color: #555;

  69.   color: #fff;

  70.   font-size: .95em;

  71.   font-weight: normal;

  72.   top: -0.025em;

  73. }

  74. 

  75. ul.quicktabs-tabs.quicktabs-style-sky li:first-child a {

  76.   border-left: solid 1px #eee;

  77. }

  78. 

  79. ul.quicktabs-tabs.quicktabs-style-sky li.active a {

  80.   border-left: solid 1px #777;

  81. }

  82. 

  83. ul.quicktabs-tabs.quicktabs-style-sky li a:focus,

  84. ul.quicktabs-tabs.quicktabs-style-sky li a:active {

  85.   outline: none;

  86.   

  87. }

  88. 

  89. /* Opera */

  90. @media all and (min-width: 0px) {

  91.   body .quicktabs_main.quicktabs-style-sky {

  92.     top: -0.2em;

  93.   }

  94. }