Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / resources / css / structure / panel.css

diff --git a/resources/css/panel.css b/resources/css/structure/panel.css
similarity index 65%
rename from resources/css/panel.css
rename to resources/css/structure/panel.css
index a55cfc2..5546605 100644 (file)
--- a/resources/css/panel.css
+++ b/resources/css/structure/panel.css
@@ -1,424 +1,468 @@
-/*\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-panel {\r
-    border-style: solid;\r
-    border-color: #99bbe8;\r
-    border-width:0;\r
-}\r
-\r
-.x-panel-header {\r
-    overflow:hidden;\r
-    zoom:1;\r
-    color:#15428b;\r
-       font:bold 11px tahoma,arial,verdana,sans-serif;\r
-    padding:5px 3px 4px 5px;\r
-    border:1px solid #99bbe8;\r
-    line-height: 15px;\r
-    background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;\r
-}\r
-\r
-.x-panel-body {\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    overflow:hidden;\r
-    background:white;\r
-    position: relative; /* added for item scroll positioning */\r
-}\r
-\r
-.x-panel-bbar .x-toolbar {\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    overflow:hidden;\r
-    padding:2px;\r
-}\r
-\r
-\r
-.x-panel-tbar .x-toolbar {\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    overflow:hidden;\r
-    padding:2px;\r
-}\r
-\r
-.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {\r
-    border-top:1px solid #99bbe8;\r
-    border-bottom: 0 none;\r
-}\r
-.x-panel-body-noheader, .x-panel-mc .x-panel-body {\r
-    border-top:1px solid #99bbe8;\r
-}\r
-.x-panel-header {\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-.x-panel-tl .x-panel-header {\r
-    color:#15428b;\r
-        font:bold 11px tahoma,arial,verdana,sans-serif;\r
-    padding:5px 0 4px 0;\r
-    border:0 none;\r
-    background:transparent;\r
-}\r
-.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {\r
-    padding-left:20px !important;\r
-    background-repeat:no-repeat;\r
-    background-position:0 4px;\r
-    zoom:1;\r
-}\r
-.x-panel-inline-icon {\r
-    width:16px;\r
-        height:16px;\r
-    background-repeat:no-repeat;\r
-    background-position:0 0;\r
-        vertical-align:middle;\r
-        margin-right:4px;\r
-        margin-top:-1px;\r
-        margin-bottom:-1px;\r
-}\r
-.x-panel-tc {\r
-       background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;\r
-       overflow:hidden;\r
-}\r
-/* fix ie7 strict mode bug */\r
-.ext-strict .ext-ie7 .x-panel-tc {\r
-    overflow: visible;\r
-}\r
-.x-panel-tl {\r
-       background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;\r
-       padding-left:6px;\r
-    zoom:1;\r
-    border-bottom:1px solid #99bbe8;\r
-}\r
-.x-panel-tr {\r
-       background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;\r
-       zoom:1;\r
-    padding-right:6px;\r
-}\r
-.x-panel-bc {\r
-       background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;\r
-    zoom:1;\r
-}\r
-.x-panel-bc .x-panel-footer {\r
-    zoom:1;\r
-}\r
-\r
-.x-panel-bl {\r
-       background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;\r
-       padding-left:6px;\r
-    zoom:1;\r
-}\r
-.x-panel-br {\r
-       background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;\r
-       padding-right:6px;\r
-    zoom:1;\r
-}\r
-.x-panel-mc {\r
-    border:0 none;\r
-    padding:0;\r
-    margin:0;\r
-    font: normal 11px tahoma,arial,helvetica,sans-serif;\r
-    padding-top:6px;\r
-    background:#dfe8f6;\r
-}\r
-.x-panel-mc .x-panel-body {\r
-    background:transparent;\r
-    border: 0 none;\r
-}\r
-.x-panel-ml {\r
-       background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;\r
-       padding-left:6px;\r
-    zoom:1;\r
-}\r
-.x-panel-mr {\r
-       background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;\r
-       padding-right:6px;\r
-    zoom:1;\r
-}\r
-.x-panel-bc .x-panel-footer {\r
-    padding-bottom:6px;\r
-}\r
-.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {\r
-       height:6px;\r
-    font-size:0;\r
-    line-height:0;\r
-}\r
-\r
-.x-panel-bwrap {\r
-    overflow:hidden;\r
-    zoom:1;\r
-    left:0;top:0;\r
-}\r
-.x-panel-body {\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-\r
-.x-panel-collapsed .x-resizable-handle{\r
-    display:none;\r
-}\r
-\r
-.ext-gecko .x-panel-animated div {\r
-    overflow:hidden !important;\r
-}\r
-\r
-/* Plain */\r
-.x-plain-body {\r
-    overflow:hidden;\r
-}\r
-\r
-.x-plain-bbar .x-toolbar {\r
-    overflow:hidden;\r
-    padding:2px;\r
-}\r
-\r
-.x-plain-tbar .x-toolbar {\r
-    overflow:hidden;\r
-    padding:2px;\r
-}\r
-\r
-.x-plain-bwrap {\r
-    overflow:hidden;\r
-    zoom:1;\r
-}\r
-\r
-.x-plain {\r
-    overflow:hidden;\r
-}\r
-\r
-/* Tools */\r
-.x-tool {\r
-    overflow:hidden;\r
-    width:15px;\r
-    height:15px;\r
-    float:right;\r
-    cursor:pointer;\r
-    background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;\r
-    margin-left:2px;\r
-}\r
-\r
-/* expand / collapse tools */\r
-.x-tool-toggle {\r
-    background-position:0 -60px;\r
-}\r
-.x-tool-toggle-over {\r
-    background-position:-15px -60px;\r
-}\r
-.x-panel-collapsed .x-tool-toggle {\r
-    background-position:0 -75px;\r
-}\r
-.x-panel-collapsed .x-tool-toggle-over {\r
-    background-position:-15px -75px;\r
-}\r
-\r
-.x-tool-close {\r
-    background-position:0 -0;\r
-}\r
-.x-tool-close-over {\r
-    background-position:-15px 0;\r
-}\r
-\r
-.x-tool-minimize {\r
-    background-position:0 -15px;\r
-}\r
-.x-tool-minimize-over {\r
-    background-position:-15px -15px;\r
-}\r
-\r
-.x-tool-maximize {\r
-    background-position:0 -30px;\r
-}\r
-.x-tool-maximize-over {\r
-    background-position:-15px -30px;\r
-}\r
-\r
-.x-tool-restore {\r
-    background-position:0 -45px;\r
-}\r
-.x-tool-restore-over {\r
-    background-position:-15px -45px;\r
-}\r
-\r
-.x-tool-gear {\r
-    background-position:0 -90px;\r
-}\r
-.x-tool-gear-over {\r
-    background-position:-15px -90px;\r
-}\r
-\r
-.x-tool-pin {\r
-    background-position:0 -135px;\r
-}\r
-.x-tool-pin-over {\r
-    background-position:-15px -135px;\r
-}\r
-.x-tool-unpin {\r
-    background-position:0 -150px;\r
-}\r
-.x-tool-unpin-over {\r
-    background-position:-15px -150px;\r
-}\r
-.x-tool-right {\r
-    background-position:0 -165px;\r
-}\r
-.x-tool-right-over {\r
-    background-position:-15px -165px;\r
-}\r
-.x-tool-left {\r
-    background-position:0 -180px;\r
-}\r
-.x-tool-left-over {\r
-    background-position:-15px -180px;\r
-}\r
-.x-tool-up {\r
-    background-position:0 -210px;\r
-}\r
-.x-tool-up-over {\r
-    background-position:-15px -210px;\r
-}\r
-.x-tool-down {\r
-    background-position:0 -195px;\r
-}\r
-.x-tool-down-over {\r
-    background-position:-15px -195px;\r
-}\r
-.x-tool-refresh {\r
-    background-position:0 -225px;\r
-}\r
-.x-tool-refresh-over {\r
-    background-position:-15px -225px;\r
-}\r
-\r
-.x-tool-minus {\r
-    background-position:0 -255px;\r
-}\r
-.x-tool-minus-over {\r
-    background-position:-15px -255px;\r
-}\r
-.x-tool-plus {\r
-    background-position:0 -240px;\r
-}\r
-.x-tool-plus-over {\r
-    background-position:-15px -240px;\r
-}\r
-\r
-.x-tool-search {\r
-    background-position:0 -270px;\r
-}\r
-.x-tool-search-over {\r
-    background-position:-15px -270px;\r
-}\r
-.x-tool-save {\r
-    background-position:0 -285px;\r
-}\r
-.x-tool-save-over {\r
-    background-position:-15px -285px;\r
-}\r
-.x-tool-help {\r
-    background-position:0 -300px;\r
-}\r
-.x-tool-help-over {\r
-    background-position:-15px -300px;\r
-}\r
-.x-tool-print {\r
-    background-position:0 -315px;\r
-}\r
-.x-tool-print-over {\r
-    background-position:-15px -315px;\r
-}\r
-\r
-/* Ghosting */\r
-.x-panel-ghost {\r
-    background:#cbddf3;\r
-    z-index:12000;\r
-    overflow:hidden;\r
-    position:absolute;\r
-    left:0;top:0;\r
-    opacity:.65;\r
-    -moz-opacity:.65;\r
-    filter:alpha(opacity=65);\r
-}\r
-\r
-.x-panel-ghost ul {\r
-    margin:0;\r
-    padding:0;\r
-    overflow:hidden;\r
-    font-size:0;\r
-    line-height:0;\r
-    border:1px solid #99bbe8;\r
-    border-top:0 none;\r
-    display:block;\r
-}\r
-\r
-.x-panel-ghost * {\r
-    cursor:move !important;\r
-}\r
-\r
-.x-panel-dd-spacer {\r
-    border:2px dashed #99bbe8;\r
-}\r
-/* Buttons */\r
-\r
-.x-panel-btns-ct {\r
-    padding:5px;\r
-}\r
-\r
-.x-panel-btns-ct .x-btn{\r
-       float:right;\r
-       clear:none;\r
-}\r
-.x-panel-btns-ct .x-panel-btns td {\r
-       border:0;\r
-       padding:0;\r
-}\r
-.x-panel-btns-ct .x-panel-btns-right table{\r
-       float:right;\r
-       clear:none;\r
-}\r
-.x-panel-btns-ct .x-panel-btns-left table{\r
-       float:left;\r
-       clear:none;\r
-}\r
-.x-panel-btns-ct .x-panel-btns-center{\r
-       text-align:center; /*ie*/\r
-}\r
-.x-panel-btns-ct .x-panel-btns-center table{\r
-       margin:0 auto; /*everyone else*/\r
-}\r
-.x-panel-btns-ct table td.x-panel-btn-td{\r
-       padding:3px;\r
-}\r
-\r
-.x-panel-btns-ct .x-btn-focus .x-btn-left{\r
-       background-position:0 -147px;\r
-}\r
-.x-panel-btns-ct .x-btn-focus .x-btn-right{\r
-       background-position:0 -168px;\r
-}\r
-.x-panel-btns-ct .x-btn-focus .x-btn-center{\r
-       background-position:0 -189px;\r
-}\r
-\r
-.x-panel-btns-ct .x-btn-over .x-btn-left{\r
-       background-position:0 -63px;\r
-}\r
-.x-panel-btns-ct .x-btn-over .x-btn-right{\r
-       background-position:0 -84px;\r
-}\r
-.x-panel-btns-ct .x-btn-over .x-btn-center{\r
-       background-position:0 -105px;\r
-}\r
-\r
-.x-panel-btns-ct .x-btn-click .x-btn-center{\r
-       background-position:0 -126px;\r
-}\r
-.x-panel-btns-ct .x-btn-click  .x-btn-right{\r
-       background-position:0 -84px;\r
-}\r
-.x-panel-btns-ct .x-btn-click .x-btn-left{\r
-       background-position:0 -63px;\r
-}
\ No newline at end of file
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.x-panel {
+    border-style: solid;
+    border-width:0;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+    padding:5px 3px 4px 5px;
+    border:1px solid;
+    line-height: 15px;
+    background: transparent repeat-x 0 -1px;
+}
+
+.x-panel-body {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    position: relative; /* added for item scroll positioning */
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+    border:1px solid;
+    border-top:0 none;
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top:1px solid;
+    border-bottom: 0 none;
+}
+
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-top:1px solid;
+}
+
+.x-panel-header {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-tl .x-panel-header {
+    padding:5px 0 4px 0;
+    border:0 none;
+    background:transparent;
+}
+
+.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
+    padding-left:20px !important;
+    background-repeat:no-repeat;
+    background-position:0 4px;
+    zoom:1;
+}
+
+.x-panel-inline-icon {
+    width:16px;
+       height:16px;
+    background-repeat:no-repeat;
+    background-position:0 0;
+       vertical-align:middle;
+       margin-right:4px;
+       margin-top:-1px;
+       margin-bottom:-1px;
+}
+
+.x-panel-tc {
+       background: transparent repeat-x 0 0;
+       overflow:hidden;
+}
+
+/* fix ie7 strict mode bug */
+.ext-strict .ext-ie7 .x-panel-tc {
+    overflow: visible;
+}
+
+.x-panel-tl {
+       background: transparent no-repeat 0 0;
+       padding-left:6px;
+    zoom:1;
+    border-bottom:1px solid;
+}
+
+.x-panel-tr {
+       background: transparent no-repeat right 0;
+       zoom:1;
+    padding-right:6px;
+}
+
+.x-panel-bc {
+       background: transparent repeat-x 0 bottom;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    zoom:1;
+}
+
+.x-panel-bl {
+       background: transparent no-repeat 0 bottom;
+       padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-br {
+       background: transparent no-repeat right bottom;
+       padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-mc {
+    border:0 none;
+    padding:0;
+    margin:0;
+    padding-top:6px;
+}
+
+.x-panel-mc .x-panel-body {
+    background:transparent;
+    border: 0 none;
+}
+
+.x-panel-ml {
+       background: repeat-y 0 0;
+       padding-left:6px;
+    zoom:1;
+}
+
+.x-panel-mr {
+       background: transparent repeat-y right 0;
+       padding-right:6px;
+    zoom:1;
+}
+
+.x-panel-bc .x-panel-footer {
+    padding-bottom:6px;
+}
+
+.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
+       height:6px;
+    font-size:0;
+    line-height:0;
+}
+
+.x-panel-bwrap {
+    overflow:hidden;
+    zoom:1;
+    left:0;
+    top:0;
+}
+.x-panel-body {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-panel-collapsed .x-resizable-handle{
+    display:none;
+}
+
+.ext-gecko .x-panel-animated div {
+    overflow:hidden !important;
+}
+
+/* Plain */
+.x-plain-body {
+    overflow:hidden;
+}
+
+.x-plain-bbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-tbar .x-toolbar {
+    overflow:hidden;
+    padding:2px;
+}
+
+.x-plain-bwrap {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-plain {
+    overflow:hidden;
+}
+
+/* Tools */
+.x-tool {
+    overflow:hidden;
+    width:15px;
+    height:15px;
+    float:right;
+    cursor:pointer;
+    background:transparent no-repeat;
+    margin-left:2px;
+}
+
+/* expand / collapse tools */
+.x-tool-toggle {
+    background-position:0 -60px;
+}
+
+.x-tool-toggle-over {
+    background-position:-15px -60px;
+}
+
+.x-panel-collapsed .x-tool-toggle {
+    background-position:0 -75px;
+}
+
+.x-panel-collapsed .x-tool-toggle-over {
+    background-position:-15px -75px;
+}
+
+
+.x-tool-close {
+    background-position:0 -0;
+}
+
+.x-tool-close-over {
+    background-position:-15px 0;
+}
+
+.x-tool-minimize {
+    background-position:0 -15px;
+}
+
+.x-tool-minimize-over {
+    background-position:-15px -15px;
+}
+
+.x-tool-maximize {
+    background-position:0 -30px;
+}
+
+.x-tool-maximize-over {
+    background-position:-15px -30px;
+}
+
+.x-tool-restore {
+    background-position:0 -45px;
+}
+
+.x-tool-restore-over {
+    background-position:-15px -45px;
+}
+
+.x-tool-gear {
+    background-position:0 -90px;
+}
+
+.x-tool-gear-over {
+    background-position:-15px -90px;
+}
+
+.x-tool-pin {
+    background-position:0 -135px;
+}
+
+.x-tool-pin-over {
+    background-position:-15px -135px;
+}
+
+.x-tool-unpin {
+    background-position:0 -150px;
+}
+
+.x-tool-unpin-over {
+    background-position:-15px -150px;
+}
+
+.x-tool-right {
+    background-position:0 -165px;
+}
+
+.x-tool-right-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-left {
+    background-position:0 -180px;
+}
+
+.x-tool-left-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-up {
+    background-position:0 -210px;
+}
+
+.x-tool-up-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-down {
+    background-position:0 -195px;
+}
+
+.x-tool-down-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-refresh {
+    background-position:0 -225px;
+}
+
+.x-tool-refresh-over {
+    background-position:-15px -225px;
+}
+
+.x-tool-minus {
+    background-position:0 -255px;
+}
+
+.x-tool-minus-over {
+    background-position:-15px -255px;
+}
+
+.x-tool-plus {
+    background-position:0 -240px;
+}
+
+.x-tool-plus-over {
+    background-position:-15px -240px;
+}
+
+.x-tool-search {
+    background-position:0 -270px;
+}
+
+.x-tool-search-over {
+    background-position:-15px -270px;
+}
+
+.x-tool-save {
+    background-position:0 -285px;
+}
+
+.x-tool-save-over {
+    background-position:-15px -285px;
+}
+
+.x-tool-help {
+    background-position:0 -300px;
+}
+
+.x-tool-help-over {
+    background-position:-15px -300px;
+}
+
+.x-tool-print {
+    background-position:0 -315px;
+}
+
+.x-tool-print-over {
+    background-position:-15px -315px;
+}
+
+/* Ghosting */
+.x-panel-ghost {
+    z-index:12000;
+    overflow:hidden;
+    position:absolute;
+    left:0;top:0;
+    opacity:.65;
+    -moz-opacity:.65;
+    filter:alpha(opacity=65);
+}
+
+.x-panel-ghost ul {
+    margin:0;
+    padding:0;
+    overflow:hidden;
+    font-size:0;
+    line-height:0;
+    border:1px solid;
+    border-top:0 none;
+    display:block;
+}
+
+.x-panel-ghost * {
+    cursor:move !important;
+}
+
+.x-panel-dd-spacer {
+    border:2px dashed;
+}
+
+/* Buttons */
+.x-panel-btns {
+    padding:5px;
+    overflow:hidden;
+}
+
+.x-panel-btns-right .x-panel-fbar {
+       float:right;
+       clear:none;
+}
+
+.x-panel-btns-left .x-panel-fbar {
+       clear:none;
+}
+
+.x-panel-btns-center{
+       text-align:center; /*ie*/
+}
+
+.x-panel-btns-center .x-toolbar-ct {
+       margin:0 auto; /*everyone else*/
+    text-align:left;
+    width:auto;
+}
+
+.ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
+    width:auto;
+}
+
+.x-panel-btns td.x-toolbar-cell{
+       padding:3px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-left{
+       background-position:0 -147px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-right{
+       background-position:0 -168px;
+}
+
+.x-panel-btns .x-btn-focus .x-btn-center{
+       background-position:0 -189px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-left{
+       background-position:0 -63px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-right{
+       background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-over .x-btn-center{
+       background-position:0 -105px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-center{
+       background-position:0 -126px;
+}
+
+.x-panel-btns .x-btn-click  .x-btn-right{
+       background-position:0 -84px;
+}
+
+.x-panel-btns .x-btn-click .x-btn-left{
+       background-position:0 -63px;
+}
+
+.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+       white-space: nowrap;
+}