home.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .content-wrapper {
  2. height: 100%;
  3. position: relative;
  4. padding: 0 !important;
  5. background: url('../../Content/Images/home-bg.png') 100% 100%;
  6. }
  7. .page {
  8. position: absolute;
  9. top: 100px;
  10. width: 100%;
  11. }
  12. .page-title, .page-title-sm {
  13. cursor: none;
  14. width: 100%;
  15. height: 150px;
  16. /*font-family: SimHei;*/
  17. font-size: 95px;
  18. font-weight: 600;
  19. letter-spacing: 10px;
  20. color: #ddd;
  21. opacity: .3;
  22. display: flex;
  23. align-items: start;
  24. justify-content: center;
  25. }
  26. .page-title-sm {
  27. font-size: 80px;
  28. color: #ddd;
  29. }
  30. .page-title::selection, .page-title-sm::selection {
  31. background: transparent;
  32. color: #1e90ff;
  33. }
  34. .box-footer .arr {
  35. animation: bouncedelay 1.2s infinite ease-in-out;
  36. animation-fill-mode: both;
  37. /*animation-delay: 1s;*/
  38. }
  39. .box-footer .arr.arr1 {
  40. animation-delay: 0.2s;
  41. }
  42. .box-footer .arr.arr2 {
  43. animation-delay: 0.4s;
  44. }
  45. .box-footer .arr.arr3 {
  46. animation-delay: 0.6s;
  47. }
  48. @keyframes bouncedelay {
  49. 0%, 80%, 100% {
  50. opacity: 1;
  51. }
  52. 40% {
  53. opacity: 0;
  54. }
  55. }
  56. .totalHeaderItem {
  57. cursor: pointer;
  58. }
  59. .totalHeaderItem .info-box-text {
  60. padding: 10px;
  61. padding-left: 3px;
  62. font-size: 1.5rem;
  63. }
  64. .chartBox {
  65. background: rgba(0, 40, 102, .6);
  66. padding-left: 10px;
  67. }
  68. .chartBox .box-header {
  69. background: rgba(4, 24, 88, .8);
  70. }
  71. .chartBox .box-header .box-title {
  72. color: #ddd;
  73. }
  74. .chartBox .box-body {
  75. background: rgba(4, 24, 88, .8);
  76. }
  77. .chartBox .box-body .chart {
  78. width: 100%;
  79. min-height: 400px;
  80. }
  81. .production-info-box .box-tools label.iwb-radio > span, .order-info-box .box-tools label.iwb-radio > span {
  82. color: #ddd;
  83. }