weaver_trunk_cli/pc4mobx/prj/style/resource.less

  //相关附件效果--start
  .prj-content-public {
    li {
      display: inline-block;
      width: 50%;
      height: 30px;
      line-height: 30px;
      padding-left: 30px;
      a {
        font-size: 12px;
        color: #666666;
      }
    }
  }
  .prj-content-accessory {
    > li {
      position: relative;
      > em:before {
        font-size: 16px;
        margin-right: 10px;
        position: absolute;
        top: 8px;
        left: 30px;
      }
      em.icon-coms-html2:before {
        color: #FFBB32;
      }
      em.icon-coms-word2:before {
        color: #0176FA;
      }
      em.icon-coms-pic2:before {
        color: #009EFB;
      }
      em.icon-coms-currency2:before {
        color: #8B96C2;
      }
      em.icon-coms-rar2:before {
        color: #716BFF;
      }
      em.icon-coms-excel2:before {
        color: #64D16F;
      }
      em.icon-coms-pdf2:before {
        color: #DF4430;
      }
      em.icon-coms-ppt2:before {
        color: #8A8C8E;
      }
      > a {
        position: absolute;
      }
      > span {
        float: right;
        font-size: 12px;
        color: #888888;
        margin-right: 15px;
        display: none;
      }
      > i {
        float: right;
        margin-right: 15px;
        color: #666666;
        font-size: 16px;
        display: none;
        margin-top: 7px;
        cursor: pointer;
      }
      &:hover {
        background: #F3F9FF;
        //cursor: pointer;
        span, i {
          display: inline-block;
        }
        a {
          text-decoration: underline;
          color: #4D7AD8;
        }
      }
    }
    //与我相关-相关附件样式复写
    li.prj-accessory-item {
      position: relative;
      > em {
        position: absolute;
        left: -24px;
      }
      > a {
        color: #484A4D;
        position: absolute;
        left: 29px;
        right: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  //相关附件效果--end
  .wea-prj-content-list {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-bottom: none;
    .wea-tab {
      height: unset !important;
    }
    //list公共样式
    .prj-content-style-public {
      background: #FFFFFF;
      padding: 10px 20px;
      .prj-content-pub {
        border-bottom: 1px solid #E7E7E7;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        color: #484A4D;
        position: relative;
        > em {
          font-size: 18px;
          margin-left: 2px;
          position: absolute;
          top: 11px;
        }
        > span {
          position: absolute;
          left: 28px;
        }
      }
    }
    .prj-content-resource {
      .prj-content-doc {
        > em:before {
          color: #8B96C2;
        }
      }
      .prj-content-project {
        > em {
          color: #009EFB;

        }
      }
      .prj-content-customer {
        > em {
          color: #FB8D00;
        }
      }
      .prj-content-workflow {
        > em {
          color: #14C4FF;
        }
      }
      .prj-content-task {
        > em {
          color: #7FACBA;
        }
      }
      .prj-content-acc {
        > em:before {
          color: #7ED321;
         
        }
      }
      .prj-content-cpt {
        > em {
          color: white;
          background-color: #F14A2D;
        }
      }
      .prj-content-document {
        li {
          a {
            &:hover {
              text-decoration: underline;
              color: #4D7AD8;
            }
          }
          &:hover {
            background: #F3F9FF;
            //cursor: pointer;
            span, i {
              display: inline-block;
            }
            a {
              text-decoration: underline;
              color: #4D7AD8;
            }
          }
        }
    
      }
    }
    .prj-content-stat {
      .prj-content-join {
        padding-left: 1%;
        padding-right: 2%;
        padding-bottom: 20px;
        > li {
          padding: 5px 0;
          font-size: 12px;
          color: #484A4D;
          line-height: 22px;
          > span, p, div {
            display: inline-block;
            vertical-align: middle;
          }
          > span {
            width: 25%;
            padding-left: 15px;
          }
          > p {
            a {
              font-size: 12px;
              margin-right: 5px;
              color: #484A4D;
              display: inline-block;
              &:hover {
                color: #4D7AD8;
              }
            }
            > Button {
              background: #FFFFFF;
              border: 1px solid #979797;
              border-radius: 100px;
              margin-left: 12px;
            }
          }
        }
      }
      .prj-content-cond {
        > li {
          > p {
            width: 60%;
            margin-right: 5%;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e2e2;
          }
          > div {
            width: 10%;
          }
        }
      }
      .prj-content-person {
        > li {
          .border {
            width: 72%;
            border-bottom: 1px solid #e2e2e2;
            padding-bottom: 5px;
            > span {
              max-width: 100%;
              overflow: hidden;
            }
          }
        }
      }

      .wea-field-readonly {
        line-height: 18px;
        .seclevel {
          padding: 0px 20px;
        }
      }
      .wea-browser {
        max-width: 95%;
        // display: inline-block;
        a {
          color: #333333;
          &:hover {
            color: #4d7ad8;
          }
        }
      }
      .collapse-btn {
        width: 16px;
        cursor: pointer;
        color: #8a959f;
        position: absolute;
        top: 18px;
        display: inline-block;
      }
    }
    //与我相关-红点
    .prj-my {
      position: relative;
      .prj-my-dot {
        display: inline-block;
        width: 4px;
        height: 4px;
        background: red;
        border-radius: 2px;
        position: absolute;
        top: 48%;
        right: -10%;
      }
      .prj-my-dotHide {
        display: none;
      }
    }
  }