web-apps/apps/common/main/resources/less/loadmask.less
2016-11-10 14:57:07 +03:00

80 lines
1.6 KiB
Plaintext

@loadmask-zindex: @zindex-modal + 100;
.asc-loadmask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
zoom: 1;
background-color: transparent;
z-index: @loadmask-zindex;
}
.asc-loadmask-body {
position: absolute;
z-index: @loadmask-zindex + 1;
padding: 20px;
line-height: 33px;
border: none;
background-image: none;
background-color: fade(darken(@gray-deep, 15%), 70%);
color: @gray-light;
.border-radius(@border-radius-large);
& > div {
display: inline-block;
vertical-align: middle;
}
.asc-loadmask-image {
background-image: ~"url(@{common-image-const-path}/load-mask/loading.gif)";
height: 33px;
width: 33px;
float: left;
margin-left: 20px;
}
.asc-loadmask-title {
.fontsize(@font-size-large);
margin: 0 20px;
}
}
.app-error-panel {
position: absolute;
width: 100%;
height: 100%;
background-color: #f4f4f4;
z-index: 10;
.message-block {
display: inline-block;
vertical-align: middle;
width: 100%;
.message-inner {
width: 550px;
margin: auto;
padding: 30px;
background-color: #e3e3e3;
text-align: center;
.title {
font-size: 24px;
margin: 0 0 14px;
}
.text {
font-size: 14px;
}
}
}
.message-auxiliary {
display: inline-block;
vertical-align: middle;
height: 100%;
}
}