zettapi_client
Version:
Client side CRUD operations in angular to use with zettapi_server rest api to get started quickly in any CMS project
94 lines (78 loc) • 1.82 kB
CSS
/*!
angular-block-ui v0.2.1
(c) 2015 (null) McNull https://github.com/McNull/angular-block-ui
License: MIT
*/
.block-ui {
position: relative;
}
body.block-ui {
/* IE8 doesn't support .block-ui:not(body) */
position: static;
}
body.block-ui > .block-ui-container,
.block-ui-main > .block-ui-container {
position: fixed;
}
.block-ui-container {
position: absolute;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 0;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=00);
}
.block-ui-active > .block-ui-container {
height: 100%;
cursor: wait;
}
.block-ui-active .block-ui-active > .block-ui-container {
height: 0;
}
.block-ui-visible > .block-ui-container {
opacity: 1;
filter: alpha(opacity=100);
}
.block-ui-overlay {
width: 100%;
height: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
background-color: white;
}
.block-ui-message-container {
position: absolute;
top: 35%;
left: 0;
right: 0;
height: 0;
text-align: center;
z-index: 10001;
}
.block-ui-message {
display: inline-block;
text-align: left;
background-color: #333;
color: #f5f5f5;
padding: 20px;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
/* needed for IE */
filter: alpha(opacity=100);
}
/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.block-ui-anim-fade > .block-ui-container {
transition: height 0s linear 200ms, opacity 200ms ease 0s;
}
.block-ui-anim-fade.block-ui-active > .block-ui-container {
/*this resets the initial delay of the height */
/*and sizes the block to full height at once at the start of the block. */
transition-delay: 0s;
}
/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*# sourceMappingURL=angular-block-ui.css.map */