/*--------------------加载start--------------------*/ .loading-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 1.0; filter: Alpha(opacity=60); /* IE8 以及更早的浏览器 */ z-index: 9999; } .loading-content { position: fixed; top: 50%; left: 50%; margin-top: -41.5px; margin-left: -41.5px; width: 83px; height: 83px; / / background: url("images/loading-img.png") no-repeat center center; } .loading-round { position: absolute; top: 2px; left: 2px; width: 81px; height: 81px; background: url("images/loading-bg.png") no-repeat center center; } .loading-dot { width: 83px; height: 83px; / / background: url("images/loading-dot.png") no-repeat center center; } .loading-round, .loading-dot { animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; } /* .spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; } */ .container1 > div, .container2 > div, .container3 > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner { line-height: 30px; } .spinner input { height: 30px !important; line-height: 30px !important; } /* .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } */ .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .collapseMenu { width: 30px; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*--------------------加载end--------------------*/ html, body { height: 100%; } body span { /*font-family:verdana,helvetica,arial,sans-serif;*/ /*禁止选择文本*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; cursor: pointer; text-decoration: blink; outline: none; } select, input, label, button, a, a:link, a:visited, a:hover, a:active, a:focus, *:focus { outline: none; noFocusLine: expression(this.onFocus=this.blur()); } a, img, form { border: 0; } html, body, a, a:link, a:visited, a:hover, a:active, select, input, label, button, textarea, h1, h2, h3, h4, h5, h6 { font-family: Arial, "Microsoft YaHei", "微软雅黑"; font-style: normal; font-size: 12px; color: #3c3c3c; } html, body, a, a:link, a:visited, a:hover, a:active, select, input, label, button, textarea, h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑" !important; font-style: normal; font-size: 12px; color: #3c3c3c; } .ui-widget { font-family: "微软雅黑" !important; } dl, dt, dd, ul, li, ol, p, button, input, h1, h2, h3, h4, h5, h6 { list-style: none; height: auto; border: 0 none; } html, body, dl, dt, dd, ul, li, ol, p, input, textarea, button, form, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } select, input, label, button { vertical-align: middle; } select, input, label, button, textarea, form, pre, div { /*允许选择文本*/ -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .messager-body .panel-body .panel-body-noborder .window-body { /*允许选择文本*/ -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #777; font-size: 65%; font-weight: normal; } .mark, mark { /*高亮*/ padding: .2em; background: #ff0; } s, strike, del { /*删除线*/ text-decoration: line-through; } u, ins { /*下划线*/ text-decoration: underline; } i, cite, em, var, address, dfn { /*斜体*/ font-style: italic; } .hide { display: none; } @font-face { font-family: "iconfont"; src: url('iconfont/iconfont.eot?t=1489857474667'); /* IE9*/ src: url('iconfont/iconfont.eot?t=1489857474667#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont/iconfont.woff?t=1489857474667') format('woff'), /* chrome, firefox */ url('iconfont/iconfont.ttf?t=1489857474667') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont/iconfont.svg?t=1489857474667#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .table { width: 100%; background: #FFFFFF; margin: 1em 0em; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; border-radius: 0.28571429rem; text-align: left; color: rgba(0, 0, 0, 0.87); border-collapse: separate; border-spacing: 0px; } .table:first-child { margin-top: 0em; } .table:last-child { margin-bottom: 0em; } .table th, .table td { -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } .table thead { box-shadow: none; } .table thead th { cursor: auto; background: #F9FAFB; text-align: inherit; color: rgba(0, 0, 0, 0.87); padding: 0.92857143em 0.78571429em; vertical-align: inherit; font-style: none; font-weight: bold; text-transform: none; border-bottom: 1px solid rgba(34, 36, 38, 0.1); border-left: none; } .table thead tr > th:first-child { border-left: none; } .table thead tr:first-child > th:first-child { border-radius: 0.28571429rem 0em 0em 0em; } .table thead tr:first-child > th:last-child { border-radius: 0em 0.28571429rem 0em 0em; } .table thead tr:first-child > th:only-child { border-radius: 0.28571429rem 0.28571429rem 0em 0em; } .table tfoot { box-shadow: none; } .table tfoot th { cursor: auto; border-top: 1px solid rgba(34, 36, 38, 0.15); background: #F9FAFB; text-align: inherit; color: rgba(0, 0, 0, 0.87); padding: 0.78571429em 0.78571429em; vertical-align: middle; font-style: normal; font-weight: normal; text-transform: none; } .table tfoot tr > th:first-child { border-left: none; } .table tfoot tr:first-child > th:first-child { border-radius: 0em 0em 0em 0.28571429rem; } .table tfoot tr:first-child > th:last-child { border-radius: 0em 0em 0.28571429rem 0em; } .table tfoot tr:first-child > th:only-child { border-radius: 0em 0em 0.28571429rem 0.28571429rem; } /* Table Row */ .table tr td { border-top: 1px solid rgba(34, 36, 38, 0.1); } .table tr:first-child td { border-top: none; } .table td { padding: 0.78571429em 0.78571429em; text-align: inherit; } .table-structured.table { border-collapse: collapse; } .table-structured.table thead th { border-left: none; border-right: none; } .table-structured.sortable.table thead th { border-left: 1px solid rgba(34, 36, 38, 0.15); border-right: 1px solid rgba(34, 36, 38, 0.15); } .table-structured.basic.table th { border-left: none; border-right: none; } .table-structured.table-celled.table tr th, .table-structured.table-celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); border-right: 1px solid rgba(34, 36, 38, 0.1); } .table-definition.table thead:not(.full-width) th:first-child { pointer-events: none; background: transparent; font-weight: normal; color: rgba(0, 0, 0, 0.4); box-shadow: -1px -1px 0px 1px #FFFFFF; } .table-definition.table tfoot:not(.full-width) th:first-child { pointer-events: none; background: transparent; font-weight: rgba(0, 0, 0, 0.4); color: normal; box-shadow: 1px 1px 0px 1px #FFFFFF; } .table-celled.table-definition.table thead:not(.full-width) th:first-child { box-shadow: 0px -1px 0px 1px #FFFFFF; } .table-celled.table-definition.table tfoot:not(.full-width) th:first-child { box-shadow: 0px 1px 0px 1px #FFFFFF; } .table-definition.table tr td:first-child:not(.ignored), .table-definition.table tr td.table-definition { background: rgba(0, 0, 0, 0.03); font-weight: bold; color: rgba(0, 0, 0, 0.95); text-transform: ''; box-shadow: ''; text-align: ''; font-size: 1em; padding-left: ''; padding-right: ''; } .table-definition.table thead:not(.full-width) th:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } .table-definition.table tfoot:not(.full-width) th:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } .table-definition.table td:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } .table-celled.table tr th, .table-celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); } .table-celled.table tr th:first-child, .table-celled.table tr td:first-child { border-left: none; } .table-striped.table > tr:nth-child(2n), .table-striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 50, 0.02); } .inverted.table-striped.table > tr:nth-child(2n), .inverted.table-striped.table tbody tr:nth-child(2n) { background-color: rgba(255, 255, 255, 0.05); } .table-striped.selectable.selectable.selectable.table tbody tr.active:hover { background: #EFEFEF !important; color: rgba(0, 0, 0, 0.95) !important; } .table-basic.table { background: transparent; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; } .table-basic.table thead, .table-basic.table tfoot { box-shadow: none; } .table-basic.table th { background: transparent; border-left: none; } .table-basic.table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .table-basic.table td { background: transparent; } .table-basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.05) !important; } /* Very Basic */ [class*="table-very table-basic"].table { border: none; } [class*="table-very table-basic"].table:not(.sortable):not(.striped) th, [class*="table-very table-basic"].table:not(.sortable):not(.striped) td { padding: ''; } [class*="table-very table-basic"].table:not(.sortable):not(.striped) th:first-child, [class*="table-very table-basic"].table:not(.sortable):not(.striped) td:first-child { padding-left: 0em; } [class*="table-very table-basic"].table:not(.sortable):not(.striped) th:last-child, [class*="table-very table-basic"].table:not(.sortable):not(.striped) td:last-child { padding-right: 0em; } [class*="table-very table-basic"].table:not(.sortable):not(.striped) thead tr:first-child th { padding-top: 0em; } .dropdown-menu.user-menu { width: 220px; } .dropdown-menu li { line-height: 45px; } .dropdown-menu li.divider { background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden; font-size: 0; } .dropdown-menu li a { display: block; font-size: 13px; line-height: 1.42857; padding: 6px 12px; clear: both; color: #333; font-weight: 400; } .dropdown-menu li a:hover { background-color: #fee188; } .dropdown-menu li a .yvan-icon { font-size: 120%; margin-right: 6px; } .menu-line { display: none; } .easyui-tree .fa { color: #004c8b; text-align: center; vertical-align: middle; font-size: 18px; width: 22px; } .tree-node { padding: 8px 0; height: inherit; } .tree-node-selected { background: #e1e6e9 } .tree-title { font-size: 13px; padding-left: 3px; } .icon-blank { background: url('icons/blank.gif') no-repeat center center; } .icon-add { background: url('icons/edit_add.png') no-repeat center center; } .icon-edit { background: url('icons/pencil.png') no-repeat center center; } .icon-clear { background: url('icons/clear.png') no-repeat center center; } .icon-remove { background: url('icons/edit_remove.png') no-repeat center center; } .icon-save { background: url('icons/filesave.png') no-repeat center center; } .icon-cut { background: url('icons/cut.png') no-repeat center center; } .icon-ok { background: url('icons/ok.png') no-repeat center center; } .icon-no { background: url('icons/no.png') no-repeat center center; } .icon-cancel { background: url('icons/cancel.png') no-repeat center center; } .icon-reload { background: url('icons/reload.png') no-repeat center center; } .icon-search { background: url('icons/search.png') no-repeat center center; } .icon-print { background: url('icons/print.png') no-repeat center center; } .icon-help { background: url('icons/help.png') no-repeat center center; } .icon-undo { background: url('icons/undo.png') no-repeat center center; } .icon-redo { background: url('icons/redo.png') no-repeat center center; } .icon-back { background: url('icons/back.png') no-repeat center center; } .icon-sum { background: url('icons/sum.png') no-repeat center center; } .icon-tip { background: url('icons/tip.png') no-repeat center center; } .icon-filter { background: url('icons/filter.png') no-repeat center center; } .icon-man { background: url('icons/man.png') no-repeat center center; } .icon-lock { background: url('icons/lock.png') no-repeat center center; } .icon-more { background: url('icons/more.png') no-repeat center center; } .icon-mini-add { background: url('icons/mini_add.png') no-repeat center center; } .icon-mini-edit { background: url('icons/mini_edit.png') no-repeat center center; } .icon-mini-refresh { background: url('icons/mini_refresh.png') no-repeat center center; } .icon-large-picture { background: url('icons/large_picture.png') no-repeat center center; } .icon-large-clipart { background: url('icons/large_clipart.png') no-repeat center center; } .icon-large-shapes { background: url('icons/large_shapes.png') no-repeat center center; } .icon-large-smartart { background: url('icons/large_smartart.png') no-repeat center center; } .icon-large-chart { background: url('icons/large_chart.png') no-repeat center center; } /*== 栅格化 ==*/ .yvan-row { *zoom: 1; line-height: 45px; } .yvan-row:before { content: ""; display: table; } .yvan-row:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; } .yvan-row > .easyui-linkbutton { margin-right: 20px } .yvan-row .vv { float: left; } /*== 表单 ==*/ .checkgroup-container { display: inline-block; } .yvan-form-offset { display: inline-block; width: 90px; height: 32px; } .yvan-form { padding: 0 10px; border: 0; } .yvan-form-groups { min-width: 100%; width: 100%; border: solid 1px #ccc; padding: 10px 0; margin-bottom: 0; border-radius: 3px; *zoom: 1; } .yvan-form-groups:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; } .yvan-form-groups.noborder { border: 0; margin: 0 auto; padding: 5px 0; } .yvan-form-groups > legend { margin-left: 20px; font: 400 14px/1.5em "微软雅黑"; padding: 0 0.5em; color: #666; } .yvan-form-groups > legend > .fa-question-circle, .yvan-qus-icon .yvan-icon { color: #f2711c; } .yvan-qus-icon .yvan-icon { line-height: 18px; } .yvan-form-groups > .yvan-row { padding-right: 15px; } .yvan-form-bd { padding: 0 15px; } .yvan-form-hd-toolbar { margin-bottom: 10px; } .yvan-form-groups .form-group { display: inline-flex; margin-bottom: 10px; float: left; max-width: 100%; width: 100%; } .textbox-label { background: none; border: none; } .yvan-form .form-group .textbox-label { background: none; border: none; color: #333; /* min-width:140px; width:140px; */ height: 32px; line-height: 32px; text-align: right; } .yvan-form .form-group .textbox { } .yvan-form .radio-group > label { padding-right: 12px; cursor: pointer; color: #666; height: 32px; line-height: 32px; } .yvan-form .radio-group > label > input { margin-top: -3px; cursor: pointer; } /* 对话框里的工具条 */ .window .window-header, .window-thinborder .window-header { padding: 5px 0; } .dialog-toolbar { background: #004c8b; padding: 0; border: 0; } .yvan-form-toolbar { padding: 2px !important; background: #004c8b; border-bottom-color: #e1e1e1; border-bottom-style: solid; border-bottom-width: 1px; overflow: hidden; border-width: 0 0 1px; margin-top: 0; height: 32px; } .yvan-form-toolbar .label { color: white; vertical-align: middle; font-size: 16px; font-weight: bold; background: transparent; } .yvan-form-toolbar .l-btn { margin: 0 5px; } .yvan-form-toolbar .l-btn-text { line-height: 23px; } .yvan-form-toolbar .l-btn-icon { line-height: 17px; font-size: 15px; } /*== form工具栏 ==*/ .datagrid-toolbar { padding: 0 !important } .yvan-form-toolbar { height: 38px; padding: 0px !important; border: none; line-height: 37px !important; } .yvan-form-toolbar .yvan-form-toolbar-title { margin: 0 5px 0 10px; position: relative; top: 2px; } .yvan-form-toolbar .yvan-form-toolbar-separate { width: 1px; height: 14px; background: #fff; display: inline-block; position: relative; top: 5px; margin: 0 5px; } .yvan-form-toolbar .yvan-separate { margin: 0 8px; } .yvan-form-toolbar .l-btn { margin-top: 0px; border: none; padding: 0; } .yvan-form-toolbar .l-btn-text { font-size: 14px; line-height: 24px; margin: 3px 15px 3px 30px !important; } .datagrid-toolbar .l-btn { height: auto !important; } .yvan-form-toolbar .label { color: #fff; font-size: 14px; line-height: 38px !important; padding: 0 !important; } .yvan-form-toolbar-title { line-height: 36px; } .yvan-form-toolbar .l-btn-text i { margin-right: 5px; } .yvan-form-toolbar .fa-lg { line-height: 1em; margin-left: 1px; } .yvan-form-toolbar .easyui-menubutton { border-radius: 3px; } .yvan-form-toolbar .easyui-menubutton i { margin-left: 3px; margin-right: 0; } .yvan-grid-label-box { height: 38px !important; line-height: 38px; } /*== form工具栏 ==*/ .yvan-grid-toolbar { overflow: hidden; height: 38px; padding: 0 !important; } .yvan-grid-toolbar .yvan-grid-toolbar-title { width: 220px; float: left; height: 38px; } .yvan-grid-toolbar .yvan-grid-toolbar-title span { padding: 0 10px; line-height: 38px; color: #fff; } .yvan-grid-toolbar .yvan-grid-toolbar-right { margin-left: 220px; text-align: right; padding: 4px 5px 5px 0; } .yvan-grid-wrap .datagrid-toolbar .l-btn .l-btn-left .l-btn-text { margin: 0px 10px; line-height: 24px; } .yvan-grid-toolbar .yvan-grid-toolbar-right .l-btn { border: none; margin-right: 7px; } .yvan-grid-toolbar .yvan-grid-toolbar-right .fa-lg { font-size: 1em; margin-right: 5px; } .toolbar-top-position { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; } /*== 窗体 ==*/ .window { animation-name: none; } .window-proxy-mask, .window-mask { animation-name: none; } .window .panel-footer { text-align: right; padding: 5px; } .window .panel-footer .l-btn { margin-left: 10px; } /*== 主界面top ==*/ .theme-navigate .l-btn { background-color: #004c8b; } .theme-navigate .l-btn:hover, .theme-navigate .m-btn-plain-active { background-color: #498cc2; } /*== tab切换样式修改 ==*/ .tabs li a.tabs-inner { background-color: #fff; } .tabs li.tabs-selected a.tabs-inner { border-bottom: 1px solid #004c8b; color: #fff; background-color: #004c8b; } .tabs li.tabs-selected:hover a.tabs-inner { border-bottom: 1px solid #004c8b; color: #fff; } .tabs li.tabs-selected:hover { background-color: #004c8b; color: #fff; } .tabs li.tabs-selected .tabs-close { background: rgba(0, 0, 0, 0) url("images/tagbox_icons.png") no-repeat !important; } .tabs li a.tabs-close { opacity: 1; filter: alpha(opacity=1); } .tabs li.tabs-selected a.tabs-close:hover { background: #fff url("images/tagbox_icons.png") -16px no-repeat !important; } .tabs li.tabs-selected:hover .tabs-close { background-color: #fff; } .yvan-form-toolbar { background: #004c8b; } .yvan-form-toolbar .yvan-form-toolbar-title { color: #fff; } .yvan-form-toolbar .l-btn { color: #fff; } .yvan-grid-toolbar { background: #004c8b; } /*== grid选中==*/ .datagrid-row-selected { background: #e5e5e5; } /*== layer提示框==*/ .yvan-msg { min-width: 100px; background-color: rgba(0, 0, 0, .6); color: #fff; border: none; box-shadow: none; margin: 0; padding: 0; border-radius: 2px; position: fixed; pointer-events: auto; z-index: 10000; } .yvan-msg-content { pointer-events: auto; color: #fff; padding: 12px 25px; text-align: center; position: relative; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto; } .layui-layer-hui { background-color: rgba(255, 142, 0, 0.8); } /*== 其他颜色-按钮 ==*/ .button-wathet { background-color: #498cc2 !important; } .button-wathet:hover { background-color: #498cc2 !important; } .button-blue { background-color: #004c8b !important; } .datagrid-view:focus { outline: 2px #66afe9 solid; } .easyui-linkbutton:focus { outline: 2px #66afe9 solid; } /*== 动画 ==*/ .yvan-anim { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s } @-webkit-keyframes yvan-bounceIn { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes yvan-bounceIn { 0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .yvan-anim-00 { -webkit-animation-name: yvan-bounceIn; animation-name: yvan-bounceIn } @-webkit-keyframes yvan-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes yvan-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .yvan-anim-01 { -webkit-animation-name: yvan-zoomInDown; animation-name: yvan-zoomInDown } @-webkit-keyframes yvan-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes yvan-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .yvan-anim-02 { -webkit-animation-name: yvan-fadeInUpBig; animation-name: yvan-fadeInUpBig } @-webkit-keyframes yvan-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes yvan-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .yvan-anim-03 { -webkit-animation-name: yvan-zoomInLeft; animation-name: yvan-zoomInLeft } @-webkit-keyframes yvan-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @keyframes yvan-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } .yvan-anim-04 { -webkit-animation-name: yvan-rollIn; animation-name: yvan-rollIn } @keyframes yvan-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .yvan-anim-05 { -webkit-animation-name: yvan-fadeIn; animation-name: yvan-fadeIn } @-webkit-keyframes yvan-shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes yvan-shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .yvan-anim-06 { -webkit-animation-name: yvan-shake; animation-name: yvan-shake } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } /*== checkbox / radiobutton ==*/ .yvan-checkbox { position: relative; height: 32px; line-height: 32px; margin-right: 10px; padding-right: 30px; cursor: pointer; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box; } .yvan-checkbox, .yvan-select dl dd.yvan-disabled { background-color: #fff; } .yvan-checkbox i { position: absolute; right: 0; top: 0; width: 29px; height: 30px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; font-size: 26px; text-align: center; } .yvan-checkbox span { padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yvan-checked span, .yvan-checked:hover span { background-color: #004c8b; } .yvan-checkbox, .yvan-checkbox * { display: inline-block; vertical-align: middle; } .yvan-checkbox:hover i { border-color: #c2c2c2; color: #c2c2c2; } .yvan-checked, .yvan-checked:hover { border-color: #004c8b; } .yvan-checked i, .yvan-checked:hover i { color: #004c8b; } .yvan-checkbox[lay-skin=primary] { height: auto !important; line-height: normal !important; min-width: 18px; min-height: 18px; border: none !important; margin-right: 0; padding-left: 28px; padding-right: 0; background: 0 0; } td[role=gridcell] .yvan-checkbox[lay-skin=primary] { padding-left: 0; } .yvan-checkbox[lay-skin=primary] span { padding-left: 0; padding-right: 15px; line-height: 18px; background: 0 0; color: #666; } .yvan-checkbox[lay-skin=primary] i { right: auto; left: 0; width: 16px; height: 16px; line-height: 14px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear; } .yvan-checked[lay-skin=primary] i { border-color: #004c8b; background-color: #004c8b; color: #fff; } .yvan-checkbox[lay-skin=primary]:hover i { border-color: #004c8b; color: #fff; } .yvan-checkbox[lay-skin=primary]:focus i { border-color: #004c8b; color: #fff; } .yvan-disabled, .yvan-disabled:hover { color: #d2d2d2; cursor: not-allowed; } .yvan-checkbox-disabled, .yvan-checkbox-disabled i { border-color: #e2e2e2 !important; } .yvan-checkbox-disabled:hover i { color: #fff; } .yvan-checkbox-disabled[lay-skin=primary]:hover i { border-color: #d2d2d2; } .yvan-checkbox-disabled[lay-skin=primary] span { background: 0 0 !important; color: #c2c2c2; } .yvan-radio { line-height: 32px; margin: 6px 10px 6px 0; padding-right: 10px; cursor: pointer; font-size: 0; } .yvan-radio, .yvan-radio * { display: inline-block; vertical-align: middle; } .yvan-radio * { font-size: 14px; } .yvan-radio > i { margin-right: 8px; font-size: 22px; color: #c2c2c2; } .yvan-radio > i:hover, .yvan-radioed > i { color: #004c8b; } .yvan-radio-disbaled > i, .yvan-radio-disbaled > i:hover { color: #e2e2e2; } .yvan-anim.fa { display: inline-block; } @-webkit-keyframes layui-scale-spring { 0% { opacity: .5; -webkit-transform: scale(.5) } 80% { opacity: .8; -webkit-transform: scale(1.1) } 100% { opacity: 1; -webkit-transform: scale(1) } } @keyframes layui-scale-spring { 0% { opacity: .5; transform: scale(.5) } 80% { opacity: .8; transform: scale(1.1) } 100% { opacity: 1; transform: scale(1) } } .yvan-anim-scaleSpring { -webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring } .yvan-anim { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .ui-jqgrid .vv { line-height: 45px !important; } .rule-alloc .yvan-row { padding-left: 50px; } .combo-p .combo-panel .spinner .spinner-arrow { height: 18px !important; } .combo-p .spinner-arrow-down { height: 5px !important; } .spinner-button-top { width: 100%; display: block; height: 15px; } .spinner-arrow-up { height: 15px !important; width: 13px; margin-left: 4px; } .spinner-button-bottom { width: 100%; display: block; height: 15px; } .spinner-arrow-down { height: 15px !important; width: 13px; margin-left: 4px; } .spinner-arrow-up:hover, .spinner-arrow-down:hover { background-color: #f8f8f8; }