Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / layout.css
similarity index 78%
rename from resources/css/layout.css
rename to resources/css/structure/layout.css
index 1ff6e33..b768946 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-border-layout-ct {\r
-    background:#dfe8f6;\r
-}\r
-.x-border-panel {\r
-    position:absolute;\r
-    left:0;\r
-    top:0;\r
-}\r
-\r
-.x-tool-collapse-south {\r
-    background-position:0 -195px;\r
-}\r
-.x-tool-collapse-south-over {\r
-    background-position:-15px -195px;\r
-}\r
-\r
-.x-tool-collapse-north {\r
-    background-position:0 -210px;\r
-}\r
-.x-tool-collapse-north-over {\r
-    background-position:-15px -210px;\r
-}\r
-\r
-.x-tool-collapse-west {\r
-    background-position:0 -180px;\r
-}\r
-.x-tool-collapse-west-over {\r
-    background-position:-15px -180px;\r
-}\r
-\r
-.x-tool-collapse-east {\r
-    background-position:0 -165px;\r
-}\r
-.x-tool-collapse-east-over {\r
-    background-position:-15px -165px;\r
-}\r
-\r
-\r
-.x-tool-expand-south {\r
-    background-position:0 -210px;\r
-}\r
-.x-tool-expand-south-over {\r
-    background-position:-15px -210px;\r
-}\r
-\r
-.x-tool-expand-north {\r
-    background-position:0 -195px;\r
-}\r
-.x-tool-expand-north-over {\r
-    background-position:-15px -195px;\r
-}\r
-\r
-.x-tool-expand-west {\r
-    background-position:0 -165px;\r
-}\r
-.x-tool-expand-west-over {\r
-    background-position:-15px -165px;\r
-}\r
-\r
-.x-tool-expand-east {\r
-    background-position:0 -180px;\r
-}\r
-.x-tool-expand-east-over {\r
-    background-position:-15px -180px;\r
-}\r
-\r
-.x-tool-expand-north, .x-tool-expand-south {\r
-    float:right;\r
-    margin:3px;\r
-}\r
-.x-tool-expand-east, .x-tool-expand-west {\r
-    float:none;\r
-    margin:3px auto;\r
-}\r
-\r
-\r
-\r
-.x-accordion-hd .x-tool-toggle {\r
-    background-position:0 -255px;\r
-}\r
-.x-accordion-hd .x-tool-toggle-over {\r
-    background-position:-15px -255px;\r
-}\r
-.x-panel-collapsed .x-accordion-hd .x-tool-toggle {\r
-    background-position:0 -240px;\r
-}\r
-.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {\r
-    background-position:-15px -240px;\r
-}\r
-\r
-.x-accordion-hd {\r
-       color:#222;\r
-       padding-top:4px;\r
-       padding-bottom:3px;\r
-       border-top:0 none;\r
-    font-weight:normal;\r
-    background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;\r
-}\r
-\r
-.x-layout-collapsed{\r
-    position:absolute;\r
-    left:-10000px;\r
-    top:-10000px;\r
-    visibility:hidden;\r
-    background-color:#d2e0f2;\r
-    width:20px;\r
-    height:20px;\r
-    overflow:hidden;\r
-       border:1px solid #98c0f4;\r
-       z-index:20;\r
-}\r
-.ext-border-box .x-layout-collapsed{\r
-    width:22px;\r
-    height:22px;\r
-}\r
-.x-layout-collapsed-over{\r
-    cursor:pointer;\r
-        background-color:#d9e8fb;\r
-}\r
-.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{\r
-       position:absolute;\r
-    top:0;\r
-    left:0;\r
-    width:20px;\r
-    height:20px;\r
-}\r
-\r
-\r
-.x-layout-split{\r
-    position:absolute;\r
-    height:5px;\r
-    width:5px;\r
-    line-height:1px;\r
-    font-size:1px;\r
-    z-index:3;\r
-    background-color:transparent;\r
-}\r
-\r
-/* IE6 strict won't drag w/out a color */\r
-.ext-strict .ext-ie6 .x-layout-split{\r
-    background-color: #fff !important;\r
-    filter: alpha(opacity=1);\r
-}\r
-        \r
-.x-layout-split-h{\r
-    background-image:url(../images/default/s.gif);\r
-    background-position: left;\r
-}\r
-.x-layout-split-v{\r
-    background-image:url(../images/default/s.gif);\r
-    background-position: top;\r
-}\r
-\r
-.x-column-layout-ct {\r
-    overflow:hidden;\r
-    /*padding:3px 3px 3px 3px;*/\r
-    zoom:1;\r
-}\r
-\r
-.x-column {\r
-    float:left;\r
-    padding:0;\r
-    margin:0;\r
-    overflow:hidden;\r
-    zoom:1;\r
-    /*margin:3px;*/\r
-}\r
-\r
-/* mini mode */\r
-\r
-.x-layout-mini {\r
-    position:absolute;\r
-    top:0;\r
-    left:0;\r
-    display:block;\r
-    width:5px;\r
-    height:35px;\r
-    cursor:pointer;\r
-    opacity:.5;\r
-    -moz-opacity:.5;\r
-    filter:alpha(opacity=50);\r
-}\r
-.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{\r
-    opacity:1;\r
-    -moz-opacity:1;\r
-    filter:none;\r
-}\r
-\r
-.x-layout-split-west .x-layout-mini {\r
-    top:48%;\r
-    background-image:url(../images/default/layout/mini-left.gif);\r
-}\r
-.x-layout-split-east .x-layout-mini {\r
-    top:48%;\r
-    background-image:url(../images/default/layout/mini-right.gif);\r
-}\r
-.x-layout-split-north .x-layout-mini {\r
-    left:48%;\r
-    height:5px;\r
-    width:35px;\r
-    background-image:url(../images/default/layout/mini-top.gif);\r
-}\r
-.x-layout-split-south .x-layout-mini {\r
-    left:48%;\r
-    height:5px;\r
-    width:35px;\r
-    background-image:url(../images/default/layout/mini-bottom.gif);\r
-}\r
-\r
-\r
-.x-layout-cmini-west .x-layout-mini {\r
-    top:48%;\r
-    background-image:url(../images/default/layout/mini-right.gif);\r
-}\r
-\r
-.x-layout-cmini-east .x-layout-mini {\r
-    top:48%;\r
-    background-image:url(../images/default/layout/mini-left.gif);\r
-}\r
-\r
-.x-layout-cmini-north .x-layout-mini {\r
-    left:48%;\r
-    height:5px;\r
-    width:35px;\r
-    background-image:url(../images/default/layout/mini-bottom.gif);\r
-}\r
-\r
-.x-layout-cmini-south .x-layout-mini {\r
-    left:48%;\r
-    height:5px;\r
-    width:35px;\r
-    background-image:url(../images/default/layout/mini-top.gif);\r
-}\r
-\r
-.x-layout-cmini-west, .x-layout-cmini-east {\r
-    border:0 none;\r
-    width:5px !important;\r
-    padding:0;\r
-    background:transparent;\r
-}\r
-\r
-.x-layout-cmini-north, .x-layout-cmini-south {\r
-    border:0 none;\r
-    height:5px !important;\r
-    padding:0;\r
-    background:transparent;\r
-}\r
-\r
-.x-viewport, .x-viewport body {\r
-    margin: 0;\r
-    padding: 0;\r
-    border: 0 none;\r
-    overflow: hidden;\r
-    height: 100%;\r
-}\r
-\r
-.x-abs-layout-item {\r
-    position:absolute;\r
-    left:0;\r
-    top:0;\r
-}\r
-\r
-.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {\r
-    margin:0;\r
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.x-border-layout-ct {
+    position: relative;
+}
+
+.x-border-panel {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-tool-collapse-south {
+    background-position:0 -195px;
+}
+
+.x-tool-collapse-south-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-collapse-north {
+    background-position:0 -210px;
+}
+
+.x-tool-collapse-north-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-collapse-west {
+    background-position:0 -180px;
+}
+
+.x-tool-collapse-west-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-collapse-east {
+    background-position:0 -165px;
+}
+
+.x-tool-collapse-east-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-south {
+    background-position:0 -210px;
+}
+
+.x-tool-expand-south-over {
+    background-position:-15px -210px;
+}
+
+.x-tool-expand-north {
+    background-position:0 -195px;
+}
+.x-tool-expand-north-over {
+    background-position:-15px -195px;
+}
+
+.x-tool-expand-west {
+    background-position:0 -165px;
+}
+
+.x-tool-expand-west-over {
+    background-position:-15px -165px;
+}
+
+.x-tool-expand-east {
+    background-position:0 -180px;
+}
+
+.x-tool-expand-east-over {
+    background-position:-15px -180px;
+}
+
+.x-tool-expand-north, .x-tool-expand-south {
+    float:right;
+    margin:3px;
+}
+
+.x-tool-expand-east, .x-tool-expand-west {
+    float:none;
+    margin:3px auto;
+}
+
+.x-accordion-hd .x-tool-toggle {
+    background-position:0 -255px;
+}
+
+.x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -255px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
+    background-position:0 -240px;
+}
+
+.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
+    background-position:-15px -240px;
+}
+
+.x-accordion-hd {
+       padding-top:4px;
+       padding-bottom:3px;
+       border-top:0 none;
+    background: transparent repeat-x 0 -9px;
+}
+
+.x-layout-collapsed{
+    position:absolute;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+    width:20px;
+    height:20px;
+    overflow:hidden;
+       border:1px solid;
+       z-index:20;
+}
+
+.ext-border-box .x-layout-collapsed{
+    width:22px;
+    height:22px;
+}
+
+.x-layout-collapsed-over{
+    cursor:pointer;
+}
+
+.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
+       position:absolute;
+    top:0;
+    left:0;
+    width:20px;
+    height:20px;
+}
+
+
+.x-layout-split{
+    position:absolute;
+    height:5px;
+    width:5px;
+    line-height:1px;
+    font-size:1px;
+    z-index:3;
+    background-color:transparent;
+}
+
+/* IE6 strict won't drag w/out a color */
+.ext-strict .ext-ie6 .x-layout-split{
+    background-color: #fff !important;
+    filter: alpha(opacity=1);
+}
+
+.x-layout-split-h{
+    background-image:url(../images/default/s.gif);
+    background-position: left;
+}
+
+.x-layout-split-v{
+    background-image:url(../images/default/s.gif);
+    background-position: top;
+}
+
+.x-column-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column {
+    float:left;
+    padding:0;
+    margin:0;
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-column-inner {
+    overflow:hidden;
+    zoom:1;
+}
+
+/* mini mode */
+.x-layout-mini {
+    position:absolute;
+    top:0;
+    left:0;
+    display:block;
+    width:5px;
+    height:35px;
+    cursor:pointer;
+    opacity:.5;
+    -moz-opacity:.5;
+    filter:alpha(opacity=50);
+}
+
+.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
+    opacity:1;
+    -moz-opacity:1;
+    filter:none;
+}
+
+.x-layout-split-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-split-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-split-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-east .x-layout-mini {
+    top:48%;
+}
+
+.x-layout-cmini-north .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-south .x-layout-mini {
+    left:48%;
+    height:5px;
+    width:35px;
+}
+
+.x-layout-cmini-west, .x-layout-cmini-east {
+    border:0 none;
+    width:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-layout-cmini-north, .x-layout-cmini-south {
+    border:0 none;
+    height:5px !important;
+    padding:0;
+    background:transparent;
+}
+
+.x-viewport, .x-viewport body {
+    margin: 0;
+    padding: 0;
+    border: 0 none;
+    overflow: hidden;
+    height: 100%;
+}
+
+.x-abs-layout-item {
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
+    margin:0;
+}
+
+.x-box-layout-ct {
+    overflow:hidden;
+    zoom:1;
+}
+
+.x-box-inner {
+    overflow:hidden;
+    zoom:1;
+    position:relative;
+    left:0;
+    top:0;
+}
+
+.x-box-item {
+    position:absolute;
+    left:0;
+    top:0;
 }
\ No newline at end of file