jquery.tabs.css 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /* Caution! Ensure accessibility in print and other media types... */
  2. @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  3. .tabs-hide {
  4. display: none;
  5. }
  6. }
  7. /* Hide useless elements in print layouts... */
  8. @media print {
  9. .tabs-nav {
  10. display: none;
  11. }
  12. }
  13. /* Skin */
  14. .tabs-nav {
  15. list-style: none;
  16. margin: 0;
  17. padding: 0 0 0 4px;
  18. background:#FDDEAA;
  19. border-bottom:0px;
  20. }
  21. .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  22. display: block;
  23. clear: both;
  24. content: " ";
  25. }
  26. .tabs-nav li {
  27. float: left;
  28. margin: 0 0 0 1px;
  29. min-width: 84px; /* be nice to Opera */
  30. }
  31. .tabs-nav a, .tabs-nav a span {
  32. display: block;
  33. padding: 0 10px;
  34. /*background: url(images/tab.png) no-repeat;*/
  35. }
  36. .tabs-nav a {
  37. position: relative;
  38. top: 1px;
  39. z-index: 2;
  40. padding-left: 0;
  41. /*color: #fff;*/
  42. font-size: 12px;
  43. font-weight: bold;
  44. line-height: 2;
  45. text-align: center;
  46. text-decoration: none;
  47. white-space: nowrap; /* required in IE 6 */
  48. }
  49. .tabs-nav .tabs-selected a {
  50. /*color: #fff;*/
  51. }
  52. .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  53. background-position: 100% -150px;
  54. outline: 0; /* prevent dotted border in Firefox */
  55. }
  56. .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
  57. background-position: 100% -100px;
  58. }
  59. .tabs-nav a span {
  60. width: 64px; /* IE 6 treats width as min-width */
  61. min-width: 64px;
  62. height: 18px; /* IE 6 treats height as min-height */
  63. min-height: 18px;
  64. padding-top: 6px;
  65. padding-right: 0;
  66. }
  67. *>.tabs-nav a span { /* hide from IE 6 */
  68. width: auto;
  69. height: auto;
  70. }
  71. .tabs-nav .tabs-selected a span {
  72. padding-top: 7px;
  73. }
  74. .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
  75. background-position: 0 -50px;
  76. }
  77. .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
  78. background-position: 0 0;
  79. }
  80. .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  81. cursor: text;
  82. }
  83. .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  84. cursor: pointer;
  85. }
  86. .tabs-nav .tabs-disabled {
  87. opacity: .4;
  88. }
  89. .tabs-container {
  90. border-top: 1px solid #97a5b0;
  91. padding: 1em 8px;
  92. /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
  93. }
  94. .tabs-loading em {
  95. padding: 0 0 0 20px;
  96. /*background: url(images/loading.gif) no-repeat 0 50%;*/
  97. }