examples/tasks/tasks.css

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 #tasks-grid .x-grid3-header {\r
   8     background: #f9f9f9 url(images/hrow.gif) repeat-x left top;\r
   9 }\r
  10 #tasks-grid .new-task-row {\r
  11     height:24px;\r
  12 }\r
  13 #tasks-grid .new-task-row .x-small-editor {\r
  14     overflow:hidden;\r
  15     width:100%;\r
  16 }\r
  17 #tasks-grid .new-task-row .x-small-editor input {\r
  18     font-size:11px;\r
  19 }\r
  20 #new-task-icon {\r
  21     width:16px;\r
  22     height:16px;\r
  23     margin-left:3px;\r
  24     background: transparent url(images/edit.gif) no-repeat;\r
  25 }\r
  26 .x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner {\r
  27     padding: 1px 0 0 0 !important;\r
  28 }\r
  29 \r
  30 .task-check {\r
  31     width:98%;\r
  32     height:16px;\r
  33     background: transparent url(images/check.gif) no-repeat center 0;\r
  34     cursor:pointer;\r
  35 }\r
  36 \r
  37 .task-completed .task-check {\r
  38     background: transparent url(images/check.gif) no-repeat center -16px;\r
  39 }\r
  40 \r
  41 .task-check-over {\r
  42     background: transparent url(images/check.gif) no-repeat center -32px;\r
  43 }\r
  44 \r
  45 \r
  46 .task-overdue .x-grid3-cell-inner {\r
  47     color:#fb223a;\r
  48 }\r
  49 \r
  50 .task-completed .x-grid3-cell-inner {\r
  51     text-decoration:line-through;\r
  52     color:gray;\r
  53 }\r
  54 \r
  55 .task-col-hd {\r
  56     width:98%;\r
  57     height:12px;\r
  58     background: transparent url(images/hd-check.gif) no-repeat center center;\r
  59     cursor:default;\r
  60 }\r
  61 \r
  62 .x-grid3-td-task-title .x-grid3-cell-inner {\r
  63     white-space:normal;\r
  64 }\r
  65 \r
  66 \r
  67 .icon-show-active {\r
  68     background-image:url(images/icon-show-active.gif) !important;\r
  69 }\r
  70 .icon-show-complete {\r
  71     background-image:url(images/icon-show-complete.gif) !important;\r
  72 }\r
  73 .icon-show-all {\r
  74     background-image:url(images/icon-show-all.gif) !important;\r
  75 }\r
  76 .x-grid3-dirty-cell {\r
  77     background:transparent;\r
  78 }\r
  79 \r
  80 .icon-active {\r
  81     background-image:url(images/icon-active.gif) !important;\r
  82 }\r
  83 .icon-complete {\r
  84     background-image:url(images/icon-complete.gif) !important;\r
  85 }\r
  86 .icon-delete {\r
  87     background-image:url(images/delete.gif) !important;\r
  88 }\r
  89 .icon-edit {\r
  90         background-image:url(images/edit.gif) !important;\r
  91 }\r
  92 \r
  93 \r
  94 .icon-by-date {\r
  95     background-image:url(images/icon-by-date.gif) !important;\r
  96 }\r
  97 .icon-by-category {\r
  98     background-image:url(images/icon-by-category.gif) !important;\r
  99 }\r
 100 .icon-no-group {\r
 101     background-image:url(images/icon-no-group.gif) !important;\r
 102 }\r
 103 \r
 104 #action-panel .x-panel {\r
 105         margin-bottom:3px;\r
 106         margin-right:0;\r
 107 }\r
 108 #action-panel .x-panel-body {\r
 109         border:0 none;\r
 110 }\r
 111 #action-panel .x-panel-body li {\r
 112         margin:3px;\r
 113 }\r
 114 #action-panel .x-panel-body li img {\r
 115         width:16px;\r
 116         height:16px;\r
 117         vertical-align:middle;\r
 118         margin-right:2px;\r
 119         margin-bottom:2px;\r
 120 }\r
 121 #action-panel .x-panel-body li a {\r
 122         text-decoration:none;\r
 123         color:#3764A0;\r
 124 }\r
 125 #action-panel .x-plain-body {\r
 126         background-color:#cad9ec;\r
 127     padding:3px 0 0 5px;\r
 128 }\r
 129 .x-air #action-panel .x-plain-body {\r
 130         padding-left:3px;\r
 131 }\r
 132 #action-panel .x-panel-body li a:hover {\r
 133         text-decoration:underline;\r
 134         color:#15428b;\r
 135 }\r
 136 \r
 137 .x-panel-trans {\r
 138         background:transparent;\r
 139 }\r
 140 \r
 141 .x-layout-split-west {\r
 142         cursor:move;\r
 143     background-color:#cad9ec;\r
 144 }\r
 145 .x-panel-header-text {\r
 146         color:#3764A0;\r
 147 }\r
 148 #tasks-grid {\r
 149         border-left:1px solid #99bbe8;\r
 150 }\r