添加项目文件。
This commit is contained in:
65
WaterCloud.Web/wwwroot/css/formpreview.css
Normal file
65
WaterCloud.Web/wwwroot/css/formpreview.css
Normal file
@@ -0,0 +1,65 @@
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
}
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* select[leipiplugins] {
|
||||
display: inherit !important
|
||||
} */
|
||||
|
||||
#frmPreview select,
|
||||
#frmPreview input {
|
||||
display: inline !important
|
||||
}
|
||||
461
WaterCloud.Web/wwwroot/css/knowledge.css
Normal file
461
WaterCloud.Web/wwwroot/css/knowledge.css
Normal file
@@ -0,0 +1,461 @@
|
||||
body {
|
||||
}
|
||||
.content-center {
|
||||
position:relative;
|
||||
margin:32px auto 0;
|
||||
overflow:visible!important
|
||||
}
|
||||
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 300;
|
||||
letter-spacing: -0.25px;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.rank-list {
|
||||
margin: 0 20px 2px 0px;
|
||||
}
|
||||
|
||||
.rank-list li {
|
||||
position: relative;
|
||||
_display: block;
|
||||
padding: 10px 0 0 25px;
|
||||
height: 25px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.rank-list li span {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
color: #999;
|
||||
_padding: 2px 0 2px 5px;
|
||||
_z-index: 2;
|
||||
_position: absolute;
|
||||
_background: #fff;
|
||||
_right: 0;
|
||||
}
|
||||
|
||||
.rank-list li.active .num {
|
||||
top: 12px;
|
||||
background: #d60007;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.rank-list li .num {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 12px;
|
||||
display: inline-block;
|
||||
vertical-align: -3px;
|
||||
*vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
background: #1389d7;
|
||||
font-style: normal;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-family: Verdana, Geneva, sans-serif;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rank-list li a {
|
||||
display: block;
|
||||
padding: 0;
|
||||
color: #888;
|
||||
font-size: 13px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
_position: absolute;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
height: 42px;
|
||||
padding: 4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.search-box .input-group .form-control {
|
||||
box-shadow: none;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-right: 0px;
|
||||
padding-left: 7px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #1ABC9C;
|
||||
border-color: #1ABC9C;
|
||||
}
|
||||
|
||||
.search-box .input-group .btn {
|
||||
padding: 0px 0px;
|
||||
font-size: 14px;
|
||||
height: 38px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.search-box .input-group .btn i {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.btn i {
|
||||
margin-right: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.help-n-list {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.help-n-list li {
|
||||
display: block;
|
||||
padding-bottom: 16px;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.help-n-list li h2 {
|
||||
padding: 5px 0 5px 0;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: normal;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.help-n-list li h2 a {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 29px;
|
||||
color: #3b8dd1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.help-n-list li .note .info {
|
||||
padding-top: 5px;
|
||||
font: 12px/1.5 "Microsoft Yahei";
|
||||
}
|
||||
|
||||
.info span {
|
||||
font-weight: 100;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.zhaiyao{
|
||||
padding: 0 5px;
|
||||
max-width:500px;
|
||||
color: rgb(136, 136, 136);
|
||||
font-size: 13px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.list-item-tags{
|
||||
|
||||
}
|
||||
.item-tags{
|
||||
border: 1px solid #1abc9c;
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px;
|
||||
font-size: 11px;
|
||||
color: #1abc9c;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tags-list{
|
||||
margin: 5px 20px 2px 0px;
|
||||
}
|
||||
.tags-list .tag-info{
|
||||
border: 1px solid #1abc9c;
|
||||
border-radius: 4px;
|
||||
padding: 2px 6px;
|
||||
font-size: 13px;
|
||||
color: #1abc9c;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
以下是评论功能样式
|
||||
*/
|
||||
.clear {
|
||||
zoom: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.comment #mpbox {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
overflow: visible;
|
||||
background-color: transparent;
|
||||
}
|
||||
#mpbox {
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
#mpbox .left {
|
||||
float: left;
|
||||
display: inline;
|
||||
}
|
||||
#mpbox .right {
|
||||
float: right;
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
#mpbox .clear {
|
||||
zoom: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
#mpbox .c-comment-header {
|
||||
padding: 11px 0 7px;
|
||||
/*height: 42px;*/
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#mpbox .c-comment-header .c-opinion {
|
||||
font-size: 18px;
|
||||
color: #191919;
|
||||
}
|
||||
#mpbox .c-comment-header .c-opinion .c-line {
|
||||
float: left;
|
||||
margin-top: 3px;
|
||||
width: 4px;
|
||||
height: 19px;
|
||||
background: #fdd000;
|
||||
border-radius: 2px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.c-num-red {
|
||||
font-size: 22px;
|
||||
font-family: "Georgia Regular",Georgia;
|
||||
color: #d92227;
|
||||
}
|
||||
#mpbox .c-comment-submiter {
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
border: 1px solid #b7b7b7;
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-comment-box {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
zoom: 1;
|
||||
padding: 7px 10px 0 15px;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-comment-box .c-comment-textbox {
|
||||
padding: 0;
|
||||
margin: 0 0 9px;
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
background-image: none;
|
||||
color: #ccc;
|
||||
background-attachment: scroll;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#mpbox .c-comment-submiter.c-active {
|
||||
border: 1px solid #ee4046; }
|
||||
#mpbox .c-comment-submiter.c-active .c-comment-textbox {
|
||||
color: #333; }
|
||||
#mpbox .c-comment-submiter .c-submit-btn-unlogin {
|
||||
|
||||
font-size: 14px;
|
||||
text-indent: 0;
|
||||
letter-spacing: 0;
|
||||
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-submit-btn:hover, #mpbox .c-comment-submiter .c-submit-btn-unlogin:hover {
|
||||
background: #cc0f15;
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-submit-closed {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 35px;
|
||||
background: #cdcdcd;
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-submit-closed:hover {
|
||||
background: #cdcdcd;
|
||||
}
|
||||
#mpbox .c-comment-submiter .c-submit-btn, #mpbox .c-comment-submiter .c-submit-btn-unlogin {
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
width: 90px;
|
||||
height: 37px;
|
||||
font-size: 14px;
|
||||
font-family: "Microsoft YaHei";
|
||||
line-height: 37px;
|
||||
color: #fff;
|
||||
background: #d81519;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
text-indent: 2px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
#mpbox .c-comment-submiter .c-empty {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 82px;
|
||||
line-height: 82px;
|
||||
font-size: 15px;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
color: #d92227;
|
||||
text-align: center;
|
||||
cursor: text;
|
||||
}
|
||||
#mpbox .c-comment-content .c-new {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-title {
|
||||
height: 17px;
|
||||
line-height: 17px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-title span {
|
||||
float: left;
|
||||
line-height: 1;
|
||||
font-size: 16px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-title span .c-line {
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
width: 4px;
|
||||
height: 17px;
|
||||
background: #e0e0e0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main {
|
||||
margin-top: 10px;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment {
|
||||
padding: 20px 0 11px;
|
||||
border-bottom: 1px dashed #e5e5e5;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head {
|
||||
width: 50px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head .c-head-wrapper {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head .c-head-wrapper img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content {
|
||||
padding-left: 64px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info {
|
||||
padding: 1px 0 15px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info .c-username {
|
||||
font-size: 13px;
|
||||
color: #d92227;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info .c-username span {
|
||||
font-size: 11px;
|
||||
padding: 0 2px;
|
||||
color: #7e7e7e;
|
||||
}
|
||||
.article-page #mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-discuss, .article-page
|
||||
#mpbox .c-make-floor .c-floor .c-floor-discuss {
|
||||
word-wrap: break-word;
|
||||
word-break: normal;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-discuss {
|
||||
padding: 0 7px 11px 0;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller {
|
||||
position: relative;
|
||||
text-align: right;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-date {
|
||||
font-size: 12px;
|
||||
color: #7e7e7e;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-reply {
|
||||
padding: 0 10px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller a {
|
||||
margin: 0 5px;
|
||||
color: #7e7e7e;
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller a {
|
||||
margin: 0 5px;
|
||||
color: #7e7e7e;
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-thumb-icon {
|
||||
vertical-align: top;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZTZhMmJiNS01YjA2LTY0NDgtOWUxZC03MDRmOGFkMTgzOGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJCMzQ3OUMyNEU0MTFFNzhBNjc5MTkxRTJCMEMxQjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJCMzQ3OUIyNEU0MTFFNzhBNjc5MTkxRTJCMEMxQjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2U2YTJiYjUtNWIwNi02NDQ4LTllMWQtNzA0ZjhhZDE4MzhiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmNlNmEyYmI1LTViMDYtNjQ0OC05ZTFkLTcwNGY4YWQxODM4YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgVjcsgAAACoSURBVHjaYvz//z8DCOzZs4cBDcwBYl8grgLiucgSTAy4gQsQiwFxPboELk1GQCwPZV9Al2TB4iw+IJ6MxG/B0ITGjwTiXiCWRBI7AsRfkPkgTYehHFsg7kDTAAKsQCyIxHcHabJBEuBiwA9+AXEWExZT8QE2IFZjYiADoGv6RkD9cyCuQdf0m4AmbpBFpDovGoh/skDjgREq+BGIP0EjGFvIgS0BCDAA0eEcY6x9OdEAAAAASUVORK5CYII=) no-repeat center;
|
||||
}
|
||||
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller i {
|
||||
vertical-align: middle;
|
||||
margin-right: 2px;
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
137
WaterCloud.Web/wwwroot/css/layout.css
Normal file
137
WaterCloud.Web/wwwroot/css/layout.css
Normal file
@@ -0,0 +1,137 @@
|
||||
html{
|
||||
}
|
||||
body {
|
||||
}
|
||||
a:active, a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
a:focus, a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
.fa-toggle-on{
|
||||
color: #1ABC9C;
|
||||
}
|
||||
.dcui-btn-area{
|
||||
margin-bottom:5px;border-bottom:1px solid #e6e6e6;padding-top:3px;padding-bottom:3px;
|
||||
}
|
||||
.dcui-search-area{
|
||||
margin-bottom:5px;padding-bottom:2px;
|
||||
}
|
||||
.dcui-btn {
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid
|
||||
transparent;
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.dcui-btn{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dcui-btn:hover {
|
||||
background: #e2e2e2;
|
||||
color: #000;
|
||||
filter: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dcui-btn:hover,.dcui-btn:focus{
|
||||
color:#fff;
|
||||
}
|
||||
.dcui-btn-black:hover, .dcui-btn-blue:hover, .dcui-btn-brown:hover, .dcui-btn-green:hover, .dcui-btn-orange:hover, .dcui-btn-purple:hover, .dcui-btn-red:hover {
|
||||
opacity: .7;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
.dcui-btn i {
|
||||
margin-right: 5px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.dcui-btn-green {
|
||||
border:0;
|
||||
background:#009688;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-green:hover {
|
||||
color:#fff;
|
||||
background:#009688
|
||||
}
|
||||
.dcui-btn-brown {
|
||||
border:0;
|
||||
background:brown;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-brown:hover {
|
||||
color:#fff;
|
||||
background:brown
|
||||
}
|
||||
.dcui-btn-black {
|
||||
border:0;
|
||||
background:#2F4056;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-black:hover {
|
||||
color:#fff;
|
||||
background:#2F4056
|
||||
}
|
||||
.dcui-btn-blue {
|
||||
border:0;
|
||||
background:#1E9FFF;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-blue:hover {
|
||||
color:#fff;
|
||||
background:#1E9FFF
|
||||
}
|
||||
.dcui-btn-orange {
|
||||
border:0;
|
||||
background:#FFB800;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-orange:hover {
|
||||
color:#fff;
|
||||
background:#FFB800
|
||||
}
|
||||
.dcui-btn-red {
|
||||
border:0;
|
||||
background:#FF5722;
|
||||
color:#fff
|
||||
}
|
||||
.dcui-btn-red:hover {
|
||||
color:#fff;
|
||||
background:#FF5722
|
||||
}
|
||||
.dcui-btn-purple {
|
||||
border:0;
|
||||
background:purple;
|
||||
color:#fff
|
||||
}
|
||||
|
||||
.dcui-btn-purple:hover {
|
||||
color:#fff;
|
||||
background:purple
|
||||
}
|
||||
|
||||
|
||||
/*----------*/
|
||||
887
WaterCloud.Web/wwwroot/css/layuimini.css
Normal file
887
WaterCloud.Web/wwwroot/css/layuimini.css
Normal file
@@ -0,0 +1,887 @@
|
||||
/**
|
||||
配色方案（如有需要，请自行配置）
|
||||
*/
|
||||
/**头部-配色*/
|
||||
.layui-layout-admin .layui-header {
|
||||
background-color: #1aa094 !important;
|
||||
}
|
||||
|
||||
.layui-header > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
|
||||
background-color: #197971 !important;
|
||||
}
|
||||
|
||||
.layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
|
||||
background-color: #197971 !important;
|
||||
}
|
||||
|
||||
/**logo-配色*/
|
||||
.layui-layout-admin .layuimini-logo {
|
||||
background-color: #243346 !important;
|
||||
}
|
||||
|
||||
/**左侧-配色*/
|
||||
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul {
|
||||
background-color: #2f4056 !important;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-child a:hover:not(.layui-this) {
|
||||
background-color: #3b3f4b;
|
||||
}
|
||||
|
||||
/**左侧菜单选中-配色*/
|
||||
.layui-layout-admin .layui-nav-tree .layui-this, .layui-layout-admin .layui-nav-tree .layui-this > a, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a {
|
||||
background-color: #1aa094 !important;
|
||||
}
|
||||
|
||||
|
||||
/**头部样式 */
|
||||
.layui-layout-admin .header {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.layuimini-header-menu, .layui-header {
|
||||
height: 60px !important;
|
||||
}
|
||||
|
||||
.layuimini-header-menu > .layui-nav-item {
|
||||
color: #1b1d21;
|
||||
height: 60px !important;
|
||||
line-height: 60px !important;
|
||||
}
|
||||
|
||||
.layui-header > .layui-layout-right > .layui-nav-item {
|
||||
height: 60px !important;
|
||||
line-height: 60px !important;
|
||||
}
|
||||
|
||||
.layui-layout-left {
|
||||
left: 295px !important;
|
||||
}
|
||||
|
||||
.layui-nav.layui-layout-left.layuimini-header-menu.layuimini-pc-show {
|
||||
font-weight: bold;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
|
||||
/**logo演示（通用） */
|
||||
.layui-layout-admin .layuimini-logo {
|
||||
font-weight: bold;
|
||||
color: #ffffff !important;
|
||||
height: 60px !important;
|
||||
line-height: 60px !important;
|
||||
overflow: hidden;
|
||||
line-height: 64px;
|
||||
transition: all .2s !important;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layuimini-logo img {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layuimini-logo h1 {
|
||||
display: inline-block;
|
||||
margin: 0 0 0 12px;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/**缩放工具（通用） */
|
||||
.layuimini-tool {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 235px;
|
||||
width: 60px;
|
||||
height: 100%;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
color: #ffffff !important;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
/**缩放工具（缩放） */
|
||||
.layuimini-tool i {
|
||||
display: block;
|
||||
color: #bbe3df;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**tab选项卡 */
|
||||
.layuimini-tab {
|
||||
margin: 0px;
|
||||
overflow: hidden;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content {
|
||||
height: calc(100% - 37px) !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content .layui-tab-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title {
|
||||
border: none;
|
||||
border: 1px solid whitesmoke;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title li {
|
||||
border-right: 1px solid whitesmoke;
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layuimini-tab-active {
|
||||
display: inline-block;
|
||||
background-color: lightgray;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border-radius: 30px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: #1aa094;
|
||||
}
|
||||
|
||||
.layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
|
||||
height: 35px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
|
||||
line-height: 35px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title span {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this span {
|
||||
color: #2D8CF0;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-close {
|
||||
font-size: 12px !important;
|
||||
width: 14px !important;
|
||||
height: 14px !important;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-close:hover {
|
||||
border-radius: 4em;
|
||||
background: #ff5722;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-control > li {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
width: 35px;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
border-top: whitesmoke 1px solid;
|
||||
border-bottom: whitesmoke 1px solid;
|
||||
}
|
||||
|
||||
.layuimini-tab .layuimini-tab-roll-left {
|
||||
left: 0px;
|
||||
border-right: whitesmoke 1px solid;
|
||||
border-left: whitesmoke 1px solid;
|
||||
}
|
||||
|
||||
.layuimini-tab .layuimini-tab-roll-right {
|
||||
right: 35px;
|
||||
border-left: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool {
|
||||
right: 0px;
|
||||
border-left: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-control .layui-tab-tool,
|
||||
.layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
|
||||
right: 0px;
|
||||
border-right: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-title {
|
||||
padding-left: 35px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-tool .layui-tab-title {
|
||||
padding-left: 0px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-title {
|
||||
padding-left: 35px;
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav {
|
||||
position: absolute;
|
||||
height: 43px !important;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-item {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-child {
|
||||
left: auto;
|
||||
top: 45px;
|
||||
right: 3px;
|
||||
width: 120px;
|
||||
border: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-this a {
|
||||
background-color: #009688;
|
||||
}
|
||||
|
||||
.layuimini-tab-loading {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: calc(100% - 37px);
|
||||
top: 37px;
|
||||
z-index: 19;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.layuimini-tab-loading.close {
|
||||
animation: close 1s;
|
||||
-webkit-animation: close 1s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
/**左侧菜单栏 (通用) */
|
||||
.layui-side.layui-bg-black {
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.layui-side.layui-bg-black > .layuimini-menu-left > ul {
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.layui-side.layui-bg-black > .layuimini-menu-left > ul > .layui-nav-item:first-child {
|
||||
border-top: 1px solid #4b5461;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item > a {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child {
|
||||
background: 0 0 !important
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-more {
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/**左侧菜单栏 (正常) */
|
||||
.layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
|
||||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a {
|
||||
padding-left: 55px;
|
||||
}
|
||||
|
||||
.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
|
||||
padding-left: 65px;
|
||||
}
|
||||
|
||||
.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-itemed > .layui-nav-child {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
/**内容主体（通用） */
|
||||
.layui-layout-admin .layui-body {
|
||||
overflow: hidden;
|
||||
bottom: 0px !important;
|
||||
top: 60px !important;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
/**选择配色方案 */
|
||||
.layuimini-color .color-title {
|
||||
padding: 10px 0 10px 20px;
|
||||
border-bottom: 1px solid #d9dada;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.layuimini-color .color-content {
|
||||
padding: 10px 5px 0 5px;
|
||||
}
|
||||
|
||||
.layuimini-color .color-content ul {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.layuimini-color .color-content ul li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 80px;
|
||||
height: 50px;
|
||||
margin: 0 15px 15px 0;
|
||||
padding: 2px 2px 4px 2px;
|
||||
background-color: #f2f2f2;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layuimini-color .color-content li.layui-this:after, .layuimini-color .color-content li:hover:after {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 4px;
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
border-color: #d8d8d8;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.layuimini-color .color-content li:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 1px;
|
||||
height: 0;
|
||||
border: 1px solid #f2f2f2;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/**其它 */
|
||||
.layui-tab-item {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.layui-nav-item.layui-this {
|
||||
background-color: #1b1d21;
|
||||
}
|
||||
|
||||
.layui-width-height {
|
||||
width: 100%;
|
||||
height: 95%;
|
||||
}
|
||||
|
||||
.layui-tab {
|
||||
margin: 0 0 0 0;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
height: 30px !important;
|
||||
line-height: 30px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.layui-nav {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-side {
|
||||
top: 60px !important;
|
||||
}
|
||||
|
||||
.layui-tab-card {
|
||||
box-shadow: 0px 0px 0px #888888;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
/**自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
||||
/*移动端遮罩层*/
|
||||
.layuimini-make {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-header {
|
||||
z-index: 1001;
|
||||
}
|
||||
/**初始化加载层*/
|
||||
.layuimini-loader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #f2f2f2;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.layuimini-loader .layuimini-loader-inner {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin: -75px 0 0 -75px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #ffb800;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
.layuimini-loader .layuimini-loader-inner:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #1e9fff;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
.layuimini-loader .layuimini-loader-inner:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #ff5722;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
/*系统设置*/
|
||||
|
||||
.layuimini-color .layui-word-aux {
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.layuimini-color .layui-input-block {
|
||||
margin-left: 15px;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.layuimini-color .more-menu-list {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-color .more-menu-item:first-child {
|
||||
border-top: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
.layuimini-color .more-menu-item .layui-icon {
|
||||
font-size: 18px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.layuimini-color .more-menu-item {
|
||||
color: #595959;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 16px;
|
||||
padding: 0 25px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-color .more-menu-item:hover {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-color .more-menu-item:after {
|
||||
color: #8c8c8c;
|
||||
right: 16px;
|
||||
content: "\e602";
|
||||
position: absolute;
|
||||
font-family: layui-icon !important;
|
||||
}
|
||||
|
||||
/**
|
||||
鼠标右键
|
||||
*/
|
||||
.layuimini-tab-mousedown {
|
||||
display: none;
|
||||
width: 80px;
|
||||
position: absolute;
|
||||
top: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab-mousedown dd a {
|
||||
padding: 0 15px;
|
||||
color: #484545;
|
||||
}
|
||||
|
||||
.layuimini-tab-make {
|
||||
position: absolute;
|
||||
top: 36px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background: rgb(255, 255, 255,0);
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
菜单缩放
|
||||
*/
|
||||
.popup-tips .layui-layer-TipsG {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.popup-tips.layui-layer-tips .layui-layer-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.popup-tips .layui-nav-tree {
|
||||
width: 150px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/**左侧菜单字体间距*/
|
||||
.layuimini-menu-left .layui-nav-item a span {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**头部菜单字体间距*/
|
||||
.layui-layout-admin .layui-header .layuimini-header-menu.layuimini-pc-show, .layui-layout-admin .layui-header .layuimini-header-menu.layuimini-mobile-show {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**修复左侧菜单字体不对齐的问题*/
|
||||
.layuimini-menu-left .layui-nav-item a .fa, .layuimini-menu-left .layui-nav-item a .layui-icon {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
/**
|
||||
PC版样式
|
||||
*/
|
||||
@media screen and (min-width: 1025px) {
|
||||
/**头部样式（缩放） */
|
||||
.layuimini-mini .layui-layout-left.layuimini-header-menu.layuimini-pc-show {
|
||||
left: 155px !important;
|
||||
}
|
||||
|
||||
/**logo演示（缩放） */
|
||||
.layuimini-mini .layui-layout-admin .layuimini-logo {
|
||||
width: 60px !important;
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-layout-admin .layuimini-logo h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**左侧菜单栏（缩放） */
|
||||
.layuimini-mini .layuimini-menu-left {
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-side.layui-bg-black, .layuimini-mini .layuimini-menu-left > ul, .layuimini-mini .layuimini-menu-left > ul li i {
|
||||
width: 60px !important;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-menu-left > ul li span:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-menu-left > ul li span:last-child {
|
||||
float: right;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
/**内容主体（缩放） */
|
||||
.layuimini-mini .layui-layout-admin .layui-body {
|
||||
left: 60px !important;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-tool {
|
||||
left: 95px !important;
|
||||
}
|
||||
|
||||
.layuimini-pc-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-mobile-show {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**菜单缩放*/
|
||||
.layuimini-mini .layuimini-menu-left .layui-nav-more, .layuimini-mini .layuimini-menu-left .layui-nav-child {
|
||||
display: none;
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
手机自适应样式
|
||||
*/
|
||||
@media screen and (max-width: 1024px) {
|
||||
.layuimini-pc-show {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-mobile-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-header-content {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-body .layui-tab-item.layui-show {
|
||||
border-top: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.layuimini-all .layui-layout-left.layuimini-header-menu {
|
||||
left: 0px !important
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-layout-left.layuimini-header-menu {
|
||||
left: 205px !important
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) {
|
||||
width: 40px !important;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) a {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.layuimini-all .layui-layout-admin .layui-body {
|
||||
left: 0px !important;
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-layout-admin .layuimini-menu-left, .layuimini-mini .layui-header .layuimini-logo {
|
||||
left: 0;
|
||||
transition: left .2s;
|
||||
z-index: 1001 !important;
|
||||
}
|
||||
|
||||
.layuimini-all .layui-layout-admin .layuimini-menu-left, .layuimini-all .layui-header .layuimini-logo {
|
||||
left: -200px;
|
||||
transition: left .2s;
|
||||
top: 0;
|
||||
z-index: 1002;
|
||||
}
|
||||
|
||||
.layuimini-mini .layui-layout-admin .layui-body {
|
||||
left: 0 !important;
|
||||
transition: left .2s;
|
||||
top: 0;
|
||||
z-index: 998;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-make {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-multi-module .layuimini-header-content .layuimini-tool {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-single-module .layuimini-header-content .layuimini-tool {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.layuimini-mini .layuimini-site-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.layuimini-site-mobile {
|
||||
display: block !important;
|
||||
position: fixed;
|
||||
z-index: 100000;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.layuimini-header-content {
|
||||
z-index: 997;
|
||||
}
|
||||
|
||||
/*修复UC之类的浏览器点击无效*/
|
||||
.layuimini-make {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.layuimini-site-mobile {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
|
||||
/**头部右侧数据*/
|
||||
.layuimini-multi-module.layuimini-mini .layuimini-header-content .layui-layout-right {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**替换原有样式更新 2.6.7*/
|
||||
.layui-layout-admin .layui-body {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
/**替换原有样式更新 2.6.7*/
|
||||
.layui-nav-tree .layui-nav-item > a .layui-nav-more {
|
||||
padding: 0px 0;
|
||||
}
|
||||
.layui-table {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
}
|
||||
.layui-tab-control > ul > .layui-nav-item.layui-this {
|
||||
background-color: none;
|
||||
}
|
||||
237
WaterCloud.Web/wwwroot/css/login.css
Normal file
237
WaterCloud.Web/wwwroot/css/login.css
Normal file
@@ -0,0 +1,237 @@
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(/images/moon.jpg);
|
||||
background-size: cover;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
body:after {
|
||||
content: '';
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
-webkit-filter: blur(3px);
|
||||
-moz-filter: blur(3px);
|
||||
-o-filter: blur(3px);
|
||||
-ms-filter: blur(3px);
|
||||
filter: blur(3px);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.layui-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.admin-login-background {
|
||||
color: #ffb800;
|
||||
width: 360px;
|
||||
height: 300px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
margin-left: -180px;
|
||||
margin-top: -100px;
|
||||
}
|
||||
|
||||
.logo-title {
|
||||
text-align: center;
|
||||
letter-spacing: 2px;
|
||||
padding: 14px 0;
|
||||
}
|
||||
|
||||
.logo-title h1 {
|
||||
color: #FFFFCE;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 3px;
|
||||
padding: 14px 20px;
|
||||
box-shadow: 0 0 8px #eeeeee;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item label {
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
width: 38px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
color: #d2d2d2;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item input {
|
||||
padding-left: 36px;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item .layui-btn {
|
||||
background-color: #2f4056;
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.captcha {
|
||||
width: 60%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.captcha-img {
|
||||
display: inline-block;
|
||||
width: 34%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.captcha-img img {
|
||||
height: 34px;
|
||||
border: 1px solid #e6e6e6;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tips_msg {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: red;
|
||||
margin: 0 auto;
|
||||
border-radius: 5px;
|
||||
width: 300px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tips_msg i {
|
||||
position: relative;
|
||||
top: 0.5px;
|
||||
font-size: 15px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#starsBox {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#starsBox span {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
transition: 100s linear;
|
||||
}
|
||||
|
||||
p {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
transform: translateY(-50%);
|
||||
font-size: 40px;
|
||||
font-weight: 900;
|
||||
color: white;
|
||||
text-shadow: 0 0 50px black;
|
||||
text-transform: capitalize;
|
||||
font-family: 'Roboto','Helvetica','Arial',sans-serif;
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
p > span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: #bdc3c7;
|
||||
margin-top: 30px;
|
||||
font-weight: 100;
|
||||
text-shadow: 0 0 50px black;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
p > span > a {
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
color: #d64541;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 0px solid #d64541;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
p > span > a:hover {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 2px solid #d64541;
|
||||
}
|
||||
|
||||
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.layui-form-checked[lay-skin=primary] i {
|
||||
border-color: orange !important;
|
||||
background-color: orange;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.code {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.input-val {
|
||||
width: 63%;
|
||||
background: #ffffff;
|
||||
height: 2.8rem;
|
||||
padding: 0 2%;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
}
|
||||
.layui-tab-title {
|
||||
position: relative;
|
||||
left: 0;
|
||||
height: 40px;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: unset;
|
||||
transition: all .2s;
|
||||
-webkit-transition: all .2s;
|
||||
}
|
||||
|
||||
.layui-tab-title .layui-this {
|
||||
color: orange;
|
||||
background-color: #FFFFCE;
|
||||
}
|
||||
.layui-form-select dl dd {
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
}
|
||||
239
WaterCloud.Web/wwwroot/css/loginnew.css
Normal file
239
WaterCloud.Web/wwwroot/css/loginnew.css
Normal file
@@ -0,0 +1,239 @@
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(/images/bgnew.jpeg);
|
||||
background-size: cover;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
body:after {
|
||||
content: '';
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
-webkit-filter: blur(3px);
|
||||
-moz-filter: blur(3px);
|
||||
-o-filter: blur(3px);
|
||||
-ms-filter: blur(3px);
|
||||
filter: blur(3px);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.layui-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.admin-login-background {
|
||||
color: #ff5722;
|
||||
width: 360px;
|
||||
height: 300px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
margin-left: -180px;
|
||||
margin-top: -100px;
|
||||
}
|
||||
|
||||
.logo-title {
|
||||
text-align: center;
|
||||
letter-spacing: 2px;
|
||||
padding: 14px 0;
|
||||
}
|
||||
|
||||
.logo-title h1 {
|
||||
color: #1e9fff;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
border: 1px solid #fafafa;
|
||||
border-radius: 3px;
|
||||
padding: 14px 20px;
|
||||
box-shadow: 0 0 8px #333;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item label {
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
width: 38px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
color: #d2d2d2;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item input {
|
||||
padding-left: 36px;
|
||||
}
|
||||
|
||||
.login-form .layui-form-item .layui-btn {
|
||||
background-color: #1e9fff;
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.captcha {
|
||||
width: 60%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.captcha-img {
|
||||
display: inline-block;
|
||||
width: 34%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.captcha-img img {
|
||||
height: 34px;
|
||||
border: 1px solid #e6e6e6;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tips_msg {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: red;
|
||||
margin: 0 auto;
|
||||
border-radius: 5px;
|
||||
width: 300px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tips_msg i {
|
||||
position: relative;
|
||||
top: 0.5px;
|
||||
font-size: 15px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#starsBox {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#starsBox span {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
transition: 100s linear;
|
||||
}
|
||||
|
||||
p {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
transform: translateY(-50%);
|
||||
font-size: 40px;
|
||||
font-weight: 900;
|
||||
color: white;
|
||||
text-shadow: 0 0 50px black;
|
||||
text-transform: capitalize;
|
||||
font-family: 'Roboto','Helvetica','Arial',sans-serif;
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
p > span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: #bdc3c7;
|
||||
margin-top: 30px;
|
||||
font-weight: 100;
|
||||
text-shadow: 0 0 50px black;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
p > span > a {
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
color: #d64541;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 0px solid #d64541;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
p > span > a:hover {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 2px solid #d64541;
|
||||
}
|
||||
|
||||
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.layui-form-checked[lay-skin=primary] i {
|
||||
border-color: orange !important;
|
||||
background-color: orange;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.code {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.input-val {
|
||||
width: 63%;
|
||||
background: #ffffff;
|
||||
height: 2.8rem;
|
||||
padding: 0 2%;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.layui-tab-title {
|
||||
position: relative;
|
||||
left: 0;
|
||||
height: 40px;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: unset;
|
||||
transition: all .2s;
|
||||
-webkit-transition: all .2s;
|
||||
}
|
||||
|
||||
.layui-tab-title .layui-this {
|
||||
color: orange;
|
||||
background-color: #FFFFCE;
|
||||
}
|
||||
|
||||
.layui-form-select dl dd {
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
}
|
||||
359
WaterCloud.Web/wwwroot/css/order.css
Normal file
359
WaterCloud.Web/wwwroot/css/order.css
Normal file
@@ -0,0 +1,359 @@
|
||||
body {
|
||||
font-size: 14px;
|
||||
font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
}
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
body a {
|
||||
text-decoration: none;
|
||||
color: #0a4f83;
|
||||
}
|
||||
article, aside, audio, canvas, command, page-detail, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video title {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*头部Header*/
|
||||
.u_header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
/*background-color: #fa0000;*/
|
||||
background-color:#3cc51f;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
.u_header .icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-image: url(../images/header_icon.png);
|
||||
background-size: 40px auto;
|
||||
}
|
||||
.u_header .l { left: 0;}
|
||||
.u_header .r { right: 0;}
|
||||
.u_header .icon1 { background:url(../images/menuicon.png) no-repeat center center; background-size:25px auto;}
|
||||
.u_header .icon2 { background-position: center -40px;}
|
||||
.u_header .icon3 { background:url(../images/nav_btn_back@2x.png) ; background-position: 5px -40px; background-size: 40px auto;}
|
||||
.u_header .icon4 { background:url(../images/closeicon.png) no-repeat center center; background-size:20px auto;}
|
||||
.u_header .icon5 { background:url(../images/nav_btn_add.png) no-repeat center center; background-size:20px auto;}
|
||||
.u_header .font {
|
||||
background-image: none;
|
||||
color: #fff;
|
||||
}
|
||||
.u_header .icon1 i {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: -3px;
|
||||
display: none;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
background: #fff;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
/*数据列表*/
|
||||
.page-detail {
|
||||
/*margin: 10px 10px 0 10px;*/
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
|
||||
padding:8px;
|
||||
}
|
||||
|
||||
.page-detail_nr {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
.page-detail_top {
|
||||
border: 1px #ebebeb solid;
|
||||
}
|
||||
|
||||
.page-detail_t {
|
||||
background-color: #ebebeb;
|
||||
height: 36px;
|
||||
}
|
||||
.page-detail_t a {
|
||||
width: 120px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
color: #4d4e4f;
|
||||
text-align: left;
|
||||
}
|
||||
.page-detail_b {
|
||||
clear: both;
|
||||
text-align: left;
|
||||
border-top: 1px #e4e4e4 solid;
|
||||
padding: 8px;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
.page-detail_b p {
|
||||
line-height: 24px;
|
||||
color: #4b4c4d;
|
||||
}
|
||||
.page-detail .aftermain-palce {
|
||||
line-height: 1.8rem;
|
||||
font-size: .65rem;
|
||||
color: rgba(0,0,0,.27);
|
||||
border-top: 1px dotted rgba(0,0,0,.27);
|
||||
border-bottom: 1px dotted rgba(0,0,0,.27);
|
||||
}
|
||||
.page-detail .aftermain-palce span {
|
||||
color: rgba(0,0,0,.72);
|
||||
}
|
||||
.page-detail .aftermian-doubleline {
|
||||
margin-top: .4rem;
|
||||
width: 100%;
|
||||
height: .05rem;
|
||||
border-top: 1px solid rgba(0,0,0,.32);
|
||||
border-bottom: 1px solid rgba(0,0,0,.32);
|
||||
}
|
||||
|
||||
/*
|
||||
服务单详情
|
||||
*/
|
||||
html{
|
||||
font-size: 52.0833px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width:400px) {
|
||||
html {
|
||||
font-size:52.0833px!important
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width:414px) {
|
||||
html {
|
||||
font-size:52.0833px!important
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width:480px) {
|
||||
html {
|
||||
font-size:52.0833px!important
|
||||
}
|
||||
}
|
||||
body {
|
||||
|
||||
font-size: .2rem;
|
||||
color: #333;
|
||||
|
||||
}
|
||||
.page-service-detail {
|
||||
background-color: #f5f5f5;
|
||||
font-size: .269rem;
|
||||
color: #333;
|
||||
}
|
||||
.page-service-detail .content {
|
||||
padding: .2rem;
|
||||
}
|
||||
.page-service-detail .aftermain {
|
||||
padding: .133rem .133rem .333rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-service-detail .aftermian-head {
|
||||
height: .41rem;
|
||||
}
|
||||
.page-service-detail .aftermian-head-icon {
|
||||
float:left;
|
||||
width:.41rem;
|
||||
height:.41rem
|
||||
}
|
||||
.page-service-detail .aftermian-head-icon img {
|
||||
width:100%;
|
||||
height:auto
|
||||
}
|
||||
.page-service-detail .aftermian-head-text {
|
||||
float:left;
|
||||
margin-left:.2rem;
|
||||
font-size:.21rem;
|
||||
color:rgba(0,0,0,.27)
|
||||
}
|
||||
.page-service-detail .aftermian-head-btn {
|
||||
float:right;
|
||||
font-size:.23rem;
|
||||
padding:.05rem;
|
||||
color:rgba(0,0,0,.42);
|
||||
border:1px solid rgba(0,0,0,.32);
|
||||
margin-left:.1rem
|
||||
}
|
||||
.page-service-detail .aftermian-singleline {
|
||||
margin-top: .21rem;
|
||||
width: 100%;
|
||||
height: .05rem;
|
||||
border-bottom: 1px solid rgba(0,0,0,.32);
|
||||
}
|
||||
|
||||
.page-service-detail .aftermian-doubleline {
|
||||
margin-top: .21rem;
|
||||
width: 100%;
|
||||
height: .05rem;
|
||||
border-top: 1px solid rgba(0,0,0,.32);
|
||||
border-bottom: 1px solid rgba(0,0,0,.32);
|
||||
}
|
||||
.page-service-detail .aftermian-timeline {
|
||||
box-pack: justify;
|
||||
-webkit-box-pack: justify;
|
||||
height: 1.133rem;
|
||||
padding: .16rem .26rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-box.Y {
|
||||
color: #35b258;
|
||||
}
|
||||
|
||||
.page-service-detail .aftermian-timeline-box {
|
||||
color: rgba(0,0,0,.27);
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-item {
|
||||
width: .2rem;
|
||||
height: .2rem;
|
||||
border-radius: .1rem;
|
||||
background-color: rgba(0,0,0,.27);
|
||||
position: relative;
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-box.Y .aftermian-timeline-item {
|
||||
background-color: #35b258;
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-item-text {
|
||||
position: absolute;
|
||||
top: -.33rem;
|
||||
left: -.33rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-itemline {
|
||||
border-bottom: 1px solid rgba(0,0,0,.27);
|
||||
}
|
||||
.page-service-detail .aftermian-timeline-box.lastItem {
|
||||
box-flex: 0;
|
||||
-webkit-box-flex: 0;
|
||||
width: .2rem;
|
||||
}
|
||||
.ui-box {
|
||||
display: box;
|
||||
display: -webkit-box;
|
||||
box-align: center;
|
||||
-webkit-box-align: center;
|
||||
box-pack: center;
|
||||
-webkit-box-pack: center;
|
||||
}
|
||||
.ui-box .ui-box-flex {
|
||||
-webkit-box-flex: 1;
|
||||
box-flex: 1;
|
||||
}
|
||||
|
||||
.page-service-detail .aftermain-palce {
|
||||
line-height: .8rem;
|
||||
font-size: .25rem;
|
||||
color: rgba(0,0,0,.27);
|
||||
border-top: 1px dotted rgba(0,0,0,.27);
|
||||
border-bottom: 1px dotted rgba(0,0,0,.27);
|
||||
}
|
||||
.page-service-detail .aftermain-palce span {
|
||||
color: rgba(0,0,0,.72);
|
||||
}
|
||||
.page-service-detail .aftermain-info {
|
||||
padding-top: .27rem;
|
||||
font-size: .269rem;
|
||||
color: rgba(0,0,0,.72);
|
||||
text-align: left;
|
||||
}
|
||||
.page-service-detail .aftermain-info-h2 {
|
||||
display: box;
|
||||
display: -webkit-box;
|
||||
box-align: start;
|
||||
-webkit-box-align: start;
|
||||
box-pack: start;
|
||||
-webkit-box-pack: start;
|
||||
margin-bottom: .1rem;
|
||||
}
|
||||
.page-service-detail .aftermain-info-h2-title {
|
||||
max-width: 2rem;
|
||||
}
|
||||
.page-service-detail .aftermain-info-h2-desc {
|
||||
max-width: 4.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
订单详情
|
||||
*/
|
||||
.order_top {
|
||||
line-height: 36px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.order_top a.order_red {
|
||||
color: #d71249;
|
||||
}
|
||||
|
||||
.order_top a {
|
||||
color: #0059a9;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
width: auto;
|
||||
}
|
||||
.order_xq {
|
||||
clear: both;
|
||||
line-height: 20px;
|
||||
}
|
||||
.order_xx {
|
||||
position: relative;
|
||||
padding: 15px 30px 15px 10px;
|
||||
}
|
||||
.order_xq a {
|
||||
color: #5e5e5e;
|
||||
}
|
||||
.order_xx a.order_more {
|
||||
background-position: -215px -128px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
}
|
||||
.operation_bt .m-btn {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.btn-blue {
|
||||
border-color: #0059a9;
|
||||
background: #0059a9;
|
||||
}
|
||||
.m-btn {
|
||||
display: inline-block;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #d1d1d1;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.micon {
|
||||
display: inline-block;
|
||||
background: url(../images/icon.png) no-repeat;
|
||||
background-size: 354px 354px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -10000px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
70
WaterCloud.Web/wwwroot/css/public.css
Normal file
70
WaterCloud.Web/wwwroot/css/public.css
Normal file
@@ -0,0 +1,70 @@
|
||||
body {
|
||||
margin: 15px 15px 15px 15px;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.layuimini-container {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 5px;
|
||||
background-color: #ffffff
|
||||
}
|
||||
|
||||
.layuimini-main {
|
||||
margin: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
/**必填红点 */
|
||||
.layuimini-form > .layui-form-item > .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-form-label {
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block {
|
||||
margin-left: 150px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block > tip {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
line-height: 10px;
|
||||
font-size: 10px;
|
||||
color: #a29c9c;
|
||||
}
|
||||
|
||||
/**搜索框*/
|
||||
.layuimini-container .table-search-fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
|
||||
/**自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #9c9da0;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em
|
||||
}
|
||||
181
WaterCloud.Web/wwwroot/css/report.css
Normal file
181
WaterCloud.Web/wwwroot/css/report.css
Normal file
@@ -0,0 +1,181 @@
|
||||
@charset "UTF-8";
|
||||
.layui-elem-quote {
|
||||
margin-bottom: 10px;
|
||||
padding: 15px;
|
||||
padding-left: 15px;
|
||||
line-height: 22px;
|
||||
border-left: 5px solid #009688;
|
||||
border-radius: 0 2px 2px 0;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
|
||||
margin: 0;
|
||||
margin-bottom: 0px;
|
||||
padding: 0;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, td, textarea, th, ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font: 14px/normal "microsoft yahei","Times New Roman","宋体",Times,serif;
|
||||
font-size: 14px;
|
||||
line-height: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.layui-col-space30 > * {
|
||||
padding: 15px;
|
||||
}
|
||||
.layui-table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.layui-table, .layui-table-view {
|
||||
margin: 10px 0;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.layui-table tr {
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.layui-table td, .layui-table th {
|
||||
position: relative;
|
||||
padding: 9px 15px;
|
||||
min-height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin="line"], .layui-table[lay-skin="row"] {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
}
|
||||
|
||||
|
||||
body,main{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("/images/report/bg.jpg") no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
/*padding-bottom: 10px;*/
|
||||
}
|
||||
main .md3,.md12,.md6{
|
||||
background: url("/images/report/border-bg.png") no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.layui-elem-quote{
|
||||
width: 45%;
|
||||
padding-left: 25px;
|
||||
background: url("/images/report/title-bg.png") no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
border-left: none;
|
||||
line-height: 0;
|
||||
}
|
||||
.md6 .layui-elem-quote{
|
||||
padding-left: 30px;
|
||||
}
|
||||
.layui-col-space10>*{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.layui-row{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.md3{
|
||||
width: 45%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.layui-table td{
|
||||
border-color: #00feff;
|
||||
text-align: center;
|
||||
}
|
||||
.layui-table tbody tr:hover{
|
||||
background: #223244;
|
||||
color: #fff;
|
||||
}
|
||||
.title{
|
||||
font-size: 18px;
|
||||
}
|
||||
.b-title{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 0 0 0 !important;
|
||||
}
|
||||
.b-title .date{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.date .topjui-row{
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.c-title{
|
||||
color: #00feff !important;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
line-height: 2;
|
||||
background: url("/images/report/header-bg.png") no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.t-title{
|
||||
width: 40%;
|
||||
height: 50px;
|
||||
}
|
||||
/*.t-left{*/
|
||||
/*background: url("../../topjui/images/report/t-left-bg.png") no-repeat;*/
|
||||
/*-webkit-background-size: 100% 100%;*/
|
||||
/*background-size: 100% 100%;*/
|
||||
/*}*/
|
||||
/*.t-right{*/
|
||||
/*background: url("/coalmine/topjui/images/report/t-right-bg.png") no-repeat;*/
|
||||
/*-webkit-background-size: 100% 100%;*/
|
||||
/*background-size: 100% 100%;*/
|
||||
/*}*/
|
||||
.layui-table thead tr{
|
||||
background: #07414e;
|
||||
}
|
||||
.layui-table tbody{
|
||||
background: rgba(2,11,18,0.5);
|
||||
}
|
||||
.layui-table tbody tr{
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
.layui-table tbody tr:nth-last-of-type(even){
|
||||
background:transparent;
|
||||
}
|
||||
div.box{
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media screen and (max-width:1250px){
|
||||
.md3,.md6{
|
||||
width: 94% !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.md12{
|
||||
width: 94% !important;
|
||||
}
|
||||
.c-title{
|
||||
font-size: 18px !important;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
}
|
||||
646
WaterCloud.Web/wwwroot/css/smartscreen.css
Normal file
646
WaterCloud.Web/wwwroot/css/smartscreen.css
Normal file
@@ -0,0 +1,646 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
*, body {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
color: #222;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: electronicFont;
|
||||
src: url(../fonts/DS-DIGIT.TTF)
|
||||
}
|
||||
|
||||
body {
|
||||
background: #000d4a url(../picture/digitization.jpg) center top;
|
||||
background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
color: #666;
|
||||
font-size: .1rem;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
table {
|
||||
}
|
||||
|
||||
i {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-indent: 0px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #399bff;
|
||||
}
|
||||
|
||||
a.active, a:focus {
|
||||
outline: none !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ol, ul, p, h1, h2, h3, h4, h5, h6 {
|
||||
padding: 0;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #06c;
|
||||
text-decoration: none !important
|
||||
}
|
||||
|
||||
|
||||
.clearfix:after, .clearfix:before {
|
||||
display: table;
|
||||
content: " "
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.pulll_left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pulll_right {
|
||||
float: right;
|
||||
}
|
||||
/*谷哥滚动条样式*/
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #5bc0de
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #ddd
|
||||
}
|
||||
|
||||
/***/
|
||||
.canvas {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 99%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.allnav {
|
||||
min-height: 200px;
|
||||
height: 2.3rem
|
||||
}
|
||||
|
||||
.loading {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
font-size: 18px;
|
||||
z-index: 100000000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #1a1a1c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.loadbox {
|
||||
position: absolute;
|
||||
width: 160px;
|
||||
height: 150px;
|
||||
color: #aaa;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-top: -100px;
|
||||
margin-left: -75px;
|
||||
}
|
||||
|
||||
.loadbox img {
|
||||
margin: 10px auto;
|
||||
display: block;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
background: rgba(19,31,64,.32);
|
||||
border: 1px solid rgba(255,255,255,.05);
|
||||
line-height: .5rem;
|
||||
text-align: center;
|
||||
padding-right: 15px;
|
||||
bottom: 0;
|
||||
color: rgba(255,255,255,.7);
|
||||
font-size: .16rem;
|
||||
}
|
||||
|
||||
.head {
|
||||
height: 1.05rem;
|
||||
background: url(../picture/head_bg.png) no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.head h1 {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: .4rem;
|
||||
line-height: .8rem;
|
||||
}
|
||||
|
||||
.head h1 img {
|
||||
width: 1.5rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: .2rem
|
||||
}
|
||||
|
||||
.weather {
|
||||
position: absolute;
|
||||
left: .3rem;
|
||||
top: 0;
|
||||
line-height: .75rem;
|
||||
}
|
||||
|
||||
.weather img {
|
||||
width: .37rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.weather span {
|
||||
color: #fff;
|
||||
font-size: .3rem;
|
||||
padding-right: .1rem;
|
||||
}
|
||||
.mainbox {
|
||||
padding: .1rem .1rem 0rem .1rem;
|
||||
}
|
||||
|
||||
.mainbox > ul {
|
||||
}
|
||||
|
||||
.mainbox > ul > li {
|
||||
float: left;
|
||||
padding: 0 .1rem
|
||||
}
|
||||
|
||||
.mainbox > ul > li {
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.mainbox > ul > li:nth-child(2) {
|
||||
width: 40%;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.boxall {
|
||||
border: 1px solid rgba(25,186,139,.17);
|
||||
padding: 0 .2rem .4rem .15rem;
|
||||
background: rgba(255,255,255,.04) url(../picture/line.png);
|
||||
background-size: 100% auto;
|
||||
position: relative;
|
||||
margin-bottom: .15rem;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.boxall:before,
|
||||
.boxall:after {
|
||||
position: absolute;
|
||||
width: .1rem;
|
||||
height: .1rem;
|
||||
content: "";
|
||||
border-top: 2px solid #02a6b5;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.boxall:before, .boxfoot:before {
|
||||
border-left: 2px solid #02a6b5;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.boxall:after, .boxfoot:after {
|
||||
border-right: 2px solid #02a6b5;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.alltitle {
|
||||
font-size: .25rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: .5rem;
|
||||
}
|
||||
|
||||
.boxfoot {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.boxfoot:before,
|
||||
.boxfoot:after {
|
||||
position: absolute;
|
||||
width: .1rem;
|
||||
height: .1rem;
|
||||
content: "";
|
||||
border-bottom: 2px solid #02a6b5;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.bar {
|
||||
background: rgba(101,132,226,.1);
|
||||
padding: .15rem;
|
||||
}
|
||||
|
||||
.barbox li, .barbox2 li {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.barbox:before,
|
||||
.barbox:after {
|
||||
position: absolute;
|
||||
width: .3rem;
|
||||
height: .1rem;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.barbox:before {
|
||||
border-left: 2px solid #02a6b5;
|
||||
left: 0;
|
||||
border-top: 2px solid #02a6b5;
|
||||
}
|
||||
|
||||
.barbox:after {
|
||||
border-right: 2px solid #02a6b5;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-bottom: 2px solid #02a6b5;
|
||||
}
|
||||
|
||||
.barbox li:first-child:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
background: rgba(255,255,255,.2);
|
||||
right: 0;
|
||||
top: 25%;
|
||||
}
|
||||
|
||||
.barbox {
|
||||
border: 1px solid rgba(25,186,139,.17);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.barbox li {
|
||||
font-size: .7rem;
|
||||
color: #ffeb7b;
|
||||
padding: .05rem 0;
|
||||
font-family: electronicFont;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.barbox2 li {
|
||||
font-size: .31rem;
|
||||
color: rgba(255,255,255,.7);
|
||||
padding-top: .2rem;
|
||||
padding-bottom: .4rem;
|
||||
}
|
||||
|
||||
.map {
|
||||
position: relative;
|
||||
height: 4.6rem;
|
||||
z-index: 9;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.map4 {
|
||||
width: 200%;
|
||||
height: 7rem;
|
||||
position: relative;
|
||||
left: -50%;
|
||||
top: 4%;
|
||||
margin-top: .2rem;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.map1, .map2, .map3 {
|
||||
position: absolute;
|
||||
opacity: .5
|
||||
}
|
||||
|
||||
.map1 {
|
||||
width: 5rem;
|
||||
z-index: 2;
|
||||
top: 0rem;
|
||||
left: .8rem;
|
||||
animation: myfirst2 15s infinite linear;
|
||||
}
|
||||
|
||||
.map2 {
|
||||
width: 4.5rem;
|
||||
top: 0.25rem;
|
||||
left: 1.05rem;
|
||||
z-index: 3;
|
||||
opacity: 0.2;
|
||||
animation: myfirst 10s infinite linear;
|
||||
}
|
||||
|
||||
.map3 {
|
||||
width: 4rem;
|
||||
top: 0.5rem;
|
||||
left: 1.3rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.tabs {
|
||||
text-align: center;
|
||||
padding: .1rem 0 0 0;
|
||||
}
|
||||
|
||||
.tabs a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-left: 1px;
|
||||
padding: .05rem .2rem;
|
||||
color: #898989;
|
||||
transition: all .3s ease-out 0s;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tabs li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tabs a:after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 10px;
|
||||
background-color: rgba(255,255,255,.1);
|
||||
content: '';
|
||||
margin-left: 0;
|
||||
right: -1px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.tabs li a.active {
|
||||
border: 1px solid rgba(25,186,139,.17);
|
||||
background: rgba(255,255,255,.05);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tit02 {
|
||||
text-align: center;
|
||||
margin: .1rem 0;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.tit02 span {
|
||||
border: 1px solid rgba(25,186,139,.17);
|
||||
letter-spacing: 2px;
|
||||
padding: .01rem .2rem;
|
||||
background: rgba(255,255,255,.05);
|
||||
font-size: .18rem;
|
||||
color: #49bcf7;
|
||||
}
|
||||
|
||||
.tit02:before, .tit02:after {
|
||||
position: absolute;
|
||||
width: 26%;
|
||||
height: 1px;
|
||||
background: rgba(25,186,139,.2);
|
||||
content: "";
|
||||
top: .12rem;
|
||||
}
|
||||
|
||||
.tit02:after {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.tit02:before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
height: 2.54rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wrap li {
|
||||
line-height: .42rem;
|
||||
height: .42rem;
|
||||
font-size: .18rem;
|
||||
text-indent: .24rem;
|
||||
margin-bottom: .1rem;
|
||||
}
|
||||
|
||||
.wrap li p {
|
||||
border: 1px solid rgba(25,186,139,.17);
|
||||
color: rgba(255,255,255,.6);
|
||||
}
|
||||
|
||||
.sy {
|
||||
float: left;
|
||||
width: 33%;
|
||||
height: 95%;
|
||||
margin-top: .25rem;
|
||||
}
|
||||
|
||||
|
||||
.adduser {
|
||||
height: 1.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.adduser li {
|
||||
height: .5rem;
|
||||
}
|
||||
|
||||
.adduser img {
|
||||
width: .40rem;
|
||||
border-radius: .5rem;
|
||||
margin-right: .1rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.adduser span {
|
||||
line-height: .5rem;
|
||||
font-size: .18rem;
|
||||
color: rgba(255,255,255,.6);
|
||||
}
|
||||
|
||||
.sycm ul {
|
||||
margin-left: -.5rem;
|
||||
margin-right: -.5rem;
|
||||
padding: .16rem 0;
|
||||
}
|
||||
|
||||
.sycm li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
text-align: center;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.sycm li:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 30%;
|
||||
width: 1px;
|
||||
background: rgba(255,255,255,.1);
|
||||
right: 0;
|
||||
top: 15%;
|
||||
}
|
||||
|
||||
.sycm li:last-child:before {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.sycm li h2 {
|
||||
font-size: .3rem;
|
||||
color: #c5ccff;
|
||||
}
|
||||
|
||||
.sycm li span {
|
||||
font-size: .18rem;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
@keyframes myfirst2 {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes myfirst {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(-359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*Plugin CSS*/
|
||||
.str_wrap {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.str_move {
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.str_move_clone {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.str_vertical .str_move_clone {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.str_down .str_move_clone {
|
||||
left: 0;
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
.str_vertical .str_move,
|
||||
.str_down .str_move {
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.str_static .str_move,
|
||||
.no_drag .str_move,
|
||||
.noStop .str_move {
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.str_wrap img {
|
||||
max-width: none !important;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
|
||||
.weather {
|
||||
display: none;
|
||||
}
|
||||
.map {
|
||||
display: none;
|
||||
}
|
||||
body {
|
||||
background: #000d4a;
|
||||
}
|
||||
}
|
||||
.layuimini-site-mobile {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
z-index: 100000;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layui-icon {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
body.demo.layui-layer-content {
|
||||
background-color: #c00;
|
||||
color: #fff;
|
||||
}
|
||||
784
WaterCloud.Web/wwwroot/css/soulTable.css
Normal file
784
WaterCloud.Web/wwwroot/css/soulTable.css
Normal file
@@ -0,0 +1,784 @@
|
||||
/** 自定义字体 **/
|
||||
/** 这里使用在线字体，如果需要离线包，请看 font/README.md **/
|
||||
@font-face {
|
||||
font-family: 'soul-icon'; /* project id 677836 */
|
||||
src: url('../fonts/iconfont.eot');
|
||||
src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.soul-icon {
|
||||
font-family:"soul-icon" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.soul-icon-filter:before { content: "\e60b"; }
|
||||
.soul-icon-filter-asc:before { content: "\e768"; }
|
||||
.soul-icon-filter-desc:before { content: "\e767"; }
|
||||
.soul-icon-asc:before { content: "\e6af"; }
|
||||
.soul-icon-desc:before { content: "\e6ae"; }
|
||||
.soul-icon-all-check:before { content: "\e670"; }
|
||||
.soul-icon-invert-check:before { content: "\e614"; }
|
||||
.soul-icon-fold:before { content: "\e760"; }
|
||||
.soul-icon-unfold:before { content: "\e611"; }
|
||||
.soul-icon-delete:before { content: "\e600"; }
|
||||
.soul-icon-download:before { content: "\e601"; }
|
||||
.soul-icon-drop-list:before { content: "\e6a3"; }
|
||||
.soul-icon-query:before { content: "\e66d"; }
|
||||
/* 全选*/
|
||||
.soul-icon-quanxuan:before { content: "\e623"; }
|
||||
.soul-icon-qingkong:before { content: "\e63e"; }
|
||||
.soul-icon-autoColumnWidth
|
||||
:before { content: "\e614"; }
|
||||
|
||||
/*最大化*/
|
||||
.soul-icon-min:before { content: "\e656"; }
|
||||
.soul-icon-max:before { content: "\e61b"; }
|
||||
|
||||
|
||||
/* 配色方案*/
|
||||
.layui-red {
|
||||
color: #FF5722
|
||||
}
|
||||
.layui-orange {
|
||||
color: #FFB800
|
||||
}
|
||||
.layui-green {
|
||||
color: #009688
|
||||
}
|
||||
.layui-cyan {
|
||||
color: #2F4056
|
||||
}
|
||||
.layui-blue {
|
||||
color: #1E9FFF
|
||||
}
|
||||
.layui-black {
|
||||
color: #393D49
|
||||
}
|
||||
.layui-gray {
|
||||
color: #eee
|
||||
}
|
||||
.layui-firebrick {
|
||||
color: firebrick;
|
||||
}
|
||||
.layui-deeppink {
|
||||
color: deeppink;
|
||||
}
|
||||
.layui-blueviolet {
|
||||
color: blueviolet;
|
||||
}
|
||||
|
||||
.soul-condition [class*="layui-col-"] {
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* 表格排序样式*/
|
||||
.soul-edge {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-width: 6px;
|
||||
border-style: dashed;
|
||||
border-color: transparent;
|
||||
overflow: hidden
|
||||
}
|
||||
.soul-table-sort {
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
margin-left: 5px;
|
||||
cursor: pointer !important;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.soul-table-sort .soul-edge {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
border-width: 5px
|
||||
}
|
||||
|
||||
.soul-table-sort .soul-table-sort-asc {
|
||||
top: 10px;
|
||||
border-top: none;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #b2b2b2
|
||||
}
|
||||
|
||||
.soul-table-sort .soul-table-sort-asc:hover {
|
||||
border-bottom-color: #666
|
||||
}
|
||||
|
||||
.soul-table-sort .soul-table-sort-desc {
|
||||
bottom: -2px;
|
||||
border-bottom: none;
|
||||
border-top-style: solid;
|
||||
border-top-color: #b2b2b2
|
||||
}
|
||||
|
||||
.soul-table-sort .soul-table-sort-desc:hover {
|
||||
border-top-color: #666
|
||||
}
|
||||
|
||||
.soul-table-sort[soul-sort=asc] .soul-table-sort-asc {
|
||||
border-bottom-color: #000
|
||||
}
|
||||
|
||||
.soul-table-sort[soul-sort=desc] .soul-table-sort-desc {
|
||||
border-top-color: #000
|
||||
}
|
||||
|
||||
.multiOption {
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
}
|
||||
/*表格筛选*/
|
||||
.soul-table-filter {
|
||||
line-height: 20px;
|
||||
color: #b2b2b2;
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.soul-table-filter .soul-icon-filter-asc,.soul-table-filter .soul-icon-filter-desc {
|
||||
display: none;
|
||||
}
|
||||
.soul-table-filter[lay-sort="asc"] .soul-icon-filter-asc{
|
||||
display: block;
|
||||
color: #000000;
|
||||
}
|
||||
.soul-table-filter[lay-sort="asc"] .soul-icon-filter,.soul-table-filter[lay-sort="asc"] .soul-icon-filter-desc{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.soul-table-filter[lay-sort="desc"] .soul-icon-filter-desc{
|
||||
display: block;
|
||||
color: #000000;
|
||||
}
|
||||
.soul-table-filter[lay-sort="desc"] .soul-icon-filter,.soul-table-filter[lay-sort="desc"] .soul-icon-filter-asc{
|
||||
display: none;
|
||||
}
|
||||
.soul-table-filter[soul-filter="true"] i {
|
||||
color: #009688!important;
|
||||
}
|
||||
|
||||
|
||||
[id^=main-list], [id^=soul-columns], [id^=soul-dropList], [id^=soul-condition], [id^=soul-bf-prefix], [id^=soul-bf-column], [id^=soul-bf-type], [id^=soul-bf-cond2] {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: 2147483647;
|
||||
background-color: white;
|
||||
max-height: 200px;
|
||||
min-width: 160px;
|
||||
max-width: 300px;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 5px;
|
||||
box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
|
||||
}
|
||||
[id^=main-list] {
|
||||
max-height: initial;
|
||||
}
|
||||
[id^=soul-condition] {
|
||||
overflow-y: visible;
|
||||
max-height: initial;
|
||||
min-width: 285px;
|
||||
padding: 5px;
|
||||
}
|
||||
[id^=soul-condition] .layui-laydate-header {
|
||||
padding: 4px 70px 5px
|
||||
}
|
||||
[id^=soul-condition] hr{
|
||||
margin: 5px 0;
|
||||
}
|
||||
[id^=soul-condition].soul-bf{
|
||||
min-width: 150px;
|
||||
}
|
||||
[id^=soul-filter-list] ul li {
|
||||
padding: 3px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
[id^=soul-filter-list] ul li:hover {
|
||||
background-color: deepskyblue;
|
||||
}
|
||||
[id^=soul-filter-list] i.layui-icon {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
}
|
||||
[id^=soul-dropList] ul {
|
||||
border: 0;
|
||||
max-height: 116px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
[id^=soul-dropList] ul li, [id^=soul-filter-list] [id^=soul-columns]>li{
|
||||
padding: 2px 10px;
|
||||
}
|
||||
[id^=soul-dropList] .check {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.filter-search {
|
||||
padding: 5px 10px 0 10px;
|
||||
}
|
||||
[id^=soul-condition] .layui-inline {
|
||||
width: 100px;
|
||||
}
|
||||
[id^=soul-condition] table.condition-table tr>td {
|
||||
padding: 0 3px;
|
||||
}
|
||||
[id^=soul-condition] table.condition-table tr>td:first-child {
|
||||
min-width: 60px;
|
||||
}
|
||||
[id^=soul-condition] .layui-form-switch {
|
||||
background-color: #1E9FFF;
|
||||
border: 1px solid #1E9FFF;
|
||||
width: 35px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
[id^=soul-condition] .layui-form-switch.layui-form-onswitch {
|
||||
background-color: #5FB878;
|
||||
border: 1px solid #5FB878;
|
||||
}
|
||||
[id^=soul-condition] .layui-form-switch em {
|
||||
color: #fff!important;
|
||||
}
|
||||
[id^=soul-condition] .layui-form-switch i {
|
||||
background-color: #fff;
|
||||
}
|
||||
[data-type^=date][class$=Condition] {
|
||||
width: 273px;
|
||||
}
|
||||
/*表格筛选*/
|
||||
[id^=soul-condition] > div {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.soul-condition-title {
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/*底部筛选*/
|
||||
.soul-bottom-contion {
|
||||
height: 31px;
|
||||
/*line-height: 29px;*/
|
||||
border-top: solid 1px #e6e6e6;
|
||||
}
|
||||
.soul-bottom-contion .condition-items {
|
||||
display: inline-block;
|
||||
width: calc(100vw - 100px);
|
||||
height: 30px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.soul-bottom-contion .condition-item>div {
|
||||
display: inline-block;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.soul-bottom-contion .condition-items .condition-item>div[class^='item-']:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
.soul-bottom-contion .condition-items .condition-item{
|
||||
padding: 0 10px;
|
||||
margin: 0 2px;
|
||||
font-weight: bold;
|
||||
border: solid 1px darkslateblue;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
}
|
||||
.soul-bottom-contion .editCondtion {
|
||||
height: 30px;
|
||||
float: right;
|
||||
}
|
||||
.soul-bottom-contion .item-value {
|
||||
min-width: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
.soul-bottom-contion .editCondtion a {
|
||||
border: hidden;
|
||||
border-left: solid 1px #e6e6e6;
|
||||
height: 28px;
|
||||
line-height: 29px;
|
||||
}
|
||||
.soul-bottom-contion .condition-items .condition-item .condition-item-close {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.soul-bottom-contion .condition-items>.condition-item>.condition-item-close {
|
||||
margin-top: -2px;
|
||||
}
|
||||
.soul-bottom-contion .condition-items .condition-item .condition-item-close:hover{
|
||||
color: red
|
||||
}
|
||||
.soul-bottom-contion .condition-items .condition-item .condition-item-close:before {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.soul-edit-out {
|
||||
padding: 10px;
|
||||
}
|
||||
[id^=soul-bf] li {
|
||||
padding: 0px 10px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
[id^=soul-bf] li.soul-bf-selected {
|
||||
background-color: deepskyblue;
|
||||
}
|
||||
[id^=soul-bf] li:hover {
|
||||
background-color: deepskyblue;
|
||||
}
|
||||
.soul-edit-out .tempValue {
|
||||
height: 25px;
|
||||
}
|
||||
.soul-bf-condition-value {
|
||||
display: inline;
|
||||
width: 100px;
|
||||
}
|
||||
/*子表格*/
|
||||
.layui-table tbody tr.noHover:hover {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/*编辑筛选*/
|
||||
.soul-edit-out .layui-form-radio {
|
||||
margin: 0;
|
||||
}
|
||||
.soul-edit-out ul li > div {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
height: 25px;
|
||||
vertical-align: top;
|
||||
cursor: pointer;
|
||||
}
|
||||
.soul-edit-out ul.group {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.soul-edit-out ul.group.line {
|
||||
border-left: 1px dashed grey;
|
||||
}
|
||||
.soul-edit-out ul li {
|
||||
line-height: 25px;
|
||||
}
|
||||
.soul-edit-out table {
|
||||
display: inline-block;
|
||||
}
|
||||
.soul-edit-out table td[data-type='top'] {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-left: dashed 1px grey;
|
||||
border-bottom: dashed 1px grey;
|
||||
}
|
||||
.soul-edit-out table td[data-type='bottom'] {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-left: dashed 1px grey;
|
||||
}
|
||||
.soul-edit-out li.last>div>table td[data-type='bottom'] {
|
||||
border-left: none;
|
||||
}
|
||||
.soul-edit-out .layui-form-switch {
|
||||
background-color: #1E9FFF;
|
||||
border: 1px solid #1E9FFF;
|
||||
width: 35px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.soul-edit-out .layui-form-switch em {
|
||||
color: #fff!important;
|
||||
}
|
||||
.soul-edit-out .layui-form-switch i {
|
||||
background-color: #fff;
|
||||
}
|
||||
.soul-edit-out .layui-form-switch.layui-form-onswitch {
|
||||
background-color: #5FB878;
|
||||
border: 1px solid #5FB878;
|
||||
}
|
||||
.soul-edit-out .delete-item {
|
||||
display: none;
|
||||
}
|
||||
.soul-edit-out li:hover>.delete-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* 拖拽相关 */
|
||||
#column-remove {
|
||||
position: absolute;
|
||||
z-index: 2147483647;
|
||||
}
|
||||
.layui-table-box.no-left-border td.isDrag, .layui-table-box.no-left-border th.isDrag {
|
||||
border-left: inherit!important;
|
||||
}
|
||||
.soul-drag-bar {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
z-index: 200;
|
||||
left: 50%;
|
||||
font-weight: 900;
|
||||
color: white;
|
||||
box-shadow: 0 1px 20px rgba(0,0,0,.15);
|
||||
text-align: center;
|
||||
transform: translateX(100vw);
|
||||
/*transition: transform .3s;*/
|
||||
}
|
||||
.soul-drag-bar.active {
|
||||
transform: translateX(-98px);
|
||||
}
|
||||
.soul-drag-bar > div {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
cursor: crosshair;
|
||||
width: 62px;
|
||||
background-color: rgba(0, 150, 136, 0.5);
|
||||
}
|
||||
.soul-drag-bar > div.active, .soul-drag-bar[data-type='left']>div[data-type='left'], .soul-drag-bar[data-type='right']>div[data-type='right'], .soul-drag-bar[data-type='none']>div[data-type='none'] {
|
||||
background-color: rgb(0, 150, 136);
|
||||
}
|
||||
|
||||
/* 动画 */
|
||||
.animated {
|
||||
-webkit-animation-duration: 1s;
|
||||
-moz-animation-duration: 1s;
|
||||
-o-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
@-moz-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animated.fadeInLeft {
|
||||
-webkit-animation-name: fadeInLeft;
|
||||
-moz-animation-name: fadeInLeft;
|
||||
-o-animation-name: fadeInLeft;
|
||||
animation-name: fadeInLeft;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-20px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-20px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-20px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
}
|
||||
|
||||
.animated.fadeOutLeft {
|
||||
-webkit-animation-name: fadeOutLeft;
|
||||
-moz-animation-name: fadeOutLeft;
|
||||
-o-animation-name: fadeOutLeft;
|
||||
animation-name: fadeOutLeft;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animated.fadeInRight {
|
||||
-webkit-animation-name: fadeInRight;
|
||||
-moz-animation-name: fadeInRight;
|
||||
-o-animation-name: fadeInRight;
|
||||
animation-name: fadeInRight;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animated.fadeInUp {
|
||||
-webkit-animation-name: fadeInUp;
|
||||
-moz-animation-name: fadeInUp;
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(20px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(20px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(20px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
}
|
||||
|
||||
.animated.fadeOutDown {
|
||||
-webkit-animation-name: fadeOutDown;
|
||||
-moz-animation-name: fadeOutDown;
|
||||
-o-animation-name: fadeOutDown;
|
||||
animation-name: fadeOutDown;
|
||||
}
|
||||
|
||||
#soul-table-contextmenu-wrapper {
|
||||
width: 0;
|
||||
}
|
||||
.soul-table-contextmenu {
|
||||
position: absolute;
|
||||
z-index: 2147483647;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #ebeef5;
|
||||
box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
|
||||
background: white;
|
||||
}
|
||||
.soul-table-contextmenu li {
|
||||
line-height: 26px;
|
||||
padding: 0 30px;
|
||||
cursor: pointer;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.soul-table-contextmenu li:hover {
|
||||
background: #c5c5c5;
|
||||
}
|
||||
.soul-table-contextmenu li i.prefixIcon{
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
.soul-table-contextmenu li i.endIcon{
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
/*拖拽相关*/
|
||||
.layui-table-sort-invalid {
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
margin-left: 5px;
|
||||
cursor: pointer!important;
|
||||
}
|
||||
.layui-table-sort-invalid .layui-table-sort-asc {
|
||||
top: 3px;
|
||||
border-top: none;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #b2b2b2;
|
||||
}
|
||||
.layui-table-sort-invalid .layui-edge {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
border-width: 5px;
|
||||
}
|
||||
.layui-table-sort-invalid .layui-table-sort-desc {
|
||||
bottom: 5px;
|
||||
border-bottom: none;
|
||||
border-top-style: solid;
|
||||
border-top-color: #b2b2b2;
|
||||
}
|
||||
.layui-table-sort-invalid .layui-edge {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
border-width: 5px;
|
||||
}
|
||||
.noselect {
|
||||
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
|
||||
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
||||
|
||||
-khtml-user-select: none; /* Konqueror */
|
||||
|
||||
-moz-user-select: none; /* Firefox */
|
||||
|
||||
-ms-user-select: none; /* Internet Explorer/Edge */
|
||||
|
||||
user-select: none; /* Non-prefixed version, currently */
|
||||
|
||||
}
|
||||
/* 固定列滚动 */
|
||||
.soul-fixed-scroll::-webkit-scrollbar{
|
||||
display: none
|
||||
}
|
||||
.soul-fixed-scroll{
|
||||
overflow-y: auto!important;
|
||||
-ms-overflow-style:none;
|
||||
overflow:-moz-scrollbars-none;
|
||||
}
|
||||
36
WaterCloud.Web/wwwroot/css/stepcss.css
Normal file
36
WaterCloud.Web/wwwroot/css/stepcss.css
Normal file
@@ -0,0 +1,36 @@
|
||||
.layui-form-label {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 9px 15px;
|
||||
width: 60px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.lay-step {
|
||||
font-size: 0;
|
||||
width: 400px;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.layui-table-view {
|
||||
margin-left: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.layui-input-block {
|
||||
margin-left: 90px;
|
||||
min-height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.layui-card > .layui-card-body {
|
||||
position: relative;
|
||||
padding: 10px 15px;
|
||||
line-height: 24px;
|
||||
overflow: auto;
|
||||
height: 300px;
|
||||
}
|
||||
95
WaterCloud.Web/wwwroot/css/themes/default.css
Normal file
95
WaterCloud.Web/wwwroot/css/themes/default.css
Normal file
@@ -0,0 +1,95 @@
|
||||
/*头部右侧背景色 headerRightBg */
|
||||
.layui-layout-admin .layui-header {
|
||||
background-color: #2D8CF0 !important;
|
||||
}
|
||||
|
||||
/*头部右侧选中背景色 headerRightBgThis */
|
||||
.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
|
||||
background-color: #0069b7 !important;
|
||||
}
|
||||
|
||||
/*头部右侧字体颜色 headerRightColor */
|
||||
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
/**头部右侧下拉字体颜色 headerRightChildColor */
|
||||
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
|
||||
color: #676767 !important;
|
||||
}
|
||||
|
||||
/*头部右侧鼠标选中 headerRightColorThis */
|
||||
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/*头部右侧更多下拉颜色 headerRightNavMore */
|
||||
.layui-header .layui-nav .layui-nav-more {
|
||||
border-top-color: #fafafa !important;
|
||||
}
|
||||
|
||||
/*头部右侧更多下拉颜色 headerRightNavMore */
|
||||
.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
|
||||
border-color: transparent transparent #fafafa !important;
|
||||
}
|
||||
|
||||
/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
|
||||
.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
|
||||
background-color: #0069b7 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/*头部缩放按钮样式 headerRightToolColor */
|
||||
.layui-layout-admin .layui-header .layuimini-tool i {
|
||||
color: #bbe3df;
|
||||
}
|
||||
|
||||
/*logo背景颜色 headerLogoBg */
|
||||
.layui-layout-admin .layuimini-logo {
|
||||
background-color: #0069b7 !important;
|
||||
}
|
||||
|
||||
/*logo字体颜色 headerLogoColor */
|
||||
.layui-layout-admin .layuimini-logo h1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
|
||||
border-top-color: #ffffff;
|
||||
}
|
||||
|
||||
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
|
||||
border-color: transparent transparent #ffffff !important;
|
||||
}
|
||||
|
||||
/*左侧菜单背景 leftMenuBg */
|
||||
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
|
||||
background-color: #28333E !important;
|
||||
}
|
||||
|
||||
/*左侧菜单选中背景 leftMenuBgThis */
|
||||
.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
|
||||
background-color: #2D8CF0 !important
|
||||
}
|
||||
|
||||
/*左侧菜单子菜单背景 leftMenuChildBg */
|
||||
.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
|
||||
background-color: rgba(0,0,0,.3) !important;
|
||||
}
|
||||
|
||||
/*左侧菜单字体颜色 leftMenuColor */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/*左侧菜单选中字体颜色 leftMenuColorThis */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/**tab选项卡选中颜色 tabActiveColor */
|
||||
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: #2d8cf0;
|
||||
}
|
||||
271
WaterCloud.Web/wwwroot/css/watercloud.css
Normal file
271
WaterCloud.Web/wwwroot/css/watercloud.css
Normal file
@@ -0,0 +1,271 @@
|
||||
body {
|
||||
margin: 5px 5px 5px 5px;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.form-group-bottom {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5px 5px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
|
||||
z-index:1;
|
||||
}
|
||||
.text-right {
|
||||
text-align:right;
|
||||
}
|
||||
.form-bottom-button {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
/*.layui-table-page {
|
||||
background-color: #F0F0F0;
|
||||
z-index: 99999;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}*/
|
||||
|
||||
/*.layui-table-box {
|
||||
margin-bottom: 30px;
|
||||
}*/
|
||||
|
||||
.layui-form-item {
|
||||
margin-bottom: 5px;
|
||||
clear:both;
|
||||
}
|
||||
.error-page {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.error-page-img {
|
||||
max-width: 100%;
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
.error-page-info {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.error-page-info h1 {
|
||||
color: #434e59;
|
||||
font-size: 72px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.error-page-info-desc {
|
||||
color: #777;
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.layui-btn-sm {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.layui-btn-container .layui-btn {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.layui-table-tool > .layui-table-tool-temp {
|
||||
padding-right: 119px;
|
||||
display: inline-block;
|
||||
}
|
||||
.layui-table-tool .layui-table-tool-self > div:not(.layui-inline) .layui-table-tool-temp {
|
||||
padding-right: 0px;
|
||||
}
|
||||
@media screen and (max-width: 450px) {
|
||||
.layui-form-item .layui-inline {
|
||||
margin-bottom: 5px;
|
||||
margin-right: 10px;
|
||||
clear:none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
.layui-laypage-default > .layui-laypage-skip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 380px) {
|
||||
.layui-laypage-default > .layui-laypage-limits {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.layui-card .table-search-fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
.scroll-wrapper {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.layui-upload-img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
/*轮播*/
|
||||
.layui-carousel > [carousel-item] {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.layui-carousel > [carousel-item] > * {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.layui-carousel-ind {
|
||||
margin-top: -20px;
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
}
|
||||
/*表格单元格自动换行*/
|
||||
/*.layui-table-cell {
|
||||
height: auto !important;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}*/
|
||||
/**必填红点 */
|
||||
.layui-tab-item > .layui-form-item .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
/**必填红点 */
|
||||
.layui-tab-item > .layui-form-item > .layui-inline .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
/**必填红点 */
|
||||
.layui-form-item .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
.layui-form-selectup dl {
|
||||
top: 42px;
|
||||
bottom: unset;
|
||||
}
|
||||
.layui-table-tool .layui-btn-container {
|
||||
margin-bottom:0px;
|
||||
}
|
||||
.layui-form-item .layui-inline {
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.layuimini-container .table-search-fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 10px 5px 10px;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
@media screen and (max-width: 450px) {
|
||||
.layui-form-item .layui-form-label {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-table-tool-self {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
.layui-table-tool .layui-inline[lay-event] {
|
||||
position: relative;
|
||||
color: #333;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
margin-left: 5px;
|
||||
padding: unset;
|
||||
line-height: 30px;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: .3s all;
|
||||
transition: .3s all;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
.layuimini-form > .layui-form-item .layui-form-label {
|
||||
width: 80px !important;
|
||||
}
|
||||
.layuimini-form > .layui-form-item .layui-input-block {
|
||||
margin-left: 110px !important;
|
||||
}
|
||||
.layuimini-form > .layui-form-item > .layui-form-label {
|
||||
width: 90px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
/*chrome滚动条*/
|
||||
::-webkit-scrollbar-track-piece {
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
padding: 1px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #2D8CF0;
|
||||
}
|
||||
.layui-table th, .layui-table td, .layui-table[lay-skin="line"], .layui-table[lay-skin="row"], .layui-table-view, .layui-table-tool, .layui-table-header, .layui-table-col-set, .layui-table-total, .layui-table-page, .layui-table-fixed-r, .layui-table-tips-main, .layui-table-grid-down {
|
||||
border-color: #e6e6e6;
|
||||
}
|
||||
.layui-table thead tr, .layui-table-header, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table-patch, .layui-table-mend, .layui-table tbody tr:hover, .layui-table-hover, .layui-table-click {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.layui-form-pane .layui-form-label {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.layui-disabled, .layui-disabled:hover {
|
||||
color: rgba(0,0,0,.85) !important;
|
||||
cursor: not-allowed !important;
|
||||
}
|
||||
.layui-checkbox-disabled span {
|
||||
background-color: #d2d2d2 !important;
|
||||
}
|
||||
.layui-btn + .layui-btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user