Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / tabs.css
similarity index 73%
rename from resources/css/tabs.css
rename to resources/css/structure/tabs.css
index 0f01ce0..970f1de 100644 (file)
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-.x-tab-panel {\r
-    overflow:hidden;\r
-}\r
-.x-tab-panel-header, .x-tab-panel-footer {\r
-       background: #deecfd;\r
-       border: 1px solid #8db2e3;\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-\r
-\r
-.x-tab-panel-header {\r
-       border: 1px solid #8db2e3;\r
-       padding-bottom: 2px;\r
-}\r
-\r
-.x-tab-panel-footer {\r
-       border: 1px solid #8db2e3;\r
-       padding-top: 2px;\r
-}\r
-\r
-\r
-.x-tab-strip-wrap {\r
-       width:100%;\r
-    overflow:hidden;\r
-    position:relative;\r
-    zoom:1;\r
-}\r
-ul.x-tab-strip {\r
-       display:block;\r
-    width:5000px;\r
-    zoom:1;\r
-}\r
-\r
-ul.x-tab-strip-top{\r
-       padding-top: 1px;\r
-       background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;\r
-       border-bottom: 1px solid #8db2e3;\r
-}\r
-\r
-ul.x-tab-strip-bottom{\r
-       padding-bottom: 1px;\r
-       background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;\r
-       border-top: 1px solid #8db2e3;\r
-       border-bottom: 0 none;\r
-}\r
-\r
-.x-tab-panel-header-plain .x-tab-strip-top {\r
-    background:transparent !important;\r
-    padding-top:0 !important;\r
-}\r
-.x-tab-panel-header-plain {\r
-    background:transparent !important;\r
-    border-width:0 !important;\r
-    padding-bottom:0 !important;\r
-}\r
-\r
-.x-tab-panel-header-plain .x-tab-strip-spacer,\r
-.x-tab-panel-footer-plain .x-tab-strip-spacer {\r
-    border:1px solid #8db2e3;\r
-    height:2px;\r
-    background: #deecfd;\r
-    font-size:1px;\r
-    line-height:1px;\r
-}\r
-.x-tab-panel-header-plain .x-tab-strip-spacer {\r
-    border-top: 0 none;\r
-}\r
-.x-tab-panel-footer-plain .x-tab-strip-spacer {\r
-    border-bottom: 0 none;\r
-}\r
-\r
-.x-tab-panel-footer-plain .x-tab-strip-bottom {\r
-    background:transparent !important;\r
-    padding-bottom:0 !important;\r
-}\r
-.x-tab-panel-footer-plain {\r
-    background:transparent !important;\r
-    border-width:0 !important;\r
-    padding-top:0 !important;\r
-}\r
-\r
-.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,\r
-.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {\r
-    height:3px;\r
-}\r
-\r
-\r
-ul.x-tab-strip li {\r
-    float:left;\r
-    margin-left:2px;\r
-}\r
-\r
-\r
-ul.x-tab-strip li.x-tab-edge {\r
-    float:left;\r
-    margin:0 !important;\r
-    padding:0 !important;\r
-    border:0 none !important;\r
-    font-size:1px !important;\r
-    line-height:1px !important;\r
-    overflow:hidden;\r
-    zoom:1;\r
-    background:transparent !important;\r
-    width:1px;\r
-}\r
-\r
-.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {\r
-       display:block;\r
-}\r
-\r
-.x-tab-strip a {\r
-       text-decoration:none !important;\r
-       -moz-outline: none;\r
-       outline: none;\r
-       cursor:pointer;\r
-}\r
-\r
-.x-tab-strip-inner {\r
-    overflow:hidden;\r
-       text-overflow: ellipsis;\r
-}\r
-\r
-.x-tab-strip span.x-tab-strip-text {\r
-       font:normal 11px tahoma,arial,helvetica;\r
-       color:#416aa3;\r
-       white-space: nowrap;\r
-       cursor:pointer;\r
-    padding:4px 0;\r
-}\r
-.x-tab-strip-top .x-tab-with-icon .x-tab-right {\r
-    padding-left:6px;\r
-}\r
-.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {\r
-       padding-left:20px;\r
-    background-position: 0 3px;\r
-    background-repeat: no-repeat;\r
-}\r
-\r
-.x-tab-strip-over span.x-tab-strip-text {\r
-       color:#15428b;\r
-}\r
-\r
-.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {\r
-    cursor:default;\r
-}\r
-\r
-.x-tab-strip-active span.x-tab-strip-text {\r
-       cursor:default;\r
-       color:#15428b;\r
-    font-weight:bold;\r
-}\r
-\r
-.x-tab-strip-disabled .x-tabs-text {\r
-       cursor:default;\r
-       color:#aaaaaa;\r
-}\r
-\r
-.x-tab-panel-body {\r
-    overflow:hidden;\r
-}\r
-.x-tab-panel-bwrap {\r
-    overflow:hidden;\r
-}\r
-.ext-ie .x-tab-strip .x-tab-right {\r
-    position:relative;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-active .x-tab-right {\r
-    margin-bottom:-1px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {\r
-    padding-bottom:5px;\r
-}\r
-\r
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {\r
-    margin-top:-1px;\r
-}\r
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {\r
-    padding-top:5px;\r
-}\r
-\r
-\r
-.x-tab-strip-top .x-tab-right {\r
-       background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;\r
-    padding-left:10px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-left {\r
-       background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;\r
-    padding-right:10px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-inner {\r
-       background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-over .x-tab-right {\r
-        background-position:0 -101px;\r
-}\r
-.x-tab-strip-top .x-tab-strip-over .x-tab-left {\r
-        background-position:right -401px;\r
-}\r
-.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {\r
-        background-position:0 -251px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-active .x-tab-right {\r
-       background-position: 0 0;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-active .x-tab-left {\r
-       background-position: right -301px;\r
-}\r
-\r
-.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {\r
-       background-position: 0 -151px;\r
-}\r
-\r
-.x-tab-strip-bottom .x-tab-right {\r
-       background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;\r
-}\r
-\r
-.x-tab-strip-bottom .x-tab-left {\r
-       background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;\r
-}\r
-\r
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {\r
-       background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
-}\r
-\r
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {\r
-       background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
-}\r
-.x-tab-strip-bottom .x-tab-left {\r
-    padding:0 10px;\r
-}\r
-.x-tab-strip-bottom .x-tab-right {\r
-    padding:0;\r
-}\r
-.x-tab-strip .x-tab-strip-close {\r
-    display:none;\r
-}\r
-.x-tab-strip-closable {\r
-    position:relative;\r
-}\r
-\r
-.x-tab-strip-closable .x-tab-left {\r
-    padding-right:19px;\r
-}\r
-\r
-.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {\r
-       background-image:url(../images/default/tabs/tab-close.gif);\r
-    opacity:.6;\r
-    -moz-opacity:.6;\r
-    background-repeat:no-repeat;\r
-    display:block;\r
-       width:11px;height:11px;\r
-    position:absolute;\r
-    top:3px;\r
-    right:3px;\r
-    cursor:pointer;\r
-    z-index:2;\r
-}\r
-\r
-.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {\r
-    opacity:.8;\r
-    -moz-opacity:.8;\r
-}\r
-.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{\r
-       background-image:url(../images/default/tabs/tab-close.gif);\r
-    opacity:1;\r
-    -moz-opacity:1;\r
-}\r
-\r
-.x-tab-panel-body {\r
-    border: 1px solid #8db2e3;\r
-    background:#fff;\r
-}\r
-.x-tab-panel-body-top {\r
-    border-top: 0 none;\r
-}\r
-.x-tab-panel-body-bottom {\r
-    border-bottom: 0 none;\r
-}\r
-\r
-.x-tab-scroller-left {\r
-    background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;\r
-    border-bottom: 1px solid #8db2e3;\r
-    width:18px;\r
-    position:absolute;\r
-    left:0;\r
-    top:0;\r
-    z-index:10;\r
-    cursor:pointer;\r
-}\r
-.x-tab-scroller-left-over {\r
-    background-position: 0 0;\r
-}\r
-.x-tab-scroller-left-disabled {\r
-    background-position: -18px 0;\r
-    opacity:.5;\r
-    -moz-opacity:.5;\r
-    filter:alpha(opacity=50);\r
-    cursor:default;\r
-}\r
-.x-tab-scroller-right {\r
-    background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;\r
-    border-bottom: 1px solid #8db2e3;\r
-    width:18px;\r
-    position:absolute;\r
-    right:0;\r
-    top:0;\r
-    z-index:10;\r
-    cursor:pointer;\r
-}\r
-.x-tab-scroller-right-over {\r
-    background-position: -18px 0;\r
-}\r
-.x-tab-scroller-right-disabled {\r
-    background-position: 0 0;\r
-    opacity:.5;\r
-    -moz-opacity:.5;\r
-    filter:alpha(opacity=50);\r
-    cursor:default;\r
-}\r
-\r
-.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{\r
-    margin-top: 1px;\r
-}\r
-\r
-.x-tab-scrolling .x-tab-strip-wrap {\r
-    margin-left:18px;\r
-    margin-right:18px;\r
-}\r
-\r
-.x-tab-scrolling {\r
-    position:relative;    \r
-}\r
-\r
-.x-tab-panel-bbar .x-toolbar {\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    overflow:hidden;\r
-    padding:2px;\r
-}\r
-\r
-.x-tab-panel-tbar .x-toolbar {\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    overflow:hidden;\r
-    padding:2px;\r
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.x-tab-panel {
+    overflow:hidden;
+}
+
+.x-tab-panel-header, .x-tab-panel-footer {
+       border: 1px solid;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-tab-panel-header {
+       border: 1px solid;
+       padding-bottom: 2px;
+}
+
+.x-tab-panel-footer {
+       border: 1px solid;
+       padding-top: 2px;
+}
+
+.x-tab-strip-wrap {
+       width:100%;
+    overflow:hidden;
+    position:relative;
+    zoom:1;
+}
+
+ul.x-tab-strip {
+       display:block;
+    width:5000px;
+    zoom:1;
+}
+
+ul.x-tab-strip-top{
+       padding-top: 1px;
+       background: repeat-x bottom;
+       border-bottom: 1px solid;
+}
+
+ul.x-tab-strip-bottom{
+       padding-bottom: 1px;
+       background: repeat-x top;
+       border-top: 1px solid;
+       border-bottom: 0 none;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-top {
+    background:transparent !important;
+    padding-top:0 !important;
+}
+
+.x-tab-panel-header-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer,
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border:1px solid;
+    height:2px;
+    font-size:1px;
+    line-height:1px;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer {
+    border-top: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-spacer {
+    border-bottom: 0 none;
+}
+
+.x-tab-panel-footer-plain .x-tab-strip-bottom {
+    background:transparent !important;
+    padding-bottom:0 !important;
+}
+
+.x-tab-panel-footer-plain {
+    background:transparent !important;
+    border-width:0 !important;
+    padding-top:0 !important;
+}
+
+.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
+.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
+    height:3px;
+}
+
+ul.x-tab-strip li {
+    float:left;
+    margin-left:2px;
+}
+
+ul.x-tab-strip li.x-tab-edge {
+    float:left;
+    margin:0 !important;
+    padding:0 !important;
+    border:0 none !important;
+    font-size:1px !important;
+    line-height:1px !important;
+    overflow:hidden;
+    zoom:1;
+    background:transparent !important;
+    width:1px;
+}
+
+.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
+       display:block;
+}
+
+.x-tab-strip a {
+       text-decoration:none !important;
+       -moz-outline: none;
+       outline: none;
+       cursor:pointer;
+}
+
+.x-tab-strip-inner {
+    overflow:hidden;
+       text-overflow: ellipsis;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+       white-space: nowrap;
+       cursor:pointer;
+    padding:4px 0;
+}
+
+.x-tab-strip-top .x-tab-with-icon .x-tab-right {
+    padding-left:6px;
+}
+
+.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
+       padding-left:20px;
+    background-position: 0 3px;
+    background-repeat: no-repeat;
+}
+
+.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
+    cursor:default;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+       cursor:default;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+       cursor:default;
+}
+
+.x-tab-panel-body {
+    overflow:hidden;
+}
+
+.x-tab-panel-bwrap {
+    overflow:hidden;
+}
+
+.ext-ie .x-tab-strip .x-tab-right {
+    position:relative;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+    margin-bottom:-1px;
+}
+
+/*
+ * Horrible hack for IE8 in quirks mode
+ */
+.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
+    top: 1px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-bottom:5px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+    margin-top:-1px;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
+    padding-top:5px;
+}
+
+.x-tab-strip-top .x-tab-right {
+       background: transparent no-repeat 0 -51px;
+    padding-left:10px;
+}
+
+.x-tab-strip-top .x-tab-left {
+       background: transparent no-repeat right -351px;
+    padding-right:10px;
+}
+
+.x-tab-strip-top .x-tab-strip-inner {
+       background: transparent repeat-x 0 -201px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-right {
+        background-position:0 -101px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-left {
+        background-position:right -401px;
+}
+
+.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
+        background-position:0 -251px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-right {
+       background-position: 0 0;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-left {
+       background-position: right -301px;
+}
+
+.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
+       background-position: 0 -151px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+       background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+       background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+       background: no-repeat bottom left;
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+       background: no-repeat bottom right;
+}
+
+.x-tab-strip-bottom .x-tab-left {
+    padding:0 10px;
+}
+
+.x-tab-strip-bottom .x-tab-right {
+    padding:0;
+}
+
+.x-tab-strip .x-tab-strip-close {
+    display:none;
+}
+
+.x-tab-strip-closable {
+    position:relative;
+}
+
+.x-tab-strip-closable .x-tab-left {
+    padding-right:19px;
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    opacity:.6;
+    -moz-opacity:.6;
+    background-repeat:no-repeat;
+    display:block;
+       width:11px;
+    height:11px;
+    position:absolute;
+    top:3px;
+    right:3px;
+    cursor:pointer;
+    z-index:2;
+}
+
+.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
+    opacity:.8;
+    -moz-opacity:.8;
+}
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+    opacity:1;
+    -moz-opacity:1;
+}
+
+.x-tab-panel-body {
+    border: 1px solid;
+}
+
+.x-tab-panel-body-top {
+    border-top: 0 none;
+}
+
+.x-tab-panel-body-bottom {
+    border-bottom: 0 none;
+}
+
+.x-tab-scroller-left {
+    background: transparent no-repeat -18px 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    left:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+.x-tab-scroller-left-over {
+    background-position: 0 0;
+}
+
+.x-tab-scroller-left-disabled {
+    background-position: -18px 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scroller-right {
+    background: transparent no-repeat 0 0;
+    border-bottom: 1px solid;
+    width:18px;
+    position:absolute;
+    right:0;
+    top:0;
+    z-index:10;
+    cursor:pointer;
+}
+
+.x-tab-scroller-right-over {
+    background-position: -18px 0;
+}
+
+.x-tab-scroller-right-disabled {
+    background-position: 0 0;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+    cursor:default;
+}
+
+.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
+    margin-top: 1px;
+}
+
+.x-tab-scrolling .x-tab-strip-wrap {
+    margin-left:18px;
+    margin-right:18px;
+}
+
+.x-tab-scrolling {
+    position:relative;    
+}
+
+.x-tab-panel-bbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-tab-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
 }
\ No newline at end of file