|
html,body{
|
|
padding :20px;
|
|
font-family: arial,verdena;
|
|
font-size: 10px;
|
|
background-color: #EFF0F1;
|
|
}
|
|
|
|
.pipeTable{
|
|
width : 100%;
|
|
border-spacing : 0px 3px;
|
|
/*border-collapse: collapse;*/
|
|
}
|
|
|
|
.title{
|
|
background-image: url("../images/titleBar.jpg");
|
|
height:49px;
|
|
margin-bottom : 5px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.title_text{
|
|
float : left;
|
|
padding-left : 10px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.title_img{
|
|
float : right;
|
|
}
|
|
|
|
|
|
|
|
.pipecell{
|
|
background-color: #EFF0F1;
|
|
color: blue;
|
|
border : 1px solid gray;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
|
|
}
|
|
|
|
.pipecell{
|
|
background-color: #EFF0F1;
|
|
color : blue;
|
|
border : 1px solid #b5b9f1;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
}
|
|
|
|
th {
|
|
/*background-color: #ffffff;*/
|
|
color : #eeeeee;
|
|
font-weight: none;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
background-image: url("../images/statusBar.jpg");
|
|
}
|
|
|
|
th.right{
|
|
background-image: url("../images/statusBar-l.png");
|
|
background-position: right;
|
|
}
|
|
|
|
th.left{
|
|
background-image: url("../images/statusBar-r.png");
|
|
background-position: left;
|
|
}
|
|
|
|
.pipeName{
|
|
width : 145px;
|
|
text-align : center;
|
|
background-image: url("../images/pipe.png");
|
|
background-position: left;
|
|
color: white;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
}
|
|
|
|
.pipeName{
|
|
width : 145px;
|
|
text-align : center;
|
|
background-image: url("../images/pipe.png");
|
|
background-position: left;
|
|
color: white;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
}
|
|
|
|
.pipe_travel{
|
|
width : 195px;
|
|
text-align : center;
|
|
background-image: url("../images/pipe_travel.png");
|
|
background-position: right;
|
|
color: white;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
}
|
|
|
|
.pipeAction{
|
|
width : 80px;
|
|
text-align : center;
|
|
background-image: url("../images/pipe_travel.png");
|
|
background-position: center;
|
|
font-size: 12px;
|
|
height : 20px;
|
|
}
|
|
|
|
.pics{
|
|
float:left;
|
|
width : 16px;
|
|
margin-right : 5px;
|
|
}
|
|
|
|
.for_pics{
|
|
float:left;
|
|
width : 2px;
|
|
margin-right : 2px;
|
|
}
|
|
|
|
.addPipe{
|
|
width : 100px;
|
|
float : right;
|
|
font-size:12pt;
|
|
}
|
|
|
|
.statusBar{
|
|
width : 100%;
|
|
}
|
|
|
|
.progressbar{
|
|
width:100%;
|
|
height:20px;
|
|
position:relative;
|
|
color:black;
|
|
background-image: url("../images/menuBar.jpg");
|
|
background-position: bottom;
|
|
font-size: 14px;
|
|
height : 20px;
|
|
}
|
|
/* color bar */
|
|
.progressbar div.progress{
|
|
position:absolute;
|
|
width:0;
|
|
height:100%;
|
|
overflow:hidden;
|
|
/*background-color:#369;*/
|
|
background-image: url("../images/menuBar_progress.jpg");
|
|
background-position: bottom;
|
|
}
|
|
/* text on bar */
|
|
.progressbar div.progress .text{
|
|
position:absolute;
|
|
text-align:center;
|
|
color:white;
|
|
}
|
|
/* text off bar */
|
|
.progressbar div.text{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
#progressbar{
|
|
border:0px solid black;
|
|
width:100%;
|
|
height:20px;
|
|
position:relative;
|
|
color:black;
|
|
}
|
|
color bar
|
|
#progressbar div.progress{
|
|
position:absolute;
|
|
width:0;
|
|
height:100%;
|
|
overflow:hidden;
|
|
background-color:#369;
|
|
}
|
|
text on bar
|
|
#progressbar div.progress .text{
|
|
position:absolute;
|
|
text-align:center;
|
|
color:white;
|
|
}
|
|
text off bar
|
|
#progressbar div.text{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
text-align:center;
|
|
}*/
|