You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
3.7 KiB
66 lines
3.7 KiB
body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
|
|
#main{width:4352px;height:1536px;display:inline-block; background:url(../images/screenbg_design1.jpg) left top no-repeat}
|
|
|
|
/*年月日文字*/
|
|
#currentYear{width:213px;height:107px;position:absolute;left:430px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
|
#currentMonth{width:213px;height:107px;position:absolute;left:1504px;top:75px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
|
#currentDay{width:213px;height:107px;position:absolute;left:2574px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
|
|
|
/*年的进度条*/
|
|
#y_gauge1{width:250px;height:250px;position:absolute;left:60px;top:200px;}
|
|
#y_gauge2{width:250px;height:250px;position:absolute;left:290px;top:200px;}
|
|
#y_gauge3{width:250px;height:250px;position:absolute;left:530px;top:200px;}
|
|
#y_gauge4{width:250px;height:250px;position:absolute;left:770px;top:200px;}
|
|
|
|
/*月的进度条*/
|
|
#m_gauge1{width:250px;height:250px;position:absolute;left:1140px;top:130px;}
|
|
#m_gauge2{width:250px;height:250px;position:absolute;left:1370px;top:130px;}
|
|
#m_gauge3{width:250px;height:250px;position:absolute;left:1610px;top:130px;}
|
|
#m_gauge4{width:250px;height:250px;position:absolute;left:1850px;top:130px;}
|
|
|
|
/*日的进度条*/
|
|
#d_gauge1{width:250px;height:250px;position:absolute;left:2210px;top:200px;}
|
|
#d_gauge2{width:250px;height:250px;position:absolute;left:2440px;top:200px;}
|
|
#d_gauge3{width:250px;height:250px;position:absolute;left:2680px;top:200px;}
|
|
#d_gauge4{width:250px;height:250px;position:absolute;left:2920px;top:200px;}
|
|
|
|
/*监控的仪表盘*/
|
|
#gauge1{width:250px;height:250px;position:absolute;left:2200px;top:1050px;}
|
|
#gauge2{width:250px;height:250px;position:absolute;left:2550px;top:1050px;}
|
|
#gauge3{width:250px;height:250px;position:absolute;left:2910px;top:1050px;}
|
|
#gauge4{width:250px;height:250px;position:absolute;left:2380px;top:1190px;}
|
|
#gauge5{width:250px;height:250px;position:absolute;left:2730px;top:1190px;}
|
|
|
|
/*仪表盘文字*/
|
|
.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;}
|
|
|
|
/*地图*/
|
|
#map{width:1100px;height:800px;position:absolute;left:0px;top:620px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
|
|
|
#plan{width:900px;height:420px;position:absolute;left:1170px;top:520px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
|
#quality{width:900px;height:420px;position:absolute;left:1170px;top:1030px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
|
|
|
#orderTable{width:1000px;height:430px;position:absolute;left:2160px;top:930px;display:inline-block}
|
|
#orderTable table{width:100%;color:#666;font-size:24px}
|
|
#orderTable table td{text-align:center;}
|
|
#orderTable table .head{height:80px;font-size:24px;color:#FFF}
|
|
#orderTable table .row2{color:#000}
|
|
#orderTable table .row1{background-color:#CCC}
|
|
|
|
#orderMessage{width:800px;position:absolute;left:33px;top:1420px;display:inline-block;color:#E1E1E1;font-size:24px}
|
|
|
|
/*生产情况展示表*/
|
|
#produce{width:1000px;height:380px;position:absolute;left:2190px;top:600px;display:inline-block;color:#B7E2FF;font-size:24px;}
|
|
#produce table{width:100%;font-size:24px;}
|
|
#produce table td{text-align:center;border:1px solid #069}
|
|
#produce table .row1{}
|
|
#produce table .row2{}
|
|
|
|
/*视频*/
|
|
#video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}
|
|
|
|
/*监控视频*/
|
|
#Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
|
|
|
/*刷新时间*/
|
|
#refresh{width:800px;position:absolute;left:3350px;top:40px;display:inline-block;color:#FFF;font-size:24px;}
|