src/ClientApp/app/style.css
/*patch to bs3*/
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
.text-center-xs {
text-align: center;
}
.btn-block-xs {
width: 100%;
display: block;
}
.pull-right-xs {
float: right !important;
}
}
textarea.form-control.full-width {
min-width: 100%;
}
a.whole-link-item,
a.whole-link-item:hover,
a.whole-link-item:visited {
text-decoration: none;
color: inherit;
}
a.cursor-pointer {
cursor: pointer;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
.form-control-short {
input,
select,
textarea {
max-width: 280px;
}
}
/*angular2-busy*/
.ng-busy {
z-index: 1002;
}
.ng-busy,
.ng-busy > *,
.ng-busy > ng-component > * {
/*position: absolute;*/
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.ng-busy-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
background: #fff;
opacity: .7;
}
.ng-busy-default-wrapper {
text-align: center;
}
.ng-busy-default-sign {
position: relative;
display: inline-block;
z-index: 1003;
padding: 12px 14px;
border: 1px solid #d8d8d8;
border-radius: 4px;
/*border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;*/
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
background: #f8f8f8;
color: #333;
}
.ng-busy-default-text {
display: inline-block;
margin-left: 6px;
max-width: 400px;
font-size: 14px;
text-align: left;
}
.ng-busy-default-spinner {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
}
.ng-busy-default-spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid transparent;
border-top-color: #07d;
border-bottom-color: #07d;
animation: spinner .8s ease infinite;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
.alertify {
z-index: 3;
}
.loading-spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
border-top: 2px solid #07d;
border-right: 2px solid transparent;
animation: spinner .6s linear infinite;
}