git.roojs.org Git - roojs1/blob - css/layout.css

   1 .x-layout-container{\r
   2     width:100%;\r
   3     height:100%;\r
   4     overflow:hidden;\r
   5          background-color:#c3daf9;\r
   6 }\r
   7 .x-layout-collapsed{\r
   8     position:absolute;\r
   9     left:-10000px;\r
  10     top:-10000px;\r
  11     visibility:hidden;\r
  12     background-color:#c3daf9;\r
  13     width:20px;\r
  14     height:20px;\r
  15     overflow:hidden;\r
  16          border:1px solid #98c0f4;\r
  17          z-index:20;\r
  18 }\r
  19 .x-layout-collapsed-over{\r
  20     cursor:pointer;\r
  21          background-color:#d9e8fb;\r
  22 }\r
  23 .x-layout-collapsed-west  .x-layout-tools-button{\r
  24         float:right;\r
  25 }\r
  26 .x-layout-collapsed-east  .x-layout-tools-button{\r
  27         float:left;\r
  28 }\r
  29 .x-layout-collapsed-north, .x-layout-collapsed-south{\r
  30         text-align:right;\r
  31 }\r
  32 .x-layout-collapsed .x-layout-tools-button{\r
  33    margin:2px;\r
  34          width:12px;\r
  35          text-align:center;\r
  36 }\r
  37 .x-layout-inactive-content{\r
  38     position:absolute;\r
  39     left:-10000px;\r
  40     top:-10000px;\r
  41     visibility:hidden;\r
  42 }\r
  43 .x-layout-active-content{\r
  44     visibility:visible;\r
  45 }\r
  46 .x-layout-panel{\r
  47     position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;\r
  48 }\r
  49 .x-layout-panel-east, .x-layout-panel-west {\r
  50     z-index:10;\r
  51 }\r
  52 .x-layout-panel-north, .x-layout-panel-south {\r
  53     z-index:11;\r
  54 }\r
  55 .x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {\r
  56     z-index:12;\r
  57 }\r
  58 .x-layout-panel-body{\r
  59     overflow:hidden;\r
  60 }\r
  61 .x-layout-grid-wrapper{\r
  62 \r
  63 }\r
  64 .x-layout-split{\r
  65     position:absolute;\r
  66     height:5px;\r
  67     width:5px;\r
  68     line-height:1px;\r
  69     font-size:1px;\r
  70     z-index:3;\r
  71     background-color:#c3daf9;\r
  72 }\r
  73 .x-layout-panel-hd{\r
  74     background-image: url(../images/default/layout/panel-title-light-bg.gif);\r
  75     color: black;\r
  76     border-bottom:1px solid #98c0f4;\r
  77     position:relative;\r
  78 }\r
  79 .x-layout-panel-hd-text{\r
  80     font:normal 11px tahoma, verdana, helvetica;\r
  81     padding: 4px;\r
  82     padding-left: 4px;\r
  83     display:block;\r
  84          white-space:nowrap;\r
  85 }\r
  86 .x-layout-panel-hd-tools{\r
  87     position:absolute;\r
  88     right:0;\r
  89     top:0;\r
  90     text-align:right;\r
  91     padding-top:2px;\r
  92     padding-right:2px;width:40px;\r
  93 }\r
  94 .x-layout-tools-button{\r
  95     z-index:6;\r
  96     padding:2px;
  97     float:right;\r
  98     cursor:pointer;\r
  99 }\r
 100 .x-layout-tools-button-over{\r
 101     padding:1px;\r
 102     border:1px solid #98c0f4;\r
 103     background-color:white;\r
 104 }\r
 105 .x-layout-tools-button-inner{\r
 106     height:12px;\r
 107     width:12px;\r
 108     line-height:1px;\r
 109     font-size:1px;\r
 110     background-repeat:no-repeat;\r
 111     background-position:center;\r
 112 }\r
 113 .x-layout-close{\r
 114     background-image:url(../images/default/layout/layout-sprite.gif);\r
 115     background-repeat: no-repeat;\r
 116     background-position: 50% -48px;\r
 117 }\r
 118 .x-layout-collapse-west,.x-layout-expand-east{\r
 119     background-image:url(../images/default/layout/layout-sprite.gif);\r
 120     background-repeat: no-repeat;\r
 121     background-position: 50% 0;\r
 122 }\r
 123 .x-layout-expand-west,.x-layout-collapse-east{\r
 124     background-image:url(../images/default/layout/layout-sprite.gif);\r
 125     background-repeat: no-repeat;\r
 126     background-position: 50% -12px;\r
 127 }\r
 128 .x-layout-collapse-north,.x-layout-expand-south{\r
 129     background-image:url(../images/default/layout/layout-sprite.gif);\r
 130     background-repeat: no-repeat;\r
 131     background-position: 50% -24px;\r
 132 }\r
 133 .x-layout-expand-north,.x-layout-collapse-south{\r
 134     background-image:url(../images/default/layout/layout-sprite.gif);\r
 135     background-repeat: no-repeat;\r
 136     background-position: 50% -36px;\r
 137 }\r
 138 .x-layout-split-h{\r
 139     background-image:url(../images/default/sizer/e-handle.gif);\r
 140     background-position: left;\r
 141 }\r
 142 .x-layout-split-v{\r
 143     background-image:url(../images/default/sizer/s-handle.gif);\r
 144     background-position: top;\r
 145 }\r
 146 .x-layout-panel .x-tabs-wrap{\r
 147     background:url(../images/default/layout/gradient-bg.gif);\r
 148 }\r
 149 .x-layout-panel .roo-tabbody {\r
 150     background-color:white;\r
 151     overflow:auto;height:100%;\r
 152 }\r
 153 .x-layout-component-panel, .x-layout-nested-layout {\r
 154         position:relative;\r
 155    padding:0;\r
 156         overflow:hidden;\r
 157         width:200px;\r
 158         height:200px;\r
 159 }\r
 160 .x-layout-nested-layout .x-layout-panel {\r
 161           border:0 none;\r
 162 }\r
 163 .x-layout-nested-layout .x-layout-panel-north {\r
 164           border-bottom:1px solid #98c0f4;\r
 165 }\r
 166 .x-layout-nested-layout .x-layout-panel-south {\r
 167           border-top:1px solid #98c0f4;\r
 168 }\r
 169 .x-layout-nested-layout .x-layout-panel-east {\r
 170           border-left:1px solid #98c0f4;\r
 171 }\r
 172 .x-layout-nested-layout .x-layout-panel-west {\r
 173           border-right:1px solid #98c0f4;\r
 174 }\r
 175 .roo-repaint{\r
 176     zoom:1;\r
 177          background-color: transparent;\r
 178 }\r
 179 .x-layout-panel-dragover {\r
 180         border: 2px solid #6593cf;\r
 181 }\r
 182 .x-layout-panel-proxy {\r
 183         background-image: url(../images/default/layout/gradient-bg.gif);\r
 184         background-color:#c3daf9;\r
 185         border:1px dashed #6593cf;\r
 186         z-index:10001;\r
 187         overflow:hidden;\r
 188         position:absolute;\r
 189         left:0;top:0;\r
 190 }\r
 191 .x-layout-slider {\r
 192         z-index:15;\r
 193         overflow:hidden;\r
 194         position:absolute;\r
 195 }\r
 196 \r
 197 .x-unselectable{\r
 198         -moz-user-select: none;\r
 199         -khtml-user-select: none;\r
 200         cursor:default;\r
 201 }