examples/ux/css/GroupTabPanel.css

   1 /* Main GroupTabPanel style */
   2 .x-grouptabpanel {
   3     background-color: #99BBE8;
   4     border: solid 15px #99BBE8;
   5 }
   6 /* End of GroupTabPanel style */
   7
   8 /* Card Layout container */
   9 .x-grouptabcontainer {
  10     background-color: white;
  11     border-top: 1px solid #d9d9d9 !important;
  12     border-bottom: 1px solid #d9d9d9 !important;
  13     border-right: 1px solid #d9d9d9 !important;
  14 }
  15 /* End of Card Layout container */
  16
  17 /* TreePanel overrides */
  18 .x-grouptabbar .x-grouptab {
  19     height: 24px;
  20     line-height: 24px;
  21 }
  22
  23 .x-grouptabbar .x-tree-elbow-line,
  24 .x-grouptabbar .x-tree-elbow-empty {
  25     width: 0;
  26 }
  27
  28 .x-grouptabbar .x-tree-icon {
  29     margin-top: 2px;
  30 }
  31
  32 .x-grouptabbar .x-grouptab-first {
  33     background-image: url('images/tab-collapsed.gif') !important;
  34     background-repeat: no-repeat;
  35     background-position: 0 0;
  36 }
  37
  38 .x-grouptabbar .x-active-tab .x-grid-cell-inner {
  39     text-decoration: underline !important;
  40 }
  41
  42 .x-grouptabbar .x-grid-tree-node-expanded  .x-grouptab-first {
  43     background-image: url('images/tab-first.gif') !important;
  44
  45 }
  46
  47 .x-grouptabbar .x-grouptab-last {
  48     background-image: url('images/tab-last.gif') !important;
  49     background-repeat: no-repeat;
  50 }
  51
  52 .x-grouptabbar .x-grouptab-center {
  53     border-left: 1px solid #d9d9d9 !important;
  54     background-image: none;
  55     border-right: 1px solid white;
  56     background-color: #fff !important;
  57 }
  58
  59 .x-grouptabbar .x-grid-row-selected .x-grid-cell {
  60     background-color: transparent !important;
  61 }
  62
  63 .x-grouptabbar .x-grid-row-selected .x-grouptab-center  {
  64     background-color: #fff !important;
  65 }
  66
  67 .x-grouptabbar .x-tree-panel .x-grid-cell {
  68     overflow: visible;
  69 }
  70
  71 .x-grouptabbar .x-tree-panel .x-grid-row .x-grid-cell-inner {
  72     margin-left: 7px;
  73     overflow: visible !important;
  74     line-height: 24px;
  75     height: 24px;
  76 }
  77
  78 .x-grouptabbar .x-scroller {
  79     display: none;
  80 }
  81
  82 .x-grouptabbar .x-panel-body  {
  83     overflow: visible !important;
  84     background: url('images/border.gif') repeat-y top right;
  85 }
  86
  87 .x-grouptabbar {
  88     top: 0 !important;
  89     margin-top: -1px !important;
  90 }
  91
  92 .x-strict .x-ie7 .x-grouptabbar, .x-strict .x-ie6 .x-grouptabbar {
  93     margin-top: -2px !important;
  94 }
  95
  96 .x-grouptabbar .x-grid-view {
  97     overflow: visible !important;
  98 }
  99
 100 .x-grouptabbar table {
 101      width:150px !important;
 102 }
 103 /* End of TreePanel overrides */