You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
zhishifufei_php/public/system/css/layui-admin.css

322 lines
5.1 KiB

@charset "UTF-8";
.layui-table-box {
overflow: visible;
}
.layui-table-body {
overflow: visible;
}
.layui-table-cell {
height: auto;
min-height: 28px;
overflow: visible;
white-space: normal;
}
.layui-table th {
font-weight: bold;
}
.table-responsive {
overflow: initial;
}
.upload-image-box {
width: 100px;
height: 100px;
border: 1px solid #E9E9E9;
float: left;
margin-right: 10px;
margin-bottom: 5px;
position: relative;
border-radius: 5px;
}
.layui-form-item.submit {
margin-top: 10px;
}
.upload-image-box .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 5px;
line-height: 100px;
display: none;
}
.upload-image-box:hover .mask {
display: block;
}
.upload-image-box .mask p {
text-align: center;
color: #cccccc;
font-size: 18px;
}
.upload-image-box .mask p i:first-child {
padding-right: 7px;
}
.upload-image-box .mask p i:hover {
color: #ffffff;
}
.upload-image-box img {
width: 100%;
height: 100%;
}
.upload-image {
width: 100px;
height: 100px;
border: 1px solid #E9E9E9;
background-color: #F9F9F9;
position: relative;
line-height: 100px;
border-radius: 5px;
color: #CCCCCC;
display: inline-block;
}
.upload-image:hover {
border-color: rgba(0, 121, 254, 1);
background-color: #ffffff;
color: rgb(0, 121, 254) !important;
}
.upload-image .fiexd {
margin: 0 auto;
width: 20px;
height: 20px;
font-size: 20px;
}
.upload-image p {
height: 20px;
padding-top: 5px;
text-align: center;
}
/*
部分样式重构
*/
.layui-form-pane .layui-input, .layui-select, .layui-textarea {
height: 32px;
line-height: 1.5;
padding: 4px 7px;
font-size: 12px;
border: 1px solid #dddee1;
color: #495060;
background-color: #fff;
}
.layui-form-pane .layui-form-label {
padding: 5px 15px;
height: 32px;
margin-bottom: 0;
}
.layui-fluid {
padding: 15px;
}
.layui-btn-normal {
background-color: #0092DC;
}
.layui-btn .layui-icon {
font-size: 12px;
}
.layui-btn-sm i {
font-size: 12px !important;
}
.layui-form-onswitch {
border-color: #0092DC;
background-color: #0092DC;
}
.layui-table-cell p {
height: 20px;
line-height: 20px;
}
/*table复选框*/
.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
width: 14px;
height: 14px;
}
.layui-form-checked[lay-skin=primary] i {
border-color: #0093DE;
background-color: #0093DE;
color: #fff;
}
.layui-form-checkbox[lay-skin=primary] i {
width: 14px;
height: 14px;
line-height: 12px;
}
/*后台layui-admin样式*/
.layui-tab-title .layui-this:after {
border-bottom: 2px solid #0092DC;
}
.layui-form-label {
width: 120px;
padding: 9px 15px 9px 0;
}
.layui-form-label.required::before {
content: "*";
margin-right: 4px;
vertical-align: middle;
color: #FF5722;
}
.layui-input-block {
margin-left: 120px;
}
.layui-input-block .layui-admin-input {
width: 50%;
height: 34px;
}
.layui-input-block .time-w {
width: 200px;
}
.layui-btn-group button i {
line-height: 30px;
margin-right: 3px;
vertical-align: bottom;
}
.back-f8 {
background-color: #F8F8F8;
}
.layui-input + .layui-btn-group {
margin-top: 15px;
}
.layui-card-body p.layuiadmin-big-font {
font-size: 36px;
color: #666;
line-height: 36px;
padding: 5px 0 10px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
}
.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
position: absolute;
right: 15px;
}
.layuiadmin-badge {
top: 50%;
margin-top: -9px;
}
.layui-nav-child li {
text-align: left;
}
.layui-btn-xs {
margin-left: 0px !important;
}
.site-demo-button {
padding-bottom: 20px;
padding-left: 10px;
}
.avatar {
width: 50px;
height: 50px;
}
.backlog-body {
padding: 10px 15px;
background-color: #f8f8f8;
color: #999;
border-radius: 2px;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
overflow: hidden;
max-height: 84px;
}
.backlog-body h3 {
margin-bottom: 10px;
}
.right-icon {
position: absolute;
right: 10px;
}
.backlog-body p cite {
font-style: normal;
font-size: 17px;
font-weight: 300;
color: #009688;
}
.layuiadmin-span-color i {
padding-left: 5px;
}
.block-rigit {
text-align: right;
}
.block-rigit button {
width: 100px;
letter-spacing: .5em;
line-height: 28px;
}
.layuiadmin-card-list {
padding: 15px;
}
.layuiadmin-card-list p.layuiadmin-normal-font {
padding-bottom: 10px;
font-size: 20px;
color: #666;
line-height: 24px;
}
/*-----------------------*/
.layadmin-text-center {
text-align: center;
}
.layui-btn-primary:hover {
border-color: #0092DC;
}
.layui-laydate-footer span:hover {
color: #0092DC;
}
.layui-form-select dl dd.layui-this {
background-color: #0092DC;
}