forked from Gitlink/forgeplus-react
469 lines
8.3 KiB
CSS
469 lines
8.3 KiB
CSS
#root {
|
||
/* ie兼容性 */
|
||
position: relative;
|
||
min-height: 100%;
|
||
}
|
||
|
||
body {
|
||
overflow: auto !important;
|
||
}
|
||
|
||
body>.-task-title {
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
#root .search-all {
|
||
width: 219px;
|
||
}
|
||
.newContainers{
|
||
min-width: 1200px;
|
||
max-width: unset;
|
||
height: 100%;
|
||
min-height: 70vh;
|
||
overflow: hidden;
|
||
}
|
||
.newHeaders{
|
||
max-width: unset;
|
||
width: 100%;
|
||
height:7vh;
|
||
min-width: 1200px;
|
||
z-index: 1001;
|
||
position: fixed;
|
||
background: #234175;
|
||
color: #fff;
|
||
}
|
||
.newHeaders.publicNav{
|
||
position: absolute;
|
||
background: rgba(27, 36, 64,0.2);
|
||
}
|
||
.headerContent{
|
||
margin:0px auto;
|
||
padding:0px 30px;
|
||
display: flex;
|
||
align-items: center;
|
||
height: 100%;
|
||
justify-content: flex-end;
|
||
}
|
||
.globalSpin {
|
||
max-height: 700px !important;
|
||
}
|
||
.indexHOC > .ant-spin-nested-loading {
|
||
background: #000;
|
||
height: 100%;
|
||
}
|
||
.indexHOC > .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
|
||
top: 50% !important;
|
||
}
|
||
|
||
.globalSpin .ant-spin-text {
|
||
text-shadow: none !important;
|
||
color: #fff;
|
||
}
|
||
.globalSpin .ant-spin-dot-item {
|
||
background-color: #fff;
|
||
}
|
||
/*Header START*/
|
||
.newHeader .logoimg {
|
||
margin-top: 16px;
|
||
float: left;
|
||
width: 97px;
|
||
}
|
||
|
||
.headIcon,
|
||
#header_keyword_search {
|
||
padding-top: 13px !important;
|
||
}
|
||
|
||
.search-icon {
|
||
height: 30px !important;
|
||
}
|
||
|
||
.search-icon i {
|
||
font-size: 20px;
|
||
}
|
||
|
||
#header_keyword_search i {
|
||
color: #4cacff;
|
||
}
|
||
|
||
.ant-select-selection--multiple {
|
||
padding-bottom: 0px !important;
|
||
padding-top: 3px;
|
||
}
|
||
|
||
.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,
|
||
.ant-select-selection--multiple>ul>li {
|
||
height: 25px !important;
|
||
line-height: 23px !important;
|
||
margin-bottom: 3px;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.newContainer {
|
||
background: #fff;
|
||
}
|
||
|
||
.ant-modal-title {
|
||
font-size: 16px;
|
||
font-weight: bold !important;
|
||
color: #333;
|
||
}
|
||
|
||
.ant-modal-title {
|
||
text-align: center;
|
||
}
|
||
|
||
@-moz-document url-prefix() {
|
||
.ant-radio-inner {
|
||
width: 17px !important;
|
||
height: 17px !important;
|
||
}
|
||
}
|
||
|
||
/* IE只能用padding，不能用上下居中 */
|
||
.shixunDetail_top {
|
||
display: block !important;
|
||
padding-top: 48px;
|
||
}
|
||
|
||
.totalScore {
|
||
display: block !important;
|
||
padding-top: 40px;
|
||
}
|
||
|
||
.edu-menu-panel .edu-menu-listnew:hover .careersiconfont {
|
||
color: #000 !important;
|
||
}
|
||
|
||
.newHeader {
|
||
background: #24292D !important;
|
||
height: 60px !important;
|
||
}
|
||
|
||
|
||
.HeaderSearch {
|
||
margin-top: 18px;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input {
|
||
/*height:30px;*/
|
||
background: #373e3f !important;
|
||
border: 1px solid #373e3f !important;
|
||
|
||
}
|
||
|
||
.ant-input-search .ant-input-affix-wrapper {
|
||
border: transparent;
|
||
}
|
||
|
||
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
|
||
/* 比较奇怪的需求，先注释掉了，如果需要启用，麻烦增加class限制，别影响别的地方的使用 */
|
||
/* border-color: transparent; */
|
||
}
|
||
|
||
.ant-input:focus {
|
||
/*border-color: transparent;*/
|
||
border-right-width: 1px !important;
|
||
outline: 0;
|
||
-webkit-box-shadow: 0 0 0 2px transparent;
|
||
box-shadow: 0 0 0 2px transparent;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input::-webkit-input-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input:-moz-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input::-moz-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input:-ms-input-placeholder {
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input-suffix .anticon-search {
|
||
color: #999;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input {
|
||
color: #fff;
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search .ant-input-suffix {
|
||
background: transparent !important;
|
||
}
|
||
|
||
.roundedRectangles {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: -22px;
|
||
}
|
||
|
||
.HeaderSearch {
|
||
width: 325px;
|
||
/*right: 20px;*/
|
||
}
|
||
|
||
.HeaderSearch .ant-input-search {
|
||
right: 20px;
|
||
}
|
||
|
||
.mainheighs {
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
|
||
.ml18a {
|
||
margin-left: 18%;
|
||
}
|
||
|
||
.logoimg {
|
||
float: left;
|
||
min-width: 34px;
|
||
height: 34px;
|
||
}
|
||
|
||
.headwith100b {
|
||
width: 100%;
|
||
}
|
||
|
||
.wechatcenter {
|
||
text-align: center;
|
||
}
|
||
|
||
.myrigthsiderbar {
|
||
right: 9% !important;
|
||
}
|
||
|
||
.feedbackdivcolor {
|
||
background: #33BD8C !important;
|
||
height: 49px !important;
|
||
line-height: 24px !important;
|
||
}
|
||
|
||
.xiaoshou {
|
||
cursor: pointer
|
||
}
|
||
|
||
.questiontypes {
|
||
width: 37px;
|
||
height: 17px;
|
||
font-size: 12px;
|
||
color: rgba(51, 51, 51, 1);
|
||
line-height: 17px;
|
||
cursor: pointer;
|
||
|
||
}
|
||
|
||
.questiontype {
|
||
width: 100%;
|
||
font-size: 12px;
|
||
color: #333333;
|
||
line-height: 17px;
|
||
text-align: center;
|
||
padding: 11px;
|
||
cursor: pointer;
|
||
|
||
}
|
||
|
||
.questiontypeheng {
|
||
width: 100%;
|
||
height: 1px;
|
||
background: #EEEEEE;
|
||
}
|
||
|
||
.mystask-sidebar {
|
||
right: 181px !important;
|
||
}
|
||
|
||
.mystask-sidebars {
|
||
right: 20px !important;
|
||
}
|
||
|
||
.shitikussmys {
|
||
width: 29px !important;
|
||
height: 20px !important;
|
||
background: #FF6601 !important;
|
||
border-radius: 10px !important;
|
||
position: absolute !important;
|
||
font-size: 11px !important;
|
||
color: #ffffff !important;
|
||
line-height: 20px !important;
|
||
top: -13px !important;
|
||
right: -10px !important;
|
||
}
|
||
|
||
|
||
.maxnamewidth30 {
|
||
max-width: 30px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
cursor: default;
|
||
}
|
||
|
||
.mystask-sidebarss {
|
||
right: 5px !important;
|
||
}
|
||
|
||
.simple-rate {
|
||
font-size: 16px !important;
|
||
}
|
||
|
||
.ant-rate-star:not(:last-child) {
|
||
margin-right: 2px !important;
|
||
}
|
||
|
||
.flex-container {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
margin-bottom: 4px;
|
||
align-items: center;
|
||
}
|
||
|
||
.progress-container {
|
||
flex: 1 0 0;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.npmModal .ant-modal-close-icon{
|
||
font-size: 22px;
|
||
}
|
||
.npmModal .ant-modal-content, .npmSuccessModal .ant-modal-content{
|
||
background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f1f6ff 21.88%,#c1ceff 100%);
|
||
border:1.5px solid#ffffff;
|
||
min-height: 280px;
|
||
}
|
||
.npmModal .ant-modal-body, .npmModal .ant-modal-footer, .npmSuccessModal .ant-modal-body, .npmSuccessModal .ant-modal-footer{
|
||
background-color: rgba(0, 0, 0, 0);
|
||
}
|
||
.npmModal .ant-modal-body, .npmSuccessModal .ant-modal-body{
|
||
background-image: url('../../images/nps1.png');
|
||
background-size: 100%;
|
||
background-repeat: no-repeat;
|
||
color:#202d40;
|
||
}
|
||
.npmSuccessModal .ant-modal-content{
|
||
background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f1f6ff 21.88%,#c1ceff 100%);
|
||
}
|
||
.npmSuccessModal .ant-modal-body{
|
||
background-image: url('../../images/nps2.png');
|
||
height: 300px;
|
||
text-align: center;
|
||
}
|
||
.npmModal .ant-modal-footer{
|
||
border-top: none;
|
||
text-align: center;
|
||
padding-bottom: 30px;
|
||
}
|
||
.gradeBox{
|
||
margin: 30px 0;
|
||
}
|
||
.oneGradeItem{
|
||
width:36px;
|
||
height:36px;
|
||
border-radius: 50%;
|
||
line-height: 36px;
|
||
display: inline-block;
|
||
background-color:#d2ddff;
|
||
border:1px solid rgba(255, 255, 255, 0.61);
|
||
text-align: center;
|
||
font-weight: 700;
|
||
color: #334a6d;
|
||
background-size: 100% 100%;
|
||
cursor: pointer;
|
||
}
|
||
.npmModal .gradeCheckbox .ant-checkbox-wrapper{
|
||
display: block;
|
||
margin: 0 0 15px 0;
|
||
font-size: 16px;
|
||
color: #3f4e64;
|
||
}
|
||
.gradeInput{
|
||
background-color:rgba(255, 255, 255, 0.31) !important;
|
||
border:1px solid rgba(255, 255, 255, 0.66);
|
||
color:#202d40;
|
||
font-size:15px;
|
||
padding: 15px 18px;
|
||
}
|
||
.gradeInput:focus{
|
||
background-color:rgba(255, 255, 255, 0.31) !important;
|
||
}
|
||
.grade1:hover, .grade2:hover, .grade3:hover, .grade1.active{
|
||
background-image: url('../../images/nps5.png');
|
||
color: rgba(255, 255, 255, 0);
|
||
background-repeat: no-repeat;
|
||
}
|
||
.grade2:hover, .grade2.active{
|
||
background-image: url('../../images/nps4.png');
|
||
}
|
||
.grade3:hover, .grade3.active{
|
||
background-image: url('../../images/nps3.png');
|
||
}
|
||
.oneGradeItem.active{
|
||
color: rgba(255, 255, 255, 0);
|
||
background-repeat: no-repeat;
|
||
}
|
||
.successTips{margin-top: 135px;}
|
||
.npmSuccessModal .ant-modal-close-icon{
|
||
font-size: 25px;
|
||
color: white;
|
||
}
|
||
|
||
.flexTop {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
background: #f8f9fb;
|
||
position: relative;
|
||
}
|
||
.navBox{
|
||
min-height: 93vh;
|
||
width: 93px;
|
||
box-shadow:5px 0px 6px #ebeef4;
|
||
z-index: 10;
|
||
background: linear-gradient(90deg, #F7F9FC 0%, #F7F9FC 100%);
|
||
}
|
||
.nav{
|
||
width:63px;
|
||
height:63px;
|
||
margin: 20px auto;
|
||
}
|
||
.navBox .nav i{
|
||
height: 30px;
|
||
}
|
||
.nav.active{
|
||
background:#ffffff;
|
||
border-radius:8px;
|
||
}
|
||
.columnAlignCenter {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.nav.active span{
|
||
color: #0d5ef8;
|
||
}
|
||
.panelMain{
|
||
flex: 1 1;
|
||
min-width: 0;
|
||
height: 93vh;
|
||
overflow-y: auto;
|
||
padding:20px;
|
||
}
|
||
.panelMain .newContainer{
|
||
background: #ffffff;
|
||
border-radius: 6px;
|
||
box-shadow: 0px 0px 6px rgba(13, 94, 248, 0.07);
|
||
min-height: 100%!important;
|
||
box-sizing: border-box;
|
||
} |