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