BorderContainer.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* BorderContainer */
  2. .tundra .dijitBorderContainer {
  3. background-color: #fcfcfc;
  4. padding: 5px;
  5. }
  6. .tundra .dijitSplitContainer-child,
  7. .tundra .dijitBorderContainer-child {
  8. /* By default put borders on all children of BorderContainer,
  9. * to give illusion of borders on the splitters themselves.
  10. */
  11. border: 1px #ccc solid;
  12. }
  13. .tundra .dijitBorderContainer-dijitTabContainerTop,
  14. .tundra .dijitBorderContainer-dijitTabContainerBottom,
  15. .tundra .dijitBorderContainer-dijitTabContainerLeft,
  16. .tundra .dijitBorderContainer-dijitTabContainerRight {
  17. /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper),
  18. * so override rule setting border on domNode
  19. */
  20. border: none;
  21. }
  22. .tundra .dijitBorderContainer-dijitBorderContainer {
  23. /* also, make nested BorderContainers look like a single big widget with lots of splitters */
  24. border: none;
  25. padding: 0;
  26. }
  27. .tundra .dijitSplitterH,
  28. .tundra .dijitGutterH {
  29. background:#fcfcfc;
  30. border:0;
  31. height:5px;
  32. }
  33. .tundra .dijitSplitterH .dijitSplitterThumb {
  34. background:#B0B0B0 none;
  35. height:1px;
  36. top:2px;
  37. width:19px;
  38. }
  39. .tundra .dijitSplitterV,
  40. .tundra .dijitGutterV {
  41. background:#fcfcfc;
  42. border:0;
  43. width:5px;
  44. }
  45. .tundra .dijitSplitterV .dijitSplitterThumb {
  46. background:#B0B0B0 none;
  47. height:19px;
  48. left:2px;
  49. width:1px;
  50. }
  51. /* active splitter */
  52. .tundra .dijitSplitterActive {
  53. font-size: 1px;
  54. background-image: none;
  55. background-color: #aaa;
  56. -moz-opacity: 0.6;
  57. opacity: 0.6;
  58. filter: Alpha(Opacity=60);
  59. margin: 0;
  60. }