css/layout.css
authorAlan Knowles <alan@akbkhome.com>
Sun, 18 Nov 2012 10:33:19 +0000 (18:33 +0800)
committerAlan Knowles <alan@akbkhome.com>
Sun, 18 Nov 2012 10:33:19 +0000 (18:33 +0800)
css/layout.css

index 7ab92f2..08e5edb 100644 (file)
-.x-layout-container{\r
-    width:100%;\r
-    height:100%;\r
-    overflow:hidden;\r
-        background-color:#c3daf9;\r
-}\r
-.x-layout-collapsed{\r
-    position:absolute;\r
-    left:-10000px;\r
-    top:-10000px;\r
-    visibility:hidden;\r
-    background-color:#c3daf9;\r
-    width:20px;\r
-    height:20px;\r
-    overflow:hidden;\r
-        border:1px solid #98c0f4;\r
-        z-index:20;\r
-}\r
-.x-layout-collapsed-over{\r
-    cursor:pointer;\r
-        background-color:#d9e8fb;\r
-}\r
-.x-layout-collapsed-west  .x-layout-tools-button{\r
-       float:right;\r
-}\r
-.x-layout-collapsed-east  .x-layout-tools-button{\r
-       float:left;\r
-}\r
-.x-layout-collapsed-north, .x-layout-collapsed-south{\r
-       text-align:right;\r
-}\r
-.x-layout-collapsed .x-layout-tools-button{\r
-   margin:2px;\r
-        width:12px;\r
-        text-align:center;\r
-}\r
-.x-layout-inactive-content{\r
-    position:absolute;\r
-    left:-10000px;\r
-    top:-10000px;\r
-    visibility:hidden;\r
-}\r
-.x-layout-active-content{\r
-    visibility:visible;\r
-}\r
-.x-layout-panel{\r
-    position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;\r
-}\r
-.x-layout-panel-east, .x-layout-panel-west {\r
-    z-index:10;\r
-}\r
-.x-layout-panel-north, .x-layout-panel-south {\r
-    z-index:11;\r
-}\r
-.x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {\r
-    z-index:12;\r
-}\r
-.x-layout-panel-body{\r
-    overflow:hidden;\r
-}\r
-.x-layout-grid-wrapper{\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:#c3daf9;\r
-}\r
-.x-layout-panel-hd{\r
-    background-image: url(../images/default/layout/panel-title-light-bg.gif);\r
-    color: black;\r
-    border-bottom:1px solid #98c0f4;\r
-    position:relative;\r
-}\r
-.x-layout-panel-hd-text{\r
-    font:normal 11px tahoma, verdana, helvetica;\r
-    padding: 4px;\r
-    padding-left: 4px;\r
-    display:block;\r
-        white-space:nowrap;\r
-}\r
-.x-layout-panel-hd-tools{\r
-    position:absolute;\r
-    right:0;\r
-    top:0;\r
-    text-align:right;\r
-    padding-top:2px;\r
-    padding-right:2px;width:40px;\r
-}\r
-.x-layout-tools-button{\r
-    z-index:6;\r
+.x-layout-container{
+    width:100%;
+    height:100%;
+    overflow:hidden;
+        background-color:#c3daf9;
+}
+.x-layout-collapsed{
+    position:absolute;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+    background-color:#c3daf9;
+    width:20px;
+    height:20px;
+    overflow:hidden;
+        border:1px solid #98c0f4;
+        z-index:20;
+}
+.x-layout-collapsed-over{
+    cursor:pointer;
+        background-color:#d9e8fb;
+}
+.x-layout-collapsed-west  .x-layout-tools-button{
+       float:right;
+}
+.x-layout-collapsed-east  .x-layout-tools-button{
+       float:left;
+}
+.x-layout-collapsed-north, .x-layout-collapsed-south{
+       text-align:right;
+}
+.x-layout-collapsed .x-layout-tools-button{
+   margin:2px;
+        width:12px;
+        text-align:center;
+}
+.x-layout-inactive-content{
+    position:absolute;
+    left:-10000px;
+    top:-10000px;
+    visibility:hidden;
+}
+.x-layout-active-content{
+    visibility:visible;
+}
+.x-layout-panel{
+    position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
+}
+.x-layout-panel-east, .x-layout-panel-west {
+    z-index:10;
+}
+.x-layout-panel-north, .x-layout-panel-south {
+    z-index:11;
+}
+.x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
+    z-index:12;
+}
+.x-layout-panel-body{
+    overflow:hidden;
+}
+.x-layout-grid-wrapper{
+
+}
+.x-layout-split{
+    position:absolute;
+    height:5px;
+    width:5px;
+    line-height:1px;
+    font-size:1px;
+    z-index:3;
+    background-color:#c3daf9;
+}
+.x-layout-panel-hd{
+    background-image: url(../images/default/layout/panel-title-light-bg.gif);
+    color: black;
+    border-bottom:1px solid #98c0f4;
+    position:relative;
+}
+.x-layout-panel-hd-text{
+    font:normal 11px tahoma, verdana, helvetica;
+    padding: 4px;
+    padding-left: 4px;
+    display:block;
+        white-space:nowrap;
+}
+.x-layout-panel-hd-tools{
+    position:absolute;
+    right:0;
+    top:0;
+    text-align:right;
+    padding-top:2px;
+    padding-right:2px;width:40px;
+}
+.x-layout-tools-button{
+    z-index:6;
     padding:2px;
-    float:right;\r
-    cursor:pointer;\r
-}\r
-.x-layout-tools-button-over{\r
-    padding:1px;\r
-    border:1px solid #98c0f4;\r
-    background-color:white;\r
-}\r
-.x-layout-tools-button-inner{\r
-    height:12px;\r
-    width:12px;\r
-    line-height:1px;\r
-    font-size:1px;\r
-    background-repeat:no-repeat;\r
-    background-position:center;\r
-}\r
-.x-layout-close{\r
-    background-image:url(../images/default/layout/layout-sprite.gif);\r
-    background-repeat: no-repeat;\r
-    background-position: 50% -48px;\r
-}\r
-.x-layout-collapse-west,.x-layout-expand-east{\r
-    background-image:url(../images/default/layout/layout-sprite.gif);\r
-    background-repeat: no-repeat;\r
-    background-position: 50% 0;\r
-}\r
-.x-layout-expand-west,.x-layout-collapse-east{\r
-    background-image:url(../images/default/layout/layout-sprite.gif);\r
-    background-repeat: no-repeat;\r
-    background-position: 50% -12px;\r
-}\r
-.x-layout-collapse-north,.x-layout-expand-south{\r
-    background-image:url(../images/default/layout/layout-sprite.gif);\r
-    background-repeat: no-repeat;\r
-    background-position: 50% -24px;\r
-}\r
-.x-layout-expand-north,.x-layout-collapse-south{\r
-    background-image:url(../images/default/layout/layout-sprite.gif);\r
-    background-repeat: no-repeat;\r
-    background-position: 50% -36px;\r
-}\r
-.x-layout-split-h{\r
-    background-image:url(../images/default/sizer/e-handle.gif);\r
+    float:right;
+    cursor:pointer;
+}
+.x-layout-tools-button-over{
+    padding:1px;
+    border:1px solid #98c0f4;
+    background-color:white;
+}
+.x-layout-tools-button-inner{
+    height:12px;
+    width:12px;
+    line-height:1px;
+    font-size:1px;
+    background-repeat:no-repeat;
+    background-position:center;
+}
+.x-layout-close{
+    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-repeat: no-repeat;
+    background-position: 50% -48px;
+}
+.x-layout-collapse-west,.x-layout-expand-east{
+    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-repeat: no-repeat;
+    background-position: 50% 0;
+}
+.x-layout-expand-west,.x-layout-collapse-east{
+    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-repeat: no-repeat;
+    background-position: 50% -12px;
+}
+.x-layout-collapse-north,.x-layout-expand-south{
+    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-repeat: no-repeat;
+    background-position: 50% -24px;
+}
+.x-layout-expand-north,.x-layout-collapse-south{
+    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-repeat: no-repeat;
+    background-position: 50% -36px;
+}
+.x-layout-split-h{
+    background-image:url(../images/default/sizer/e-handle.gif);
     background-position: left;
-    cursor:col-resize;\r
-}\r
-.x-layout-split-v{\r
-    background-image:url(../images/default/sizer/s-handle.gif);\r
+    cursor:col-resize;
+}
+.x-layout-split-v{
+    background-image:url(../images/default/sizer/s-handle.gif);
     background-position: top;
-    cursor:row-resize;\r
-}\r
-.x-layout-panel .x-tabs-wrap{\r
-    background:url(../images/default/layout/gradient-bg.gif);\r
-}\r
-.x-layout-panel .roo-tabbody {\r
-    background-color:white;\r
-    overflow:auto;height:100%;\r
-}\r
-.x-layout-component-panel, .x-layout-nested-layout {\r
-       position:relative;\r
-   padding:0;\r
-       overflow:hidden;\r
-       width:200px;\r
-       height:200px;\r
-}\r
-.x-layout-nested-layout .x-layout-panel {\r
-         border:0 none;\r
-}\r
-.x-layout-nested-layout .x-layout-panel-north {\r
-         border-bottom:1px solid #98c0f4;\r
-}\r
-.x-layout-nested-layout .x-layout-panel-south {\r
-         border-top:1px solid #98c0f4;\r
-}\r
-.x-layout-nested-layout .x-layout-panel-east {\r
-         border-left:1px solid #98c0f4;\r
-}\r
-.x-layout-nested-layout .x-layout-panel-west {\r
-         border-right:1px solid #98c0f4;\r
-}\r
-.roo-repaint{\r
-    zoom:1;\r
-        background-color: transparent;\r
-}\r
-.x-layout-panel-dragover {\r
-       border: 2px solid #6593cf;\r
-}\r
-.x-layout-panel-proxy {\r
-       background-image: url(../images/default/layout/gradient-bg.gif);\r
-       background-color:#c3daf9;\r
-       border:1px dashed #6593cf;\r
-       z-index:10001;\r
-       overflow:hidden;\r
-       position:absolute;\r
-       left:0;top:0;\r
-}\r
-.x-layout-slider {\r
-       z-index:15;\r
-       overflow:hidden;\r
-       position:absolute;\r
-}\r
-\r
-.x-unselectable{\r
-       -moz-user-select: none;\r
-       -khtml-user-select: none;\r
-       cursor:default;\r
+    cursor:row-resize;
+}
+.x-layout-panel .x-tabs-wrap{
+    background:url(../images/default/layout/gradient-bg.gif);
+}
+.x-layout-panel .roo-tabbody {
+    background-color:white;
+    overflow:auto;height:100%;
+}
+.x-layout-component-panel, .x-layout-nested-layout {
+       position:relative;
+   padding:0;
+       overflow:hidden;
+       width:200px;
+       height:200px;
+}
+.x-layout-nested-layout .x-layout-panel {
+         border:0 none;
+}
+.x-layout-nested-layout .x-layout-panel-north {
+         border-bottom:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-south {
+         border-top:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-east {
+         border-left:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-west {
+         border-right:1px solid #98c0f4;
+}
+.roo-repaint{
+    zoom:1;
+        background-color: transparent;
+}
+.x-layout-panel-dragover {
+       border: 2px solid #6593cf;
+}
+.x-layout-panel-proxy {
+       background-image: url(../images/default/layout/gradient-bg.gif);
+       background-color:#c3daf9;
+       border:1px dashed #6593cf;
+       z-index:10001;
+       overflow:hidden;
+       position:absolute;
+       left:0;top:0;
+}
+.x-layout-slider {
+       z-index:15;
+       overflow:hidden;
+       position:absolute;
+}
+
+.x-unselectable{
+       -moz-user-select: none;
+       -khtml-user-select: none;
+       cursor:default;
 }
 
 /** --- split bar dragging ---*/