css/tabs.css

diff --git a/css/tabs.css b/css/tabs.css
new file mode 100644 (file)
index 0000000..f8e3d67
--- /dev/null
+++ b/css/tabs.css
@@ -0,0 +1,127 @@
+.x-tabs-body {
+    background: #fff;
+}
+.x-tabs-wrap {\r
+       border-bottom:1px solid #6593cf;\r
+       padding-top:2px;\r
+}\r
+.x-tabs-strip-wrap{\r
+       width:100%;     \r
+}\r
+.x-tabs-wrap table{\r
+       position:relative;\r
+       top:0; left:0;\r
+}\r
+.x-tabs-strip td{\r
+       padding:0;\r
+       /* padding-left:2px; */\r
+}\r
+.x-tabs-strip a, .x-tabs-strip span, .x-tabs-strip em {\r
+       display:block;\r
+}\r
+.x-tabs-strip a {\r
+       text-decoration:none !important;\r
+       -moz-outline: none;\r
+       outline: none;\r
+       cursor:pointer;\r
+}\r
+.x-tabs-strip .x-tabs-text {\r
+       font:bold 11px tahoma,arial,helvetica;\r
+       color:#666;\r
+       overflow:hidden;\r
+       white-space: nowrap;\r
+       cursor:pointer;\r
+       text-overflow: ellipsis;\r
+}\r
+.x-tabs-strip .on .x-tabs-text {\r
+       cursor:default;\r
+       color:#083772;\r
+}\r
+.x-tabs-strip .disabled .x-tabs-text {\r
+       cursor:default;\r
+       color:#aaaaaa;\r
+}\r
+.x-tabs-strip .x-tabs-inner {\r
+        padding:4px 10px;      \r
+}\r
+\r
+.x-tabs-strip .on .x-tabs-right {\r
+        background: url(../images/default/tabs/tab-sprite.gif) no-repeat right 0;\r
+}\r
+.x-tabs-strip .on .x-tabs-left {\r
+        background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;\r
+}\r
+.x-tabs-strip .x-tabs-right {\r
+        background: url(../images/default/tabs/tab-sprite.gif) no-repeat right -50px;\r
+}\r
+.x-tabs-strip .x-tabs-left {\r
+        background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;\r
+}\r
+\r
+.x-tabs-strip  a {\r
+       position:relative;\r
+       top:1px; left:0;\r
+}\r
+.x-tabs-strip .on a {\r
+       position:relative;\r
+}\r
+.x-tabs-strip .on .x-tabs-inner {\r
+       padding-bottom:5px;\r
+}\r
+/** closable tabs */\r
+.x-tabs-strip .x-tabs-closable .x-tabs-inner{\r
+       padding-right:22px;\r
+       position:relative;\r
+}\r
+.x-tabs-strip .x-tabs-closable .close-icon{\r
+       line-height: 1px;\r
+       font-size:1px;\r
+  background-image:url(../images/default/layout/layout-sprite.gif);\r
+  background-repeat: no-repeat;\r
+  background-position: 50% -60px;\r
+       display:block;\r
+       position:absolute;\r
+       right:5px;top:4px;\r
+       width:12px;height:11px;\r
+       cursor:pointer;\r
+}\r
+.x-tabs-strip .on .close-icon{\r
+    background-image:url(../images/default/layout/layout-sprite.gif);\r
+    background-repeat: no-repeat;\r
+    background-position: 50% -60px;\r
+}\r
+.x-tabs-strip .x-tabs-closable .close-over{\r
+    background-image:url(../images/default/layout/layout-sprite.gif);\r
+    background-repeat: no-repeat;\r
+    background-position: 50% -72px;\r
+}\r
+\r
+.x-tabs-bottom .x-tabs-wrap {\r
+       border-top:1px solid #6593cf;\r
+       border-bottom:0 none;\r
+       padding-top:0;\r
+       padding-bottom:2px;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .x-tabs-right {\r
+        background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .x-tabs-left {\r
+        background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .on .x-tabs-right {\r
+        background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .on .x-tabs-left {\r
+        background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
+}\r
+.x-tabs-bottom .x-tabs-strip  a {\r
+       position:relative;\r
+       top:0; left:0;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .on a {\r
+       margin-top:-1px;\r
+}\r
+.x-tabs-bottom .x-tabs-strip .on .x-tab-inner {\r
+       padding-top:5px;\r
+}\r
+\r