aqgk.less 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. //安全管控模块白色主题样式
  2. @import "./setting.less";
  3. #appBody.light {
  4. .personnel .personnel-btn .i-btn:hover, .personnel .personnel-btn .i-btn.active{
  5. border:1px solid rgba(75, 85, 174, 0.6);
  6. background: rgba(75, 85, 174, 0.6);
  7. color: @white;
  8. }
  9. .personnel .personnel-btn .i-btn{
  10. background: rgb(220 221 223);
  11. border: 1px solid @black;
  12. color: @black;
  13. }
  14. //人员矩阵
  15. .personnel .personnel-box .personnel-box-item{
  16. background: @white;
  17. border: 1px solid @black;
  18. }
  19. .personnel .personnel-box .personnel-box-item:hover{
  20. border: 1px solid @deepblue;
  21. background: @deepblue;
  22. }
  23. .personnel .personnel-box .personnel-box-item
  24. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group .personnel-box-item-label{
  25. color: @black;
  26. font-weight: bold;
  27. }
  28. .personnel .personnel-box .personnel-box-item:hover
  29. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group .personnel-box-item-label{
  30. color: @white;
  31. }
  32. .personnel .personnel-box .personnel-box-item
  33. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group .personnel-box-item-value{
  34. color: @black;
  35. font-weight: bold;
  36. }
  37. .personnel .personnel-box .personnel-box-item:hover
  38. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group .personnel-box-item-value{
  39. color: @white
  40. }
  41. .personnel .personnel-box .personnel-box-item .personnel-box-item-f .personnel-box-item-name{
  42. color: @black;
  43. font-weight: bold;
  44. }
  45. .personnel .personnel-box .personnel-box-item:hover .personnel-box-item-f .personnel-box-item-name{
  46. color: @white
  47. }
  48. .personnel .personnel-box .personnel-box-item .personnel-box-item-f .personnel-box-item-icon{
  49. color: @black;
  50. font-weight: bold;
  51. }
  52. .personnel .personnel-box .personnel-box-item:hover .personnel-box-item-f .personnel-box-item-icon{
  53. color: @white
  54. }
  55. .font-md{
  56. color: @black;
  57. }
  58. .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-picker-panel__footer{
  59. background: @deepblue;
  60. border-color: @deepblue;
  61. }
  62. .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-picker__editor-wrap
  63. .el-time-panel .el-time-panel__footer{
  64. background: @deepblue;
  65. }
  66. .el-picker-panel .el-time-panel__btn.cancel{
  67. color: @white;
  68. }
  69. .el-time-panel__btn.confirm{
  70. color: @black;
  71. }
  72. .el-picker-panel .el-picker-panel__footer .el-button--text{
  73. color: @white;
  74. }
  75. .el-picker-panel .el-picker-panel__footer .el-button.is-plain{
  76. background: @white;
  77. border-color: @deepblue;
  78. color: @black;
  79. }
  80. //视频监视
  81. .iframe4 .el-dialog{
  82. background: @white;
  83. }
  84. }