OSDN Git Service

Ext JS VerUp 2.x -> 3.0
[feedblog/feedblog_ext.git] / js / ext / resources / css / structure / tabs.css
similarity index 76%
rename from js/ext/resources/css/tabs.css
rename to js/ext/resources/css/structure/tabs.css
index fb53d49..970f1de 100644 (file)
@@ -1,39 +1,36 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
  * licensing@extjs.com
- * 
- * http://extjs.com/license
+ * http://www.extjs.com/license
  */
-
 .x-tab-panel {
     overflow:hidden;
 }
+
 .x-tab-panel-header, .x-tab-panel-footer {
-       background: #deecfd;
-       border: 1px solid #8db2e3;
+       border: 1px solid;
     overflow:hidden;
     zoom:1;
 }
 
-
 .x-tab-panel-header {
-       border: 1px solid #8db2e3;
+       border: 1px solid;
        padding-bottom: 2px;
 }
 
 .x-tab-panel-footer {
-       border: 1px solid #8db2e3;
+       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;
@@ -42,14 +39,14 @@ ul.x-tab-strip {
 
 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;
+       background: repeat-x bottom;
+       border-bottom: 1px solid;
 }
 
 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;
+       background: repeat-x top;
+       border-top: 1px solid;
        border-bottom: 0 none;
 }
 
@@ -57,6 +54,7 @@ ul.x-tab-strip-bottom{
     background:transparent !important;
     padding-top:0 !important;
 }
+
 .x-tab-panel-header-plain {
     background:transparent !important;
     border-width:0 !important;
@@ -65,15 +63,16 @@ ul.x-tab-strip-bottom{
 
 .x-tab-panel-header-plain .x-tab-strip-spacer,
 .x-tab-panel-footer-plain .x-tab-strip-spacer {
-    border:1px solid #8db2e3;
+    border:1px solid;
     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;
 }
@@ -82,6 +81,7 @@ ul.x-tab-strip-bottom{
     background:transparent !important;
     padding-bottom:0 !important;
 }
+
 .x-tab-panel-footer-plain {
     background:transparent !important;
     border-width:0 !important;
@@ -93,13 +93,11 @@ ul.x-tab-strip-bottom{
     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;
@@ -130,46 +128,41 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .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;
 }
@@ -178,6 +171,13 @@ ul.x-tab-strip li.x-tab-edge {
     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;
 }
@@ -185,31 +185,33 @@ ul.x-tab-strip li.x-tab-edge {
 .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;
+       background: transparent 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;
+       background: transparent 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;
+       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;
 }
@@ -227,29 +229,33 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .x-tab-strip-bottom .x-tab-right {
-       background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
+       background: 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;
+       background: 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;
+       background: 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;
+       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;
 }
@@ -259,12 +265,12 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .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;
+       width:11px;
+    height:11px;
     position:absolute;
     top:3px;
     right:3px;
@@ -277,25 +283,25 @@ ul.x-tab-strip li.x-tab-edge {
     -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;
+    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 url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
-    border-bottom: 1px solid #8db2e3;
+    background: transparent no-repeat -18px 0;
+    border-bottom: 1px solid;
     width:18px;
     position:absolute;
     left:0;
@@ -306,6 +312,7 @@ ul.x-tab-strip li.x-tab-edge {
 .x-tab-scroller-left-over {
     background-position: 0 0;
 }
+
 .x-tab-scroller-left-disabled {
     background-position: -18px 0;
     opacity:.5;
@@ -313,9 +320,10 @@ ul.x-tab-strip li.x-tab-edge {
     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;
+    background: transparent no-repeat 0 0;
+    border-bottom: 1px solid;
     width:18px;
     position:absolute;
     right:0;
@@ -323,9 +331,11 @@ ul.x-tab-strip li.x-tab-edge {
     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;
@@ -348,14 +358,14 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .x-tab-panel-bbar .x-toolbar {
-    border:1px solid #99bbe8;
+    border:1px solid;
     border-top:0 none;
     overflow:hidden;
     padding:2px;
 }
 
 .x-tab-panel-tbar .x-toolbar {
-    border:1px solid #99bbe8;
+    border:1px solid;
     border-top:0 none;
     overflow:hidden;
     padding:2px;