git.roojs.org Git - roojs1/blob - css/ytheme-gray.css

   1 /** \r
   2 * Basic-Dialog \r
   3 */\r
   4 .x-dlg-proxy {\r
   5         background-image: url(../images/gray/layout/gradient-bg.gif);\r
   6         background-color:#EAE8D5;\r
   7         border:1px solid #b3b6b0;\r
   8 }\r
   9 .x-dlg-shadow{\r
  10         background:#aaaaaa;\r
  11 }\r
  12 .x-dlg-proxy .tabset{\r
  13     background:url(../images/gray/layout/gradient-bg.gif);\r
  14 }\r
  15 .x-dlg .x-dlg-header {\r
  16         background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;\r
  17         background-color:#333333;\r
  18 }\r
  19 .x-dlg .x-dlg-header-left {\r
  20         background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;\r
  21 }\r
  22 .x-dlg .x-dlg-header-right {\r
  23         background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;\r
  24 }\r
  25 .x-dlg .x-dlg-dlg-body{\r
  26         background:#efefec;\r
  27         border:1px solid #b3b6b0;\r
  28         border-top:0px none;\r
  29 }\r
  30 .x-dlg .x-tabs-top .roo-tabbody{\r
  31         border:1px solid #b3b6b0;\r
  32         border-top:0px none;\r
  33 }\r
  34 .x-dlg .x-tabs-bottom .roo-tabbody{\r
  35         border:1px solid #b3b6b0;\r
  36         border-bottom:0px none;\r
  37 }\r
  38 .x-dlg .x-layout-container  .roo-tabbody{\r
  39         border:0px none;\r
  40 }\r
  41 .x-dlg .x-dlg-close {\r
  42         background-image:url(../images/gray/basic-dialog/close.gif);\r
  43 }\r
  44 .x-dlg div.x-resizable-handle-east{\r
  45         background-image:url(../images/gray/basic-dialog/e-handle.gif);\r
  46         border:0px none;\r
  47 }\r
  48 .x-dlg div.x-resizable-handle-south{\r
  49         background-image:url(../images/gray/basic-dialog/s-handle.gif);\r
  50         border:0px none;\r
  51 }\r
  52 .x-dlg div.x-resizable-handle-west{\r
  53         background-image:url(../images/gray/basic-dialog/e-handle.gif);\r
  54         border:0px none;\r
  55 }\r
  56 .x-dlg div.x-resizable-handle-southeast{\r
  57         background-image:url(../images/gray/basic-dialog/se-handle.gif);\r
  58         background-position: bottom right;\r
  59         width:8px;\r
  60         height:8px;\r
  61         border:0px;\r
  62 }\r
  63 .x-dlg div.x-resizable-handle-southwest{\r
  64         background-image:url(../images/gray/sizer/sw-handle-dark.gif);\r
  65         background-position: top right;\r
  66         margin-left:1px;\r
  67         margin-bottom:1px;\r
  68         border:0px;\r
  69 }\r
  70 .x-dlg div.x-resizable-handle-north{\r
  71         background-image:url(../images/gray/s.gif);\r
  72         border:0px none;\r
  73 }\r
  74 \r
  75 /** \r
  76 * Tabs\r
  77 */\r
  78 .x-tabs-wrap {\r
  79         border-bottom:1px solid #aca899;\r
  80 }\r
  81 .x-tabs-strip .on .x-tabs-text {\r
  82         cursor:default;\r
  83         color:#333333;\r
  84 }\r
  85 .x-tabs-top .x-tabs-strip .on .x-tabs-right {\r
  86          background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right 0px;\r
  87 }\r
  88 .x-tabs-top .x-tabs-strip .on .x-tabs-left {\r
  89          background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;\r
  90 }\r
  91 .x-tabs-top .x-tabs-strip .x-tabs-right {\r
  92          background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right -50px;\r
  93 }\r
  94 .x-tabs-top .x-tabs-strip .x-tabs-left {\r
  95          background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;\r
  96 }\r
  97 .x-tabs-strip .x-tabs-closable .close-icon{\r
  98         background-image:url(../images/gray/layout/layout-sprite.gif);\r
  99   background-position: 50% -60px;\r
 100 }\r
 101 .x-tabs-strip .on .close-icon{\r
 102         background-image:url(../images/gray/layout/layout-sprite.gif);\r
 103   background-position: 50% -60px;\r
 104 }\r
 105 .x-tabs-strip .x-tabs-closable .close-over{\r
 106         background-image:url(../images/gray/layout/layout-sprite.gif);\r
 107   background-position: 50% -72px;\r
 108 }\r
 109 \r
 110 .x-tabs-bottom .x-tabs-wrap {\r
 111         border-bottom:0px none;\r
 112         padding-top:0px;\r
 113         border-top:1px solid #aca899;\r
 114 }\r
 115 .x-tabs-bottom .x-tabs-strip .x-tabs-right {\r
 116          background: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;\r
 117 }\r
 118 .x-tabs-bottom .x-tabs-strip .x-tabs-left {\r
 119          background: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;\r
 120 }\r
 121 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right {\r
 122          background: url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
 123 }\r
 124 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left {\r
 125          background: url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
 126 }\r
 127 \r
 128 /* QuickTips */\r
 129 \r
 130 .x-tip .x-tip-header-right{\r
 131         background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;\r
 132 }\r
 133 .x-tip .x-tip-header-left{\r
 134         background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;\r
 135 }\r
 136 .x-tip .x-tip-header{\r
 137         background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;\r
 138 }\r
 139 .x-tip .x-tip-close{\r
 140         background-image: url(../images/gray/basic-dialog/close.gif);\r
 141 }\r
 142 .x-tip .x-tip-bd{\r
 143         background: #e7e7e7 url(../images/gray/qtip/bg.gif);\r
 144         border: 1px solid #ababab;\r
 145 }\r
 146 \r
 147 /* BorderLayout */\r
 148 \r
 149 .x-layout-container{\r
 150     background-color:#f3f2e7;\r
 151 }\r
 152 .x-layout-collapsed{\r
 153     background-color:#f3f2e7;\r
 154          border:1px solid #aca899;\r
 155 }\r
 156 .x-layout-collapsed-over{\r
 157          background-color:#fbfbef;\r
 158 }\r
 159 .x-layout-panel{\r
 160     border:1px solid #aca899;\r
 161 }\r
 162 .x-layout-nested-layout .x-layout-panel {\r
 163           border:0px none;\r
 164 }\r
 165 .x-layout-split{\r
 166     background-color:#f3f2e7;\r
 167 }\r
 168 .x-layout-panel-header{\r
 169     background-image: url(../images/gray/layout/panel-title-light-bg.gif);\r
 170     border-bottom:1px solid #aca899;\r
 171 }\r
 172 .x-layout-tools-button-over{\r
 173     border:1px solid #aca899;\r
 174 }\r
 175 .x-layout-close{\r
 176     background-image:url(../images/gray/layout/layout-sprite.gif);\r
 177     background-repeat: no-repeat;\r
 178     background-position: 50% -48px;\r
 179 }\r
 180 .x-layout-collapse-west,.x-layout-expand-east{\r
 181     background-image:url(../images/gray/layout/layout-sprite.gif);\r
 182     background-repeat: no-repeat;\r
 183     background-position: 50% 0;\r
 184 }\r
 185 .x-layout-expand-west,.x-layout-collapse-east{\r
 186     background-image:url(../images/gray/layout/layout-sprite.gif);\r
 187     background-repeat: no-repeat;\r
 188     background-position: 50% -12px;\r
 189 }\r
 190 .x-layout-collapse-north,.x-layout-expand-south{\r
 191     background-image:url(../images/gray/layout/layout-sprite.gif);\r
 192     background-repeat: no-repeat;\r
 193     background-position: 50% -24px;\r
 194 }\r
 195 .x-layout-expand-north,.x-layout-collapse-south{\r
 196     background-image:url(../images/gray/layout/layout-sprite.gif);\r
 197     background-repeat: no-repeat;\r
 198     background-position: 50% -36px;\r
 199 }\r
 200 .x-layout-split-h{\r
 201     background-image:url(../images/gray/sizer/e-handle-dark.gif);\r
 202 }\r
 203 .x-layout-split-v{\r
 204     background-image:url(../images/gray/sizer/s-handle-dark.gif);\r
 205 }\r
 206 .x-layout-panel .x-tabs-wrap{\r
 207     background:url(../images/gray/layout/gradient-bg.gif);\r
 208 }\r
 209 .x-layout-nested-layout .x-layout-panel-north {\r
 210           border-bottom:1px solid #aca899;\r
 211 }\r
 212 .x-layout-nested-layout .x-layout-panel-south {\r
 213           border-top:1px solid #aca899;\r
 214 }\r
 215 .x-layout-nested-layout .x-layout-panel-east {\r
 216           border-left:1px solid #aca899;\r
 217 }\r
 218 .x-layout-nested-layout .x-layout-panel-west {\r
 219           border-right:1px solid #aca899;\r
 220 }\r
 221 .x-layout-panel-dragover {\r
 222         border: 2px solid #aca899;\r
 223 }\r
 224 .x-layout-panel-proxy {\r
 225         background-image: url(../images/gray/layout/gradient-bg.gif);\r
 226         background-color:#f3f2e7;\r
 227         border:1px dashed #aca899;\r
 228 }\r
 229 /** Resizable */\r
 230 \r
 231 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{\r
 232     background:url(../images/gray/sizer/e-handle.gif);\r
 233          background-position: left;\r
 234 }\r
 235 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{\r
 236     background:url(../images/gray/sizer/e-handle.gif);\r
 237          background-position: left;\r
 238 }\r
 239 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{\r
 240     background:url(../images/gray/sizer/s-handle.gif);\r
 241     background-position: top;\r
 242 }\r
 243 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{\r
 244     background:url(../images/gray/sizer/s-handle.gif);\r
 245     background-position: top;\r
 246 }\r
 247 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
 248     background:url(../images/gray/sizer/se-handle.gif);\r
 249     background-position: top left;\r
 250 }\r
 251 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{\r
 252     background:url(../images/gray/sizer/nw-handle.gif);\r
 253     background-position:bottom right;\r
 254 }\r
 255 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{\r
 256     background:url(../images/gray/sizer/ne-handle.gif);\r
 257     background-position: bottom left;\r
 258 }\r
 259 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{\r
 260     background:url(../images/gray/sizer/sw-handle.gif);\r
 261     background-position: top right;\r
 262 }\r
 263 .x-resizable-proxy{\r
 264     border: 1px dashed #615e55;\r
 265 }\r
 266 \r
 267 /** Toolbar */\r
 268 .x-toolbar{\r
 269         border:0px none;\r
 270         background: #efefe3 url(../images/gray/toolbar/gray-bg.gif) repeat-x;\r
 271         padding:3px;\r
 272 }