git.roojs.org Git - roojs1/blob - css/basic-dialog.css

   1 .x-dlg-proxy {\r
   2         background-image: url(../images/default/gradient-bg.gif);\r
   3         background-color:#c3daf9;\r
   4         border:1px solid #6593cf;\r
   5         z-index:10001;\r
   6         overflow:hidden;\r
   7         position:absolute;\r
   8         left:0;top:0;\r
   9 }\r
  10 .x-dlg-shadow{\r
  11         background:#aaaaaa;\r
  12         position:absolute;\r
  13         left:0;top:0;\r
  14 }\r
  15 .x-dlg-focus{\r
  16         -moz-outline:0 none;\r
  17         outline:0 none;\r
  18         width:0;\r
  19         height:0;\r
  20         overflow:hidden;\r
  21         position:absolute;\r
  22         top:0;\r
  23         left:0;\r
  24 }\r
  25 .x-dlg-mask{\r
  26     z-index:10000;   \r
  27    display:none;\r
  28    position:absolute;\r
  29    top:0;\r
  30    left:0;\r
  31    -moz-opacity: 0.5;\r
  32    opacity:.50;\r
  33    filter: alpha(opacity=50);\r
  34    background-color:#CCC;\r
  35 }\r
  36 \r
  37 .x-dlg-mask.roo-form-top-mask,\r
  38 .x-dlg-mask.roo-form-left-mask,\r
  39 .x-dlg-mask.roo-form-bottom-mask,\r
  40 .x-dlg-mask.roo-form-right-mask {\r
  41     background-color: gray;\r
  42 }\r
  43 \r
  44 body.masked{\r
  45 }\r
  46 body.masked select {\r
  47         visibility:hidden;\r
  48 }\r
  49 body.masked .x-dlg select {\r
  50         visibility:visible;\r
  51 }\r
  52 .x-dlg{\r
  53         z-index:10001;\r
  54         overflow:hidden;\r
  55         position:absolute;\r
  56         left:300;top:0;\r
  57 }\r
  58 .x-resizable-proxy{\r
  59         z-index:10002;\r
  60 }\r
  61 .x-dlg .x-dlg-hd {\r
  62         background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;\r
  63         background-color:navy;\r
  64         color:#ffffff;\r
  65         font:bold 12px "sans serif", tahoma, verdana, helvetica;\r
  66         overflow:hidden;\r
  67         padding:5px;\r
  68 }\r
  69 .x-dlg .x-dlg-hd-left {\r
  70         background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;\r
  71         padding-left:3px;\r
  72         margin:0px;\r
  73 }\r
  74 .x-dlg .x-dlg-hd-right {\r
  75         background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;\r
  76         padding-right:3px;\r
  77 }\r
  78 .x-dlg .x-dlg-dlg-body{\r
  79         background:url(../images/default/layout/gradient-bg.gif);\r
  80         border:1px solid #6593cf;\r
  81         border-top:0 none;\r
  82         padding:10px;\r
  83         overflow:hidden;\r
  84     position: absolute;\r
  85 }\r
  86 .x-dlg .x-dlg-bd{\r
  87         overflow:hidden;\r
  88 }\r
  89 .x-dlg .x-dlg-ft{\r
  90         overflow:hidden;\r
  91         padding:5px;\r
  92         padding-bottom:0;\r
  93 }\r
  94 .x-dlg .roo-tabbody{\r
  95         background:white;\r
  96         overflow:auto;\r
  97 }\r
  98 .x-dlg .x-tabs-top .roo-tabbody{\r
  99         border:1px solid #6593cf;\r
 100         border-top:0 none;\r
 101 }\r
 102 .x-dlg .x-tabs-bottom .roo-tabbody{\r
 103         border:1px solid #6593cf;\r
 104         border-bottom:0 none;\r
 105 }\r
 106 .x-dlg .x-layout-container  .roo-tabbody{\r
 107         border:0 none;\r
 108 }\r
 109 .x-dlg .inner-tab{\r
 110         margin:5px;\r
 111 }\r
 112 .x-dlg .x-dlg-ft .x-btn{\r
 113         margin-right:5px;\r
 114         float:right;\r
 115         clear:none;\r
 116 }\r
 117 .x-dlg .x-dlg-ft .x-dlg-btns td {\r
 118         border:0;\r
 119         padding:0;\r
 120 }\r
 121 .x-dlg .x-dlg-ft .x-dlg-btns-right table{\r
 122         float:right;\r
 123         clear:none;\r
 124 }\r
 125 .x-dlg .x-dlg-ft .x-dlg-btns-left table{\r
 126         float:left;\r
 127         clear:none;\r
 128 }\r
 129 .x-dlg .x-dlg-ft .x-dlg-btns-center{\r
 130         text-align:center; /*ie*/\r
 131 }\r
 132 .x-dlg .x-dlg-ft .x-dlg-btns-center table{\r
 133         margin:0 auto; /*everyone else*/\r
 134 }\r
 135 .x-dlg-draggable .x-dlg-hd{\r
 136         cursor:move;\r
 137 }\r
 138 .x-dlg-closable .x-dlg-hd{\r
 139         padding-right:22px;\r
 140 }\r
 141 .x-dlg .x-dlg-close {\r
 142         position:absolute;\r
 143         top:4px;\r
 144         right:4px;\r
 145         z-index:6;\r
 146         height:15px;\r
 147         width:15px;\r
 148         margin:0;\r
 149         padding:0;\r
 150         line-height:1px;\r
 151         font-size:1px;\r
 152         background-repeat:no-repeat;\r
 153         cursor:pointer;\r
 154         visibility:inherit;\r
 155         background-image:url(../images/default/basic-dialog/close.gif);\r
 156 }\r
 157 .x-dlg div.x-resizable-handle-east{\r
 158         background-image:url(../images/default/sizer/e-handle-dark.gif);\r
 159         border:0;\r
 160         background-position:left;\r
 161         margin-right:0;\r
 162 }\r
 163 .x-dlg div.x-resizable-handle-south{\r
 164         background-image:url(../images/default/sizer/s-handle-dark.gif);\r
 165         border:0;\r
 166         height:6px;\r
 167 }\r
 168 .x-dlg div.x-resizable-handle-west{\r
 169         background-image:url(../images/default/sizer/e-handle-dark.gif);\r
 170         border:0;\r
 171         background-position:1px;\r
 172 }\r
 173 .x-dlg div.x-resizable-handle-north{\r
 174         background-image:url(../images/default/s.gif);\r
 175         border:0;\r
 176 }\r
 177 .x-dlg div.x-resizable-handle-northeast, .x-theme-gray .x-dlg div.x-resizable-handle-northeast{\r
 178         background-image:url(../images/default/s.gif);\r
 179         border:0;\r
 180 }\r
 181 .x-dlg div.x-resizable-handle-northwest, .x-theme-gray .x-dlg div.x-resizable-handle-northwest{\r
 182         background-image:url(../images/default/s.gif);\r
 183         border:0;\r
 184 }\r
 185 .x-dlg div.x-resizable-handle-southeast{\r
 186         background-image:url(../images/default/sizer/corners-sprite.gif);\r
 187         background-position: top left;\r
 188         width:8px;\r
 189         height:8px;\r
 190         border:0;\r
 191 }\r
 192 .x-dlg div.x-resizable-handle-southwest{\r
 193         background-image:url(../images/default/sizer/corners-sprite.gif);\r
 194         background-position: top right;\r
 195         margin-left:1px;\r
 196         margin-bottom:1px;\r
 197         border:0;\r
 198 }\r
 199 \r
 200 #x-msg-box .x-dlg-ft .x-btn{\r
 201         float:none;\r
 202         clear:none;\r
 203         margin:0 3px;\r
 204 }\r
 205 \r
 206 #x-msg-box .x-dlg-bd {\r
 207         padding:5px;\r
 208         overflow:hidden !important;\r
 209 }\r
 210 #x-msg-box .roo-mb-input {\r
 211         margin-top:4px;\r
 212         width:95%;\r
 213 }\r
 214 #x-msg-box .roo-mb-textarea, \r
 215 #x-msg-box .roo-mb-text \r
 216 {\r
 217         margin-top:4px;\r
 218         font:normal 13px "sans serif", tahoma, verdana, helvetica;\r
 219     display: inline;\r
 220 }\r
 221 #x-msg-box .roo-mb-progress-wrap {\r
 222         margin-top:4px;\r
 223         border:1px solid #6593cf;\r
 224 }\r
 225 #x-msg-box .roo-mb-progress {\r
 226         height:18px;\r
 227         background:transparent url(../images/default/basic-dialog/progress2.gif) repeat-x 1px 1px;\r
 228 }\r
 229 #x-msg-box .roo-mb-progress-bar {\r
 230         height:18px;\r
 231         overflow:hidden;\r
 232         width:0;\r
 233         background:#8bb8f3;\r
 234 }