FAISP/src/main/resources/static/css/common.css

158 lines
2.5 KiB
CSS

#logo{
height: 40px;
}
#fadeDiv{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00000050;
z-index: 2090;
}
#fadeDiv > div{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
}
#alarmCntDiv{
width: 16px;
height: 16px;
left: 12px;
top: -4px;
}
#alarmListDiv{
width: 500px;
left: -360px;
top: 30px;
z-index: 5000;
}
.activeTr{
--bs-bg-opacity: 0.25;
background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important;
}
.menuDiv{
width: 250px;
position: absolute;
top: 0;
left: 180px;
z-index: 100;
border-left: 1px solid;
border-right: 1px solid;
}
.modal-xxl{
--bs-modal-width : 1440px;
}
.btn-toggle::before {
content: url("/img/bootstrap-icons-1.9.1/caret-right-fill.svg");
filter: invert(100%);
}
.btn-toggle[aria-expanded="true"]::before {
content: url("/img/bootstrap-icons-1.9.1/caret-down-fill.svg");
}
.btn-toggle2::before {
content: url("/img/bootstrap-icons-1.9.1/caret-right.svg");
filter: invert(100%);
}
.btn-toggle2[aria-expanded="true"]::before {
content: url("/img/bootstrap-icons-1.9.1/caret-down.svg");
}
.f-invert{
filter: invert(100%);
}
.fs-10{
font-size: 10px;
}
.fs-11{
font-size: 11px;
}
.fs-12{
font-size: 12px;
}
.fs-13{
font-size: 13px;
}
.pl-15{
padding-left: 15%;
}
.w-30{
width: 30%!important;
}
.w-35{
width:35%!important;
}
.w-40{
width: 40%!important;
}
.w-70{
width:70%!important;
}
.w-100p{
width: 100px;
}
.min-width-300{
min-width: 300px!important;
}
.statusInput::-webkit-outer-spin-button,
.statusInput::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.mouse-hover-clickable:hover{
cursor: pointer;
}
.codeMgtDiv{
max-height: 700px;
overflow-y: auto;
}
#loading-spinner{
--bs-spinner-width: 8rem;
--bs-spinner-height: 8rem;
--bs-spinner-border-width: 0.8em;
--bs-spinner-animation-speed: 1s;
--bs-text-opacity: 0.75;
}
#loading-spinner-text{
position: absolute;
top: 6rem;
left: 4.3rem;
}
/*.bg-header{*/
/* !*background-color: #6c87af78;*!*/
/* !*background-color: #6885bfb0;*!*/
/* background-color: #1650a778;*/
/*}*/
/*.bg-lightB{*/
/* background-color: #deebff78;*/
/*}*/
/*.bg-blue{*/
/* !*background-color: #1f2f5c;*!*/
/* background-color: #24396c;*/
/*}*/
/*.bg-leftMenu{*/
/* background-color: #253660;*/
/*}*/
/*.table-color{*/
/* background-color: #6c87af78;*/
/*}*/
/*.bi-square-fill{*/
/* color:#0d49a7;*/
/* !*color: #24396c;*!*/
/*}*/