menu.scss 1.29 KB
.service-chat {
    .menu {
        display: none;
        padding: 40px 45px 50px;
    }

    .icon-wrap {
        position: relative;
        display: inline-block;
        margin-left: 50px;

        &:nth-child(1) {
            margin: 0;
        }
    }

    .icon {
        height: 120px;
        width: 120px;
        border: 1PX solid #e0e0e0;
        border-radius: 50%;
        padding: 36px 33px;
        background-color: #fff;
        background-origin: content-box;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .menu-name {
        width: 120px;
        text-align: center;
        color: #b0b0b0;
        font-size: 24px;
        margin-top: 13px;
    }

    .camera .icon {
        background-image: url("img/service/chat/camera.png");
    }

    .photo .icon {
        background-image: url("img/service/chat/photo.png");
    }

    .order .icon {
        background-image: url("img/service/chat/order.png");
    }

    .broad-order .icon {
        background-image: url("img/service/chat/broad-order.png");
    }

    .camera input,
    .photo input {
        display: block;
        height: 120px;
        width: 120px;
        opacity: 0;
    }

    .uploadifive-button {
        color: transparent;
    }

    .uploadifive-queue {
        display: none;
    }
}