自己常用的一些Camstar Portal 自定义CSS

按钮样式

/* ********************************************************************************************* 
     Button 
********************************************************************************************* */

.lucas-cs-button-primary {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

    .lucas-cs-button-primary:hover {
        background-color: #5ba8f7;
    }

.lucas-cs-button-success {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

    .lucas-cs-button-success:hover {
        background-color: #98e771;
    }

.lucas-cs-button-warning {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

    .lucas-cs-button-warning:hover {
        background-color: #f5c071;
    }

.lucas-cs-button-danger {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

    .lucas-cs-button-danger:hover {
        background-color: #f3a0a0;
    }

/* ********************************************************************************************* 
    Button plain
********************************************************************************************* */

.lucas-cs-button-primary-plain {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #409eff;
    background-color: #b3d8ff;
    background: #ecf5f;
    border-color: #5ba8f7;
}

    .lucas-cs-button-primary-plain:hover {
        background-color: #5ba8f7;
    }


.lucas-cs-button-success-plain {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #67c23a;
    background-color: #b3d8ff;
    background: #f0f9eb;
    border-color: #67c23a;
}

    .lucas-cs-button-success-plain:hover {
        background-color: #67c23a;
    }


.lucas-cs-button-warning-plain {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #e6a23c;
    background-color: #f5dab1;
    background: #fdf6ec;
    border-color: #e6a23c;
}

    .lucas-cs-button-warning-plain:hover {
        background-color: #e6a23c;
    }



.lucas-cs-button-danger-plain {
    height: 32px;
    min-width: 58px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding: 0 16px;
    color: #f56c6c;
    background-color: fbc4c4;
    background: #fef0f0;
    border-color: #f56c6c;
}

    .lucas-cs-button-danger-plain:hover {
        background-color: #f56c6c;
    }

卡片样式

/* ********************************************************************************************* 
    Lucas Card 
********************************************************************************************* */
.ss-lucas-card-webpart {
    margin: 0 0 0 0px;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -1px -1px 6px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: -1px -1px 6px 0 rgba(0,0,0,0.4);
    box-shadow: -1px -1px 6px 0 rgba(0,0,0,0.4);
    padding-bottom: 10px;
    padding-right: 10px;
}