Home Verkennen Help
Registreren Inloggen
zmcoding
/
data_view
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Boom: 25720e0dab
Aftakkingen Labels
data_view
/
gitee-datav
/
智慧交通
/
大数据视频监控
/
css
/
index.css

index.css 9.7 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 
  1. *,ul,li,p,div,span{margin: 0;padding: 0}
    2. 

  2. body{font-family:"Microsoft Himalaya"}
    3. 

  3. ul{list-style: none}
    4. 

  4. .clear{clear: both}
    5. 

  5. a{text-decoration: none}
    6. 

  6. ::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
    7. 

  7. ::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}/*滑块颜色*/
    8. 

  8. ::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
    9. 

  9. ::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
    10. 

  10. ::-webkit-scrollbar-track,
    11. 

  11. ::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
    12. 

  12. ::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
    13. 

  13. ::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
    14. 

  14. ::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    15. 

  15. .l_left{
    16. 

  16.     float: left;
    17. 

  17. }
    18. 

  18. .r_right{float: right}
    19. 

  19. *{
    20. 

  20.     font-size: 100%;
    21. 

  21. }
    22. 

  22. 

  23. .inner{
    24. 

  24.     height: 100%;
    25. 

  25. }
    26. 

  26. .index_main{width: 2700px;height: 900px;background-image: url(../images/index_bg.png);background-repeat: no-repeat;background-position: center center;margin-top: -10px }
    27. 

  27. 

  28. .index_nav ul li{font-size: 1em;color: #fff;opacity: 0.8;padding-top:8px;padding-left:10px;padding-right:10px;padding-bottom:5px;cursor: pointer;text-shadow:0 6px 8px #00225b }
    29. 

  29. .index_nav ul .l_left{margin-left: 3%}
    30. 

  30. .index_nav ul .r_right{margin-right: 3%}
    31. 

  31. .index_nav ul li:hover{opacity: 1}
    32. 

  32. 

  33. .index_left{background-color: rgba(2,8,23,0.54);width: 626px;height: 790px;margin: 39px 0 0 19px;border-radius: 10px;position: relative}
    34. 

  34. .left_nav{position: absolute;top:1px;left:137px;width: 354px;height: 27px;}
    35. 

  35. .left_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 788px}
    36. 

  36. .left_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 784px;padding: 0 8px}
    37. 

  37. .left_top{height: 33%}
    38. 

  38. 

  39. .left_top_left{width: 50%;height: 70%;margin-top: 42px;color: #fff}
    40. 

  40. .left_top_left p{line-height: 32px;font-size: 16px ;margin-left: 14px }
    41. 

  41.  @font-face {
    42. 

  42.      font-family: datamsg;
    43. 

  43.      src: url("../font/液晶数字.TTF")
    44. 

  44.  }
    45. 

  45. .datamsg{font-family: datamsg}
    46. 

  46. .left_top_left p span{font-weight: bold;color: #ff6e00;margin-right: 4px;font-size: 20px ;}
    47. 

  47. .left_top_title{text-align: center;color: #fff;margin: 16px 0 0 20px;font-weight: bold;font-size: 12px}
    48. 

  48. .left_top_middle .left_top_title{margin-left: 0}
    49. 

  49. .left_top_middle{width: 22%;height: 50%;margin-top: 100px}
    50. 

  50. .left_middle{height: 33%}
    51. 

  51. .left_middle thead tr,.left_bot thead tr,.dataAllBorder20 thead tr{border: none !important;}
    52. 

  52. .table-bordered{border: 1px #3490ba solid !important; }
    53. 

  53. .left_middle th,.left_middle td,.left_bot th,.left_bot td,.dataAllBorder20 th,.dataAllBorder20 td{line-height: 21px !important;padding: 0 !important;text-align: center;font-size: 10px;;-webkit-transform:scale(0.8);border: none !important;color: #fff;}
    54. 

  54. .left_middle thead,.left_bot thead,.dataAllBorder20 thead{background-color: #3490ba}
    55. 

  55. .left_middle td,.left_bot td,.dataAllBorder20 td{line-height: 24px !important;color: #dedfe0}
    56. 

  56. .left_middle tbody tr,.left_bot tbody tr,.dataAllBorder20 tbody tr{border-bottom: 1px #3490ba solid}
    57. 

  57. .left_middle_title,.left_bot_title{text-align: center;color: #fff;margin: -1% 0 1% 0;font-weight: bold;font-size: 12px}
    58. 

  58. .left_bot_title{margin-top: 0}
    59. 

  59. .left_bot{height: 33%}
    60. 

  60. 

  61. .index_middle{width: 1390px;height: 790px;;margin: 39px 9px 0 10px;position: relative;}
    62. 

  62. .middle_top{width: 100%;height: 510px;background-color: rgba(17,25,69,0.54);border-radius: 10px;}
    63. 

  63. .middle_nav{position: absolute;top:1px;left:512px;width: 356px;height: 27px;z-index: 9999}
    64. 

  64. .middle_top_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 508px}
    65. 

  65. .middle_top_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 504px;position: relative}
    66. 

  66. .tabs{float: left;width: 100%;height: 24px;background-color:  rgba(20,51,104,0.54);border-top-left-radius: 9px;border-top-right-radius: 9px}
    67. 

  67. .tabs ul li{float: left;color: #d5d8df;margin-left: 14px;font-size: 14px;cursor: pointer}
    68. 

  68. .tabs ul li>div{margin-right: 10px;width: 12px;height: 12px;margin-top:6px;border-radius: 50%;background-image: url(../images/tabs1_03.png);background-repeat: no-repeat;float: left}
    69. 

  69. .tabs ul li>div>div{width: 8px;height: 8px;border-radius: 50%;margin:2px;background-image: url(../images/tabs2_09.png);background-repeat: no-repeat}
    70. 

  70. /*.tabs ul li:hover .div{background-image: url(../images/tabs3_06.png)}*/
    71. 

  71. .tabs ul li>div .tabs_active{background-image: url(../images/tabs3_06.png)}
    72. 

  72. .tabs ul li>p{float: left;line-height: 24px;}
    73. 

  73. .middle_map{margin: 0 5px 6px 5px;width: 1370px;height: 470px;;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px}
    74. 

  74. .middle_map img{width:1370px;height: 470px  }
    75. 

  75. .middle_top_bot{position: absolute;left:-5px;bottom: -5px;height: 60px;width: 1390px;;background-image: url(../images/middle_bot_bg_03.png);background-repeat: no-repeat}
    76. 

  76. .middle_top_bot ul{padding:0 6px}
    77. 

  77. .middle_top_bot ul li{width: 98px;height: 60px;float: left;cursor: pointer;}
    78. 

  78. /*.middle_top_bot ul li:hover{background-image: url(../images/nav_bg_03.png);background-repeat: no-repeat}*/
    79. 

  79. .middle_top_bot ul li.middle_top_bot_active{background-image: url(../images/nav_bg_03.png);background-repeat: no-repeat}
    80. 

  80. .middle_top_bot ul li img{padding: 6px 23px 0 20px;}
    81. 

  81. 

  82. .middle_bot{width: 100%;height: 270px;margin-top: 10px}
    83. 

  83. .middle_bot_left{width: 454px;margin-right: 14px;height: 270px}
    84. 

  84. .middle_bot_left_last{margin-right: 0}
    85. 

  85. .middle_bot_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 268px}
    86. 

  86. .middle_bot_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 264px;padding: 5px;background-color: rgba(17,25,69,0.54) }
    87. 

  87. .middle_bot_left video {object-fit:fill; width:100%;height:100%;}
    88. 

  88. 

  89. .index_right{background-color: rgba(2,8,23,0.54);width: 626px;height: 790px;margin: 39px 0 0 0;border-radius: 10px}
    90. 

  90. .right_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 788px}
    91. 

  91. .right_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 784px}
    92. 

  92. .right_top video {object-fit:fill; width:100%;height:100%;}
    93. 

  93. .right_top{width: 586px;height: 240px;margin: 11px 14px 0 14px}
    94. 

  94. .right_top_first{margin-top:20px}
    95. 

  95. 

  96. /*天气插件*/
    97. 

  97. #demo { color:#009fff;overflow:hidden;margin: 0 auto}
    98. 

  98. #demo i { background: no-repeat top left; display:inline-block; height:128px; line-height:128px; margin:0 auto 20px auto; font-size:70px; padding-left:300px; font-style:normal; text-align:center; font-weight:bold; }
    99. 

  99. #demo i.icon-xiaoyu { background-image:url(../images/xiaoyu.png); background-position: 150px 0;}
    100. 

  100. #demo i.icon-zhongyu { background-image:url(../images/zhongyu.png);background-position: 150px 0; }
    101. 

  101. #demo i.icon-dayu { background-image:url(../images/dayu.png); background-position: 150px 0;}
    102. 

  102. #demo i.icon-qing { background-image:url(../images/qing.png); background-position: 150px 0;}
    103. 

  103. #demo i.icon-duoyun { background-image:url(../images/duoyun.png);background-position: 150px 0; }
    104. 

  104. #demo i.icon-yin { background-image:url(../images/yin.png);background-position: 150px 0; }
    105. 

  105. #demo p { background:rgba(0,0,0,.3); margin:0 auto; padding:20px 20px 20px 200px; border-radius:1000px; font-size:16px; }
    106. 

  106. #demo p span { margin:0 15px;}
    107. 

  107. 

  108. 

  109. /*游客分析*/
    110. 

  110. .manage_left{
    111. 

  111.     width: 32.5%;
    112. 

  112.     height: 98%;
    113. 

  113.     background-color: rgba(2,8,23,0.54);
    114. 

  114.     /*margin-top:3%;*/
    115. 

  115.     margin-left:0.6%;
    116. 

  116.     border-radius: 10px;
    117. 

  117.     position: relative}
    118. 

  118. .manage_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 100%}
    119. 

  119. .manage_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 100%;padding-top: 5%}
    120. 

  120. .manage_left_nav{position: absolute;top:1px;width: 42%;height: 3.5%;left:24%}
    121. 

  121. .manage_left_top{height: 33%}
    122. 

  122. .manage_top_left{width: 33.3%;height: 100%;}
    123. 

  123. .manage_top_left p{text-align: center;color: #fff;font-size: 12px}
    124. 

  124. .manage_top_middle{height: 33%;width: 100%;}
    125. 

  125. .manage_top_middle p{text-align: center;color: #fff;font-size: 12px}
    126. 

  126. 

  127. .manage_top_middle thead tr{border: none !important;}
    128. 

  128. /*.manage_top_middle{border: 1px #3490ba solid !important; }*/
    129. 

  129. .manage_top_middle th,.manage_top_middle td,.dataAllBorder20 td{line-height: 32px !important;padding: 0 !important;text-align: center;font-size: 14px;-webkit-transform:scale(0.8);border: 1px #3490ba solid !important;color: #fff;}
    130. 

  130. .manage_top_middle thead{background-color: #3490ba}
    131. 

  131. .manage_top_middle td{line-height: 32px !important;color: #dedfe0}
    132. 

  132. .manage_top_middle tbody tr{border-bottom: 1px #3490ba solid}
    133. 

  133. 

  134. /*管理员工分析*/
    135. 

  135. .user_left{width: 32.5%;height: 99%;background-color: rgba(2,8,23,0.54);border-radius: 10px;position: relative;}
    136. 

  136. .user_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 100%}
    137. 

  137. .user_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 100%;padding: 24px 8px 0 8px}
    138. 

  138. .user_left_nav{position: absolute;top:1px;left:29%;width: 354px;height: 27px;}
    139. 

  139. .user_left_top{height: 33%}
    140. 

  140. .user_top_left{width: 33.3%;height: 100%;}
    141. 

  141. .user_top_left p{text-align: center;color: #fff;font-size: 12px}
    142. 

  142. .user_top_middle{height: 33%;width: 100%}
    143. 

  143. .user_top_middle p{text-align: center;color: #fff;font-size: 12px}
    144. 

  144. 

  145. .user_top_middle thead tr{border: none !important;}
    146. 

  146. /*.manage_top_middle{border: 1px #3490ba solid !important; }*/
    147. 

  147. .user_top_middle th,.user_top_middle td{line-height: 32px !important;padding: 0 !important;text-align: center;font-size: 14px;-webkit-transform:scale(0.8);border: 1px #3490ba solid !important;color: #fff;}
    148. 

  148. .user_top_middle thead{background-color: #3490ba}
    149. 

  149. .user_top_middle td{line-height: 32px !important;color: #dedfe0}
    150. 

  150. .user_top_middle tbody tr{border-bottom: 1px #3490ba solid}
    151. 

  151. .user_right_left{width: 50%;height: 100%}
    152.