Home Explore Help
Sign In
yuansh
/
GEKE_SERVICE
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0a98d561cd
Branches Tags
GEKE_SERVICE
/
jeecg-boot-module-demo
/
target
/
classes
/
static
/
bigscreen
/
template1
/
css
/
main_design1.css

main_design1.css 3.7 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
    2. 

  2. #main{width:4352px;height:1536px;display:inline-block; background:url(../images/screenbg_design1.jpg) left top no-repeat}
    3. 

  3. 

  4. /*年月日文字*/
    5. 

  5. #currentYear{width:213px;height:107px;position:absolute;left:430px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
    6. 

  6. #currentMonth{width:213px;height:107px;position:absolute;left:1504px;top:75px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
    7. 

  7. #currentDay{width:213px;height:107px;position:absolute;left:2574px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
    8. 

  8. 

  9. /*年的进度条*/
    10. 

  10. #y_gauge1{width:250px;height:250px;position:absolute;left:60px;top:200px;}
    11. 

  11. #y_gauge2{width:250px;height:250px;position:absolute;left:290px;top:200px;}
    12. 

  12. #y_gauge3{width:250px;height:250px;position:absolute;left:530px;top:200px;}
    13. 

  13. #y_gauge4{width:250px;height:250px;position:absolute;left:770px;top:200px;}
    14. 

  14. 

  15. /*月的进度条*/
    16. 

  16. #m_gauge1{width:250px;height:250px;position:absolute;left:1140px;top:130px;}
    17. 

  17. #m_gauge2{width:250px;height:250px;position:absolute;left:1370px;top:130px;}
    18. 

  18. #m_gauge3{width:250px;height:250px;position:absolute;left:1610px;top:130px;}
    19. 

  19. #m_gauge4{width:250px;height:250px;position:absolute;left:1850px;top:130px;}
    20. 

  20. 

  21. /*日的进度条*/
    22. 

  22. #d_gauge1{width:250px;height:250px;position:absolute;left:2210px;top:200px;}
    23. 

  23. #d_gauge2{width:250px;height:250px;position:absolute;left:2440px;top:200px;}
    24. 

  24. #d_gauge3{width:250px;height:250px;position:absolute;left:2680px;top:200px;}
    25. 

  25. #d_gauge4{width:250px;height:250px;position:absolute;left:2920px;top:200px;}
    26. 

  26. 

  27. /*监控的仪表盘*/
    28. 

  28. #gauge1{width:250px;height:250px;position:absolute;left:2200px;top:1050px;}
    29. 

  29. #gauge2{width:250px;height:250px;position:absolute;left:2550px;top:1050px;}
    30. 

  30. #gauge3{width:250px;height:250px;position:absolute;left:2910px;top:1050px;}
    31. 

  31. #gauge4{width:250px;height:250px;position:absolute;left:2380px;top:1190px;}
    32. 

  32. #gauge5{width:250px;height:250px;position:absolute;left:2730px;top:1190px;}
    33. 

  33. 

  34. /*仪表盘文字*/
    35. 

  35. .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;}
    36. 

  36. 

  37. /*地图*/
    38. 

  38. #map{width:1100px;height:800px;position:absolute;left:0px;top:620px;display:inline-block;color:#E1E1E1;font-size:24px;}
    39. 

  39. 

  40. #plan{width:900px;height:420px;position:absolute;left:1170px;top:520px;display:inline-block;color:#E1E1E1;font-size:24px;}
    41. 

  41. #quality{width:900px;height:420px;position:absolute;left:1170px;top:1030px;display:inline-block;color:#E1E1E1;font-size:24px;}
    42. 

  42. 

  43. #orderTable{width:1000px;height:430px;position:absolute;left:2160px;top:930px;display:inline-block}
    44. 

  44. #orderTable table{width:100%;color:#666;font-size:24px}
    45. 

  45. #orderTable table td{text-align:center;}
    46. 

  46. #orderTable table .head{height:80px;font-size:24px;color:#FFF}
    47. 

  47. #orderTable table .row2{color:#000}
    48. 

  48. #orderTable table .row1{background-color:#CCC}
    49. 

  49. 

  50. #orderMessage{width:800px;position:absolute;left:33px;top:1420px;display:inline-block;color:#E1E1E1;font-size:24px}
    51. 

  51. 

  52. /*生产情况展示表*/
    53. 

  53. #produce{width:1000px;height:380px;position:absolute;left:2190px;top:600px;display:inline-block;color:#B7E2FF;font-size:24px;}
    54. 

  54. #produce table{width:100%;font-size:24px;}
    55. 

  55. #produce table td{text-align:center;border:1px solid #069}
    56. 

  56. #produce table .row1{}
    57. 

  57. #produce table .row2{}
    58. 

  58. 

  59. /*视频*/
    60. 

  60. #video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}
    61. 

  61. 

  62. /*监控视频*/
    63. 

  63. #Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}
    64. 

  64. 

  65. /*刷新时间*/
    66. 

  66. #refresh{width:800px;position:absolute;left:3350px;top:40px;display:inline-block;color:#FFF;font-size:24px;}
    67.