kopia lustrzana https://github.com/c9/core
150 wiersze
3.4 KiB
Plaintext
150 wiersze
3.4 KiB
Plaintext
.bk-window {
|
|
position : relative;
|
|
overflow : hidden;
|
|
z-index : 10000;
|
|
|
|
border-radius: @dialog-border-radius;
|
|
box-shadow: @dialog-shadow;
|
|
|
|
color: @dialog-content-color;
|
|
background: @dialog-background-color; /* Especially for retina */
|
|
}
|
|
|
|
.win-deploy-target.bk-window {
|
|
overflow: visible;
|
|
}
|
|
|
|
.bk-window .bk-header {
|
|
position : relative;
|
|
overflow : hidden;
|
|
height : @dialog-header-height;
|
|
.gradient(~"@{dialog-header-gradient}");
|
|
border-radius : @dialog-border-radius @dialog-border-radius 0 0;
|
|
border-bottom : @dialog-header-bottom-border;
|
|
box-shadow : @dialog-header-box-shadow;
|
|
|
|
padding: @dialog-header-padding;
|
|
box-sizing: border-box;
|
|
font-family: @dialog-header-font-family;
|
|
font-size: @dialog-header-font-size;
|
|
line-height: 16px;
|
|
font-weight: @dialog-header-font-weight;
|
|
color: @dialog-header-color;
|
|
cursor: default;
|
|
}
|
|
|
|
.bk-window .bk-header .buttons {
|
|
position: absolute;
|
|
right: @dialog-button-right;
|
|
top: @dialog-button-top;
|
|
}
|
|
|
|
.bk-window .bk-header .buttons .close {
|
|
.image-2x("@{image-path}/@{dialog-close-url}", @dialog-close-width, @dialog-close-height, no-repeat);
|
|
width: @dialog-button-width;
|
|
height: @dialog-button-height;
|
|
}
|
|
|
|
.bk-window .bk-header .buttons .close.hover {
|
|
background-position: @dialog-button-background-position-hover;
|
|
}
|
|
.bk-window .bk-header .buttons .close.down {
|
|
background-position: @dialog-button-background-position-active;
|
|
}
|
|
|
|
.bk-window .bk-container h3{
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.bk-window .bk-container {
|
|
position: absolute;
|
|
top: @dialog-header-height;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
.bk-window.dark .bk-container {
|
|
top: @dialog-header-height;
|
|
}
|
|
.bk-window.relative .bk-container {
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
.bk-window .bk-content {
|
|
background: @dialog-content-background;
|
|
position: absolute;
|
|
top: @dialog-header-height;
|
|
bottom: @dialog-footer-height;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 0;
|
|
}
|
|
.bk-window.dark .bk-content {
|
|
top: @dialog-header-height;
|
|
}
|
|
|
|
.bk-window.dark .bk-content{
|
|
background-color : @dialog-content-dark-background-color;
|
|
.gradient(~"@{dialog-content-dark-gradient}");
|
|
|
|
border-top : @dialog-content-dark-border-top;
|
|
}
|
|
|
|
.bk-window .bk-win-footer {
|
|
background: @dialog-footer-background;
|
|
box-shadow: @dialog-footer-shadow;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: @dialog-footer-height;
|
|
position: absolute;
|
|
|
|
border-radius: 0 0 @dialog-border-radius @dialog-border-radius;
|
|
z-index: 0;
|
|
}
|
|
|
|
.bk-window.nofooter .bk-win-footer {
|
|
display: none;
|
|
}
|
|
|
|
.bk-window-cover {
|
|
background:url("@{image-path}/bg-overlay.png") repeat 0 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
.bk-window-cover .header {
|
|
background: url("@{image-path}/cover-heaeder.png") repeat-x 0 0;
|
|
height: 12px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
.bk-window-cover .logo {
|
|
background: url("@{image-path}/cover-logo.png") no-repeat 0 0;
|
|
width: 215px;
|
|
height: 44px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 25px;
|
|
}
|
|
|
|
.bk-window.dialog .bk-container{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.bk-window.dialog .bk-container > div:first-child{
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.bk-window.wizard .bk-container > div:first-child > div{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 20px;
|
|
} |