tabbedpane.css 690 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .tabbed_pane
  2. {
  3. }
  4. .tabbed_pane > .header
  5. {
  6. text-align: left;
  7. }
  8. .tabbed_pane > .header > a
  9. {
  10. display: inline-block;
  11. padding: 4px;
  12. border: 1px solid transparent;
  13. text-decoration: none;
  14. color: gray;
  15. }
  16. .tabbed_pane > .header > a.selected
  17. {
  18. color: #202020;
  19. border-color: #c0c0c0;
  20. border-bottom: 3px solid #ffb0b0;
  21. }
  22. .tabbed_pane > .header > a:focus
  23. {
  24. outline: none;
  25. box-shadow: none;
  26. }
  27. .tabbed_pane > .body
  28. {
  29. border: 1px solid #c0c0c0;
  30. min-height: 100px;
  31. margin-top: -1px;
  32. }
  33. .tabbed_pane > .body > .tab_panel
  34. {
  35. display: none;
  36. overflow: auto;
  37. }
  38. .tabbed_pane > .body > .tab_panel.selected
  39. {
  40. display: block;
  41. }