forgeplus-react/public/css/detail.css

2060 lines
34 KiB
CSS

@charset "UTF-8";
dl,
ol,
ul {
margin-bottom: 0
}
.markdown-body .editormd-tex .katex-display>.katex {
white-space: pre-wrap
}
.markdown-body a {
color: #466aff
}
.markdown_anchors {
position: relative
}
.markdown_anchors .anchors {
color: inherit;
margin-left: -14px;
display: none
}
.newMain {
background-color: #fff
}
.newTable {
background-color: #f0f5ff
}
.newTable .newImages {
background-image: url(../../forge/Images/taskbar.png);
height: 364px
}
.color-black {
color: #333
}
.projectallName {
font-size: 22px;
font-weight: 400;
line-height: 30px;
max-width: 690px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.projectallName .projectN {
word-break: break-all
}
.textRight {
text-align: right
}
.main {
width: 1400px;
padding: 20px;
margin: 20px auto;
background: #fff;
border-radius: 2px;
border: 1px solid #eee
}
.radius-2 {
border-radius: 2px
}
.normal {
width: 1400px;
margin: 0 auto
}
.back-white {
background: #fff
}
.back-black {
background: #000
}
.btn_32 {
border-radius: 4px;
padding: 0 12px;
height: 32px;
line-height: 32px;
background-color: #f4f4f4;
color: #666;
display: inline-block
}
@media screen and (max-width:1200px) {
.main {
width: 100%;
margin: 10px auto
}
}
.hide-1 {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.hide-2 {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.df {
display: flex
}
.flex-1 {
flex: 1;
width: 0
}
.f-wrap-between {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.f-wrap-alignCenter {
display: flex;
flex-wrap: wrap;
align-items: center
}
.f-wrap-alignCenter a:link,
.f-wrap-alignCenter a:visited,
.f-wrap-alignCenter>span {
color: #333
}
.f-wrap-alignCenter>span {
cursor: default
}
.commitDesc {
flex: 1;
line-height: 20px;
word-break: break-all;
width: 49rem;
overflow: hidden;
white-space: normal
}
.normalBox {
border-radius: 4px
}
.normalBox-title {
background-color: #fafcff;
border: 1px solid;
border-color: rgba(42, 97, 255, .23);
border-radius: 4px 4px 0 0;
padding: 0 20px;
height: 48px;
display: flex;
align-items: center;
font-size: 16px
}
.none_panels {
text-align: center;
min-height: 320px;
padding: 40px 0;
display: flex;
justify-content: center;
align-items: center
}
.none_panels.small {
height: 120px
}
.none_panels.small img {
width: 200px
}
.none_panels img {
width: 300px;
margin-bottom: 15px
}
.none_p_title {
font-size: 16px;
color: #999
}
form.ant-form {
color: #333
}
.required {
position: relative
}
.required::before {
content: "*";
color: red;
position: absolute;
left: -10px;
top: 0;
line-height: 22px
}
form .ant-row.ant-form-item {
margin-bottom: 20px
}
@media screen and (max-width:1200px) {
.main {
width: 100%
}
.normal {
width: 100%
}
#root {
width: 1200px
}
}
@media screen and (max-width:1000px) {
.main {
width: 100%;
margin: 1rem auto
}
.normal {
width: 100%
}
}
@media screen and (max-width:750px) {
.main {
width: 95%;
margin: 1rem auto
}
.normal {
width: 100%
}
#root {
width: 1200px
}
.newContainers {
min-width: 1200px
}
}
.ver-middle {
vertical-align: middle
}
.pd510 {
padding: 5px 10px
}
.modalsStyle .ant-modal-content>.ant-modal-header {
text-align: left !important
}
.modalsStyle .ant-modal-body {
max-width: 400px;
margin: 0 auto;
text-align: left;
min-height: 140px;
display: flex;
align-items: center
}
.modalsStyle .ant-modal-close-x {
margin-top: 8px
}
.list-r-Info>div {
box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}
.list-l-Menu {
margin-bottom: 12px;
border-radius: 2px;
background-color: #fff;
border: 1px solid rgba(79, 108, 188, .21)
}
.list-l-Menu>li {
font-size: 15px;
padding: 0 0 0 25px;
box-sizing: border-box;
color: #333;
position: relative
}
.list-l-Menu>li>p {
height: 49px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-right: 20px;
margin: 0;
border-bottom: 1px solid #eee
}
.list-l-Menu>li>p a {
width: 100%;
color: #202d40
}
.list-l-Menu>li>p span:last-child {
color: #999
}
.list-l-Menu>li:last-child>p {
border-bottom: none
}
.list-l-Menu li.active::before {
position: absolute;
left: 0;
width: 6px;
content: '';
height: 100%
}
.list-l-Menu .MenuTitle {
font-size: 16px;
background-size: 100% 100%;
color: #333 !important;
height: 62px;
line-height: 62px;
border-bottom: 1px solid #e0e0e0;
font-weight: 400;
cursor: pointer
}
.list-l-Menu .ant-menu-inline {
border: none
}
.list-l-Menu .ant-menu-inline .ant-menu-item {
width: 100% !important
}
.list-l-Menu .ant-menu-item-group-title {
padding: 0
}
.group-setting-switch {
border: 1px solid #ddd !important;
background-color: #fff !important
}
.newPopUl li {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #eee;
min-width: 78px;
text-align: center
}
.newPopUl li:last-child {
border-bottom: none
}
.btn-83 {
width: 83px;
height: 32px;
line-height: 30px;
text-align: center;
background: #fafbfc;
border: 1px solid #d0d0d0;
display: inline-block;
border-radius: 5px;
font-weight: 500;
color: #333 !important;
margin-right: 15px
}
button.ant-btn-primary.btnblue {
background-color: #466aff;
border-color: #466aff
}
button.btngrey {
background-color: #fff;
border-color: #d0d0d0;
color: #666
}
.newContainer .newBtn,
.newContainer .newTab {
position: relative
}
.newContainer .newBtnImg {
background-image: url(../Images/newIcon.svg);
background-size: 100% 100%;
width: 29px;
height: 13px;
position: absolute;
right: -14px;
top: -7px
}
.newContainer .newTab .newBtnImg {
right: -19px
}
.operateButton {
padding: 0 15px;
height: 32px;
color: #fff !important;
cursor: pointer;
line-height: 30px;
background-color: #466aff;
border: 1px solid #466aff;
border-radius: 4px;
display: block
}
.lineH2 {
line-height: 2
}
.t_project_banner {
background-color: #050d34
}
.ProjectListIndex {
width: 1400px;
margin: 20px auto;
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.list-left {
width: 26%;
padding-right: 20px;
box-sizing: border-box;
margin-bottom: 20px
}
.list-left>div {
border: 1px solid #eee
}
.list-left>div.bgcF {
border: none
}
.list-right {
width: 74%;
background: #fff;
padding: 10px;
border: 1px solid #eee
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
border-right: none !important
}
.ant-menu-vertical>.ant-menu-item {
margin: 0 !important;
height: 35px;
line-height: 35px;
border-bottom: 1px solid #eee;
font-size: 14px !important
}
.ant-menu-vertical>.ant-menu-item:last-child {
border-bottom: none
}
.list-r-operation {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding: 25px 30px;
border-bottom: 1px solid #e0e0e0
}
.list-r-Search {
width: 400px
}
.padding0-25 {
padding: 0 25px
}
.list-r-Search .ant-btn-lg {
height: 38px
}
.list-r-Search .ant-input-group-addon {
border: none !important
}
.list-r-Search .ant-input-search-button {
height: 40px !important
}
.createBtn {
border-radius: 4px;
margin-left: 20px;
display: inline-block;
padding: 3px 15px;
background-color: #4cacff;
color: #fff !important
}
.project-list {
padding: 0 30px
}
.border-top-grey {
border-top: 1px solid #eee
}
.p-r-Item:last-child {
border-bottom: none !important
}
.p-r-Item {
display: flex;
border-bottom: 1px solid #eee;
padding: 22px 0;
justify-content: flex-start
}
.boxShandow {
box-shadow: 0 2px 20px 10px rgba(0, 0, 0, .03)
}
.p-r-photo {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 22px;
margin-top: 8px
}
.p-r-Infos {
flex: 1;
width: 0
}
.p-r-name {
display: flex;
justify-content: space-between;
align-items: center
}
.p-r-name>p {
flex: 1;
width: 0
}
.p-r-btn {
display: flex;
align-items: center
}
.p-r-btn>span {
height: 35px;
line-height: 35px;
border: 1px solid #f4f4f4;
border-radius: 5px;
display: block;
margin-left: 20px;
background-color: #fff;
display: flex
}
.p-r-btn>span>a {
display: flex;
align-items: center;
padding: 0 12px;
background: #ececec
}
.p-r-btn>span>a:active {
background: #f4f4f4
}
.p-r-btn>span>span {
padding: 0 8px
}
.p-r-tags {
display: flex;
opacity: 1
}
.p-r-tags.large>span {
height: 30px;
line-height: 30px;
font-size: 14px
}
.p-r-tags>span {
margin-left: 15px;
padding: 0 10px;
border-radius: 15px;
background: #ebf4fe;
color: #333;
height: 24px;
line-height: 24px;
display: block;
font-size: 12px;
display: flex
}
.p-r-tags>span.pariseTag {
background: #fff3dc
}
.p-r-tags.large>span>label {
padding: 0 12px
}
.p-r-tags>span>label {
padding: 0 8px
}
.p-r-tags.large>span>span {
padding: 0 6px
}
.pariseImg {
width: 14px;
height: 12px;
margin-top: 6px;
margin-right: 3px
}
.p-r-tags>span>span {
display: block;
background: #fff;
border-left: #efefef;
padding: 0 4px;
border-radius: 0 4px 4px 0;
color: #999
}
.p-r-content {
margin-top: 10px;
color: #666;
display: flex
}
.p-r-detail>span {
margin-right: 22px;
color: #888
}
.p-r-detail>span>label {
color: #999
}
.p-r-about {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin-top: 8px;
color: #666
}
.spincontent {
height: 400px
}
.spinstyle .ant-spin-text {
margin-top: 30px;
color: #888
}
.detailHeader-wrapper {
background-color: #fbfcff;
border-bottom: 1px solid #e2e2e2
}
.headerMenu-wrapper {
display: flex;
flex-direction: row;
cursor: pointer
}
.headerMenu-wrapper li {
text-align: center;
padding: 0;
margin-right: 30px;
display: flex
}
.headerMenu-wrapper li>a {
position: relative;
font-size: 14px;
height: 36px;
line-height: 24px;
display: flex;
color: #000 !important
}
.headerMenu-wrapper li>a>span.num {
line-height: 24px;
margin-left: 5px;
font-size: 12px;
float: right;
color: #666 !important;
background-color: rgba(153, 153, 153, .13);
border-radius: 50%;
width: 24px;
height: 24px
}
.detail_tag_btn {
height: 32px;
line-height: 32px;
border-radius: 5px;
border: 1px solid #d0d0d0;
display: flex;
align-items: center;
margin-left: 10px;
padding: 0;
background-color: #fafbfc;
box-shadow: none
}
.detail_tag_btn .detail_tag_btn_name {
padding: 0 10px;
text-align: center;
height: 30px;
line-height: 30px;
border-radius: 5px 0 0 5px
}
.detail_tag_btn .detail_tag_btn_name span {
color: #333 !important
}
.detail_tag_btn .detail_tag_btn_count {
width: 42px;
text-align: center;
background: #fff;
border-radius: 0 4px 4px 0;
height: 100%;
border-left: 1px solid #d0d0d0
}
.ant-tooltip {
max-width: fit-content !important
}
.files-md {
padding: 20px
}
.files-md h1,
.files-md h2,
.files-md h3,
.files-md h4,
.files-md h5,
.files-md h6 {
margin-bottom: .5em !important
}
.readBox h1,
.readBox h2,
.readBox h3,
.readBox h4,
.readBox h5,
.readBox h6 {
margin-bottom: .5em !important
}
.branch-wrapper {
border: 1px solid #eee;
border-radius: 4px;
display: flex;
align-items: center;
height: 60px;
padding: 0 30px;
width: 1200px;
margin: 0 auto;
background-color: #fff;
margin-top: 20px;
justify-content: space-between
}
.branch-wrapper>a>i {
color: #5091ff;
margin-right: 5px;
cursor: default
}
.branch-wrapper a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer;
font-size: 16px;
color: #333
}
.branch-wrapper a>span {
position: relative;
min-height: 20px;
display: block
}
.branch-wrapper a.active>span::after {
position: absolute;
content: '';
bottom: -5px;
width: 30px;
height: 3px;
left: 0;
background-color: #5091ff
}
.gitAddressClone {
margin: 14px 20px !important;
display: flex;
height: 40px;
align-items: center;
border-radius: 4px;
border: 1px solid #eee;
background: #fff;
margin-left: 20px;
position: relative
}
.gitAddressClone>span {
display: flex;
line-height: 40px;
height: 40px;
padding: 0 12px;
cursor: pointer;
align-items: center
}
.addressTips {
position: absolute;
font-size: 12px;
color: #ff6e21;
top: -34px;
left: 30px;
background-color: #fff;
border: 1px solid #fe881d;
padding: 0 5px;
height: 28px;
line-height: 28px
}
.addressTips>span {
position: relative;
display: block
}
.addressTips>span::before {
box-sizing: content-box;
width: 0;
height: 0;
position: absolute;
top: 25px;
left: 50%;
margin-left: -4px;
padding: 0;
border-top: 8px solid #fff;
border-bottom: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
display: block;
content: '';
z-index: 12
}
.addressTips>span::after {
box-sizing: content-box;
width: 0;
height: 0;
position: absolute;
top: 26px;
left: 50%;
margin-left: -4px;
padding: 0;
border-top: 8px solid #fe881d;
border-bottom: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
display: block;
content: '';
z-index: 11
}
.gitAddressClone>span.addressType {
color: #4cacff
}
.gitAddressClone>span:last-child {
border-right: none
}
.gitAddressClone>input {
outline: 0;
padding: 0 8px;
height: 38px;
line-height: 38px;
border: none !important;
border-right: 1px solid #eee !important;
border-radius: 4px 0 0 4px;
flex: 1;
max-width: 249px
}
.wrap-commit-table .ant-table-small>.ant-table-content>.ant-table-body {
margin: 0
}
.wrap-commit-table .ant-table-title {
background-color: #f1f8ff;
padding: 13px 16px !important
}
.commitKey {
cursor: pointer;
border: 1px solid #fd7700;
background-color: #fff3dc;
color: #fd7700 !important;
padding: 0 12px;
height: 20px;
line-height: 20px;
margin-left: 15px;
border-radius: 18px;
max-width: 100%
}
.branchTitle {
padding: 8px 10px;
color: #333;
font-size: 16px;
border-bottom: 1px solid #d9d9d9
}
.branchUl li {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #eee
}
.branchUl li:last-child {
border-bottom: none
}
.operationBtn {
border: 1px solid #f4f4f4;
border-radius: 3px;
padding: 0 6px;
background-color: #fff;
color: #666 !important;
display: inline-block
}
.messages {
max-width: 700px
}
.leftPoint {
margin-left: 20px;
position: relative
}
.leftPoint::before {
position: absolute;
left: -10px;
top: 8px;
border-radius: 50%;
width: 4px;
height: 4px;
background-color: #dadada;
content: ''
}
.subFileName {
position: relative;
margin-left: 15px;
height: 22px
}
.subFileName::before {
position: absolute;
content: '/';
left: -10px;
top: 0;
color: #999;
height: 22px;
line-height: 17px
}
.addFile {
display: flex
}
.addFile a {
display: block;
background-color: rgba(76, 172, 255, .8);
color: #fff;
cursor: pointer;
height: 32px;
line-height: 32px;
padding: 0 10px
}
.addFile a:first-child {
border-radius: 4px
}
.addFile a:last-child {
border-left: 1px solid rgba(247, 247, 247, .3)
}
.addFile a:active {
background-color: #4cacff
}
@media screen and (max-width:750px) {
.list-r-Search {
flex: 1
}
.list-left,
.list-right {
width: 100%;
padding: 0
}
}
@media screen and (max-width:400px) {
.list-r-Search {
width: 100%
}
.headerMenu-wrapper {
flex-direction: column;
width: 100%
}
.headerMenu-wrapper li {
width: 100%
}
.gitAddressClone {
width: 100%;
margin-left: 0
}
.gitAddressClone>span {
padding: 0
}
.messages {
max-width: 100%
}
}
.commonBox {
border: 1px solid #ddd;
margin-top: 18px;
border-radius: 4px
}
.commonBox .ant-anchor-wrapper {
overflow: unset !important
}
.commonBox .commonBox-title {
padding: 0 20px;
box-sizing: border-box;
font-size: 16px;
background: #fafbfc;
font-weight: 700;
height: 45px;
line-height: 45px;
border-bottom: 1px solid #d9d9d9;
border-radius: 4px 4px 0 0
}
.readBox {
border: none
}
.readBox.commonBox .commonBox-info {
border: 1px solid #d0d0d0;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 20px 38px
}
.commonBox .commonBox-title.boxTitle {
display: flex;
justify-content: space-between;
height: 55px;
line-height: 55px;
background: #fafcff;
border-radius: 4px 4px 0 0;
border: 1px solid rgba(42, 97, 255, .23)
}
.synchronism {
display: block;
height: 34px;
line-height: 34px;
padding: 0 15px;
color: #fff !important;
background-color: #28bd6c;
border-radius: 4px
}
.files_info {
cursor: pointer
}
.commonBox .commonBox-info {
padding: 20px 15px
}
.commonBox-title-read {
vertical-align: middle;
color: #000;
font-size: 14px
}
@media screen and (max-width:370px) {
.p-r-btn,
.p-r-tags {
opacity: 0;
display: none
}
.p-r-about {
flex-wrap: wrap
}
.commitKey {
margin-right: 0
}
.list-r-Search {
width: 100%
}
}
.null_data_box {
width: 100%;
border: 1px solid #d4d4d5;
border-radius: 3px
}
.item_title {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px
}
.item {
padding: 15px;
border-bottom: 1px solid #dededf
}
.item:last-child {
border-bottom: none
}
.item_title small {
font-weight: 400;
margin-left: 10px
}
.item_title small a {
color: #4183c6
}
.Markdown {
background: #f7f7f7;
padding: 10px 20px
}
.item .gitAddressClone input:focus {
border: 1px solid #2185d0
}
.content-file {
margin-top: 8px
}
.content-file .CodeMirror {
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
border-radius: 4px;
height: auto
}
.content-file.edit .CodeMirror {
background-color: #fff
}
.content-file .CodeMirror .CodeMirror-scroll {
min-height: 450px
}
.text-center {
text-align: center
}
.fork-css {
position: absolute;
left: 0;
top: 50px;
width: 100%
}
.color-grey-ccc {
color: #ccc !important
}
.pull-right {
float: right
}
.commitList {
padding: 0 30px;
min-height: 400px
}
.main {
margin: 30px auto
}
.main .ant-timeline {
margin-top: 28px
}
.main .ant-timeline .commitList-item {
position: relative;
padding: 20px 20px;
background: #fafcff;
border: 1px solid rgba(42, 97, 255, .23);
border-radius: 4px;
margin-left: 16px
}
.main .ant-timeline .commitList-item .treecopy {
margin-top: 20px
}
.main .ant-timeline .commitList-item .markdown-body table {
background: #fafcff
}
.main .ant-timeline .commitList-item:after,
.main .ant-timeline .commitList-item:before {
content: "";
position: absolute;
left: -10px;
top: 10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 10px solid rgba(42, 97, 255, .23)
}
.main .ant-timeline .commitList-item:after {
left: -8px;
border-right: 10px solid #fafcff
}
.main .ant-timeline .commitList-item .treecopy-cont {
padding: 4px 15px;
display: flex;
align-items: center
}
.main .ant-timeline .commitList-item .btn-83 {
margin-left: 20px
}
.main .ant-timeline .ant-timeline-item {
padding: 8px 0 20px
}
.main .ant-timeline .ant-timeline-item-tail {
height: calc(100% - 20px);
border-left: 2px solid #eee;
top: 12px
}
.main .ant-timeline .ant-timeline-item-tail:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 7px solid transparent;
border-top-color: #eee;
top: 100%;
left: 50%;
margin-left: -8px
}
.main .ant-timeline .ant-timeline-item-head-custom {
top: 20px;
padding: 0 1px
}
.div_table {
border: 1px solid #eee;
border-radius: 2px
}
.ul_thead {
padding: 0 30px;
box-sizing: border-box;
background: #fafafa;
border-bottom: 1px solid #eee;
height: 50px;
line-height: 50px
}
.ul_tbody {
padding: 0 30px
}
.ul_tbody li,
.ul_thead li {
display: flex;
align-items: center;
text-align: left
}
.ul_tbody li {
padding: 18px 0;
border-bottom: 1px solid #eee
}
.ul_tbody li:last-child {
border-bottom: none
}
.ul_tbody li>span,
.ul_thead li>span {
width: 20%;
padding-right: 20px
}
.ul_tbody li>span:nth-child(2),
.ul_thead li>span:nth-child(2) {
flex: 1
}
.ul_tbody_third {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: left
}
.ul_tbody_forth {
text-align: center;
display: flex;
justify-content: center
}
.depotNum {
color: #666 !important
}
.depotNum span:last-child {
color: #333
}
.recommandOri.slick-slider {
width: 1300px;
margin: 20px auto 40px
}
.recommandOri.slick-slider .slick-track {
margin-left: 0
}
.recommandOri.slick-slider .slick-slide li>a {
display: flex;
align-items: center;
justify-content: center
}
.iconBtn i {
color: #666
}
.iconBtn span {
margin-left: 4px;
color: #333 !important
}
.iconBtn span:last-child {
font-weight: 500
}
.recommandProjects.slick-slider {
width: 1230px;
margin: 20px auto 40px
}
.recommandProjects.slick-slider .slick-track {
margin-left: 0
}
.recommandProjects.slick-slider .slick-arrow.slick-next:before,
.recommandProjects.slick-slider .slick-arrow.slick-prev:before {
color: #999
}
.recommandProjects.slick-slider .slick-arrow.slick-next li.slick-active button:before,
.recommandProjects.slick-slider .slick-arrow.slick-prev li.slick-active button:before {
color: #999
}
.recommandProjects.slick-slider .slick-dots {
bottom: -29px
}
.recommandProjects.slick-slider .slick-dots li button:before {
color: #909090
}
.recommandProjects.slick-slider .slick-slide {
padding: 0 15px;
box-sizing: border-box
}
.recommandProjects.slick-slider .slick-slide>div {
background-color: #fff;
border-radius: 10px;
width: 100%;
cursor: pointer;
border: 1px solid #eee
}
.recommandProjects.slick-slider .baseInfo {
padding: 18px 15px;
display: flex;
font-size: 12px;
color: #888
}
.recommandProjects.slick-slider .baseInfo .look {
margin-right: 10px
}
.recommandProjects.slick-slider .baseInfo .look i {
margin-right: 5px
}
.recommandProjects.slick-slider .baseInfo .type {
flex: 1;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right
}
.recommandProjects.slick-slider .mainInfo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 160px;
border-bottom: 1px solid #eee;
padding: 20px;
box-sizing: border-box
}
.recommandProjects.slick-slider .mainInfo img {
height: 50px;
width: 50px;
border-radius: 50%
}
.recommandProjects.slick-slider .mainInfo .name {
font-size: 13px;
color: #666;
height: 18px;
line-height: 18px;
margin-top: 12px
}
.recommandProjects.slick-slider .mainInfo .school {
margin-top: 12px;
color: #333;
font-size: 16px;
height: 22px;
line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%
}
.Panels {
max-width: 1400px;
margin: 0 auto
}
.Panels .panelmenu {
padding-top: 20px
}
.Panels .panelmenu .depotBtn .mr-5 {
margin-right: -5px
}
.Panels .panelmenu .depotBtn .ant-btn {
height: 32px;
line-height: 32px;
width: 83px;
text-align: center;
padding: 0;
font-weight: 500;
font-size: 14px
}
.Panels .panelmenu .depotBtn .ant-btn-default {
color: #333;
border-color: #d0d0d0
}
.Panels .panelmenu .depotBtn .ant-btn-primary {
color: #fff;
background-color: #466aff;
border: none
}
.Panels .addOptionBtn,
.Panels .depotBtn {
display: flex
}
.Panels .addOptionBtn a,
.Panels .depotBtn a {
color: #333 !important;
font-weight: 500 !important;
border-radius: 5px;
width: 83px;
height: 32px;
line-height: 30px;
background: #fff;
border: 1px solid #d0d0d0;
margin-right: 14px;
text-align: center
}
.Panels .infoCount {
display: inline-block;
width: 24px;
text-align: center;
height: 24px;
line-height: 24px;
background-color: rgba(153, 153, 153, .13);
color: #666;
border-radius: 12px;
margin-left: 6px;
font-size: 12px
}
.Panels .attrPerson {
padding-top: 12px;
display: flex;
flex-wrap: wrap;
padding-bottom: 2px
}
.Panels .attrPerson a {
margin: 0 17px 10px 0
}
.Panels .attrPerson a img {
border-radius: 50%;
width: 40px;
height: 40px
}
.Panels .attrPerson a:nth-child(5n) {
margin-right: 0
}
.Panels .progress {
display: flex;
border-radius: 2px;
height: 11px;
margin-top: 12px
}
.Panels .progress span:first-child {
border-radius: 2px 0 0 2px
}
.Panels .progress span:last-child {
border-radius: 0 2px 2px 0
}
.Panels .progresstip {
margin-top: 15px;
flex-wrap: wrap
}
.Panels .progresstip i.zero {
position: absolute;
display: block;
border-radius: 50%;
height: 8px;
width: 8px;
left: 0;
top: 8px
}
.Panels .progresstip>span {
padding-left: 15px;
position: relative;
min-width: 33.5%;
font-size: 12px;
font-weight: 400;
color: #666
}
.Panels .progresstip>span span:last-child {
margin-left: 5px
}
.Panels .listtable {
margin-top: 20px
}
.Panels .listtable .listtablehead {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 12px 20px 11px;
border-radius: 4px 4px 0 0;
border: 1px solid rgba(42, 97, 255, .23);
border-bottom: none;
background-color: #fafcff
}
.Panels .listtable .listtablehead+.listtablebody {
border-top-color: rgba(42, 97, 255, .23)
}
.Panels .listtable .listtablehead .ellipsistxt {
margin-top: 2px;
margin-left: 13px;
line-height: 18px;
flex: 1;
width: 0;
color: #666
}
.Panels .listtable .listtablehead .ellipsistxt li {
line-height: 15px
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt {
margin-bottom: 0;
word-break: break-all;
overflow: unset;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body {
line-height: 10px;
font-size: 14px
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body p {
margin: 1px 0 0 !important;
font-size: 14px !important
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body ol,
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body ul {
padding-bottom: 3px
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body ol li,
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body ul li {
min-height: 18px
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body table {
line-height: 1;
background: #fafcff
}
.Panels .listtable .listtablehead .ellipsistxt #ptxt .markdown-body:first-child {
margin-top: -1px !important
}
.Panels .listtable .listtablehead .ellipsistxt.hidetxt {
height: 24px;
overflow: hidden;
position: relative;
padding-right: 8px
}
.Panels .listtable .listtablehead .ellipsis {
margin-left: 8px;
cursor: pointer;
border-radius: 2px;
height: 16px;
background: rgba(153, 153, 153, .2);
border-radius: 2px;
padding: 0 4px;
height: 14px;
line-height: 14px;
margin-top: 9px
}
.Panels .listtable .listtablehead .ellipsis i {
font-size: 15px !important;
color: #333;
height: 14px;
line-height: 14px
}
.Panels .listtable .listtablebody {
border-radius: 0 0 4px 4px;
border: 1px solid #d0d0d0
}
.Panels .listtable .listtablebody li a {
color: #05101a
}
.Panels .listtable .listtablebody li.listtablepath a {
color: #40a9ff
}
.Panels .listtable .listtablebody li.listtablepath p {
margin-bottom: 0 !important
}
.Panels .listtable .listtablebody>li {
height: 38px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d9d9d9;
padding: 0 20px 0 24px
}
.Panels .listtable .listtablebody>li>span:first-child {
width: 30%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.Panels .listtable .listtablebody>li>span:nth-child(2) {
width: 60%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.Panels .listtable .listtablebody>li>span:nth-child(3) {
width: 10%;
text-align: right
}
.Panels .listtable .listtablebody>li:last-child {
border-bottom: none
}
.drawerBtn {
position: fixed;
left: -13px;
width: 33px;
background: #fff;
box-shadow: 0 0 8px 3px rgba(0, 0, 0, .09);
border: 1px solid #666;
border-radius: 0 12px 12px 0;
height: 70px;
top: 50%;
margin-top: -35px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 7px
}
.drawerBtn span {
writing-mode: vertical-lr;
color: #333;
width: 25px;
font-size: 14px
}
.drawerBtn i {
color: #333;
height: 14px;
line-height: 14px;
width: 14px;
margin-left: 2px;
margin-bottom: 3px
}
.downMenu {
width: 329px;
background-color: #fff;
box-shadow: 0 1px 8px 1px rgba(212, 212, 212, .5);
padding-bottom: 14px
}
.downMenu .ant-menu-item {
height: 50px;
line-height: 50px
}
.fileMenu {
width: 83px
}
.fileMenu li {
padding: 6px 0 !important;
text-align: center;
width: 100%
}
.catelogue {
cursor: pointer;
background: #fafbfc;
border-radius: 4px;
border: 1px solid #d0d0d0;
font-size: 15px;
font-weight: 400;
margin-right: 12px;
padding: 0 10px;
height: 30px;
line-height: 30px;
color: #666 !important;
display: flex;
align-items: center
}
.catelogue .ant-dropdown-menu-item {
border-radius: 8px;
text-align: left !important
}
.catelogue .ant-dropdown-menu-item a {
width: 350px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.catelogue span {
margin-top: 1px
}
.submoduleStyle {
cursor: default
}
.submoduleStyle i {
cursor: default
}
.pinfos a,
.pinfos i {
color: #666
}
.graph {
flex: 1;
margin: 0 12px
}
.graph .ant-typography {
white-space: pre-wrap;
margin-bottom: 0
}
.ant-anchor-wrapper {
padding-left: 2px !important
}
.ant-anchor-wrapper .ant-anchor-ink::before {
background-color: #fff
}
.coderSubPage {
width: 1400px;
margin: 0 auto
}
.griditemAnchor {
margin-left: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #ddd
}
.griditemAnchor .ant-anchor {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px
}
.griditemAnchor .griditemCate {
color: #333;
font-size: 16px;
display: flex;
align-items: center
}
.griditemAnchor .griditemCate .catelogue {
margin-left: 0
}
.readmeFile {
overflow: inherit
}
.readmeFile p[align=center] {
white-space: normal
}
.projectHomeTopics {
display: flex;
flex-wrap: wrap
}
.projectHomeTopics.myProList .proHomeTopic {
background-color: #f3f8ff;
color: #4c5b76
}
.projectHomeTopics .proHomeTopic {
background-color: #eff2ff;
border-radius: 4px;
max-width: 158px;
padding: 0 10px;
height: 24px;
line-height: 24px
}
.replaceStyle {
height: 140px !important
}
.AlignTop {
display: flex;
align-items: flex-start
}
.WhiteBack {
background-color: #fff;
border-radius: 5px
}
.Box {
display: flex;
align-items: flex-start
}
.LongWidth {
flex: 1;
width: 0;
border-radius: 5px;
margin-bottom: 30px
}
.ShortWidth {
width: 300px;
border-radius: 5px;
margin-bottom: 30px
}
.Gap {
padding-left: 20px;
box-sizing: border-box
}
.AlignCenter {
display: flex;
align-items: center
}
.FlexAJ {
display: flex;
align-items: center;
justify-content: space-between
}
.mt25 {
margin-top: 25px
}
.User {
display: flex;
font-weight: bold;
align-items: center
}
.User img {
width: 30px;
height: 30px;
border-radius: 50%
}
.User span {
margin-left: 8px
}