webgui/www/extras/yui-ext/resources/css/layout.css
JT Smith cfd09a5cb6 upgraded to yui 0.12.0
upgraded to yui-ext 0.33 rc2
2006-11-28 02:23:34 +00:00

273 lines
No EOL
6.7 KiB
CSS

/*
* yui-ext .33 RC2
* Copyright(c) 2006, Jack Slocum.
*/
.ylayout-container{
width:100%;
height:100%;
overflow:hidden;
background-color:#c3daf9;
}
.ylayout-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;
}
.ylayout-collapsed-over{
cursor:pointer;
background-color:#d9e8fb;
}
.ylayout-collapsed-west .ylayout-tools-button{
float:right;
}
.ylayout-collapsed-east .ylayout-tools-button{
float:left;
}
.ylayout-collapsed-north, .ylayout-collapsed-south{
text-align:right;
}
.ylayout-collapsed .ylayout-tools-button{
margin:2px;
width:12px;
text-align:center;
}
.ylayout-inactive-content{
position:absolute;
left:-10000px;
top:-10000px;
visibility:hidden;
}
.ylayout-active-content{
visibility:visible;
}
.ylayout-panel{
position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
}
.ylayout-panel-east, .ylayout-panel-west {
z-index:10;
}
.ylayout-panel-north, .ylayout-panel-south {
z-index:11;
}
.ylayout-collapsed-north, .ylayout-collapsed-south, .ylayout-collapsed-east, .ylayout-collapsed-west {
z-index:12;
}
.ylayout-panel{
position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
}
.ylayout-panel-body{
overflow:hidden;
}
.ylayout-grid-wrapper{
}
.ylayout-split{
position:absolute;
height:5px;
width:5px;
line-height:1px;
font-size:1px;
z-index:3;
background-color:#c3daf9;
}
.ylayout-panel-hd{
background-image: url(../images/layout/panel-title-light-bg.gif);
color: black;
border-bottom:1px solid #98c0f4;
position:relative;
}
.ylayout-panel-hd-text{
font:normal 11px tahoma, verdana, helvetica;
padding: 4px;
padding-left: 4px;
display:block;
}
.ylayout-panel-hd-tools{
position:absolute;
right:0px;
top:0px;
text-align:right;
padding-top:2px;
padding-right:2px;width:40px;
}
.ylayout-tools-button{
z-index:6;
padding:2px;
cursor:pointer;
float:right;
}
.ylayout-tools-button-over{
padding:1px;
border:1px solid #98c0f4;
background-color:white;
}
.ylayout-tools-button-inner{
height:12px;
width:12px;
line-height:1px;
font-size:1px;
background-repeat:no-repeat;
background-position:center;
}
.ylayout-close{
background-image:url(../images/layout/panel-close.gif);
}
.ylayout-collapse-west,.ylayout-expand-east{
background-image:url(../images/layout/collapse.gif);
}
.ylayout-expand-west,.ylayout-collapse-east{
background-image:url(../images/layout/expand.gif);
}
.ylayout-collapse-north,.ylayout-expand-south{
background-image:url(../images/layout/ns-collapse.gif);
}
.ylayout-expand-north,.ylayout-collapse-south{
background-image:url(../images/layout/ns-expand.gif);
}
.ylayout-split-h{
background-image:url(../images/sizer/e-handle.gif);
background-position: left;
}
.ylayout-split-v{
background-image:url(../images/sizer/s-handle.gif);
background-position: top;
}
.ylayout-panel .ytab-wrap{
background:url(../images/layout/gradient-bg.gif);
}
.ylayout-panel .yui-ext-tabbody {
background-color:white;
overflow:auto;height:100%;
}
.ylayout-component-panel, .ylayout-nested-layout {
position:relative;
padding:0px;
overflow:hidden;
width:200px;
height:200px;
}
.ylayout-nested-layout .ylayout-panel {
border:0px none;
}
.ylayout-nested-layout .ylayout-panel-north {
border-bottom:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-south {
border-top:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-east {
border-left:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-west {
border-right:1px solid #98c0f4;
}
.yui-ext-repaint{
zoom:1;
background-color: transparent;
}
.ylayout-panel-dragover {
border: 2px solid #6593cf;
}
.ylayout-panel-proxy {
background-image: url('../images/layout/gradient-bg.gif');
background-color:#c3daf9;
border:1px dashed #6593cf;
z-index:10001;
overflow:hidden;
position:absolute;
left:0;top:0;
}
.ylayout-slider {
z-index:15;
overflow:hidden;
position:absolute;
}
/** gray theme */
.ytheme-gray,div.ytheme-gray,.ytheme-gray .ylayout-container{
background-color:#f3f2e7;
}
.ytheme-gray{
background-color:#f3f2e7;
}
.ytheme-gray .ylayout-collapsed{
background-color:#f3f2e7;
border:1px solid #aca899;
}
.ytheme-gray .ylayout-collapsed-over{
background-color:#fbfbef;
}
.ytheme-gray .ylayout-panel{
border:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel {
border:0px none;
}
.ytheme-gray .ylayout-split{
background-color:#f3f2e7;
}
.ytheme-gray .ylayout-panel-hd{
background-image: url(../images/layout/gray/panel-title-light-bg.gif);
border-bottom:1px solid #aca899;
}
.ytheme-gray .ylayout-tools-button-over{
border:1px solid #aca899;
}
.ytheme-gray .ylayout-close{
background-image:url(../images/layout/gray/panel-close.gif);
}
.ytheme-gray .ylayout-collapse-west,.ytheme-gray .ylayout-expand-east{
background-image:url(../images/layout/gray/collapse.gif);
}
.ytheme-gray .ylayout-expand-west,.ytheme-gray .ylayout-collapse-east{
background-image:url(../images/layout/gray/expand.gif);
}
.ytheme-gray .ylayout-collapse-north,.ytheme-gray .ylayout-expand-south{
background-image:url(../images/layout/gray/ns-collapse.gif);
}
.ytheme-gray .ylayout-expand-north,.ytheme-gray .ylayout-collapse-south{
background-image:url(../images/layout/gray/ns-expand.gif);
}
.ytheme-gray .ylayout-split-h{
background-image:url(../images/sizer/gray/e-handle-dark.gif);
}
.ytheme-gray .ylayout-split-v{
background-image:url(../images/sizer/gray/s-handle-dark.gif);
}
.ytheme-gray .ylayout-panel .ytab-wrap{
background:url(../images/layout/gray/gradient-bg.gif);
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-north {
border-bottom:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-south {
border-top:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-east {
border-left:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-west {
border-right:1px solid #aca899;
}
.ytheme-gray .ylayout-panel-dragover {
border: 2px solid #aca899;
}
.ytheme-gray .ylayout-panel-proxy {
background-image: url('../images/layout/gray/gradient-bg.gif');
background-color:#f3f2e7;
border:1px dashed #aca899;
}
.yunselectable{
-moz-user-select: none;
-khtml-user-select: none;
}