2 lines
6.9 KiB
CSS
2 lines
6.9 KiB
CSS
body{background-color:#2879fe}body{min-width:1200px}main{min-height:680px}.bg-warning{background-color:rgba(230,162,60,0.2)}.color-primary{color:#2879fe !important}.color-danger{color:#f56c6c !important}.color-success{color:#00d49b !important}.step-content{padding-top:20px;height:100%}.step-content .step-head{height:48px}.step-content .step-head .progress-text{display:flex;align-items:center;justify-content:space-between;margin-bottom:-24px;position:relative;z-index:1}.step-content .step-head .progress-text .step{display:flex;flex-direction:column;align-items:center;justify-content:center}.step-content .step-head .progress-text .step h3{margin-bottom:8px}.step-content .step-head .progress-text .step.active h3{color:#2879fe}.step-content .step-head .progress-text .step.active .circle::after{background-color:#2879fe}.step-content .step-head .progress-text .circle{width:28px;height:28px;background-color:#eaf2ff;border-radius:100%;position:relative}.step-content .step-head .progress-text .circle::before,.step-content .step-head .progress-text .circle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:100%}.step-content .step-head .progress-text .circle::before{width:24px;height:24px;background-color:#fff}.step-content .step-head .progress-text .circle::after{width:16px;height:16px;background-color:#eaf2ff}.step-content .step-main{padding-top:26px}.step-content .step-main .panel{border:#eaf2ff solid 2px;box-shadow:0 6px 12px #eaf2ff;border-radius:12px;overflow:hidden}.step-content .step-main .panel .panel-head{height:50px;background-color:#eaf2ff;font-size:18px;display:flex;align-items:center;padding:0 20px}.step-content .step-main .panel .panel-head.justify-between{display:flex;justify-content:space-between;align-items:center}.step-content .step-main .panel .panel-head.justify-between .info{font-size:16px;color:#666}.step-content .step-main .panel .panel-main{padding:16px 24px}.step-content .step-main .panel .panel-main .slide ul{margin-left:40px;line-height:1.8}.step-content .step-main .panel .panel-main .slide .form-item .foxui-input-group input{width:330px}.step-content .step-main .panel .panel-main .slide .form-item .foxui-input-group .info{margin-left:20px;color:#999}.step-content .step-main .panel .panel-main .slide .form-item .foxui-input-group .info i{font-size:16px}.step-content .step-main .panel .panel-main .slide .form-item .foxui-input-group.align-top{align-items:flex-start}.step-content .step-main .panel .panel-main .slide .form-item .input-info{font-size:12px;color:#999;margin-top:2px}.step-content .step-main .panel .panel-main .slide .line{height:1px;width:100%;background-color:#eee}.step-content .step-main .panel .panel-main .slide mark{font-size:12px;padding:2px 8px;background-color:#00d49b;color:#fff;border-radius:40px}.step-content .step-main .foxui-table-thead .foxui-table-tr{background-color:#bfd7ff}.step-content .step-main .foxui-table-tbody .foxui-table-tr:last-child{border:none}.step-content .step-main-single{height:calc(100% - 144px)}.step-content .step-main-single .panel{height:100%}.step-content .step-main-single .panel .panel-main{height:calc(100% - 50px);overflow:auto}.step-content .step-foot{height:96px;display:flex;align-items:center;justify-content:center;position:relative}.step-content .step-foot .agreen{position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-content .foxui-progress-line{padding-right:40px;padding-left:40px}.install-container{width:calc(100% - 24px);max-width:1200px;display:flex;flex-direction:column;margin:auto}.install-container.limit-height{height:100vh}.install-container.limit-height main{height:76vh}header{height:12vh;min-height:60px;display:flex;justify-content:space-between;align-items:center;color:#fff}header .left{display:flex;align-items:center}header .left .logo img{height:24px}header .left .info{margin-left:24px;position:relative;font-size:22px}header .left .info::after{content:'';position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:1px;height:22px;background-color:#fff}header .right ul{display:flex}header .right ul li:not(:last-child){margin-right:24px;position:relative}header .right ul li:not(:last-child)::after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:1px;height:14px;background-color:#fff}header .right ul li a{color:inherit;transition:color 0.2s}header .right ul li a:hover{color:rgba(255,255,255,0.9) !important}main{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);padding:24px 56px 0}footer{height:12vh;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}footer ul{display:flex;align-items:center;justify-content:center}footer ul li:not(:last-child){margin-right:24px;position:relative}footer ul li:not(:last-child)::after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:1px;height:14px;background-color:#fff}footer ul li a{color:#fff !important;transition:color 0.2s !important}footer ul li a:hover{color:rgba(255,255,255,0.9) !important}footer .copyright{margin-top:4px}footer .copyright p{color:#fff;display:flex;align-items:center}footer .copyright p img{height:10px;margin:0 6px}.step1-container main{position:relative}.step1-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}.step1-content .icon-show{font-size:50px;color:#2879fe}.step1-content p{font-size:24px;color:#4d4d4d}.foxui-table .foxui-table-td{height:50px}.foxui-table .foxui-table-td i{font-size:24px}.foxui-table .foxui-table-td i.foxui-icon-zhengque-f{color:#00d49b}.foxui-table .foxui-table-td i.foxui-icon-cuowu-f{color:#f56c6c}.server-info-table .foxui-table-th:nth-child(1),.server-info-table .foxui-table-td:nth-child(1){flex:inherit !important;width:20%}.server-info-table .foxui-table-th:nth-child(3),.server-info-table .foxui-table-td:nth-child(3){flex:inherit !important;width:25%}.server-check-table .foxui-table-th:nth-child(1),.server-check-table .foxui-table-td:nth-child(1){flex:inherit !important;width:20%}.server-check-table .foxui-table-th:nth-child(2),.server-check-table .foxui-table-td:nth-child(2){flex:inherit !important;width:20%}.server-check-table .foxui-table-th:nth-child(3),.server-check-table .foxui-table-td:nth-child(3){flex:inherit !important;width:20%}.folder-check-table .foxui-table-th:nth-child(2),.folder-check-table .foxui-table-td:nth-child(2){flex:inherit !important;width:30%}.folder-check-table .foxui-table-th:nth-child(3),.folder-check-table .foxui-table-td:nth-child(3){flex:inherit !important;width:30%}.step4-container .web-panel label{width:6.5em;text-align:right}.step5-container .step-main{position:relative}.step5-container .success-block{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.step5-container .success-block .icon i{font-size:34px}.step5-container .success-block h1{font-size:26px;color:#4d4d4d;margin:0}.step5-container .success-block p{font-size:14px;color:#575757;margin:0}.step5-container .success-block .btn-list{margin-top:42px}
|