css/daypicker.css

[roojs1] / css / xtheme-slate.css

diff --git a/css/xtheme-slate.css b/css/xtheme-slate.css
index 631c8a7..5cd2703 100644 (file)
--- a/css/xtheme-slate.css
+++ b/css/xtheme-slate.css
@@ -149,9 +149,12 @@
 /* Toolbars */\r
 \r
 .x-toolbar{\r
-       border-color:#abc;\r
-    background:#f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;\r
-}\r
+       border-color:#6b869f;\r
+    background: #6b869f url(../images/slate/toolbar/bg.gif) repeat-x top left;
+    border-bottom: 0px;\r
+}
+
+\r
 .x-toolbar button {\r
     color:#000;\r
 }\r
@@ -211,7 +214,11 @@
        \r
        background: #6b869f;\r
        border-color:#4f657b;\r
-}\r
+}
+.x-layout-panel .x-tabs-wrap {
+    background:url("../images/slate/toolbar/bg.gif") repeat-x scroll left top #F0F4F5;
+}
+\r
 \r
 \r
 .x-tab-panel-header {\r
@@ -223,34 +230,34 @@
 }\r
 
 /** worked out from our version.. */
-.x-tabs-strip td,
-.x-tabs-strip .on .x-tabs-right,
-.x-tabs-strip .x-tabs-right,
-.x-tabs-strip .on .x-tabs-left,
-.x-tabs-strip .x-tabs-left
-{
-    background-image: url("../images/slate/tabs/tabs-sprite.gif");
+ 
+
+
+.x-tabs-strip .on .x-tabs-right {
+        background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px transparent;
 }
-.x-tabs-strip td {
-    background-repeat: no-repeat;
+.x-tabs-strip .on .x-tabs-left {
+        background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -50px;
 }
 .x-tabs-strip .x-tabs-right {
-    background-position: 0 0;
-}
-.x-tabs-strip ..on x-tabs-right {
-    background-position: 0 0;
+        background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px;
 }
 .x-tabs-strip .x-tabs-left {
-    background-position: 0 0;
+        background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -100px;
 }
-.x-tabs-strip .on .x-tabs-left {
-    background-position: 0 0;
-}
-
-
-
-
 
+.x-tabs-strip .on .x-tabs-text {
+    color:#333;
+ 
+}
+ 
+.x-tabs-strip .x-tabs-text {
+    color:#ddd;
+}
+.x-tabs-wrap {    
+    border-bottom: 1px solid #68563f;
+}
+ 
 /**
  * 
  * OLD STUFF
@@ -258,8 +265,7 @@
  * 
  * 
  */
-
-
+ 
  
 \r
 ul.x-tab-strip-top {\r
@@ -380,6 +386,7 @@ ul.x-tab-strip-bottom{
     background: url("../images/slate/window/top-bottom.png") repeat-x scroll 0 0 #e4e8ec;
     color:#fafafa;
     border-color:#abc;
+    padding:3px 5px 4px;
 }
 
 \r
@@ -535,43 +542,54 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 \r
 \r
 /* Grid */\r
-\r
-.x-grid3-row-selected {\r
-       background:#fbf0d2;\r
-       border:1px dotted #ccc;\r
+.x-grid-cell-text {
+    color: #666;
+}
+.x-grid-cell-selected  .x-grid-cell-text, 
+.x-grid-row-selected  .x-grid-cell-text {
+    color: #000;
+}
+ \r
+.x-grid-row-selected {\r
+       background:#ffe1a6 !important;\r
+       border:1px dotted  #ccc;
+    \r
 }\r
-.x-grid3-hd-btn{\r
+.x-grid-hd-btn{\r
        background:#f2daa9 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;\r
 }\r
-.x-grid3-header{\r
+.x-grid-header{\r
        background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;\r
 }\r
-td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{\r
+td.x-grid-hd-over .x-grid-hd-inner,td.sort-desc .x-grid-hd-inner,td.sort-asc .x-grid-hd-inner,td.x-grid-hd-menu-open .x-grid-hd-inner{\r
        background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;\r
 }\r
-.sort-asc .x-grid3-sort-icon{\r
+.sort-asc .x-grid-sort-icon{\r
        background-image:url(../images/slate/grid/sort_asc.gif);\r
 }\r
-.sort-desc .x-grid3-sort-icon{\r
+.sort-desc .x-grid-sort-icon{\r
        background-image:url(../images/slate/grid/sort_desc.gif);\r
 }\r
-td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
+td.x-grid-hd-over, td.sort-desc, td.sort-asc, td.x-grid-hd-menu-open {\r
        border-left:1px solid #fff;\r
        border-right:1px solid #ccc;\r
 }\r
-.x-grid3-cell-selected{\r
-       background-color:#e0eaee!important;\r
-}\r
-.x-grid3-body .x-grid3-td-expander{\r
+.x-grid-cell-selected{\r
+       background-color:#ffe1a6 !important;\r
+}
+
+
+\r
+.x-grid-body .x-grid-td-expander{\r
        background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;\r
 }\r
-.x-grid3-body .x-grid3-td-checker{\r
+.x-grid-body .x-grid-td-checker{\r
        background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;\r
 }\r
-.x-grid3-body .x-grid3-td-numberer{\r
+.x-grid-body .x-grid-td-numberer{\r
        background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;\r
 }\r
-.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{\r
+.x-grid-body .x-grid-row-selected .x-grid-td-numberer,.x-grid-body .x-grid-row-selected .x-grid-td-checker,.x-grid-body .x-grid-row-selected .x-grid-td-expander{\r
        background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;\r
 }\r
 .x-grid-group-hd {\r
@@ -580,7 +598,7 @@ td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
 .x-grid-group-hd div {\r
        color: #456;\r
 }\r
-.x-dd-drag-proxy .x-grid3-hd-inner{\r
+.x-dd-drag-proxy .x-grid-hd-inner{\r
        background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;\r
        border:1px solid #abc;\r
 }\r