swh:1:snp:4a943ce69090898ed8488f175cc92d3407bcf125
Tip revision: 67b8c9582902a98997901325bb52ef34c248c844 authored by zhaosong_Huang on 05 April 2020, 07:20:15 UTC
Merge pull request #4 from wintericie/patch-1
Merge pull request #4 from wintericie/patch-1
Tip revision: 67b8c95
index.css
body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:10px;height:10px;background-color:hsla(0,0%,85%,.54)}::-webkit-scrollbar-thumb{border-radius:2px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#bbb}#logoContainer{height:50px;background:#777}#filename{color:#fff}.OptionTitle{padding:10px 15px;font-size:18px;line-height:20px;text-align:center}#DASelectContainer{overflow-y:auto;max-height:280px;float:left;width:100%;padding:5px;border:1px dashed rgba(0,0,0,.29);border-radius:5px}#DASelectContainer div{line-height:24px;margin:3px;padding:3px;transition-duration:.2s;cursor:pointer}#DASelectContainer div.selected,#DASelectContainer div:hover{color:#fff;background-color:#337ab7}.regionname{font-size:13px;font-weight:700;fill:#2d2d2d;pointer-events:none}.transition{transition-duration:.8s}#AreaPopup{width:220px}#AreaPopup svg{width:220px;height:160px}#AreaPopup svg text{font-size:14px}#AreaPopup svg rect{fill:#ffcf9c;stroke-width:1;stroke:#ffad00;transition-duration:.3s;cursor:pointer}#AreaPopup svg .interactive_rect{fill:transparent;stroke-width:0;cursor:e-resize;width:5px}#COviews svg{pointer-events:none}#COviews svg text{font-size:14px}#COviews svg rect{fill:#ffcf9c;stroke-width:1;stroke:#ffad00;transition-duration:.3s;cursor:pointer}#COviews svg .notselect{fill:#d2d2d2;stroke-width:0}#COviews rect.brect{pointer-events:all;fill:transparent;stroke-width:0;transition-duration:.3s}#COviews rect.brect:hover{stroke-width:2}#COviews svg .interactive_rect{fill:transparent;stroke-width:0;cursor:e-resize;width:5px}#CrimeList{height:50%;color:#000;background:hsla(0,0%,100%,.63)}#CrimeList label{font-size:16px;margin:0 0 4px}#CrimeList .list{overflow-y:auto;height:calc(100% - 36px)}#CrimeList .list .crimeevent{height:23px;margin:0 4px 4px;transition-duration:.3s;box-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer}#CrimeList .list .crimeevent:hover{background:#bbb}#CrimeList .list .isselected{background:#f69c33;color:#333}#CrimeList .list .crimeevent div{float:left;padding:0 10px}#CrimeList .list .crimeevent .eventdate{float:right}#feature-list{height:44%;overflow:auto;box-shadow:0 3px 1px #bbb}#feature-list ul{border:0}#feature-list label{background:transparent;padding:6px;font-size:14px;transition-duration:.6s}#feature-list label:hover{background:#bbb}#resultval .eachimpact{position:absolute;margin:5px;padding:4px 9px;background:#faebd7;font-weight:700;color:#333}#loading{height:calc(100% - 50px);top:50px;position:absolute;width:100%;background:hsla(0,0%,53%,.63);z-index:5}#loadingborder{position:absolute;left:25%;top:calc(50% - 40px);height:80px;width:50%;border:2px solid #6b6b6b;border-radius:5px}#loadingbar{position:absolute;left:calc(25% + 2px);top:calc(50% - 38px);height:76px;width:.5%;border-radius:3px;background:#fff;transition-duration:.3s}.resultContainer{height:49%;width:67%;float:left;right:0;bottom:0}#Rmatrixs{overflow:hidden;position:absolute;height:calc(100% - 34px);width:calc(100% - 14px);margin:2px;bottom:0;transition-duration:.3s}#Rmatrixs div.MX{position:absolute;zoom:1;background:#f2f2f2}#Rmatrixs div.MX label{text-align:center;width:100%;background:#ababab;color:#fff;font-size:13px;font-weight:100;padding:5px;margin:0;transition-duration:.3s}#Rmatrixs div.MX label.highlight,#Rmatrixs div.MX label.highlightfixed{background:#5b9bd5}.unfold polygon{fill:#ababab;cursor:pointer}.unfold polygon:hover{fill:#5b9bd5}#errorlist{height:calc(100% - 397px);width:calc(100% - 10px);padding:5px;border-radius:3px;border:1px solid #337ab7;border-style:dashed;margin:5px;position:absolute;bottom:50px;overflow:hidden}#errorlist .brect{fill:transparent;transition-duration:.4s}#errorlist .brect:hover{fill:hsla(0,0%,55%,.43)}#errorlist text{font-size:12px;font-weight:200;fill:#333;pointer-events:none}#errorlist .clusterchart text{font-size:10px;font-weight:300;fill:#505050;pointer-events:none}#errorlist #Singlelist .regionline{transition-duration:.3s}#errorlist .linechartrect{fill:#ffcf9c;stroke-width:1;stroke:#ffad00;transition-duration:.3s;cursor:pointer}#errorlist .linechartrect:hover{fill:#f99f40;stroke-width:2;stroke:#ff0049}#scat{position:absolute;bottom:0;right:0;z-index:1;background:#ffffffd6;width:calc(50% - 10px);height:400px;padding:5px;border-radius:3px;border:1px solid #337ab7;border-style:dashed;margin:5px}#map-controls{float:left;width:32%;height:49%;margin:0 1% 0 0;position:relative}.changeOptionButton{height:38px;float:left;box-shadow:0 -1px 2px rgba(0,0,0,.3);padding:5px;font-size:14px;line-height:14px;background:#f3f3f3;color:rgba(51,51,51,.48);font-weight:700;cursor:pointer;width:33.3%;transition-duration:.3s}.changeOptionButton:hover,.changeOptionButtonactive{background:#9c9c9c;color:#333}#AttrDis{border-radius:2px;margin:7px 1% 0;box-shadow:0 1px 2px rgba(0,0,0,.3);float:left;width:98%;position:relative}#RegionStatistic{width:100%;height:336px}svg{font:10px sans-serif}#map{width:100%;height:100%}#bottom{width:calc(34% - 0px)}#bottom,#file-div{height:50%;float:left}#file-div{position:relative;width:calc(30% - 10px);padding-left:10px}.fileInputDiv{display:block;width:100%}.ui-resizable-s,.ui-resizable-se{display:none!important}#map-div .ui-resizable-e{background-color:#e7e7e7!important}#scat .ui-resizable-e{display:none!important}.axis text{text-shadow:0 1px 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff}.axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.hull{stroke-dasharray:5,5,5;stroke-linejoin:round;fill-opacity:.3}.dot{stroke:#fff9ca;stroke-width:1;cursor:pointer;r:6;transition-duration:.4s;opacity:.6}.dotiscenter{r:5}.dot:hover{stroke-width:8;opacity:1;r:8}.dotselect{stroke-width:1;r:6;opacity:.9;stroke:#383838}.dotchanged{stroke-width:4;r:5}.dothighlight{stroke-width:8;r:8;opacity:1}.square{stroke:#000;stroke-width:1px}.highlighted{stroke:gray;stroke-width:1px}.checklist select,.checklist ul{overflow:auto;width:100%;border:1px solid #000}.checklist ul{list-style-type:none;overflow-x:hidden}.checklist label,.checklist li,.checklist ul{margin:0;padding:0}.checklist label{display:block;color:WindowText;background-color:Window;width:100%;font-weight:400}.checklist label:hover{background-color:Highlight;color:HighlightText}.checklist input{margin:3px 3px 3px 4px}.checklist>label:hover{background-color:Window;color:WindowText}#kMeans-controls{padding-top:5px}#kMeans-input{width:50px}#run-analysis{margin-top:5px}#filter-border{border:1px solid #000;padding:2px 8px 4px}.d3-tip{line-height:1;font-weight:700;padding:12px;background:rgba(0,0,0,.8);color:#fff;border-radius:2px}.d3-tip:after{box-sizing:border-box;display:inline;font-size:10px;width:100%;line-height:1;color:rgba(0,0,0,.8);content:"\25BC";position:absolute;text-align:center}.d3-tip.n:after{margin:-1px 0 0;top:100%;left:0}#SACContainer{width:calc(100% - 10px);float:left;padding:5px;border-radius:3px;border:1px solid #337ab7;border-style:dashed;margin:5px;overflow-y:hidden;position:absolute;height:330px;overflow:hidden}#PLine{z-index:0}#AttrInput,#PLine{position:absolute;height:281px;width:100%;top:0;left:0;padding:5px;margin:5px 0}#AttrInput{z-index:1}#AttrInput div.attrinput{transition-duration:.5s;width:250px;height:170px;background:#f2f2f2;position:absolute}#linesvg{width:100%;top:60px;position:absolute;left:0;height:199px}#AttrInput .textrect{transition-duration:.6s;fill:#b2bac1}#AttrInput .textrect:hover{fill:#5b9bd5}#AttrInput .textrectlight{transition-duration:.6s;fill:#ccc}#AttrInput .textrectlightactive{fill:#92bade}#AttrInput .textrectlight:hover{fill:#5b9bd5}#AttrInput .textinput{pointer-events:none;fill:#fff;font-size:13px}#AttrInput .checkbox{fill:#b2bac1;stroke:#fff;rx:2;width:12px;height:12px;cursor:pointer}#AttrInput .active,#AttrInput .checkbox:hover{fill:#5b9bd5}#AttrInput .boxrect{fill:#fff;stroke:#94999e;stroke-width:2px}#AttrInput .boxline{stroke:#94999e;stroke-width:2px;pointer-events:none}#PLine .Parallel_line{transition-duration:.6s;fill:none;opacity:.2;stroke-width:2px}#PLine .Parallel_lineback{stroke:#000;opacity:.1;stroke-width:3px}#PLine .Parallel_change{transition-duration:.6s;fill:none;opacity:.8;stroke-width:2px}#AttrInput div.label{cursor:default;color:#f7f7f7;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:14px;padding:6px;display:block;background:#5b9bd5;border-radius:0;transition-duration:.6s}.attrinput .ranksvg{height:30px;width:30px;position:absolute;top:75px;left:-15px}.attrinput .checkinput{float:left;height:15px;width:15px;margin:5px;padding:1px 4px;border:1px dotted #f1f1f1;border-radius:2px;cursor:pointer}.attrinput .checkinput .checkmark{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.attrinput .valueRange{float:left;margin:3px 12px;width:72px;background:#5b9bd5;color:#f7f7f7;font-size:13px;line-height:23px;transition-duration:.6s}.attrinput .slider{height:23px;width:140px;margin-top:3px}.attrinput .StepLabel{width:72px}.attrinput .StepLabel,.attrinput .textinput{float:left;margin:3px 12px;background:#5b9bd5;color:#f7f7f7;font-size:13px;line-height:23px;transition-duration:.6s}.attrinput .textinput{width:47px;height:23px;text-align:center;border:0}#CVSP-svg{position:absolute;height:400px;width:calc(50% - 10px);left:0;z-index:10;padding:10px 10px 10px 25px;background:#fff;border-radius:3px;border:1px solid #337ab7;border-style:dashed;margin:5px;bottom:0}#CVSP-svg .dot{fill:#5b9bd5;stroke:#5b9bd5;stroke-width:1;cursor:pointer;r:6;transition-duration:.4s;opacity:.6}#CVSP-svg .dotselect{stroke-width:1;r:6;opacity:.9;stroke:#383838}#CVSP-svg .dotnotselect{opacity:.01;pointer-events:none}#mod{z-index:5;top:50px;transition-duration:.5s}#KmeansParameterOption,#mod{width:300px;right:0;height:480px;position:absolute}#KmeansParameterOption{transition-duration:.6s;padding:0 5px;background:#fff;top:0;box-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1;border-radius:1px;left:calc(50% - 150px)}.parameterTitle{float:left;color:#777;height:47px;padding:15px 0 15px 10px;font-size:14px;line-height:18px;cursor:default;width:100px;text-align:left}#parameterOption{float:right;transition-duration:.6s;height:50px;padding:16px;cursor:pointer;background:#337ab7;color:#fff}#logoContainer .normal{background:transparent}#parameterOption:hover{background:#337ab7;color:#fff}#datasource:hover{background:red}#regiondatadetail{display:block;height:184px;padding:5px;width:300px;position:absolute;z-index:4;left:8000px;bottom:0;background:rgba(0,0,0,.54);height:200px;pointer-events:none}#regiondatadetail .attrDe{height:23px;margin:2px}#regiondatadetail .name{padding:3px 10px;float:left;width:145px;font-size:12px;text-align:right;line-height:16px;font-weight:lighter;color:#fff}#regiondatadetail .rect{position:absolute;font-size:12px;text-align:center;font-weight:100;color:#fff;background:#5b9bd5;left:153px;height:23px;line-height:23px;transition-duration:.6s}#analysis_legend{position:absolute;z-index:4;padding:5px 10px;height:50px;width:250px;bottom:0;background:#f9f9f9;border:1px solid #f1f1f1;border-radius:2px;margin:5px}#map_legend{display:none;position:absolute;z-index:4;height:200px;width:180px;right:20px;top:90px;background:#ffffffba}.axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.grid line,.grid path{fill:none;stroke:rgba(0,0,0,.25);shape-rendering:crispEdges}.line{fill:none;stroke-width:2.5px}