Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / examples / tasks / tasks.css
index 459bdf4..8351c66 100644 (file)
 /*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-#tasks-grid .x-grid3-header {\r
-    background: #f9f9f9 url(images/hrow.gif) repeat-x left top;\r
-}\r
-#tasks-grid .new-task-row {\r
-    height:24px;\r
-}\r
-#tasks-grid .new-task-row .x-small-editor {\r
-    overflow:hidden;\r
-    width:100%;\r
-}\r
-#tasks-grid .new-task-row .x-small-editor input {\r
-    font-size:11px;\r
-}\r
-#new-task-icon {\r
-    width:16px;\r
-    height:16px;\r
-    margin-left:3px;\r
-    background: transparent url(images/edit.gif) no-repeat;\r
-}\r
-.x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner {\r
-    padding: 1px 0 0 0 !important;\r
-}\r
-\r
-.task-check {\r
-    width:98%;\r
-    height:16px;\r
-    background: transparent url(images/check.gif) no-repeat center 0;\r
-    cursor:pointer;\r
-}\r
-\r
-.task-completed .task-check {\r
-    background: transparent url(images/check.gif) no-repeat center -16px;\r
-}\r
-\r
-.task-check-over {\r
-    background: transparent url(images/check.gif) no-repeat center -32px;\r
-}\r
-\r
-\r
-.task-overdue .x-grid3-cell-inner {\r
-    color:#fb223a;\r
-}\r
-\r
-.task-completed .x-grid3-cell-inner {\r
-    text-decoration:line-through;\r
-    color:gray;\r
-}\r
-\r
-.task-col-hd {\r
-    width:98%;\r
-    height:12px;\r
-    background: transparent url(images/hd-check.gif) no-repeat center center;\r
-    cursor:default;\r
-}\r
-\r
-.x-grid3-td-task-title .x-grid3-cell-inner {\r
-    white-space:normal;\r
-}\r
-\r
-\r
-.icon-show-active {\r
-    background-image:url(images/icon-show-active.gif) !important;\r
-}\r
-.icon-show-complete {\r
-    background-image:url(images/icon-show-complete.gif) !important;\r
-}\r
-.icon-show-all {\r
-    background-image:url(images/icon-show-all.gif) !important;\r
-}\r
-.x-grid3-dirty-cell {\r
-    background:transparent;\r
-}\r
-\r
-.icon-active {\r
-    background-image:url(images/icon-active.gif) !important;\r
-}\r
-.icon-complete {\r
-    background-image:url(images/icon-complete.gif) !important;\r
-}\r
-.icon-delete {\r
-    background-image:url(images/delete.gif) !important;\r
-}\r
-.icon-edit {\r
-       background-image:url(images/edit.gif) !important;\r
-}\r
-\r
-\r
-.icon-by-date {\r
-    background-image:url(images/icon-by-date.gif) !important;\r
-}\r
-.icon-by-category {\r
-    background-image:url(images/icon-by-category.gif) !important;\r
-}\r
-.icon-no-group {\r
-    background-image:url(images/icon-no-group.gif) !important;\r
-}\r
-\r
-#action-panel .x-panel {\r
-       margin-bottom:3px;\r
-       margin-right:0;\r
-}\r
-#action-panel .x-panel-body {\r
-       border:0 none;\r
-}\r
-#action-panel .x-panel-body li {\r
-       margin:3px;\r
-}\r
-#action-panel .x-panel-body li img {\r
-       width:16px;\r
-       height:16px;\r
-       vertical-align:middle;\r
-       margin-right:2px;\r
-       margin-bottom:2px;\r
-}\r
-#action-panel .x-panel-body li a {\r
-       text-decoration:none;\r
-       color:#3764A0;\r
-}\r
-#action-panel .x-plain-body {\r
-       background-color:#cad9ec;\r
-    padding:3px 0 0 5px;\r
-}\r
-.x-air #action-panel .x-plain-body {\r
-       padding-left:3px;\r
-}\r
-#action-panel .x-panel-body li a:hover {\r
-       text-decoration:underline;\r
-       color:#15428b;\r
-}\r
-\r
-.x-panel-trans {\r
-       background:transparent;\r
-}\r
-\r
-.x-layout-split-west {\r
-       cursor:move;\r
-    background-color:#cad9ec;\r
-}\r
-.x-panel-header-text {\r
-       color:#3764A0;\r
-}\r
-#tasks-grid {\r
-       border-left:1px solid #99bbe8;\r
-}\r
+#tasks-grid .x-grid3-header {
+    background: #f9f9f9 url(images/hrow.gif) repeat-x left top;
+}
+#tasks-grid .new-task-row {
+    height:24px;
+}
+#tasks-grid .new-task-row .x-small-editor {
+    overflow:hidden;
+    width:100%;
+}
+#tasks-grid .new-task-row .x-small-editor input {
+    font-size:11px;
+}
+#new-task-icon {
+    width:16px;
+    height:16px;
+    margin-left:3px;
+    background: transparent url(images/edit.gif) no-repeat;
+}
+.x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner {
+    padding: 1px 0 0 0 !important;
+}
+
+.task-check {
+    width:98%;
+    height:16px;
+    background: transparent url(images/check.gif) no-repeat center 0;
+    cursor:pointer;
+}
+
+.task-completed .task-check {
+    background: transparent url(images/check.gif) no-repeat center -16px;
+}
+
+.task-check-over {
+    background: transparent url(images/check.gif) no-repeat center -32px;
+}
+
+
+.task-overdue .x-grid3-cell-inner {
+    color:#fb223a;
+}
+
+.task-completed .x-grid3-cell-inner {
+    text-decoration:line-through;
+    color:gray;
+}
+
+.task-col-hd {
+    width:98%;
+    height:12px;
+    background: transparent url(images/hd-check.gif) no-repeat center center;
+    cursor:default;
+}
+
+.x-grid3-td-task-title .x-grid3-cell-inner {
+    white-space:normal;
+}
+
+
+.icon-show-active {
+    background-image:url(images/icon-show-active.gif) !important;
+}
+.icon-show-complete {
+    background-image:url(images/icon-show-complete.gif) !important;
+}
+.icon-show-all {
+    background-image:url(images/icon-show-all.gif) !important;
+}
+.x-grid3-dirty-cell {
+    background:transparent;
+}
+
+.icon-active {
+    background-image:url(images/icon-active.gif) !important;
+}
+.icon-complete {
+    background-image:url(images/icon-complete.gif) !important;
+}
+.icon-delete {
+    background-image:url(images/delete.gif) !important;
+}
+.icon-edit {
+       background-image:url(images/edit.gif) !important;
+}
+
+
+.icon-by-date {
+    background-image:url(images/icon-by-date.gif) !important;
+}
+.icon-by-category {
+    background-image:url(images/icon-by-category.gif) !important;
+}
+.icon-no-group {
+    background-image:url(images/icon-no-group.gif) !important;
+}
+
+#action-panel .x-panel {
+       margin-bottom:3px;
+       margin-right:0;
+}
+#action-panel .x-panel-body {
+       border:0 none;
+}
+#action-panel .x-panel-body li {
+       margin:3px;
+}
+#action-panel .x-panel-body li img {
+       width:16px;
+       height:16px;
+       vertical-align:middle;
+       margin-right:2px;
+       margin-bottom:2px;
+}
+#action-panel .x-panel-body li a {
+       text-decoration:none;
+       color:#3764A0;
+}
+#action-panel .x-plain-body {
+       background-color:#cad9ec;
+    padding:3px 0 0 5px;
+}
+.x-air #action-panel .x-plain-body {
+       padding-left:3px;
+}
+#action-panel .x-panel-body li a:hover {
+       text-decoration:underline;
+       color:#15428b;
+}
+
+.x-panel-trans {
+       background:transparent;
+}
+
+.x-layout-split-west {
+       cursor:move;
+    background-color:#cad9ec;
+}
+.x-panel-header-text {
+       color:#3764A0;
+}
+#tasks-grid {
+       border-left:1px solid #99bbe8;
+}