189 lines
4.2 KiB
CSS
189 lines
4.2 KiB
CSS
|
.window {
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 5px;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
.window .window-header {
|
||
|
|
background: transparent;
|
||
|
|
padding: 0px 0px 6px 0px;
|
||
|
|
}
|
||
|
|
.window .window-body {
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-top-width: 0px;
|
||
|
|
}
|
||
|
|
.window .window-body-noheader {
|
||
|
|
border-top-width: 1px;
|
||
|
|
}
|
||
|
|
.window .panel-body-nobottom {
|
||
|
|
border-bottom-width: 0;
|
||
|
|
}
|
||
|
|
.window .window-header .panel-icon,
|
||
|
|
.window .window-header .panel-tool {
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -11px;
|
||
|
|
}
|
||
|
|
.window .window-header .panel-icon {
|
||
|
|
left: 1px;
|
||
|
|
}
|
||
|
|
.window .window-header .panel-tool {
|
||
|
|
right: 1px;
|
||
|
|
}
|
||
|
|
.window .window-header .panel-with-icon {
|
||
|
|
padding-left: 18px;
|
||
|
|
}
|
||
|
|
.window-proxy {
|
||
|
|
position: absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.window-proxy-mask {
|
||
|
|
position: absolute;
|
||
|
|
filter: alpha(opacity=5);
|
||
|
|
opacity: 0.05;
|
||
|
|
}
|
||
|
|
.window-mask {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
filter: alpha(opacity=40);
|
||
|
|
opacity: 0.40;
|
||
|
|
font-size: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.window,
|
||
|
|
.window-shadow {
|
||
|
|
position: absolute;
|
||
|
|
-moz-border-radius: 5px 5px 5px 5px;
|
||
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
||
|
|
border-radius: 5px 5px 5px 5px;
|
||
|
|
}
|
||
|
|
.window-shadow {
|
||
|
|
background: #ccc;
|
||
|
|
-moz-box-shadow: 2px 2px 3px #cccccc;
|
||
|
|
-webkit-box-shadow: 2px 2px 3px #cccccc;
|
||
|
|
box-shadow: 2px 2px 3px #cccccc;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
|
||
|
|
}
|
||
|
|
.window,
|
||
|
|
.window .window-body {
|
||
|
|
border-color: #D3D3D3;
|
||
|
|
}
|
||
|
|
.window {
|
||
|
|
background-color: #f3f3f3;
|
||
|
|
background: -webkit-linear-gradient(top,#F8F8F8 0,#eeeeee 20%);
|
||
|
|
background: -moz-linear-gradient(top,#F8F8F8 0,#eeeeee 20%);
|
||
|
|
background: -o-linear-gradient(top,#F8F8F8 0,#eeeeee 20%);
|
||
|
|
background: linear-gradient(to bottom,#F8F8F8 0,#eeeeee 20%);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F8F8F8,endColorstr=#eeeeee,GradientType=0);
|
||
|
|
}
|
||
|
|
.window-proxy {
|
||
|
|
border: 1px dashed #D3D3D3;
|
||
|
|
}
|
||
|
|
.window-proxy-mask,
|
||
|
|
.window-mask {
|
||
|
|
background: #ccc;
|
||
|
|
}
|
||
|
|
.window .panel-footer {
|
||
|
|
border: 1px solid #D3D3D3;
|
||
|
|
position: relative;
|
||
|
|
top: -1px;
|
||
|
|
}
|
||
|
|
.window-thinborder {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.window-thinborder .window-header {
|
||
|
|
padding: 5px 5px 6px 5px;
|
||
|
|
}
|
||
|
|
.window-thinborder .window-body {
|
||
|
|
border-width: 0px;
|
||
|
|
}
|
||
|
|
.window-thinborder .window-footer {
|
||
|
|
border-left: transparent;
|
||
|
|
border-right: transparent;
|
||
|
|
border-bottom: transparent;
|
||
|
|
}
|
||
|
|
.window-thinborder .window-header .panel-icon,
|
||
|
|
.window-thinborder .window-header .panel-tool {
|
||
|
|
margin-top: -9px;
|
||
|
|
margin-left: 5px;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.window-noborder {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.window.panel-hleft .window-header {
|
||
|
|
padding: 0 6px 0 0;
|
||
|
|
}
|
||
|
|
.window.panel-hright .window-header {
|
||
|
|
padding: 0 0 0 6px;
|
||
|
|
}
|
||
|
|
.window.panel-hleft>.panel-header .panel-title {
|
||
|
|
top: auto;
|
||
|
|
left: 16px;
|
||
|
|
}
|
||
|
|
.window.panel-hright>.panel-header .panel-title {
|
||
|
|
top: auto;
|
||
|
|
right: 16px;
|
||
|
|
}
|
||
|
|
.window.panel-hleft>.panel-header .panel-title-up,
|
||
|
|
.window.panel-hright>.panel-header .panel-title-up {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.window.panel-hleft .window-body {
|
||
|
|
border-width: 1px 1px 1px 0;
|
||
|
|
}
|
||
|
|
.window.panel-hright .window-body {
|
||
|
|
border-width: 1px 0 1px 1px;
|
||
|
|
}
|
||
|
|
.window.panel-hleft .window-header .panel-icon {
|
||
|
|
top: 1px;
|
||
|
|
margin-top: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.window.panel-hright .window-header .panel-icon {
|
||
|
|
top: 1px;
|
||
|
|
margin-top: 0;
|
||
|
|
left: auto;
|
||
|
|
right: 1px;
|
||
|
|
}
|
||
|
|
.window.panel-hleft .window-header .panel-tool,
|
||
|
|
.window.panel-hright .window-header .panel-tool {
|
||
|
|
margin-top: 0;
|
||
|
|
top: auto;
|
||
|
|
bottom: 1px;
|
||
|
|
right: auto;
|
||
|
|
margin-right: 0;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -11px;
|
||
|
|
}
|
||
|
|
.window.panel-hright .window-header .panel-tool {
|
||
|
|
left: auto;
|
||
|
|
right: 1px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hleft .window-header {
|
||
|
|
padding: 5px 6px 5px 5px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hright .window-header {
|
||
|
|
padding: 5px 5px 5px 6px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hleft>.panel-header .panel-title {
|
||
|
|
left: 21px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hleft>.panel-header .panel-title-up,
|
||
|
|
.window-thinborder.panel-hright>.panel-header .panel-title-up {
|
||
|
|
bottom: 5px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hleft .window-header .panel-icon,
|
||
|
|
.window-thinborder.panel-hright .window-header .panel-icon {
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.window-thinborder.panel-hleft .window-header .panel-tool,
|
||
|
|
.window-thinborder.panel-hright .window-header .panel-tool {
|
||
|
|
left: 16px;
|
||
|
|
bottom: 5px;
|
||
|
|
}
|