room.css 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
  2. #main{width:4352px;height:1536px;display:inline-block; background:url(../images/war_room_main.jpg) left top no-repeat}
  3. /*下钻按钮*/
  4. .contentButton{width:218px;height:100px;position:absolute;}
  5. .contentButton a{width:218px;height:100px;display:inline-block; background:url(../images/content_comm.png) no-repeat top left}
  6. .contentButton a:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down.png) no-repeat top left}
  7. .contentButton .a1{width:218px;height:100px;display:inline-block; background:url(../images/content_comm1.png) no-repeat top left}
  8. .contentButton .a1:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down1.png) no-repeat top left}
  9. /*弹出窗口*/
  10. #popWindow{width:2200px;height:1000px;display:inline-block;position:absolute;top:240px;left:1070px;background-color:#06274A;border:1px solid #09f}
  11. /*年的进度条*/
  12. #y_gauge1{width:250px;height:250px;position:absolute;left:60px;top:200px;}
  13. #y_gauge2{width:250px;height:250px;position:absolute;left:290px;top:200px;}
  14. #y_gauge3{width:250px;height:250px;position:absolute;left:530px;top:200px;}
  15. #y_gauge4{width:250px;height:250px;position:absolute;left:770px;top:200px;}
  16. /*螺旋DNA*/
  17. #orderStatus{width:1000px;height:320px;position:absolute;left:80px;top:460px;}
  18. /*监控的仪表盘*/
  19. #gauge1{width:250px;height:250px;position:absolute;left:2200px;top:280px;}
  20. #gauge2{width:250px;height:250px;position:absolute;left:2550px;top:280px;}
  21. #gauge3{width:250px;height:250px;position:absolute;left:2910px;top:280px;}
  22. #gauge4{width:250px;height:250px;position:absolute;left:2380px;top:550px;}
  23. #gauge5{width:250px;height:250px;position:absolute;left:2730px;top:550px;}
  24. /*仪表盘文字*/
  25. .gaugeTitle{width:250px;height:40px;position:absolute;left:0px;top:200px;color:#B7E1FF;font-size:24px;display:inline-block;text-align:center;font-family:Arial;}
  26. /*地图*/
  27. #map{width:1100px;height:800px;position:absolute;left:1080px;top:170px;display:inline-block;color:#E1E1E1;font-size:24px;}
  28. #productPie{width:1000px;height:680px;position:absolute;left:2210px;top:260px;display:inline-block;color:#E1E1E1;font-size:24px;}
  29. /*业务进展图*/
  30. #businessProgress{width:1000px;height:640px;position:absolute;left:3330px;top:180px;display:inline-block;color:#E1E1E1;font-size:24px;}
  31. /*计划完成情况*/
  32. #plan{width:1000px;height:400px;position:absolute;left:80px;top:1020px;display:inline-block;color:#E1E1E1;font-size:24px;}
  33. /*质量指标分析*/
  34. #quality{width:1000px;height:400px;position:absolute;left:1170px;top:1020px;display:inline-block;color:#E1E1E1;font-size:24px;}
  35. /*舆情文字云*/
  36. #wordCloud{width:900px;height:420px;position:absolute;left:3330px;top:1000px;display:inline-block;color:#E1E1E1;font-size:24px;}
  37. /*投诉情况展示表*/
  38. #produce{width:900px;height:380px;position:absolute;left:2250px;top:1050px;display:inline-block;color:#B7E2FF;font-size:24px;}
  39. #produce table{width:100%;font-size:24px;}
  40. #produce table td{text-align:center;border:1px solid #069}
  41. #produce table .row1{}
  42. #produce table .row2{}
  43. /*视频*/
  44. #video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}
  45. /*监控视频*/
  46. #Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}
  47. /*刷新时间*/
  48. #refresh{width:800px;position:absolute;left:3350px;top:40px;display:inline-block;color:#FFF;font-size:24px;}