流量统计首页样式更新
This commit is contained in:
zhangwei
@@ -3,9 +3,15 @@
|
||||
.data_content{
|
||||
/*overflow-x: hidden;*/
|
||||
/* min-width: 1366px; */
|
||||
background-color: #303030;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 10px;
|
||||
/* background-color: #303030; */
|
||||
padding-top: 15px;
|
||||
/* padding-bottom: 10px; */
|
||||
background: url("../img/dashboard-back.jpg")no-repeat;
|
||||
width:100%;
|
||||
/* height:100%; */
|
||||
background-size:100% 100%;
|
||||
position:absolute;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/dashboard-back.jpg',sizingMethod='scale');
|
||||
}
|
||||
|
||||
/******************** info start *************************/
|
||||
@@ -14,7 +20,7 @@ p{
|
||||
}
|
||||
.data_content .data_info{
|
||||
width: calc(100% - 20px);
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: 50px;
|
||||
height: 110px;
|
||||
margin-left: 15px;
|
||||
text-align: center;
|
||||
@@ -28,32 +34,61 @@ p{
|
||||
.data_content .data_info .fr_fc{
|
||||
width: 100%;
|
||||
height: 110px;
|
||||
border: 1px solid #303030;
|
||||
border: 1px solid #545678;
|
||||
border-width: 0 1px;
|
||||
display: inline-block;
|
||||
}
|
||||
.fl_visual .fa {
|
||||
background:-webkit-linear-gradient(left, #d9ffff, #77b5dc);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
line-height: 42px;
|
||||
}
|
||||
.data_content .data_info .fr_fc .fl_visual{
|
||||
margin-left: 0px;
|
||||
margin-left: 2px;
|
||||
float: left;
|
||||
height: 110px;
|
||||
width: 28%;
|
||||
font-size: 45px;
|
||||
color: #C5C5C5;
|
||||
font-size: 40px;
|
||||
/* color: #d9ffff !important; */
|
||||
/* color: linear-gradient(to right, #ffcc99, #77b5dc); */
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
margin-top: 25px;
|
||||
/*background: -webkit-linear-gradient(left,#d9ffff, #77b5dc);*/
|
||||
/* background: -webkit-linear-gradient(left,#d9ffff,#77b5dc); */
|
||||
|
||||
-webkit-background-clip: text;
|
||||
/* -webkit-text-fill-color: #d9ffff; */
|
||||
-webkit-text-fill-color: #d9ffff;
|
||||
/* background: -webkit-linear-gradient(left bottom, #d9ffff , #77b5dc); */
|
||||
/* -webkit-background-clip: text; */
|
||||
/* -webkit-text-fill-color: transparent; */
|
||||
/* -webkit-text-stroke:1px transparent; */
|
||||
/* background:-webkit-linear-gradient(left,#d9ffff , #77b5dc); */
|
||||
/* background:-o-linear-gradient(left,#d9ffff , #77b5dc); */
|
||||
/* background:-moz-linear-gradient(left,#d9ffff , #77b5dc); */
|
||||
/* background:-ms-linear-gradient(left,#d9ffff , #77b5dc); */
|
||||
|
||||
}
|
||||
.data_content .data_info .fr_fc .fl_visual a:link {
|
||||
color: #C5C5C5 !important;
|
||||
/* .data_content .data_info .fr_fc .fl_visual a:link {
|
||||
color:#d9ffff !important;
|
||||
background: -webkit-linear-gradient(left bottom, #d9ffff , #77b5dc);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.data_content .data_info .fr_fc .fl_visual a:visited {
|
||||
color: #C5C5C5 !important;
|
||||
background: -webkit-linear-gradient(left bottom, #d9ffff , #77b5dc);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.data_content .data_info .fr_fc .fl_visual a:hover {
|
||||
color: #716D6D !important;
|
||||
}
|
||||
.data_content .data_info .fr_fc .fl_visual a:active {
|
||||
color: #716D6D !important;
|
||||
}
|
||||
background: -webkit-linear-gradient(left bottom, #d9ffff , #77b5dc);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
} */
|
||||
.data_content .data_info .fr_fc .fl_fc{
|
||||
width: 70%;
|
||||
height: 110px;
|
||||
@@ -62,7 +97,7 @@ p{
|
||||
}
|
||||
.data_content .data_info .info_2>.text_2{
|
||||
width: calc(100% - 10px);
|
||||
background-color: #3D3D3D;
|
||||
background-color: #3D495F;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
@@ -78,23 +113,11 @@ p{
|
||||
}
|
||||
.data_content .data_info .info_1>.text_1{
|
||||
width: calc(100% - 1px);
|
||||
background-color: #3D3D3D;
|
||||
background-color: #3D495F;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
/* .data_content .data_info .info_3{
|
||||
width: 29%;
|
||||
height: 110px;
|
||||
}
|
||||
.data_content .data_info .info_3>.text_3{
|
||||
width:100%;
|
||||
background-color: #3D3D3D;
|
||||
height: 110px;
|
||||
|
||||
} */
|
||||
|
||||
.data_content .data_info>div.info_2>.text_2>div{
|
||||
width: 14.2%;
|
||||
width: 14.2%;
|
||||
position: relative;
|
||||
}
|
||||
.data_content .data_info>div.info_1>div>div,
|
||||
@@ -134,7 +157,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -142,7 +166,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -150,7 +175,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -158,7 +184,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -166,7 +193,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -174,7 +202,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -182,7 +211,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -190,7 +220,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 2.1em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -198,7 +229,8 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
@@ -206,19 +238,22 @@ p{
|
||||
width:100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 33px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.data_content .data_info>div.info_1 .fl_fc .numberRun4-unit{
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color:#288dce;
|
||||
/*color:#288dce;*/
|
||||
color:#ffffff;
|
||||
margin-top: 0.6px;
|
||||
}
|
||||
.data_content .data_info>div.info_1 .fl_fc .csNum{
|
||||
font-size: 11px;
|
||||
color:#337ab7 !important;
|
||||
/*color:#337ab7 !important;*/
|
||||
color:#ffffff !important;
|
||||
margin-top: -6px;
|
||||
text-align: center;
|
||||
margin-left: 1.3px;
|
||||
@@ -256,37 +291,76 @@ p{
|
||||
.data_content .data_main .main_left>div{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
box-sizing: border-box;
|
||||
/* box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
/*box-shadow: 0px 0px 10px #3D3D3D inset;*/
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
box-shadow: 0px 0px 10px #3D3D3D inset;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
0px -10px 15px #3D3D3D inset, 上边阴影
|
||||
10px 0px 15px #3D3D3D inset, 右边阴影
|
||||
0px 10px 15px #3D3D3D inset; */
|
||||
position: relative;
|
||||
}
|
||||
.data_content .data_main .main_left .left_1 .chart-back{
|
||||
background-color:rgba(15, 27, 49,0.3);
|
||||
/* background: -webkit-linear-gradient(right, #496A85,#496A85); Safari 5.1 - 6.0 */
|
||||
/* background: -o-linear-gradient(right, #496A85,#496A85); // Opera 11.1 - 12.0 */
|
||||
/* background: -moz-linear-gradient(right, #496A85,#496A85);// Firefox 3.6 - 15 */
|
||||
/* background: linear-gradient(left bottom, #273349,#5D516F); //标准的语法（必须放在最后） */
|
||||
}
|
||||
|
||||
.data_content .data_main .main_left div:nth-child(1){
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.data_content .data_main .main_left div .main_title{
|
||||
width: 260px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
border-radius: 18px;
|
||||
background-color: #3D495F;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:46%;
|
||||
margin-left: -100px;
|
||||
top: -39px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
z-index: 1000;
|
||||
border-radius:18px !important;
|
||||
}
|
||||
.data_content .data_main .main_left div .main_title .txt{
|
||||
line-height: 33px;
|
||||
/* position: absolute; */
|
||||
margin-left: 10px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
z-index: 1000;
|
||||
}
|
||||
.label_block {
|
||||
padding-left: 10px;
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
.label_block label a {
|
||||
color: white !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
.highcharts-button-box {
|
||||
rx: 0 !important;
|
||||
ry: 0 !important;
|
||||
}
|
||||
.data_content .data_main .main_left div .main_title .btn1{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 59%;
|
||||
}
|
||||
/* .data_content .data_main .main_left div .main_title .btn2{
|
||||
border: 1px solid #26262d;
|
||||
border-width: 0 1px;
|
||||
} */
|
||||
|
||||
.data_content .data_main .main_center{
|
||||
width: 35%;
|
||||
@@ -294,48 +368,63 @@ p{
|
||||
|
||||
}
|
||||
.data_content .data_main .main_center .center_text{
|
||||
width: calc(100% - 16px);
|
||||
width: calc(100% - 18px);
|
||||
height: 400px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
/* border: 1px solid #3D3D3D;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
0px -10px 15px #3D3D3D inset, 上边阴影
|
||||
10px 0px 15px #3D3D3D inset, 右边阴影
|
||||
0px 10px 15px #3D3D3D inset; */
|
||||
background-color:rgba(15, 27, 49,0.3);
|
||||
position: relative;
|
||||
}
|
||||
.data_content .data_main .main_center .main_title{
|
||||
width: 230px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
background-color: #3D495F;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:50%;
|
||||
margin-left: -110px;
|
||||
top: -39px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
z-index: 1000;
|
||||
border-radius:18px !important;
|
||||
}
|
||||
|
||||
.data_content .data_main .main_center div .main_title .txt{
|
||||
line-height: 33px;
|
||||
margin-left: 10px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
z-index: 1000;
|
||||
}
|
||||
.data_content .data_main .main_center .center_text .main_title .btn1{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 50%;
|
||||
}
|
||||
.data_content .data_main .main_right{
|
||||
margin-top: -25px;
|
||||
width: 23%;
|
||||
}
|
||||
.data_content .data_main .main_right>div{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
/* box-sizing: border-box; */
|
||||
background-color:rgba(15, 27, 49,0.3);
|
||||
/* border: 1px solid #292853; */
|
||||
/* box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
0px -10px 15px #3D3D3D inset, 上边阴影
|
||||
10px 0px 15px #3D3D3D inset, 右边阴影
|
||||
0px 10px 15px #3D3D3D inset; */
|
||||
position: relative;
|
||||
}
|
||||
.data_content .data_main .main_right div.right_1 .choice{
|
||||
@@ -344,10 +433,33 @@ p{
|
||||
right: 30px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.data_content .data_main .main_right div.right_1 .choice label{
|
||||
.data_content .data_main .main_right div.right_1 label{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.choice label{
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
select.minimal:focus {
|
||||
/*
|
||||
background-image:
|
||||
linear-gradient(45deg, gray 50%, transparent 50%),
|
||||
linear-gradient(135deg, transparent 50%, green 50%),
|
||||
linear-gradient(to right, #ccc, #ccc);
|
||||
background-position:
|
||||
calc(100% - 15px) 1em,
|
||||
calc(100% - 20px) 1em,
|
||||
calc(100% - 2.5em) 0.5em;
|
||||
background-size:
|
||||
5px 5px,
|
||||
5px 5px,
|
||||
1px 1.5em;
|
||||
background-repeat: no-repeat;
|
||||
border-color: #ffffff;
|
||||
outline: 0;
|
||||
*/
|
||||
}
|
||||
|
||||
.data_content .data_main .main_right div:nth-child(1){
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@@ -371,24 +483,18 @@ p{
|
||||
}
|
||||
/* 第2行图 */
|
||||
.data_content .data_main1{
|
||||
width: calc(100% - 30px);
|
||||
width: calc(100% - 14px);
|
||||
height: 430px;
|
||||
margin-left: 15px;
|
||||
margin-top: 30px
|
||||
margin-top: 54px
|
||||
}
|
||||
.data_content .data_main1 .main_left1{
|
||||
width: 41%;
|
||||
width: 40.5%;
|
||||
}
|
||||
.data_content .data_main1 .main_left1>div{
|
||||
width: 100%;
|
||||
height: 430px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
/*box-shadow: 0px 0px 10px #3D3D3D inset;*/
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
background-color:rgba(15, 27, 49,0.3);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -396,26 +502,46 @@ p{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.data_content .data_main1 .main_left1 div .main_title1{
|
||||
width: 250px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
border-radius: 18px;
|
||||
background-color: #3D495F;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:45%;
|
||||
margin-left: -100px;
|
||||
top: -39px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
z-index: 1000;
|
||||
border-radius:18px !important;
|
||||
}
|
||||
.data_content .data_main1 .main_left1 div .main_title1 .txt{
|
||||
line-height: 33px;
|
||||
margin-left: 10px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
z-index: 1000;
|
||||
}
|
||||
.data_content .data_main1 .main_left1 div .main_title1 .btn1{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 82%;
|
||||
}
|
||||
.data_content .data_main1 .main_left1 div .main_title1 .btn1-app{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 69%;
|
||||
}
|
||||
|
||||
.data_content .data_main1 .main_center1{
|
||||
width: calc(25% - 10px);
|
||||
width: calc(24% - 13px);
|
||||
height: 430px;
|
||||
|
||||
}
|
||||
@@ -423,7 +549,7 @@ p{
|
||||
width: 230px;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
background-color:rgba(95, 80, 94,0.3);
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:50%;
|
||||
@@ -438,19 +564,21 @@ p{
|
||||
}
|
||||
|
||||
.data_content .data_main1 .main_right1{
|
||||
width: calc(34% - 5px);
|
||||
margin-right: 15px;
|
||||
width: calc(34% - 3px);
|
||||
margin-left: 15px;
|
||||
margin-top: -38px;
|
||||
}
|
||||
.data_content .data_main1 .main_right1>div{
|
||||
width: 100%;
|
||||
height: 430px;
|
||||
box-sizing: border-box;
|
||||
height: 469px;
|
||||
/* box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
/* 10px 0px 15px #3D3D3D inset, */ /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
0px -10px 15px #3D3D3D inset, 上边阴影
|
||||
10px 0px 15px #3D3D3D inset, 右边阴影
|
||||
0px 10px 15px #3D3D3D inset; */
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
.data_content .data_main1 .main_right1 div.right_1 .choice{
|
||||
position: absolute;
|
||||
@@ -461,7 +589,6 @@ p{
|
||||
.data_content .data_main1 .main_right1 div.right_1 .choice label{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.data_content .data_main1 .main_right1 div:nth-child(1){
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@@ -698,13 +825,24 @@ p{
|
||||
width: 100%;
|
||||
}
|
||||
.data_content .data_bottom div .main_table thead tr{
|
||||
height: 36px;
|
||||
height: 37px;
|
||||
}
|
||||
.data_content .data_bottom div .main_table th{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color:#757575;
|
||||
text-align: center;
|
||||
border-top:1px solid #493b6a;
|
||||
border-left:1px solid #493b6a;
|
||||
border-right:1px solid #493b6a;
|
||||
border-bottom:1px solid #493b6a;
|
||||
border-width: 2px;
|
||||
}
|
||||
div .main_table_port th:nth-child(1){
|
||||
border-left:none;
|
||||
}
|
||||
div .main_table_port th:nth-child(3){
|
||||
border-right:none;
|
||||
}
|
||||
.data_content .data_bottom div .main_table th:nth-child(1){
|
||||
width: 30%;
|
||||
@@ -736,99 +874,123 @@ p{
|
||||
height: 430px;
|
||||
margin-left: 0px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.data_bottom_web div{
|
||||
|
||||
}
|
||||
.bottom_web{
|
||||
width: 100%;
|
||||
height: 430px;
|
||||
box-shadow:/* -10px 0px 15px #3D3D3D inset, */ /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
background-color:rgba(15, 27, 49, 0.3);
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.bottom_center_web{
|
||||
width: 74%;
|
||||
height: 430px;
|
||||
}
|
||||
.bottom_web{
|
||||
width: 100%;
|
||||
height: 430px;
|
||||
box-shadow:/* -10px 0px 15px #3D3D3D inset, */ /*左边阴影*/
|
||||
0px -10px 15px #3D3D3D inset, /*上边阴影*/
|
||||
10px 0px 15px #3D3D3D inset, /*右边阴影*/
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #3D3D3D;
|
||||
margin-left: 15px;
|
||||
}
|
||||
div .main_title_web{
|
||||
width: 220px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
border-radius: 18px;
|
||||
background-color: rgba(61, 73, 95, 0.7);
|
||||
/* background: linear-gradient(left bottom, #273349,#5D516F); //标准的语法（必须放在最后） */
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:50%;
|
||||
margin-left: -110px;
|
||||
top: -39px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
border-radius:18px !important;
|
||||
}
|
||||
|
||||
div .main_title_web .txt{
|
||||
line-height: 33px;
|
||||
margin-left: 10px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
z-index: 1000;
|
||||
}
|
||||
div .main_title_web .btn1{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 38%;
|
||||
}
|
||||
div .main_title_web .btn1-bs{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 69%;
|
||||
}
|
||||
div .main_table_web tr{
|
||||
height: 36px;
|
||||
height: 39px;
|
||||
}
|
||||
div .main_table_web tr th{
|
||||
border-top:none;
|
||||
border-left:1px solid #847387;
|
||||
border-right:1px solid #847387;
|
||||
border-width: 2px;
|
||||
}
|
||||
div .main_table_web tr th:nth-child(1){
|
||||
border-left:none;
|
||||
}
|
||||
div .main_table_web tr th:nth-child(3){
|
||||
border-right:none;
|
||||
}
|
||||
div .main_table_web{
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
/* margin-top: 25px; */
|
||||
}
|
||||
div .main_table_web table{
|
||||
width: 100%;
|
||||
}
|
||||
div .main_table_web thead tr{
|
||||
height: 36px;
|
||||
height: 40px;
|
||||
}
|
||||
div .main_table_web th{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color:#757575;
|
||||
/* color:#757575; */
|
||||
color:#ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.main_table_web th:nth-child(1){
|
||||
width: 30%;
|
||||
}
|
||||
div .main_table_web th:nth-child(2){
|
||||
width: 35%;
|
||||
width: 40%;
|
||||
}
|
||||
div .main_table_web th:nth-child(2){
|
||||
width: 35%;
|
||||
div .main_table_web th:nth-child(3){
|
||||
width: 30%;
|
||||
}
|
||||
div .main_table_web td{
|
||||
color:#3D3D3D;
|
||||
/* color:#3D3D3D; */
|
||||
font-size: 12.8px;
|
||||
text-align: center;
|
||||
|
||||
border-top:1px solid #847387;
|
||||
border-left:1px solid #847387;
|
||||
/* border-right:1px solid #847387; */
|
||||
border-bottom:none;
|
||||
border-width: 2px;
|
||||
}
|
||||
.main_table_web tbody tr:nth-child(1),
|
||||
div .main_table_web td:nth-child(1){
|
||||
border-left:none;
|
||||
}
|
||||
div .main_table_web td:nth-child(3){
|
||||
border-right:none;
|
||||
}
|
||||
/* .main_table_web tbody tr:nth-child(1),
|
||||
div .main_table_web tbody tr:nth-child(3),
|
||||
div .main_table_web tbody tr:nth-child(7),
|
||||
div .main_table_web tbody tr:nth-child(9),
|
||||
div .main_table_web tbody tr:nth-child(5){
|
||||
background-color: #303030;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
10px 0px 15px #3D3D3D inset; /*右边阴影*/
|
||||
/*0px 10px 15px #3D3D3D inset;*/
|
||||
}
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
10px 0px 15px #3D3D3D inset; 右边阴影
|
||||
0px 10px 15px #3D3D3D inset;
|
||||
} */
|
||||
|
||||
/* 活跃端口 active port */
|
||||
.data_bottom_port{
|
||||
@@ -895,25 +1057,39 @@ p{
|
||||
/*background: url("../img/chart_8.png") no-repeat;*/
|
||||
}
|
||||
div .main_title_port{
|
||||
width: 220px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
background-color: #3D3D3D;
|
||||
border-radius: 18px;
|
||||
background-color: rgba(61, 73, 95, 0.5);
|
||||
background: linear-gradient(left bottom, #273349,#5D516F); /* //标准的语法（必须放在最后） */
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left:50%;
|
||||
margin-left: -110px;
|
||||
top: -39px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
text-align:center;
|
||||
border-radius:18px !important;
|
||||
}
|
||||
div .main_title_port .txt{
|
||||
line-height: 33px;
|
||||
margin-left: 10px;
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
box-sizing: border-box;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
div .main_title_port .btn1{
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
z-index: 1000;
|
||||
margin-left: 50%;
|
||||
}
|
||||
|
||||
div .main_table_port tr{
|
||||
height: 33px;
|
||||
height: 36px;
|
||||
}
|
||||
div .main_table_port{
|
||||
width: 100%;
|
||||
@@ -923,35 +1099,56 @@ p{
|
||||
width: 100%;
|
||||
}
|
||||
div .main_table_port thead tr{
|
||||
height: 36px;
|
||||
height: 40px;
|
||||
}
|
||||
div .main_table_port th{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color:#757575;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
border-top:1px solid #493b6a;
|
||||
border-left:1px solid #493b6a;
|
||||
border-right:1px solid #493b6a;
|
||||
border-bottom:1px solid #493b6a;
|
||||
border-width: 0 2px;
|
||||
}
|
||||
div .main_table_port th:nth-child(1){
|
||||
width: 30%;
|
||||
border-left:none;
|
||||
}
|
||||
div .main_table_port th:nth-child(3){
|
||||
border-right:none;
|
||||
}
|
||||
div .main_table_port th:nth-child(1){
|
||||
width: 33%;
|
||||
}
|
||||
div .main_table2 th:nth-child(2){
|
||||
width: 35%;
|
||||
width: 36%;
|
||||
}
|
||||
div .main_table_port th:nth-child(2){
|
||||
width: 35%;
|
||||
width: 36%;
|
||||
}
|
||||
div .main_table_port td{
|
||||
color:#3D3D3D;
|
||||
/* color:#3D3D3D; */
|
||||
font-size: 12.8px;
|
||||
text-align: center;
|
||||
border-top:1px solid #493b6a;
|
||||
border-left:1px solid #493b6a;
|
||||
/* border-right:1px solid #493b6a; */
|
||||
border-width: 2px;
|
||||
}
|
||||
div .main_table_port td:nth-child(1){
|
||||
border-left:none;
|
||||
}
|
||||
div .main_table_port td:nth-child(3){
|
||||
border-right:none;
|
||||
}
|
||||
div .main_table_port tbody tr:nth-child(1),
|
||||
div .main_table_port tbody tr:nth-child(3),
|
||||
div .main_table_port tbody tr:nth-child(7),
|
||||
div .main_table_port tbody tr:nth-child(9),
|
||||
div .main_table_port tbody tr:nth-child(5){
|
||||
background-color: #303030;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, /*左边阴影*/
|
||||
10px 0px 15px #3D3D3D inset; /*右边阴影*/
|
||||
/*0px 10px 15px #3D3D3D inset;*/
|
||||
/* background-color: #303030;
|
||||
box-shadow:-10px 0px 15px #3D3D3D inset, 左边阴影
|
||||
10px 0px 15px #3D3D3D inset; 右边阴影
|
||||
0px 10px 15px #3D3D3D inset; */
|
||||
}
|
||||
Reference in New Issue
Block a user