You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
415 lines
10 KiB
CSS
415 lines
10 KiB
CSS
5 years ago
|
.groupFigure .topHeaderFigure {
|
||
|
|
height:50px;
|
||
|
|
background-color:#f6f8fb;
|
||
|
|
padding-left:20px;
|
||
|
|
color:#4e515e;
|
||
|
|
position:relative;
|
||
|
|
border-bottom:1px solid #d2dae2;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader {
|
||
|
|
float:left;
|
||
|
|
height:50px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .headerTxt {
|
||
|
|
float:left;
|
||
|
|
line-height:50px;
|
||
|
|
font-size:14px;
|
||
|
|
margin-right:20px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup {
|
||
|
|
float:left;
|
||
|
|
width:110px;
|
||
|
|
height:36px;
|
||
|
|
margin:6px 0;
|
||
|
|
color:#545454;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .headerSelect {
|
||
|
|
width:110px;
|
||
|
|
font-size:14px;
|
||
|
|
position:relative;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .headerSelect .icon {
|
||
|
|
line-height:24px;
|
||
|
|
text-align:center;
|
||
|
|
color:#FFF;
|
||
|
|
display:inline-block;
|
||
|
|
width:24px;
|
||
|
|
float:left;
|
||
|
|
margin-top:6px;
|
||
|
|
font-size:12px;
|
||
|
|
-moz-border-radius:50% 50%;
|
||
|
|
-webkit-border-radius:50%;
|
||
|
|
border-radius:50% 50%;
|
||
|
|
background-color:#545454;
|
||
|
|
display:inline-block
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .headerSelect .txt {
|
||
|
|
margin-left:30px;
|
||
|
|
line-height:36px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .headerSelect .arrow {
|
||
|
|
position:absolute;
|
||
|
|
right:-5px;
|
||
|
|
bottom:12px;
|
||
|
|
font-family:"iconfont" !important;
|
||
|
|
font-size:12px;
|
||
|
|
font-style:normal;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
-webkit-text-stroke-width:0.2px;
|
||
|
|
-moz-osx-font-smoothing:grayscale
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .headerSelect .arrow:before {
|
||
|
|
content:"\e621";
|
||
|
|
font-size:8px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .listSelect {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width:130px;
|
||
|
|
background-color:#fff;
|
||
|
|
border:1px solid #9ba3af;
|
||
|
|
z-index:2;
|
||
|
|
box-shadow:0 4px 8px 2px rgba(0, 0, 0, 0.4);
|
||
|
|
padding:0 10px;
|
||
|
|
white-space:nowrap;
|
||
|
|
max-height:180px;
|
||
|
|
overflow-y:scroll;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .listSelect .item {
|
||
|
|
font-size:14px;
|
||
|
|
position:relative;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .listSelect .item .icon {
|
||
|
|
line-height:24px;
|
||
|
|
text-align:center;
|
||
|
|
color:#FFF;
|
||
|
|
display:inline-block;
|
||
|
|
width:24px;
|
||
|
|
height:24px;
|
||
|
|
float:left;
|
||
|
|
margin-top:6px;
|
||
|
|
font-size:12px;
|
||
|
|
-moz-border-radius:50% 50%;
|
||
|
|
-webkit-border-radius:50%;
|
||
|
|
border-radius:50% 50%;
|
||
|
|
background-color:#545454
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .selectUserGroup .listSelect .item .txt {
|
||
|
|
margin-left:30px;
|
||
|
|
line-height:36px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .fuckUITip {
|
||
|
|
float:left;
|
||
|
|
cursor:pointer;
|
||
|
|
margin-left:20px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .fuckUITip .icon {
|
||
|
|
line-height:50px;
|
||
|
|
font-family:"iconfont" !important;
|
||
|
|
font-size:12px;
|
||
|
|
font-style:normal;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
-webkit-text-stroke-width:0.2px;
|
||
|
|
-moz-osx-font-smoothing:grayscale
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .fuckUITip .icon:before {
|
||
|
|
content:"\e675";
|
||
|
|
font-size:20px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .leftHeader .fuckUITip .icon:hover:before {
|
||
|
|
color:#000
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader {
|
||
|
|
float:right;
|
||
|
|
width:500px;
|
||
|
|
height:50px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTxt {
|
||
|
|
float:right;
|
||
|
|
line-height:50px;
|
||
|
|
font-size:14px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip {
|
||
|
|
float:right;
|
||
|
|
margin-left:5px;
|
||
|
|
cursor:pointer;
|
||
|
|
height:18px;
|
||
|
|
width:18px;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .icon {
|
||
|
|
line-height:50px;
|
||
|
|
display:inline-block;
|
||
|
|
height:16px;
|
||
|
|
width:16px;
|
||
|
|
float:left;
|
||
|
|
font-family:"iconfont" !important;
|
||
|
|
font-size:12px;
|
||
|
|
font-style:normal;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
-webkit-text-stroke-width:0.2px;
|
||
|
|
-moz-osx-font-smoothing:grayscale
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .icon:before {
|
||
|
|
content:"\e609";
|
||
|
|
font-size:16px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .icon:hover:before {
|
||
|
|
color:#000
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip {
|
||
|
|
color:#4e515e;
|
||
|
|
position:absolute;
|
||
|
|
top:46px;
|
||
|
|
right:-12px;
|
||
|
|
z-index:2;
|
||
|
|
display:none;
|
||
|
|
cursor:default
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .tipPop {
|
||
|
|
padding:8px;
|
||
|
|
width:200px;
|
||
|
|
min-height:20px;
|
||
|
|
background-color:#fff;
|
||
|
|
border:1px solid #d2dae2;
|
||
|
|
-moz-box-shadow:2px 2px 2px 2px #d2dae2;
|
||
|
|
-webkit-box-shadow:2px 2px 2px 2px #d2dae2;
|
||
|
|
box-shadow:2px 2px 2px 2px #d2dae2
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .tipPop .tipTxt {
|
||
|
|
line-height:20px;
|
||
|
|
padding-left:10px;
|
||
|
|
font-size:12px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .tipPop .tipTxt .load {
|
||
|
|
line-height:20px;
|
||
|
|
text-align:center;
|
||
|
|
margin-left:-10px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .popTopArrow {
|
||
|
|
left:0
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .popTopArrow .border {
|
||
|
|
left:auto;
|
||
|
|
right:10px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip .dateTimeTip .popTopArrow .tb-border {
|
||
|
|
border-color:transparent transparent #d2dae2
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeTip:hover .dateTimeTip {
|
||
|
|
display:inline-block
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeInput {
|
||
|
|
float:right;
|
||
|
|
margin:6px 10px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .timeInput .calendarInput {
|
||
|
|
width:70px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .backListBtn {
|
||
|
|
float:right;
|
||
|
|
background-color:#ee4f6a;
|
||
|
|
color:#FFF;
|
||
|
|
width:140px;
|
||
|
|
text-align:center;
|
||
|
|
cursor:pointer;
|
||
|
|
height:50px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .backListBtn .icon {
|
||
|
|
line-height:50px;
|
||
|
|
font-family:"iconfont" !important;
|
||
|
|
font-size:12px;
|
||
|
|
font-style:normal;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
-webkit-text-stroke-width:0.2px;
|
||
|
|
-moz-osx-font-smoothing:grayscale
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .backListBtn .icon:before {
|
||
|
|
content:"\e567";
|
||
|
|
font-size:20px
|
||
|
|
}
|
||
|
|
.groupFigure .topHeaderFigure .rightHeader .backListBtn .txt {
|
||
|
|
line-height:50px;
|
||
|
|
font-size:14px;
|
||
|
|
color:#FFF
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition {
|
||
|
|
background-color:#dee2e9;
|
||
|
|
border-bottom:1px solid #d2dae2;
|
||
|
|
height:0;
|
||
|
|
display:none;
|
||
|
|
color:#4e515e
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow {
|
||
|
|
left:0px;
|
||
|
|
background-color:#dee2e9;
|
||
|
|
-moz-border-radius:0;
|
||
|
|
-webkit-border-radius:0;
|
||
|
|
border-radius:0;
|
||
|
|
border:none;
|
||
|
|
height:60px;
|
||
|
|
padding-left:92px
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .textName, .groupFigure .figureCondition .popTopArrow .textDesc {
|
||
|
|
height:30px;
|
||
|
|
line-height:30px;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .textName .txt, .groupFigure .figureCondition .popTopArrow .textDesc .txt {
|
||
|
|
max-width:700px;
|
||
|
|
display:inline-block;
|
||
|
|
float:left
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .textName .icon, .groupFigure .figureCondition .popTopArrow .textDesc .icon {
|
||
|
|
color:#4e515e;
|
||
|
|
display:inline-block;
|
||
|
|
float:left;
|
||
|
|
font-family:"iconfont" !important;
|
||
|
|
font-size:12px;
|
||
|
|
font-style:normal;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
-webkit-text-stroke-width:0.2px;
|
||
|
|
-moz-osx-font-smoothing:grayscale;
|
||
|
|
margin-left:10px
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .textName .icon:before, .groupFigure .figureCondition .popTopArrow .textDesc .icon:before {
|
||
|
|
content:"\e657";
|
||
|
|
font-size:14px
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .border {
|
||
|
|
left:226px
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .tb-border {
|
||
|
|
border-color:transparent transparent #dee2e9
|
||
|
|
}
|
||
|
|
.groupFigure .figureCondition .popTopArrow .tb-background {
|
||
|
|
border-color:transparent transparent #dee2e9
|
||
|
|
}
|
||
|
|
.groupFigure .tabHeader {
|
||
|
|
height:50px;
|
||
|
|
background-color:#f6f8fb;
|
||
|
|
padding-left:20px;
|
||
|
|
position:relative;
|
||
|
|
border-bottom:1px solid #d2dae2;
|
||
|
|
overflow:hidden;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
.groupFigure .tabHeader .tabH {
|
||
|
|
width:100px;
|
||
|
|
text-align:center;
|
||
|
|
font-size:14px;
|
||
|
|
color:#a9b8cd;
|
||
|
|
float:left;
|
||
|
|
height:50px;
|
||
|
|
line-height:50px;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
.groupFigure .tabHeader .active {
|
||
|
|
color:#4e515e
|
||
|
|
}
|
||
|
|
.groupFigure .tabHeader .bar {
|
||
|
|
position:absolute;
|
||
|
|
height:4px;
|
||
|
|
width:100px;
|
||
|
|
background-color:#ee4f6a;
|
||
|
|
top:47px;
|
||
|
|
left:20px;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
{
|
||
|
|
background-color:#eef0f8;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
.tabFigureContent {
|
||
|
|
display:none;
|
||
|
|
padding-left:20px;
|
||
|
|
padding-bottom:40px;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard {
|
||
|
|
width:50%;
|
||
|
|
float:left;
|
||
|
|
margin-top:20px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard:hover .dashBoardContent {
|
||
|
|
-moz-box-shadow:0px 0px 3px 4px #cbcdd0;
|
||
|
|
-webkit-box-shadow:0px 0px 3px 4px #cbcdd0;
|
||
|
|
box-shadow:0px 0px 3px 4px #cbcdd0;
|
||
|
|
-moz-border-radius:2px;
|
||
|
|
-webkit-border-radius:2px;
|
||
|
|
border-radius:2px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent {
|
||
|
|
height:310px;
|
||
|
|
background-color:#FFF;
|
||
|
|
padding:20px;
|
||
|
|
margin-right:18px;
|
||
|
|
border:1px solid #e0e3ea
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle {
|
||
|
|
height:30px;
|
||
|
|
font-size:14px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn {
|
||
|
|
float:right;
|
||
|
|
height:10px;
|
||
|
|
font-size:12px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn span {
|
||
|
|
display:inline-block
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn .bt {
|
||
|
|
cursor:pointer;
|
||
|
|
padding:0 10px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn .bt:hover {
|
||
|
|
text-decoration:underline
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn .bt2, .tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn .bt3 {
|
||
|
|
border-left:1px solid #323b3d
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartTitle .rightTopBtn .active {
|
||
|
|
color:#359ce7;
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartContent {
|
||
|
|
height:260px
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartContent .load {
|
||
|
|
line-height:150px;
|
||
|
|
text-align:center
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartContent .load .tryAgain {
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartContent .load .link {
|
||
|
|
font-size:12px;
|
||
|
|
line-height:30px;
|
||
|
|
color:#2297f4
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoard .dashBoardContent .chartContent .load .link:hover {
|
||
|
|
color:#007be3;
|
||
|
|
text-decoration:underline
|
||
|
|
}
|
||
|
|
.tabFigureContent .dashBoardOne {
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
.groupFigure .groupFigureTip .noListTip {
|
||
|
|
display:none;
|
||
|
|
line-height:50px;
|
||
|
|
text-align:center;
|
||
|
|
font-size:14px
|
||
|
|
}
|
||
|
|
.groupFigure .groupFigureTip .noComplete {
|
||
|
|
display:none;
|
||
|
|
line-height:50px;
|
||
|
|
text-align:center;
|
||
|
|
font-size:14px
|
||
|
|
}
|