| | |
| | | #logo-bar { |
| | | width: 200px; |
| | | height: 109px; |
| | | |
| | | position: absolute; |
| | | |
| | | |
| | | |
| | | } |
| | | #top-tab img { |
| | | width: 200px; |
| | |
| | | top: -15px; |
| | | left: 20px; |
| | | transform: scale(0.6); |
| | | |
| | | } |
| | | |
| | | #top-tab h1{ |
| | |
| | | transform: translate(-50% ,-30%); |
| | | } |
| | | |
| | | |
| | | #details { |
| | | position: relative; |
| | | } |
| | | #details .head { |
| | | width: 100%; |
| | | height: 50px; |
| | |
| | | } |
| | | |
| | | /* 甘特图 */ |
| | | #details-tab { |
| | | background-color: #FFF; |
| | | width: 98%; |
| | | /*左侧项目节点时间*/ |
| | | #details-tab-left { |
| | | display: inline-block; |
| | | position: absolute; |
| | | float: left; |
| | | width: 11%; |
| | | margin-top: 1%; |
| | | margin-left: 1%; |
| | | } |
| | | /*表头*/ |
| | | .tab-head { |
| | | background-color: #354352; |
| | | color: #FFFFFF; |
| | | font-size: 6px; |
| | | } |
| | | .tab-head>th { |
| | | width: 73px; |
| | | height: 35px; |
| | | } |
| | | .tab-head>th:first-child { |
| | | width: 55px; |
| | | } |
| | | /*表身*/ |
| | | .tab-body { |
| | | background-color: #354352; |
| | | color: #FFFFFF; |
| | | font-size: 6px; |
| | | } |
| | | .tab-body>td { |
| | | width: 73px; |
| | | height: 52px; |
| | | text-align: center; |
| | | } |
| | | .tab-body>td:first-child { |
| | | width: 55px; |
| | | } |
| | | /*右侧进度表*/ |
| | | #details-tab { |
| | | display: inline-block; |
| | | position: absolute; |
| | | clear: both; |
| | | background-color: #FFF; |
| | | width: 86%; |
| | | margin-top: 1%; |
| | | margin-left: 12%; |
| | | overflow: scroll; |
| | | |
| | | } |
| | | #details-tab,th,td{ |
| | | #details-tab th td{ |
| | | border: 1px solid #d9dce3; |
| | | cursor: default; |
| | | |
| | |
| | | width: 55px; |
| | | } |
| | | #details-tab td { |
| | | height: 28px; |
| | | height: 27px; |
| | | text-align: center; |
| | | position: relative; |
| | | } |