lib/dijit/themes/nihilo/layout/BorderContainer.css

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