mirror of https://github.com/helloxz/onenav.git
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.
168 lines
2.9 KiB
168 lines
2.9 KiB
/* |
|
* BaiSu |
|
* 1099116749@qq.com |
|
*/ |
|
@charset "utf-8"; |
|
* { |
|
padding: 0; |
|
margin: 0; |
|
font-family: "microsoft yahei", Arial, 'PingFang SC', SimHei, SimSun; |
|
box-sizing: border-box; |
|
font-size: 14px; |
|
} |
|
input:focus, |
|
button:focus { |
|
outline: none; |
|
} |
|
|
|
textarea:focus { |
|
outline: none; |
|
} |
|
|
|
input {} |
|
|
|
body { |
|
background-color: #f2f3fa; |
|
} |
|
|
|
img { |
|
border: none; |
|
} |
|
|
|
li { |
|
list-style: none; |
|
} |
|
|
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
font-weight: normal; |
|
} |
|
|
|
a { |
|
color: inherit; |
|
text-decoration: none; |
|
} |
|
|
|
.cl { |
|
clear: both; |
|
} |
|
|
|
/*快速添加页面*/ |
|
/*边距调整*/ |
|
.layui-form, |
|
.layui-unselect, |
|
.layui-unselect *{ |
|
box-sizing: content-box; |
|
} |
|
.quick-main{ |
|
width: 360px; |
|
height: 420px; |
|
margin: auto; |
|
padding: 20px; |
|
background-color: white; |
|
border-radius: 10px; |
|
} |
|
.quick-main .title{ |
|
width: 100%; |
|
display: flex; |
|
justify-content: flex-start; |
|
line-height: 45px; |
|
font-weight: bold; |
|
font-size: 15px; |
|
margin-bottom: 10px; |
|
} |
|
.quick-main .title i{ |
|
display: block; |
|
margin-top: 1px; |
|
line-height: 45px; |
|
font-size: 22px; |
|
margin-right: 6px; |
|
color: #3b75fb; |
|
} |
|
.quick-main .list{ |
|
width: 100%; |
|
margin-bottom: 15px; |
|
} |
|
.quick-main .list input{ |
|
width: 100%; |
|
padding: 0 12px; |
|
height: 38px; |
|
border-radius: 6px; |
|
color: #1c2a39; |
|
background-color: #f2f3fa; |
|
border: none; |
|
font-size: 13px; |
|
} |
|
.quick-main .list textarea{ |
|
width: 100%; |
|
padding: 12px; |
|
height: 80px; |
|
border-radius: 6px; |
|
color: #1c2a39; |
|
background-color: #f2f3fa; |
|
border: none; |
|
font-size: 13px; |
|
} |
|
/**/ |
|
.quick-main .layui-form-select dl dd.layui-this{ |
|
background-color: #3b75fb; |
|
color: white; |
|
} |
|
.quick-main .layui-form-select dl{ |
|
padding: 0 0; |
|
} |
|
.quick-main .list-2{ |
|
display: flex; |
|
justify-content: space-between; |
|
} |
|
.quick-main .list-2 .li{ |
|
width: 48%; |
|
border-radius: 6px; |
|
display: flex; |
|
justify-content: flex-start; |
|
padding: 0 12px; |
|
line-height: 38px; |
|
color: #1c2a39; |
|
background-color: #f2f3fa; |
|
font-size: 13px; |
|
} |
|
.quick-main .list-2 .li .layui-unselect{ |
|
margin-left: 10px; |
|
} |
|
.quick-main .list-2 input[type=text]{ |
|
width: 70%; |
|
margin-left: 10px; |
|
} |
|
.quick-main .layui-form-onswitch { |
|
border-color: #3b75fb; |
|
background-color: #3b75fb; |
|
} |
|
|
|
.quick-main .list-3{ |
|
display: flex; |
|
justify-content: space-between; |
|
} |
|
.quick-main .list-3 button{ |
|
width: 48%; |
|
background-color: #3b75fb; |
|
color: white; |
|
height: 38px; |
|
border: none; |
|
border-radius: 6px; |
|
cursor: pointer; |
|
transition: 0.3 all; |
|
} |
|
.quick-main .list-3 button.close{ |
|
color: #1c2a39; |
|
background-color: #f2f3fa; |
|
} |
|
.quick-main .list-3 button:hover{ |
|
box-shadow: 0px 0px 5px #CCCCCC; |
|
opacity: .7; |
|
transition: 0.3 all; |
|
} |
|
|