resources/css/window.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 .x-window {\r
  10     zoom:1;\r
  11 }\r
  12 .x-window .x-resizable-handle {\r
  13     opacity:0;\r
  14     -moz-opacity:0;\r
  15     filter:alpha(opacity=0);\r
  16 }\r
  17 \r
  18 .x-window-proxy {\r
  19     background:#C7DFFC;\r
  20     border:1px solid #99bbe8;\r
  21     z-index:12000;\r
  22     overflow:hidden;\r
  23     position:absolute;\r
  24     left:0;top:0;\r
  25     display:none;\r
  26     opacity:.5;\r
  27     -moz-opacity:.5;\r
  28     filter:alpha(opacity=50);\r
  29 }\r
  30 \r
  31 .x-window-header {\r
  32     overflow:hidden;\r
  33     zoom:1;\r
  34 }\r
  35 .x-window-bwrap {\r
  36     z-index:1;\r
  37     position:relative;\r
  38     zoom:1;\r
  39     left:0;top:0;\r
  40 }\r
  41 .x-window-tl .x-window-header {\r
  42     color:#15428b;\r
  43         font:bold 11px tahoma,arial,verdana,sans-serif;\r
  44     padding:5px 0 4px 0;\r
  45 }\r
  46 .x-window-header-text {\r
  47     cursor:pointer;\r
  48 }\r
  49 .x-window-tc {\r
  50         background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 0;\r
  51         overflow:hidden;\r
  52     zoom:1;\r
  53 }\r
  54 .x-window-tl {\r
  55         background: transparent url(../images/default/window/left-corners.png) no-repeat 0 0;\r
  56         padding-left:6px;\r
  57     zoom:1;\r
  58     z-index:1;\r
  59     position:relative;\r
  60 }\r
  61 .x-window-tr {\r
  62         background: transparent url(../images/default/window/right-corners.png) no-repeat right 0;\r
  63         padding-right:6px;\r
  64 }\r
  65 .x-window-bc {\r
  66         background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 bottom;\r
  67     zoom:1;\r
  68 }\r
  69 .x-window-bc .x-window-footer {\r
  70     padding-bottom:6px;\r
  71     zoom:1;\r
  72     font-size:0;\r
  73     line-height:0;\r
  74 }\r
  75 .x-window-bl {\r
  76         background: transparent url(../images/default/window/left-corners.png) no-repeat 0 bottom;\r
  77         padding-left:6px;\r
  78     zoom:1;\r
  79 }\r
  80 .x-window-br {\r
  81         background: transparent url(../images/default/window/right-corners.png) no-repeat right bottom;\r
  82         padding-right:6px;\r
  83     zoom:1;\r
  84 }\r
  85 .x-window-mc {\r
  86     border:1px solid #99bbe8;\r
  87     padding:0;\r
  88     margin:0;\r
  89     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
  90     background:#dfe8f6;\r
  91 }\r
  92 \r
  93 \r
  94 .x-window-ml {\r
  95         background: transparent url(../images/default/window/left-right.png) repeat-y 0 0;\r
  96         padding-left:6px;\r
  97     zoom:1;\r
  98 }\r
  99 .x-window-mr {\r
 100         background: transparent url(../images/default/window/left-right.png) repeat-y right 0;\r
 101         padding-right:6px;\r
 102     zoom:1;\r
 103 }\r
 104 .x-window-body {\r
 105     overflow:hidden;\r
 106 }\r
 107 .x-window-bwrap {\r
 108     overflow:hidden;\r
 109 }\r
 110 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,\r
 111     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,\r
 112     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {\r
 113     padding:0;\r
 114 }\r
 115 .x-window-maximized .x-window-footer {\r
 116     padding-bottom:0;\r
 117 }\r
 118 .x-window-maximized .x-window-tc {\r
 119     padding-left:3px;\r
 120     padding-right:3px;\r
 121     background-color:white;\r
 122 }\r
 123 .x-window-maximized .x-window-mc {\r
 124     border-left:0 none;\r
 125     border-right:0 none;\r
 126 }\r
 127 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {\r
 128     border-left:0 none;\r
 129     border-right: 0 none;\r
 130 }\r
 131 .x-window-bbar .x-toolbar {\r
 132     border-top:1px solid #99bbe8;\r
 133     border-bottom:0 none;\r
 134 }\r
 135 .x-window-draggable, .x-window-draggable .x-window-header-text {\r
 136     cursor:move;\r
 137 }\r
 138 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {\r
 139     cursor:default;\r
 140 }\r
 141 .x-window-body {\r
 142     background:transparent;\r
 143 }\r
 144 .x-panel-ghost .x-window-tl {\r
 145     border-bottom:1px solid #99bbe8;\r
 146 }\r
 147 .x-panel-collapsed .x-window-tl {\r
 148     border-bottom:1px solid #84a0c4;\r
 149 }\r
 150 .x-window-maximized-ct {\r
 151     overflow:hidden;\r
 152 }\r
 153 .x-window-maximized .x-resizable-handle {\r
 154     display:none;\r
 155 }\r
 156 .x-window-sizing-ghost ul {\r
 157     border:0 none !important;\r
 158 }\r
 159 \r
 160 \r
 161 .x-dlg-focus{\r
 162         -moz-outline:0 none;\r
 163         outline:0 none;\r
 164         width:0;\r
 165         height:0;\r
 166         overflow:hidden;\r
 167         position:absolute;\r
 168         top:0;\r
 169         left:0;\r
 170 }\r
 171 .x-dlg-mask{\r
 172         z-index:10000;\r
 173    display:none;\r
 174    position:absolute;\r
 175    top:0;\r
 176    left:0;\r
 177    -moz-opacity: 0.5;\r
 178    opacity:.50;\r
 179    filter: alpha(opacity=50);\r
 180    background-color:#CCC;\r
 181 }\r
 182 \r
 183 body.ext-ie6.x-body-masked select {\r
 184         visibility:hidden;\r
 185 }\r
 186 body.ext-ie6.x-body-masked .x-window select {\r
 187         visibility:visible;\r
 188 }\r
 189 \r
 190 .x-window-plain .x-window-mc {\r
 191     background: #CAD9EC;\r
 192     border-right:1px solid #DFE8F6;\r
 193     border-bottom:1px solid #DFE8F6;\r
 194     border-top:1px solid #a3bae9;\r
 195     border-left:1px solid #a3bae9;\r
 196 }\r
 197 \r
 198 .x-window-plain .x-window-body {\r
 199     border-left:1px solid #DFE8F6;\r
 200     border-top:1px solid #DFE8F6;\r
 201     border-bottom:1px solid #a3bae9;\r
 202     border-right:1px solid #a3bae9;\r
 203     background:transparent !important;\r
 204 }\r
 205 \r
 206 body.x-body-masked .x-window-plain .x-window-mc {\r
 207     background: #C7D6E9;\r
 208 }