*{
|
margin: 0;
|
overflow: hidden;
|
}
|
html,body{
|
height: 100%;
|
}
|
/* 画布 */
|
#root {
|
height: 100%;
|
width: 100%;
|
background-color: /* #2C3E50 */ #2e4e7e;
|
position: absolute;
|
}
|
#top-tab {
|
width: 100%;
|
height: 10%;
|
background-image: url(../image/head_bg.png);
|
background-repeat: no-repeat;
|
background-position: center center;
|
background-size: cover
|
}
|
#top-tab h1{
|
color:white;
|
line-height: 94px;
|
text-align: center;
|
}
|
|
#showTime {
|
width: 350px;
|
height: 80px;
|
position: absolute;
|
top: 0;
|
right: 0px;
|
color:white;
|
line-height: 80px;
|
text-align: center;
|
font-size: 20px;
|
}
|
#showTime {
|
float: right;
|
}
|
|
table,th,td {
|
border: 1px solid #fff;
|
cursor: default;
|
|
}
|
th {
|
height: 50px;
|
width: 50px;
|
background-color: /* #223962 */#3a4a5a;
|
}
|
td {
|
cursor: pointer;
|
}
|
|
#main-tab {
|
margin-top: 1%;
|
width: 98%;
|
align: center;
|
color: #d9d9d9;
|
margin-left: 1%;
|
}
|
#main-tab td {
|
width: 50px;
|
height: 50px;
|
border-collapse: collapse;
|
text-align: center;
|
|
}
|
/*.normal {*/
|
/* background-color: #009966;*/
|
/*}*/
|
.nor-mal {
|
background-color: #3a4a5a;
|
}
|
|
.hover{background-color: #016165;cursor:pointer;}
|
/* 弹出层 */
|
#details {
|
width: 98%;
|
height: 95%;
|
background-color: rgba(255,255,255,1);
|
box-shadow: 0px 5px 20px #000;
|
border-radius: 15px;
|
position: relative;
|
top:2.5%;
|
left:1%;
|
display: none;
|
|
}
|
#details .head {
|
width: 100%;
|
height: 50px;
|
line-height: 50px;
|
text-align: center;
|
/* background-color: #016165; */
|
}
|
#details h2 {
|
display: inline-block;
|
}
|
button {
|
display: inline-block;
|
height: 30px;
|
width: 80px;
|
background-color: #009966;
|
border: 1px #009966;
|
border-radius: 30px;
|
margin-top: 10px;
|
margin-right: 10px;
|
}
|
/* 甘特图 */
|
#details-tab {
|
background-color: #282c35;
|
width: 90%;
|
height: 90%;
|
margin-left: 5%;
|
|
}
|
#details-tab th {
|
height: 50px;
|
width: 50px;
|
}
|
#details-tab td {
|
height: 50px;
|
width: 50px;
|
}
|
