sky.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /* Quicktabs - Sky theme style
  2. * http://drupal.org/project/sky
  3. */
  4. .quicktabs_main.quicktabs-style-sky {
  5. border: 1px solid #eee;
  6. clear: both;
  7. padding: 10px 5px 0 5px;
  8. position: relative;
  9. top: -0.1em;
  10. background: #fff;
  11. }
  12. ul.quicktabs-tabs.quicktabs-style-sky {
  13. margin: 0;
  14. padding: 0;
  15. width: 100%;
  16. }
  17. ul.quicktabs-tabs.quicktabs-style-sky li {
  18. float: left;
  19. font-weight: normal;
  20. list-style: none;
  21. margin: 0.3em 0 0 0;
  22. height: 2.65em;
  23. min-height: 2.95em;
  24. padding: 0;
  25. }
  26. ul.quicktabs-tabs.quicktabs-style-sky li.active {
  27. margin: -0.2em 0 0 0;
  28. }
  29. ul.quicktabs-tabs.quicktabs-style-sky li a,
  30. ul.quicktabs-tabs.quicktabs-style-sky li a:visited {
  31. float: left;
  32. display: block;
  33. height: 2.65em;
  34. min-height: 2.95em;
  35. line-height: 2.95em;
  36. padding: 0 8px;
  37. text-decoration: none;
  38. border-right: 1px solid #eee;
  39. border-top: 1px solid #eee;
  40. font-size: .95em;
  41. background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  42. color: #777;
  43. position: relative;
  44. }
  45. ul.quicktabs-tabs.quicktabs-style-sky li a:hover,
  46. ul.quicktabs-tabs.quicktabs-style-sky li.active a:hover {
  47. text-decoration: none;
  48. border-color: #B3B3B3;
  49. background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x bottom left;
  50. color: #fff;
  51. }
  52. ul.quicktabs-tabs.quicktabs-style-sky li.active a,
  53. ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited {
  54. height: 3.05em;
  55. min-height: 3.35em;
  56. line-height: 3.35em;
  57. font-weight: normal;
  58. border: 1px solid #eee;
  59. background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left;
  60. border-color: #555;
  61. color: #fff;
  62. font-size: .95em;
  63. font-weight: normal;
  64. top: -0.025em;
  65. }
  66. ul.quicktabs-tabs.quicktabs-style-sky li:first-child a {
  67. border-left: solid 1px #eee;
  68. }
  69. ul.quicktabs-tabs.quicktabs-style-sky li.active a {
  70. border-left: solid 1px #777;
  71. }
  72. ul.quicktabs-tabs.quicktabs-style-sky li a:focus,
  73. ul.quicktabs-tabs.quicktabs-style-sky li a:active {
  74. outline: none;
  75. }
  76. /* Opera */
  77. @media all and (min-width: 0px) {
  78. body .quicktabs_main.quicktabs-style-sky {
  79. top: -0.2em;
  80. }
  81. }