X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/resources/css/tabs.css..c930e9176a5a85509c5b0230e2bff5c22a591432:/resources/css/structure/tabs.css

diff --git a/resources/css/tabs.css b/resources/css/structure/tabs.css
similarity index 73%
rename from resources/css/tabs.css
rename to resources/css/structure/tabs.css
index 0f01ce05..970f1de3 100644
--- a/resources/css/tabs.css
+++ b/resources/css/structure/tabs.css
@@ -1,362 +1,372 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-.x-tab-panel {
-    overflow:hidden;
-}
-.x-tab-panel-header, .x-tab-panel-footer {
-	background: #deecfd;
-	border: 1px solid #8db2e3;
-    overflow:hidden;
-    zoom:1;
-}
-
-
-.x-tab-panel-header {
-	border: 1px solid #8db2e3;
-	padding-bottom: 2px;
-}
-
-.x-tab-panel-footer {
-	border: 1px solid #8db2e3;
-	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: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
-	border-bottom: 1px solid #8db2e3;
-}
-
-ul.x-tab-strip-bottom{
-	padding-bottom: 1px;
-	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
-	border-top: 1px solid #8db2e3;
-	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 #8db2e3;
-    height:2px;
-    background: #deecfd;
-    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 {
-	font:normal 11px tahoma,arial,helvetica;
-	color:#416aa3;
-	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-over span.x-tab-strip-text {
-	color:#15428b;
-}
-
-.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;
-	color:#15428b;
-    font-weight:bold;
-}
-
-.x-tab-strip-disabled .x-tabs-text {
-	cursor:default;
-	color:#aaaaaa;
-}
-
-.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;
-}
-
-.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 url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
-    padding-left:10px;
-}
-
-.x-tab-strip-top .x-tab-left {
-	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
-    padding-right:10px;
-}
-
-.x-tab-strip-top .x-tab-strip-inner {
-	background: transparent url(../images/default/tabs/tabs-sprite.gif) 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: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
-}
-
-.x-tab-strip-bottom .x-tab-left {
-	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
-}
-
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
-	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
-}
-
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
-	background: url(../images/default/tabs/tab-btm-left-bg.gif) 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 {
-	background-image:url(../images/default/tabs/tab-close.gif);
-    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{
-	background-image:url(../images/default/tabs/tab-close.gif);
-    opacity:1;
-    -moz-opacity:1;
-}
-
-.x-tab-panel-body {
-    border: 1px solid #8db2e3;
-    background:#fff;
-}
-.x-tab-panel-body-top {
-    border-top: 0 none;
-}
-.x-tab-panel-body-bottom {
-    border-bottom: 0 none;
-}
-
-.x-tab-scroller-left {
-    background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
-    border-bottom: 1px solid #8db2e3;
-    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 url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
-    border-bottom: 1px solid #8db2e3;
-    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 #99bbe8;
-    border-top:0 none;
-    overflow:hidden;
-    padding:2px;
-}
-
-.x-tab-panel-tbar .x-toolbar {
-    border:1px solid #99bbe8;
-    border-top:0 none;
-    overflow:hidden;
-    padding:2px;
+/*!
+ * 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