root/MuPHI/src/main/webapp/css/style.css @ 2e0a7cb1
| 2e0a7cb1 | Sylvain L. Sauvage | 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;
|
|||
}*/
|