air/samples/tasks/main.css

   1 /*\r
   2  * Ext JS Library 0.30\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 /*\r
  10  * Ext JS Library 2.0\r
  11  * Copyright(c) 2006-2007, Ext JS, LLC.\r
  12  * licensing@extjs.com\r
  13  * \r
  14  * http://www.extjs.com/license\r
  15  */\r
  16 html, body {\r
  17         height:100%;\r
  18         margin:0;\r
  19         border:0;\r
  20 }\r
  21 #tasks-grid .x-grid3-header {\r
  22     background: #f9f9f9 url(images/hrow.gif) repeat-x left top;\r
  23 }\r
  24 #tasks-grid .new-task-row {\r
  25     height:24px;\r
  26 }\r
  27 #tasks-grid .new-task-row .x-small-editor {\r
  28     overflow:hidden;\r
  29     width:100%;\r
  30 }\r
  31 #tasks-grid .new-task-row .x-small-editor input {\r
  32     font-size:11px;\r
  33 }\r
  34 #new-task-icon {\r
  35     width:16px;\r
  36     height:16px;\r
  37     margin-left:3px;\r
  38     background: transparent url(images/edit.gif) no-repeat;\r
  39 }\r
  40 .x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner {\r
  41     padding: 1px 0 0 0 !important;\r
  42 }\r
  43 \r
  44 .x-grid3-body .x-grid3-td-reminder-col .x-grid3-cell-inner {\r
  45     padding: 1px 0 0 0 !important;\r
  46 }\r
  47 \r
  48 .task-check {\r
  49     width:98%;\r
  50     height:16px;\r
  51     background: transparent url(images/check.gif) no-repeat center 0;\r
  52     cursor:pointer;\r
  53 }\r
  54 \r
  55 .task-completed .task-check {\r
  56     background: transparent url(images/check.gif) no-repeat center -16px;\r
  57 }\r
  58 \r
  59 .task-check-over {\r
  60     background: transparent url(images/check.gif) no-repeat center -32px;\r
  61 }\r
  62 \r
  63 .reminder {\r
  64     width:98%;\r
  65     height:16px;\r
  66     background: transparent url(images/bell.png) no-repeat center -50px;\r
  67 }\r
  68 .reminder-active {\r
  69         background-position: center 0;\r
  70 }\r
  71 \r
  72 .task-completed .reminder {\r
  73     background-image:url(images/s.gif);\r
  74 }\r
  75 \r
  76 .reminder-over {\r
  77     cursor:pointer;\r
  78         background-color:#DFE8F6;\r
  79 }\r
  80 .task-completed .reminder-over {\r
  81     cursor:default;\r
  82         background-color:transparent;\r
  83 }\r
  84 \r
  85 .task-overdue .x-grid3-cell-inner {\r
  86     color:#fb223a;\r
  87 }\r
  88 \r
  89 .task-completed .x-grid3-cell-inner {\r
  90     text-decoration:line-through;\r
  91     color:gray;\r
  92 }\r
  93 \r
  94 .task-col-hd {\r
  95     width:98%;\r
  96     height:12px;\r
  97     background: transparent url(images/hd-check.gif) no-repeat center center;\r
  98     cursor:default;\r
  99 }\r
 100 .reminder-col-hd {\r
 101     width:98%;\r
 102     height:12px;\r
 103     background: transparent url(images/reminder-hd.png) no-repeat center center;\r
 104     cursor:default;\r
 105 }\r
 106 \r
 107 .x-grid3-td-task-title .x-grid3-cell-inner {\r
 108     white-space:normal;\r
 109 }\r
 110 \r
 111 \r
 112 .icon-show-active {\r
 113     background-image:url(images/icon-show-active.gif) !important;\r
 114 }\r
 115 .icon-show-complete {\r
 116     background-image:url(images/icon-show-complete.gif) !important;\r
 117 }\r
 118 .icon-show-all {\r
 119     background-image:url(images/icon-show-all.gif) !important;\r
 120 }\r
 121 .icon-all {\r
 122     background-image:url(images/icon-all.gif) !important;\r
 123 }\r
 124 .x-grid3-dirty-cell {\r
 125     background:transparent;\r
 126 }\r
 127 \r
 128 .icon-active {\r
 129     background-image:url(images/icon-active.gif) !important;\r
 130 }\r
 131 .icon-complete {\r
 132     background-image:url(images/icon-complete.gif) !important;\r
 133 }\r
 134 .icon-delete {\r
 135     background-image:url(images/delete.gif) !important;\r
 136 }\r
 137 .icon-delete-task {\r
 138     background-image:url(images/icon-delete-task.gif) !important;\r
 139 }\r
 140 .icon-edit {\r
 141         background-image:url(images/edit.gif) !important;\r
 142 }\r
 143 .icon-mark-complete {\r
 144         background-image:url(images/icon-mark-complete.gif) !important;\r
 145 }\r
 146 .icon-mark-active {\r
 147         background-image:url(images/icon-mark-active.gif) !important;\r
 148 }\r
 149 .icon-folder {\r
 150         background-image:url(images/icon-folder.gif) !important;\r
 151 }\r
 152 .icon-folder-new {\r
 153         background-image:url(images/icon-folder-new.gif) !important;\r
 154 }\r
 155 .icon-folder-delete {\r
 156         background-image:url(images/icon-folder-delete.gif) !important;\r
 157 }\r
 158 .icon-paste-new {\r
 159         background-image:url(images/icon-paste-new.gif) !important;\r
 160 }\r
 161 .icon-list {\r
 162         background-image:url(images/icon-list.gif) !important;\r
 163 }\r
 164 .icon-multi-list {\r
 165         background-image:url(images/icon-multi-list.gif) !important;\r
 166 }\r
 167 .icon-list-new {\r
 168         background-image:url(images/icon-list-new.gif) !important;\r
 169 }\r
 170 .icon-list-delete {\r
 171         background-image:url(images/icon-list-delete.gif) !important;\r
 172 }\r
 173 \r
 174 .icon-by-date {\r
 175     background-image:url(images/icon-by-date.gif) !important;\r
 176 }\r
 177 .icon-by-category {\r
 178     background-image:url(images/icon-by-category.gif) !important;\r
 179 }\r
 180 .icon-no-group {\r
 181     background-image:url(images/icon-no-group.gif) !important;\r
 182 }\r
 183 .icon-save {\r
 184     background-image:url(images/save.gif) !important;\r
 185 }\r
 186 \r
 187 .icon-filter  {\r
 188     background-image:url(images/icon-filter.gif) !important;\r
 189 }\r
 190 .x-panel-trans {\r
 191         background:transparent;\r
 192 }\r
 193 \r
 194 .x-layout-split-west {\r
 195         cursor:move;\r
 196     width:4px;\r
 197 }\r
 198 .x-panel-header-text {\r
 199         color:#3764A0;\r
 200 }\r
 201 #main-tb {\r
 202         background-position:0 -1px;\r
 203 }\r
 204 \r
 205 #list-tree .x-tool {\r
 206     background-image:url(ext-2.0/resources/images/default/panel/tools-sprites-trans.gif);\r
 207 }\r
 208 \r
 209 /*#list-tree .special-node span {\r
 210     font-style:italic;\r
 211 }*/\r
 212 \r
 213 #list-tree .x-panel-body {\r
 214     background-color:white;\r
 215     position:relative;\r
 216     padding:3px 1px 3px 1px;\r
 217 }\r
 218 #list-tree .x-tree-node-el{\r
 219     border:1px solid #fff;\r
 220 }\r
 221 \r
 222 #list-tree  .x-tree-selected {\r
 223     border:1px dotted #a3bae9;\r
 224     background:#DFE8F6;\r
 225 }\r
 226 #list-tree  .x-tree-node .x-tree-selected a span{\r
 227         background:transparent;\r
 228         color:#1E4176;\r
 229     font-weight:bold;\r
 230 }\r
 231 \r
 232 #list-tree  .x-node-ctx {\r
 233     border:1px dotted #aaa;\r
 234     background:#eee;\r
 235 }\r
 236 /*\r
 237 #list-tree .x-tree-elbow-line, #list-tree .x-tree-elbow, #list-tree .x-tree-elbow-end, #list-tree .x-tree-elbow-plus, #list-tree .x-tree-elbow-minus, #list-tree .x-tree-elbow-end-plus, #list-tree .x-tree-elbow-end-minus{\r
 238         width:4px;\r
 239 }*/\r
 240 \r
 241 \r
 242 .x-layout-collapsed-west {\r
 243         background-image:url(images/my-lists.png);\r
 244         background-repeat:no-repeat;\r
 245         background-position: center;\r
 246 }\r
 247 \r
 248 .x-panel-header .x-panel-header-text {\r
 249         color: #15428b;\r
 250 }\r
 251 .x-panel-header {\r
 252         background-image:url(images/panel-header.gif);\r
 253 }\r
 254 \r
 255 \r
 256 .x-grid3:not(input) {\r
 257     -khtml-user-select: none;\r
 258 }\r
 259 .x-tree:not(input) {\r
 260     -khtml-user-select: none;\r
 261 }\r
 262 \r
 263 .x-menu-item-icon {\r
 264         background-position:center 0;\r
 265 }\r
 266 \r
 267 .x-item-disabled .x-btn-center .x-btn-text{\r
 268         opacity: .6;\r
 269 }\r
 270 \r
 271 .x-form-item {\r
 272     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
 273 }\r
 274 \r
 275 .ext-safari .x-form-field-wrap .x-form-trigger{\r
 276     height:19px; \r
 277 }\r
 278 .x-tree-selector .x-tree-node-el {\r
 279         border:1px solid #fff;\r
 280 }\r
 281 .x-tree-selector .x-tree-activated {\r
 282         border:1px dotted #999 !important;\r
 283 }\r
 284 .x-tree-menu {\r
 285    padding:0 !important;\r
 286 }\r
 287 \r
 288 .x-menu-item-active {\r
 289         background: #ebf3fd;\r
 290         border:1px solid #aaccf6;\r
 291         padding: 0;\r
 292 }\r
 293 .x-panel-header {\r
 294     height:16px;\r
 295 }\r
 296 \r
 297 .x-menu-sep {\r
 298         overflow:hidden;\r
 299         height:1px;\r
 300         margin: 1px 3px;\r
 301 }\r
 302 .x-rbtn {\r
 303         table-layout:fixed;\r
 304 }\r
 305 .x-rbtn td {\r
 306         width:24px;\r
 307         height:21px;\r
 308         background-image:url(images/rbtn.gif);\r
 309         background-repeat:no-repeat;\r
 310         padding:0;\r
 311         vertical-align:middle;\r
 312         border:0 none;\r
 313 }\r
 314 .x-rbtn td.x-rbtn-first {\r
 315         background-position: 0 0;\r
 316 }\r
 317 .x-rbtn td.x-rbtn-item {\r
 318         background-position: 0 -42px;\r
 319 }\r
 320 .x-rbtn td.x-rbtn-last {\r
 321         background-position: right -21px;\r
 322 }\r
 323 .x-rbtn td.x-rbtn-first-active {\r
 324         background-position: 0 -63px;\r
 325 }\r
 326 .x-rbtn td.x-rbtn-item-active {\r
 327         background-position: 0 -105px;\r
 328 }\r
 329 .x-rbtn td.x-rbtn-last-active {\r
 330         background-position: right -84px;\r
 331 }\r
 332 .x-rbtn button{\r
 333     background-color:transparent;\r
 334         background-repeat:no-repeat;\r
 335         background-position:center;\r
 336         padding: 0;\r
 337         margin:0;\r
 338     border:0 none;\r
 339     cursor:pointer;\r
 340         width:24px;\r
 341         height:16px;\r
 342     -moz-outline:0 none;\r
 343     outline:0 none;\r
 344         font-size:1px;\r
 345         line-height:1px;        \r
 346 }\r
 347 \r