182 lines
3.0 KiB
CSS
182 lines
3.0 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
*{
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box; /* Firefox */
|
|
-webkit-box-sizing:border-box; /* Safari */
|
|
}
|
|
|
|
/*logo*/
|
|
#logo{
|
|
background-image: url(images/logo.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
width:488px;
|
|
height: 49px;
|
|
left: 50%;
|
|
margin-left: -244px;
|
|
top:15px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
#contentDiv{
|
|
position: relative;
|
|
margin-left:3px;
|
|
margin-right: 35px;
|
|
top: 85px;
|
|
margin-bottom: 30px;
|
|
z-index:99;
|
|
}
|
|
|
|
.selectTree{
|
|
width:138px;
|
|
position: absolute;
|
|
z-index: 997;
|
|
margin-bottom: 4px;
|
|
}
|
|
.selectTree h6{
|
|
color:#0df2ff;
|
|
background-color: rgba(4,55,107,.8);
|
|
text-indent: 10px;
|
|
font-weight: normal;
|
|
}
|
|
.selectTree h6 span{
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
.selectTree ul{
|
|
background-color: rgba(4,37,68,.8);
|
|
padding:5px 0px;
|
|
-webkit-box-shadow:inset 0 0 6px rgba(4,102,156,1);
|
|
-moz-box-shadow:inset 0 0 6px rgba(4,102,156,1);
|
|
box-shadow:inset 0 0 15px rgba(4,102,156,1);
|
|
}
|
|
.selectTree ul li{
|
|
text-indent: 14px;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
}
|
|
.selectTree ul li a{
|
|
color: #56e6ef;
|
|
}
|
|
.selectTree ul li:focus a,.selectTree ul li:hover a{
|
|
color:#000;
|
|
}
|
|
.selectTree ul li:focus,.selectTree ul li:hover{
|
|
background: #56e6ef;
|
|
}
|
|
.rightDiv{
|
|
float: right;
|
|
width:400px;
|
|
}
|
|
.leftDiv{
|
|
margin-right:408px;
|
|
}
|
|
#contentDiv.sidebar-hide{
|
|
margin-left: 168px;
|
|
}
|
|
.rightDiv .chartDiv {
|
|
min-height: 312px;
|
|
}
|
|
.leftDiv .chartDiv {
|
|
min-height: 312px;
|
|
}
|
|
.leftDiv .chartDiv .iframeTest{
|
|
width:100%;
|
|
}
|
|
.chartDiv{
|
|
width:100%;
|
|
background: rgba(4,37,68,.8);
|
|
position: relative;
|
|
border:#072f55 1px solid;
|
|
padding: 40px 5px 10px 0px;
|
|
margin-bottom: 5px;
|
|
z-index:1;
|
|
}
|
|
.chartDiv span.jbg{
|
|
background-image: url(images/jbg.png);
|
|
width:8px;
|
|
height:8px;
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.chartDiv span.topLeft{
|
|
background-position: 0px 0px;
|
|
top:-1px;
|
|
left:-1px;
|
|
}
|
|
.chartDiv span.topRight{
|
|
background-position: -8px 0px;
|
|
top:-1px;
|
|
right:-1px;
|
|
}
|
|
.chartDiv span.bottomLeft{
|
|
background-position: 0px -8px;
|
|
bottom:-1px;
|
|
left:-1px;
|
|
}
|
|
.chartDiv span.bottomRight{
|
|
background-position: -8px -8px;
|
|
bottom:-1px;
|
|
right:-1px;
|
|
}
|
|
.chartDiv h6{
|
|
color:#0df2ff;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
padding:15px 10px 5px 20px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left:0px;
|
|
right:0px;
|
|
width: 100%;
|
|
margin:0px;
|
|
}
|
|
.chartDiv h6 .r input{
|
|
width:60px;
|
|
height:17px;
|
|
line-height:17px;
|
|
padding:0;
|
|
background-color:#041e35;
|
|
vertical-align:text-top;
|
|
font-size: 13px;
|
|
border:0 none;
|
|
}
|
|
.chartDiv h1{
|
|
position: absolute;
|
|
top: 0px;
|
|
left:0px;
|
|
right:0px;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding:15px 10px 10px 20px;
|
|
font-weight: normal;
|
|
color:#0df2ff;
|
|
font-size: 24px;
|
|
}
|
|
.chartDiv h1 a{
|
|
border:#055b8b 1px solid;
|
|
padding:0px 15px;
|
|
font-size: 12px;
|
|
color:#0df2ff;
|
|
}
|
|
.chartDiv h1 a.click-on{
|
|
background-color: #055b8b;
|
|
}
|
|
.chartDiv h6 a{
|
|
border:#055b8b 1px solid;
|
|
padding:0px 10px;
|
|
padding:0px 10px;
|
|
font-size: 12px;
|
|
color:#0df2ff;
|
|
}
|
|
.chartDiv h6 a.click-on{
|
|
background-color: #055b8b;
|
|
}
|
|
.chartHeight{
|
|
height:100%;
|
|
width: 100%;
|
|
|
|
}
|