Warning, /iDDS/monitor/data/scss/core/scafholdings/scafholding.scss is written in an unsupported language. File is not indexed.
0001 // scafholding
0002 * {
0003 outline: none;
0004 }
0005
0006 body {
0007 margin: 0;
0008 overflow-x: hidden;
0009 color: $body-color;
0010 background: $main-body-bg;
0011 }
0012
0013 html {
0014 position: relative;
0015 min-height: 100%;
0016 }
0017
0018 a {
0019 color: $themecolor;
0020 }
0021
0022 a:hover,
0023 a:focus {
0024 text-decoration: none;
0025 }
0026
0027 a.link {
0028 color: $body-color;
0029 &:hover,
0030 &:focus {
0031 color: $themecolor;
0032 }
0033 }
0034
0035 .box {
0036 border-radius: $border-radius;
0037 padding: 10px;
0038 }
0039
0040
0041 .no-wrap {
0042 td,
0043 th {
0044 white-space: nowrap;
0045 }
0046 }
0047
0048
0049
0050 /*******************
0051 Blockquote
0052 *******************/
0053
0054 html body blockquote {
0055 border-left: 5px solid $primary;
0056 border: 1px solid $border-color;
0057 padding: 15px;
0058 }
0059
0060 .clear {
0061 clear: both;
0062 }
0063
0064 ol li {
0065 // margin: 5px 0;
0066 }
0067
0068
0069 /*******************
0070 Thumb size
0071 *******************/
0072
0073 .thumb-sm {
0074 height: 32px;
0075 width: 32px;
0076 }
0077
0078 .thumb-md {
0079 height: 48px;
0080 width: 48px;
0081 }
0082
0083 .thumb-lg {
0084 height: 88px;
0085 width: 88px;
0086 }
0087
0088 .hide {
0089 display: none;
0090 }
0091
0092 .radius {
0093 border-radius: $border-radius;
0094 }
0095
0096
0097 /*******************
0098 Opacity
0099 *******************/
0100
0101 .op-5 {
0102 opacity: 0.5;
0103 }
0104
0105 .op-3 {
0106 opacity: 0.3;
0107 }
0108
0109
0110
0111 /*******************
0112 font weight
0113 *******************/
0114
0115 html body {
0116 .font-bold {
0117 font-weight: $font-weight-bold;
0118 }
0119 .font-normal {
0120 font-weight: $font-weight-normal;
0121 }
0122 .font-light {
0123 font-weight: $font-weight-light;
0124 }
0125 .font-medium {
0126 font-weight: 600;
0127 }
0128 .font-16 {
0129 font-size: 16px;
0130 }
0131 .font-12 {
0132 font-size: 12px;
0133 }
0134 .font-14 {
0135 font-size: 14px;
0136 }
0137 .font-10 {
0138 font-size: 10px;
0139 }
0140 .font-18 {
0141 font-size: 18px;
0142 }
0143 .font-20 {
0144 font-size: 20px;
0145 }
0146 .font-22 {
0147 font-size: 22px;
0148 }
0149 .font-24 {
0150 font-size: 24px;
0151 }
0152 .display-5 {
0153 font-size: 3rem;
0154 }
0155 .display-6 {
0156 font-size: 2.5rem;
0157 }
0158 .display-7 {
0159 font-size: 2rem;
0160 }
0161 }
0162
0163
0164
0165 /*******************
0166 Background colors
0167 *******************/
0168
0169 html body {
0170 .bg-megna {
0171 background-color: $cyan;
0172 }
0173 .bg-theme {
0174 background-color: $themecolor;
0175 }
0176 .bg-inverse {
0177 background-color: $gray-900;
0178 }
0179 .bg-purple {
0180 background-color: $purple;
0181 }
0182 .bg-light {
0183 background-color: $gray-200;
0184 }
0185 .bg-white {
0186 background-color: $white;
0187 }
0188 }
0189
0190
0191
0192 /*******************
0193 Rounds
0194 *******************/
0195
0196 .round {
0197 line-height: 48px;
0198 color: $white;
0199 width: 50px;
0200 height: 50px;
0201 display: inline-block;
0202 font-weight: 400;
0203 text-align: center;
0204 border-radius: 100%;
0205 background: $blue;
0206 line-height: 52px;
0207 img {
0208 border-radius: 100%;
0209 }
0210 &.round-info {
0211 background: $blue;
0212 }
0213
0214 &.round-warning {
0215 background: $warning;
0216 }
0217
0218 &.round-danger {
0219 background: $danger;
0220 }
0221
0222 &.round-success {
0223 background: $success;
0224 }
0225
0226 &.round-primary {
0227 background: $primary;
0228 }
0229 }
0230
0231 .round-lg {
0232 line-height: 65px;
0233 width: 60px;
0234 height: 60px;
0235 font-size: 30px;
0236 }
0237
0238
0239
0240
0241
0242 /*******************
0243 Labels
0244 *******************/
0245
0246 .label-rounded {
0247 border-radius: 60px;
0248 }
0249
0250
0251
0252 /*******************
0253 Badge
0254 ******************/
0255
0256 .badge {
0257 font-weight: $font-weight-light;
0258 line-height: normal;
0259 &.badge-pill {
0260 padding: 0.20em 0.6em;
0261 }
0262 }
0263
0264 .badge-xs {
0265 font-size: 9px;
0266 }
0267
0268 .badge-xs,
0269 .badge-sm {
0270 -webkit-transform: translate(0, -2px);
0271 -ms-transform: translate(0, -2px);
0272 -o-transform: translate(0, -2px);
0273 transform: translate(0, -2px);
0274 }
0275
0276
0277
0278 /*******************
0279 List-style-none
0280 ******************/
0281
0282 ul.list-style-none {
0283 margin: 0px;
0284 padding: 0px;
0285 li {
0286 list-style: none;
0287 a {
0288 color: $body-color;
0289 padding: 8px 0px;
0290 display: block;
0291 text-decoration: none;
0292 &:hover {
0293 color: $themecolor;
0294 }
0295 }
0296 }
0297 }
0298
0299
0300 /*******************
0301 Card
0302 ******************/
0303
0304 .card {
0305 margin-bottom: 20px;
0306 .card-subtitle {
0307 font-weight: $font-weight-light;
0308 margin-bottom: 10px;
0309 color: $text-muted;
0310 }
0311 .card-title {
0312 position: relative;
0313 font-weight: $font-weight-medium;
0314 margin-bottom: 10px;
0315 }
0316 .card-actions {
0317 float: $rgt;
0318 a {
0319 padding: 0 5px;
0320 cursor: pointer;
0321 }
0322 }
0323 .card-header .card-title{
0324 margin-bottom: 0px;
0325 }
0326 }
0327
0328 .card-alt {
0329 margin: 0 -20px;
0330 background: $card-alt;
0331 }
0332
0333 .card-group {
0334 margin-bottom: 20px;
0335 .card {
0336 border-right: 1px solid $border-color;
0337 }
0338 }
0339
0340 .card-fullscreen {
0341 position: fixed;
0342 top: 0px;
0343 left: 0px;
0344 width: 100%;
0345 height: 100%;
0346 z-index: 9999;
0347 overflow: auto;
0348 }
0349
0350 .oh {
0351 overflow: hidden;
0352 }
0353 .card-hover{
0354 -webkit-transition: all .25s ease;
0355 -o-transition: all .25s ease;
0356 -moz-transition: all .25s ease;
0357 transition: all .25s ease;
0358 &:hover{
0359 webkit-transform: translateY(-4px) scale(1.01);
0360 -moz-transform: translateY(-4px) scale(1.01);
0361 -ms-transform: translateY(-4px) scale(1.01);
0362 -o-transform: translateY(-4px) scale(1.01);
0363 transform: translateY(-4px) scale(1.01);
0364 -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.1);
0365 box-shadow: 0 14px 24px rgba(62,57,107,.1);
0366 }
0367 }
0368 .draggable-cards .card-header{
0369 cursor: move;
0370 }
0371 .card-moved .card{
0372 background: $info;
0373 color:$white;
0374 }
0375 /*******************
0376 Labels
0377 *******************/
0378
0379 .label {
0380 padding: 3px 10px;
0381 line-height: 13px;
0382 color: $white;
0383 font-weight: 400;
0384 border-radius: $border-radius;
0385 font-size: 75%;
0386 }
0387
0388 .label-rounded {
0389 border-radius: 60px;
0390 }
0391
0392 .label-custom {
0393 background-color: $cyan;
0394 }
0395
0396 .label-success {
0397 background-color: $success;
0398 }
0399
0400 .label-info {
0401 background-color: $blue;
0402 }
0403
0404 .label-warning {
0405 background-color: $warning;
0406 }
0407
0408 .label-danger {
0409 background-color: $danger;
0410 }
0411
0412 .label-megna {
0413 background-color: $cyan;
0414 }
0415
0416 .label-primary {
0417 background-color: $primary;
0418 }
0419
0420 .label-purple {
0421 background-color: $purple;
0422 }
0423
0424 .label-red {
0425 background-color: $red;
0426 }
0427
0428 .label-inverse {
0429 background-color: $gray-800;
0430 }
0431
0432 .label-default {
0433 background-color: $gray-100;
0434 }
0435
0436
0437
0438
0439
0440
0441
0442 //
0443 // 5-feb-2021
0444 //
0445
0446 .card-body {
0447 padding: 1.25rem;
0448 }
0449
0450 a {
0451 text-decoration: none;
0452 }
0453
0454 .form-group {
0455 margin-bottom: 1rem;
0456 }
0457
0458 label {
0459 display: inline-block;
0460 margin-bottom: 0.5rem;
0461 }
0462
0463 .table thead th {
0464 color: $gray-900;
0465 font-weight: 600;
0466 font-size: 16px;
0467 }
0468
0469 .table tbody tr {
0470 color: $gray-900;
0471 font-weight: 400;
0472 font-size: 16px;
0473 }
0474
0475 .table td, .table th{
0476 padding: .9375rem .4rem;
0477 }
0478
0479 .card-subtitle {
0480 margin-top: -0.375rem;
0481 }
0482
0483 .table>:not(:last-child)>:last-child>* {
0484 border-bottom-color: rgb(233, 236, 239);
0485 }
0486
0487 small {
0488 font-size: 80%;
0489 font-weight: 400;
0490 }
0491
0492 .error-box .error-body .error-title {
0493 font-size: 210px !important;
0494 font-weight: 900 !important;
0495 line-height: 210px !important;
0496 }
0497
0498 .form-control, .form-select {
0499 height: calc(1.5em + 0.75rem + 2px);
0500 }
0501
0502 textarea.form-control {
0503 height: auto;
0504 }
0505
0506 .text-muted {
0507 color: #8d9ea7!important;
0508 }
0509
0510 .comment-center .comment-body .mail-contnet .mail-desc {
0511 color: $body-color !important;
0512 }
0513
0514 .btn-success:hover {
0515 color: #fff;
0516 background-color: #66bf34;
0517 border-color: #60b532;
0518 }
0519 select.form-select.form-control-line {
0520 -webkit-appearance: auto;
0521 -moz-appearance: auto;
0522 }