/*------------------------------------- zTree Style version: 3.5.19 author: Hunter.z email: hunter.z@263.net website: http://code.google.com/p/jquerytree/ -------------------------------------*/ body{ font-family: 'Lucida Grande','Microsoft Yahei'; color: #333; -webkit-font-smoothing: antialiased; } .ztree * {padding:0; margin:0; font-size:13px;color:#555; font-family: 'Lucida Grande','Microsoft Yahei'; -webkit-font-smoothing: antialiased;} .ztree {margin:0; padding:5px; color:#555} .ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} .ztree>li{ margin-bottom: 6px; } .ztree>li:last-child{ margin-bottom: 0; } .ztree li ul{ margin:0; padding:0 0 0 23px; margin-top: 8px;} .ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;} .ztree li ul li{ margin-bottom: 8px; } .ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block} .ztree li a:hover {text-decoration:underline} .ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} .ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} .ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80)} .ztree li a.tmpTargetNode_prev {} .ztree li a.tmpTargetNode_next {} .ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; font-size:12px; border:1px #7EC4CC solid; *border:0px} .ztree li span {line-height:16px; margin-right:2px} .ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; border:0 none; cursor: pointer;outline:none; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")} .ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto} .ztree li span.button.chk.checkbox_false_full {background-position:0 0} .ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px} .ztree li span.button.chk.checkbox_false_part {background-position:0 -28px} .ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px} .ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} .ztree li span.button.chk.checkbox_true_full {background-position:-14px 0} .ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px} .ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px} .ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px} .ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px} .ztree li span.button.chk.radio_false_full {background-position:-28px 0} .ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px} .ztree li span.button.chk.radio_false_part {background-position:-28px -28px} .ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px} .ztree li span.button.chk.radio_false_disable {background-position:-28px -56px} .ztree li span.button.chk.radio_true_full {background-position:-42px 0} .ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px} .ztree li span.button.chk.radio_true_part {background-position:-42px -28px} .ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px} .ztree li span.button.chk.radio_true_disable {background-position:-42px -56px} .ztree li span.button.switch {width:18px; height:18px} .ztree li span.button.root_open{background-position:-92px -54px} .ztree li span.button.root_close{background-position:-74px -54px} .ztree li span.button.roots_open{background-position:-92px 0} .ztree li span.button.roots_close{background-position:-74px 0} .ztree li span.button.center_open{background-position:-92px -18px} .ztree li span.button.center_close{background-position:-74px -18px} .ztree li span.button.bottom_open{background-position:-92px -36px} .ztree li span.button.bottom_close{background-position:-74px -36px} .ztree li span.button.noline_open{ background-position:-92px -72px; background: none; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; width: 21px; color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ztree li span.button.noline_open:before{ content: '\f0d7'; } .ztree li span.button.noline_close{ background-position:-74px -72px; background: none; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; width: 21px; color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ztree li span.button.noline_close:before{ content: "\f0da"; } .ztree li span.button.root_docu{ background:none;} .ztree li span.button.roots_docu{background-position:-56px 0} .ztree li span.button.center_docu{background-position:-56px -18px} .ztree li span.button.bottom_docu{background-position:-56px -36px} .ztree li span.button.noline_docu{ background:none;} .ztree li span.button.ico_open{ margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle; background: none; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; width: 21px; color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ztree li span.button.ico_open:before{ content: "\f07c"; } .ztree li span.button.ico_close{ margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle; background: none; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; width: 21px; color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ztree li span.button.ico_close:before{ content: "\f07b"; } .ztree li span.button.ico_docu{ margin-right:5px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle; background: none; /* width: 1.28571429em; */ text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ztree li span.button.ico_docu:before{ content: "\f1c9"; } .ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle} .ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle} .ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)} span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")} ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)} .zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} /* level style*/ /*.ztree li span.button.level0 { display:none; } .ztree li ul.level0 { padding:0; background:none; }*/ .fa{ font-family: FontAwesome !important; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; } .form-horizontal .form-boxs{ padding: 0 15px; } label{ margin-bottom: 5px !important; color: #333; } .help-block { display: block; margin-top: 5px; margin-bottom: 0px; color: #737373; } .form-control-select { vertical-align: middle; padding: 6px 8px; height: 32; font-size: 13px; font-weight: normal; border-radius: 3px; background: #fbfbfb; -webkit-appearance: none; appearance: none; background-color: #f8f8f8; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='28' viewBox='0 0 16 28' fill='%23777'%3E%3Cpath d='M16 17q0 .406-.297.703l-7 7Q8.406 25 8 25t-.703-.297l-7-7Q0 17.406 0 17t.297-.703T1 16h14q.406 0 .703.297T16 17zm0-6q0 .406-.297.703T15 12H1q-.406 0-.703-.297T0 11t.297-.703l7-7Q7.594 3 8 3t.703.297l7 7Q16 10.594 16 11z'/%3E%3C/svg%3E"); background-position: right 8px center; background-repeat: no-repeat; -webkit-background-size: 8px 16px; background-size: 8px 16px; padding-right: 25px; } .form-control { vertical-align: middle; padding: 6px 8px; height: 32; font-size: 13px; font-weight: normal; border-radius: 3px; background: #fbfbfb; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .form-group { margin-bottom: 10px; } input[type=checkbox], input[type=radio]{ cursor: pointer; } .table.table-datalist thead th, .table.table-datalist thead td { background: #f0f0f0; border-right: dotted 1px #ddd; border-bottom: none; padding: 8px; vertical-align: inherit; } .table.table-datalist thead th, .table.table-datalist thead td { background: #f0f0f0; border-right: dotted 1px #ddd; border-bottom: none; padding: 8px; vertical-align: inherit; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table.table-datalist tbody { border-bottom: solid 1px #ddd; } .table.table-datalist tbody th, .table.table-datalist tbody td { border-right: dotted 1px #ddd; border-top: dotted 1px #ddd; padding: 8px; } .table.table-datalist tbody tr:nth-child(even) { background: #f9f9f9; } .table.table-datalist thead { border-top: solid 1px #ddd; border-bottom: solid 2px #ddd; }