/cia/media-src/css/tabtastic-1.0.4/tabtastic.css

http://cia-vc.googlecode.com/ · CSS · 67 lines · 58 code · 9 blank · 0 comment · 0 complexity · 1e94cd103d43b3f0c49506bcc1c07449 MD5 · raw file

  1. .tabset_tabs {
  2. margin: 0;
  3. padding: 0;
  4. list-style-type: none;
  5. position: relative;
  6. z-index: 2;
  7. white-space: nowrap;
  8. }
  9. .tabset_tabs li {
  10. margin: 0;
  11. padding: 0;
  12. display: inline;
  13. }
  14. .tabset_tabs a {
  15. color:#339 ! important;
  16. background-color: #def ! important;
  17. border: 1px solid #99c;
  18. text-decoration: none;
  19. padding: 0 0.6em;
  20. border-left-width: 0;
  21. border-bottom: none;
  22. }
  23. .tabset_tabs a:hover {
  24. color: #00c ! important;
  25. background-color: #eff ! important;
  26. }
  27. .tabset_tabs a.active {
  28. color: black ! important;
  29. background-color: white ! important;
  30. border-color: black;
  31. border-left-width: 1px;
  32. cursor: default;
  33. border-bottom: white;
  34. padding-top: 1px;
  35. padding-bottom: 1px;
  36. }
  37. .tabset_tabs li.firstchild a {
  38. border-left-width: 1px;
  39. }
  40. .tabset_content {
  41. border: 1px solid black;
  42. background-color: white;
  43. position: relative;
  44. z-index: 1;
  45. padding: 0.5em 1em;
  46. display: none;
  47. }
  48. .tabset_label {
  49. display: none;
  50. }
  51. .tabset_content_active {
  52. display: block;
  53. }
  54. @media aural {
  55. .tabset_content, .tabset_label {
  56. display: block;
  57. }
  58. }