guy
7 years ago
69 changed files with 1815 additions and 2037 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 652 B After Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 981 B |
|
Before Width: | Height: | Size: 297 B |
|
Before Width: | Height: | Size: 327 B |
|
Before Width: | Height: | Size: 977 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 406 B |
|
Before Width: | Height: | Size: 476 B |
|
Before Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 45 B |
|
Before Width: | Height: | Size: 381 B |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 652 B After Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 981 B |
|
Before Width: | Height: | Size: 297 B |
|
Before Width: | Height: | Size: 327 B |
|
Before Width: | Height: | Size: 977 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 406 B |
|
Before Width: | Height: | Size: 476 B |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 45 B |
|
Before Width: | Height: | Size: 381 B |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 11 KiB |
@ -1,37 +1,37 @@
|
||||
|
||||
1. bower安装 |
||||
``` |
||||
bower install fineui |
||||
``` |
||||
2. 第一个demo |
||||
|
||||
#### 第一个demo |
||||
```html |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title></title> |
||||
<link rel="stylesheet" type="text/css" href="bower_components/dist/bundle.css" /> |
||||
<script src="bower_components/dist/bundle.js"></script> |
||||
</head> |
||||
|
||||
<body> |
||||
<script> |
||||
$(function(){ |
||||
BI.createWidget({ |
||||
type:"bi.absolute", |
||||
element: "body", |
||||
items: [{ |
||||
el:{ |
||||
type: "bi.button", |
||||
text: "这是一个按钮" |
||||
}, |
||||
left: 100, |
||||
top: 100 |
||||
}] |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title></title> |
||||
<link rel="stylesheet" type="text/css" href="https://fanruan.coding.me/fineui/dist/bundle.min.css" /> |
||||
<script src="https://coding.net/u/fanruan/p/fineui/git/raw/master/dist/bundle.min.js"></script> |
||||
</head> |
||||
<body> |
||||
<script> |
||||
$(function(){ |
||||
BI.createWidget({ |
||||
type:"bi.absolute", |
||||
element: "body", |
||||
items: [{ |
||||
el:{ |
||||
type: "bi.button", |
||||
text: "这是一个按钮" |
||||
}, |
||||
left: 100, |
||||
top: 100 |
||||
}] |
||||
}) |
||||
}) |
||||
}) |
||||
</script> |
||||
</body> |
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
``` |
||||
#### 源码集成配置 |
||||
[http://www.finedevelop.com/pages/viewpage.action?pageId=16056735](http://www.finedevelop.com/pages/viewpage.action?pageId=16056735) |
||||
|
||||
#### 源码集成Demo |
||||
BI的组件就是集成的fineui进行开发的 |
||||
[https://coding.net/u/fanruan/p/bi-components/](https://coding.net/u/fanruan/p/bi-components/) |
||||
|
||||
@ -1,52 +0,0 @@
|
||||
/** |
||||
* Farbtastic Color Picker 1.2 |
||||
* © 2008 Steven Wittens |
||||
* |
||||
* This program is free software; you can redistribute it and/or modify |
||||
* it under the terms of the GNU General Public License as published by |
||||
* the Free Software Foundation; either version 2 of the License, or |
||||
* (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU General Public License |
||||
* along with this program; if not, write to the Free Software |
||||
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
||||
*/ |
||||
.farbtastic { |
||||
position: relative; |
||||
} |
||||
.farbtastic * { |
||||
position: absolute; |
||||
cursor: crosshair; |
||||
} |
||||
.farbtastic, |
||||
.farbtastic .wheel { |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .color, |
||||
.farbtastic .overlay { |
||||
top: 47px; |
||||
left: 47px; |
||||
width: 101px; |
||||
height: 101px; |
||||
} |
||||
.farbtastic .wheel { |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/wheel.png") no-repeat; |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .overlay { |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/mask.png") no-repeat; |
||||
} |
||||
.farbtastic .marker { |
||||
width: 17px; |
||||
height: 17px; |
||||
margin: -8px 0 0 -8px; |
||||
overflow: hidden; |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/marker.png") no-repeat; |
||||
} |
||||
@ -1,26 +0,0 @@
|
||||
.bi-display-tree .ztree * { |
||||
color: #999999; |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.center_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-3.png"); |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.roots_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-2.png"); |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.bottom_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-4.png"); |
||||
} |
||||
.bi-display-tree .ztree li a, |
||||
.bi-display-tree .ztree li span { |
||||
cursor: default !important; |
||||
} |
||||
.bi-display-tree .ztree li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.bi-display-tree .ztree li a.curSelectedNode { |
||||
padding-top: 1px; |
||||
border: none; |
||||
background-color: inherit; |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
@ -1,324 +0,0 @@
|
||||
/*------------------------------------- |
||||
zTree Style |
||||
|
||||
version: 3.5.17 |
||||
author: Hunter.z |
||||
email: hunter.z@263.net |
||||
website: http://code.google.com/p/jquerytree/ |
||||
|
||||
-------------------------------------*/ |
||||
.ztree * { |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
.ztree { |
||||
margin: 0; |
||||
padding: 5px; |
||||
} |
||||
.ztree li { |
||||
padding: 0; |
||||
margin: 0; |
||||
list-style: none; |
||||
line-height: 14px; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
outline: 0; |
||||
} |
||||
.ztree li ul { |
||||
margin: 0; |
||||
padding: 0 0 0 18px; |
||||
} |
||||
.ztree li ul.line { |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y; |
||||
} |
||||
.bi-theme-dark .ztree li ul.line { |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y; |
||||
} |
||||
.ztree li a { |
||||
padding: 1px 3px 0 0; |
||||
margin: 0; |
||||
cursor: pointer; |
||||
height: 24px; |
||||
background-color: transparent; |
||||
text-decoration: none; |
||||
vertical-align: top; |
||||
display: inline-block; |
||||
} |
||||
.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 input.rename { |
||||
height: 14px; |
||||
width: 80px; |
||||
padding: 0; |
||||
margin: 0; |
||||
font-size: 12px; |
||||
border: 1px #7EC4CC solid; |
||||
*border: 0px; |
||||
} |
||||
.ztree li span { |
||||
line-height: 24px; |
||||
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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png"); |
||||
*background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.gif"); |
||||
} |
||||
.ztree li span.button.chk { |
||||
width: 16px; |
||||
height: 16px; |
||||
margin: 0 3px 0 0; |
||||
cursor: auto; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full_focus { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part_focus { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_disable { |
||||
background-position: 0 -56px; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full_focus { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part_focus { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
||||
} |
||||
.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: 25px; |
||||
height: 25px; |
||||
} |
||||
.ztree li span.button.root_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-1.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-1.png"); |
||||
} |
||||
.ztree li span.button.root_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-1.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-1.png"); |
||||
} |
||||
.ztree li span.button.roots_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-2.png"); |
||||
} |
||||
.ztree li span.button.roots_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-2.png"); |
||||
} |
||||
.ztree li span.button.center_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-3.png"); |
||||
} |
||||
.ztree li span.button.center_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-3.png"); |
||||
} |
||||
.ztree li span.button.bottom_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_open { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-4.png"); |
||||
} |
||||
.ztree li span.button.bottom_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_close { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-4.png"); |
||||
} |
||||
.ztree li span.button.noline_open { |
||||
background-position: -92px -72px; |
||||
} |
||||
.ztree li span.button.noline_close { |
||||
background-position: -74px -72px; |
||||
} |
||||
.ztree li span.button.root_docu { |
||||
background: none; |
||||
} |
||||
.ztree li span.button.roots_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-2.png"); |
||||
} |
||||
.ztree li span.button.center_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-3.png"); |
||||
} |
||||
.ztree li span.button.bottom_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_docu { |
||||
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-4.png"); |
||||
} |
||||
.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; |
||||
} |
||||
.ztree li span.button.ico_close { |
||||
margin-right: 2px; |
||||
background-position: -110px 0; |
||||
vertical-align: top; |
||||
*vertical-align: middle; |
||||
} |
||||
.ztree li span.button.ico_docu { |
||||
margin-right: 2px; |
||||
background-position: -110px -32px; |
||||
vertical-align: top; |
||||
*vertical-align: middle; |
||||
} |
||||
.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 { |
||||
width: 0px; |
||||
margin-right: 2px; |
||||
background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png"); |
||||
*background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/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; |
||||
}*/ |
||||
@ -1,2 +0,0 @@
|
||||
@import "../../../../src/less/resource/third/farbtastic/farbtastic"; |
||||
@import "../../var"; |
||||
@ -1,2 +0,0 @@
|
||||
@import "../../../../src/less/resource/third/ztree/display.tree.less"; |
||||
@import "../../var"; |
||||
@ -1,2 +0,0 @@
|
||||
@import "../../../../src/less/resource/third/ztree/zTreeStyle"; |
||||
@import "../../var"; |
||||
@ -1,3 +0,0 @@
|
||||
.bi-branch-tree .bi-branch-tree-view { |
||||
min-width: 300px; |
||||
} |
||||
@ -1,52 +0,0 @@
|
||||
/** |
||||
* Farbtastic Color Picker 1.2 |
||||
* © 2008 Steven Wittens |
||||
* |
||||
* This program is free software; you can redistribute it and/or modify |
||||
* it under the terms of the GNU General Public License as published by |
||||
* the Free Software Foundation; either version 2 of the License, or |
||||
* (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU General Public License |
||||
* along with this program; if not, write to the Free Software |
||||
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
||||
*/ |
||||
.farbtastic { |
||||
position: relative; |
||||
} |
||||
.farbtastic * { |
||||
position: absolute; |
||||
cursor: crosshair; |
||||
} |
||||
.farbtastic, |
||||
.farbtastic .wheel { |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .color, |
||||
.farbtastic .overlay { |
||||
top: 47px; |
||||
left: 47px; |
||||
width: 101px; |
||||
height: 101px; |
||||
} |
||||
.farbtastic .wheel { |
||||
background: url("images/1x/third/farbtastic/wheel.png") no-repeat; |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .overlay { |
||||
background: url("images/1x/third/farbtastic/mask.png") no-repeat; |
||||
} |
||||
.farbtastic .marker { |
||||
width: 17px; |
||||
height: 17px; |
||||
margin: -8px 0 0 -8px; |
||||
overflow: hidden; |
||||
background: url("images/1x/third/farbtastic/marker.png") no-repeat; |
||||
} |
||||
@ -1,26 +0,0 @@
|
||||
.bi-display-tree .ztree * { |
||||
color: #999999; |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.center_open { |
||||
background-image: url("images/1x//icon/tree-vertical-line-3.png"); |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.roots_open { |
||||
background-image: url("images/1x//icon/tree-vertical-line-2.png"); |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.bottom_open { |
||||
background-image: url("images/1x//icon/tree-vertical-line-4.png"); |
||||
} |
||||
.bi-display-tree .ztree li a, |
||||
.bi-display-tree .ztree li span { |
||||
cursor: default !important; |
||||
} |
||||
.bi-display-tree .ztree li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.bi-display-tree .ztree li a.curSelectedNode { |
||||
padding-top: 1px; |
||||
border: none; |
||||
background-color: inherit; |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
@ -1,324 +0,0 @@
|
||||
/*------------------------------------- |
||||
zTree Style |
||||
|
||||
version: 3.5.17 |
||||
author: Hunter.z |
||||
email: hunter.z@263.net |
||||
website: http://code.google.com/p/jquerytree/ |
||||
|
||||
-------------------------------------*/ |
||||
.ztree * { |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
.ztree { |
||||
margin: 0; |
||||
padding: 5px; |
||||
} |
||||
.ztree li { |
||||
padding: 0; |
||||
margin: 0; |
||||
list-style: none; |
||||
line-height: 14px; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
outline: 0; |
||||
} |
||||
.ztree li ul { |
||||
margin: 0; |
||||
padding: 0 0 0 18px; |
||||
} |
||||
.ztree li ul.line { |
||||
background: url("images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y; |
||||
} |
||||
.bi-theme-dark .ztree li ul.line { |
||||
background: url("images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y; |
||||
} |
||||
.ztree li a { |
||||
padding: 1px 3px 0 0; |
||||
margin: 0; |
||||
cursor: pointer; |
||||
height: 24px; |
||||
background-color: transparent; |
||||
text-decoration: none; |
||||
vertical-align: top; |
||||
display: inline-block; |
||||
} |
||||
.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 input.rename { |
||||
height: 14px; |
||||
width: 80px; |
||||
padding: 0; |
||||
margin: 0; |
||||
font-size: 12px; |
||||
border: 1px #7EC4CC solid; |
||||
*border: 0px; |
||||
} |
||||
.ztree li span { |
||||
line-height: 24px; |
||||
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("images/1x/third/ztree/img/zTreeStandard.png"); |
||||
*background-image: url("images/1x/third/ztree/img/zTreeStandard.gif"); |
||||
} |
||||
.ztree li span.button.chk { |
||||
width: 16px; |
||||
height: 16px; |
||||
margin: 0 3px 0 0; |
||||
cursor: auto; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full { |
||||
background-image: url("images/1x/icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full_focus { |
||||
background-image: url("images/1x/icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part { |
||||
background-image: url("images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part_focus { |
||||
background-image: url("images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_disable { |
||||
background-position: 0 -56px; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full { |
||||
background-image: url("images/1x/icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full_focus { |
||||
background-image: url("images/1x/icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part { |
||||
background-image: url("images/1x/icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part_focus { |
||||
background-image: url("images/1x/icon/half_selected.png"); |
||||
} |
||||
.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: 25px; |
||||
height: 25px; |
||||
} |
||||
.ztree li span.button.root_open { |
||||
background-image: url("images/1x/icon/tree-expand-1.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_open { |
||||
background-image: url("images/1x/icon/dark/tree-expand-1.png"); |
||||
} |
||||
.ztree li span.button.root_close { |
||||
background-image: url("images/1x/icon/tree-collapse-1.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_close { |
||||
background-image: url("images/1x/icon/dark/tree-collapse-1.png"); |
||||
} |
||||
.ztree li span.button.roots_open { |
||||
background-image: url("images/1x/icon/tree-expand-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_open { |
||||
background-image: url("images/1x/icon/dark/tree-expand-2.png"); |
||||
} |
||||
.ztree li span.button.roots_close { |
||||
background-image: url("images/1x/icon/tree-collapse-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_close { |
||||
background-image: url("images/1x/icon/dark/tree-collapse-2.png"); |
||||
} |
||||
.ztree li span.button.center_open { |
||||
background-image: url("images/1x/icon/tree-expand-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_open { |
||||
background-image: url("images/1x/icon/dark/tree-expand-3.png"); |
||||
} |
||||
.ztree li span.button.center_close { |
||||
background-image: url("images/1x/icon/tree-collapse-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_close { |
||||
background-image: url("images/1x/icon/dark/tree-collapse-3.png"); |
||||
} |
||||
.ztree li span.button.bottom_open { |
||||
background-image: url("images/1x/icon/tree-expand-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_open { |
||||
background-image: url("images/1x/icon/dark/tree-expand-4.png"); |
||||
} |
||||
.ztree li span.button.bottom_close { |
||||
background-image: url("images/1x/icon/tree-collapse-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_close { |
||||
background-image: url("images/1x/icon/dark/tree-collapse-4.png"); |
||||
} |
||||
.ztree li span.button.noline_open { |
||||
background-position: -92px -72px; |
||||
} |
||||
.ztree li span.button.noline_close { |
||||
background-position: -74px -72px; |
||||
} |
||||
.ztree li span.button.root_docu { |
||||
background: none; |
||||
} |
||||
.ztree li span.button.roots_docu { |
||||
background-image: url("images/1x/icon/tree-vertical-line-2.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_docu { |
||||
background-image: url("images/1x/icon/dark/tree-vertical-line-2.png"); |
||||
} |
||||
.ztree li span.button.center_docu { |
||||
background-image: url("images/1x/icon/tree-vertical-line-3.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_docu { |
||||
background-image: url("images/1x/icon/dark/tree-vertical-line-3.png"); |
||||
} |
||||
.ztree li span.button.bottom_docu { |
||||
background-image: url("images/1x/icon/tree-vertical-line-4.png"); |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_docu { |
||||
background-image: url("images/1x/icon/dark/tree-vertical-line-4.png"); |
||||
} |
||||
.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; |
||||
} |
||||
.ztree li span.button.ico_close { |
||||
margin-right: 2px; |
||||
background-position: -110px 0; |
||||
vertical-align: top; |
||||
*vertical-align: middle; |
||||
} |
||||
.ztree li span.button.ico_docu { |
||||
margin-right: 2px; |
||||
background-position: -110px -32px; |
||||
vertical-align: top; |
||||
*vertical-align: middle; |
||||
} |
||||
.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 { |
||||
width: 0px; |
||||
margin-right: 2px; |
||||
background: url("images/1x/third/ztree/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("images/1x/third/ztree/img/zTreeStandard.png"); |
||||
*background-image: url("images/1x/third/ztree/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; |
||||
}*/ |
||||
@ -0,0 +1,32 @@
|
||||
@import "../../../bibase"; |
||||
|
||||
.farbtastic { |
||||
position: relative; |
||||
} |
||||
.farbtastic * { |
||||
position: absolute; |
||||
cursor: crosshair; |
||||
} |
||||
.farbtastic, .farbtastic .wheel { |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .color, .farbtastic .overlay { |
||||
top: 47px; |
||||
left: 47px; |
||||
width: 101px; |
||||
height: 101px; |
||||
} |
||||
.farbtastic .wheel { |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .overlay { |
||||
} |
||||
.farbtastic .marker { |
||||
width: 17px; |
||||
height: 17px; |
||||
margin: -8px 0 0 -8px; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@ -0,0 +1,20 @@
|
||||
@import "../../bibase"; |
||||
|
||||
.bi-display-tree{ |
||||
.ztree * { |
||||
color: @color-bi-text-gray; |
||||
} |
||||
|
||||
& .ztree li a, & .ztree li span{ |
||||
cursor: default !important; |
||||
} |
||||
& .ztree li a:hover{ |
||||
text-decoration: none; |
||||
} |
||||
& .ztree li a.curSelectedNode{ |
||||
padding-top: 1px; |
||||
border: none; |
||||
background-color: inherit; |
||||
.opacity(1); |
||||
} |
||||
} |
||||
@ -0,0 +1,263 @@
|
||||
@import "../../bibase"; |
||||
|
||||
.ztree * { |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.ztree { |
||||
margin: 0; |
||||
padding: 5px; |
||||
} |
||||
|
||||
.ztree li { |
||||
padding: 0; |
||||
margin: 0; |
||||
list-style: none; |
||||
line-height: 14px; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
outline: 0 |
||||
} |
||||
|
||||
.ztree li ul { |
||||
margin: 0; |
||||
padding: 0 0 0 18px |
||||
} |
||||
|
||||
.ztree li a { |
||||
padding: 1px 3px 0 0; |
||||
margin: 0; |
||||
cursor: pointer; |
||||
height: 24px; |
||||
background-color: transparent; |
||||
text-decoration: none; |
||||
vertical-align: top; |
||||
display: inline-block |
||||
} |
||||
|
||||
.ztree li a.curSelectedNode { |
||||
} |
||||
|
||||
.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: 24px; |
||||
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; |
||||
} |
||||
|
||||
.ztree li span.button.chk { |
||||
width: 16px; |
||||
height: 16px; |
||||
margin: 0 3px 0 0; |
||||
cursor: auto |
||||
} |
||||
|
||||
.ztree li span.button.chk.checkbox_false_disable { |
||||
background-position: 0 -56px |
||||
} |
||||
|
||||
.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: 25px; |
||||
height: 25px |
||||
} |
||||
|
||||
.ztree li span.button.noline_open { |
||||
background-position: -92px -72px |
||||
} |
||||
|
||||
.ztree li span.button.noline_close { |
||||
background-position: -74px -72px |
||||
} |
||||
|
||||
.ztree li span.button.root_docu { |
||||
background: none; |
||||
} |
||||
|
||||
.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 |
||||
} |
||||
|
||||
.ztree li span.button.ico_close { |
||||
margin-right: 2px; |
||||
background-position: -110px 0; |
||||
vertical-align: top; |
||||
*vertical-align: middle |
||||
} |
||||
|
||||
.ztree li span.button.ico_docu { |
||||
margin-right: 2px; |
||||
background-position: -110px -32px; |
||||
vertical-align: top; |
||||
*vertical-align: middle |
||||
} |
||||
|
||||
.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 { |
||||
width: 0px; |
||||
margin-right: 2px; |
||||
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; |
||||
} |
||||
|
||||
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; |
||||
}*/ |
||||
@ -1,2 +1,6 @@
|
||||
@background-auto-color: "background/auto-color.png"; |
||||
@background-trans-color: "background/trans-color.png"; |
||||
@background-trans-color: "background/trans-color.png"; |
||||
|
||||
@background-farbtastic-wheel:"background/wheel.png"; |
||||
@background-farbtastic-overlay:"background/mask.png"; |
||||
@background-farbtastic-marker:"background/marker.png"; |
||||
@ -1,53 +0,0 @@
|
||||
/** |
||||
* Farbtastic Color Picker 1.2 |
||||
* © 2008 Steven Wittens |
||||
* |
||||
* This program is free software; you can redistribute it and/or modify |
||||
* it under the terms of the GNU General Public License as published by |
||||
* the Free Software Foundation; either version 2 of the License, or |
||||
* (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU General Public License |
||||
* along with this program; if not, write to the Free Software |
||||
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
||||
*/ |
||||
@import "../../../bibase"; |
||||
|
||||
.farbtastic { |
||||
position: relative; |
||||
} |
||||
.farbtastic * { |
||||
position: absolute; |
||||
cursor: crosshair; |
||||
} |
||||
.farbtastic, .farbtastic .wheel { |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .color, .farbtastic .overlay { |
||||
top: 47px; |
||||
left: 47px; |
||||
width: 101px; |
||||
height: 101px; |
||||
} |
||||
.farbtastic .wheel { |
||||
background: url("@{imageUrl}third/farbtastic/wheel.png") no-repeat; |
||||
width: 195px; |
||||
height: 195px; |
||||
} |
||||
.farbtastic .overlay { |
||||
background: url("@{imageUrl}third/farbtastic/mask.png") no-repeat; |
||||
} |
||||
.farbtastic .marker { |
||||
width: 17px; |
||||
height: 17px; |
||||
margin: -8px 0 0 -8px; |
||||
overflow: hidden; |
||||
background: url("@{imageUrl}third/farbtastic/marker.png") no-repeat; |
||||
} |
||||
|
||||
@ -1,30 +0,0 @@
|
||||
@import "../../../bibase"; |
||||
|
||||
.bi-display-tree{ |
||||
.ztree * { |
||||
color: @color-bi-text-gray; |
||||
} |
||||
& .ztree li span.button.switch.center_open{ |
||||
background-image:url("@{imageUrl}/icon/tree-vertical-line-3.png"); |
||||
} |
||||
|
||||
& .ztree li span.button.switch.roots_open{ |
||||
background-image:url("@{imageUrl}/icon/tree-vertical-line-2.png"); |
||||
} |
||||
|
||||
& .ztree li span.button.switch.bottom_open{ |
||||
background-image:url("@{imageUrl}/icon/tree-vertical-line-4.png"); |
||||
} |
||||
& .ztree li a, & .ztree li span{ |
||||
cursor: default !important; |
||||
} |
||||
& .ztree li a:hover{ |
||||
text-decoration: none; |
||||
} |
||||
& .ztree li a.curSelectedNode{ |
||||
padding-top: 1px; |
||||
border: none; |
||||
background-color: inherit; |
||||
.opacity(1); |
||||
} |
||||
} |
||||
@ -1,193 +0,0 @@
|
||||
/*------------------------------------- |
||||
zTree Style |
||||
|
||||
version: 3.5.17 |
||||
author: Hunter.z |
||||
email: hunter.z@263.net |
||||
website: http://code.google.com/p/jquerytree/ |
||||
|
||||
-------------------------------------*/ |
||||
@import "../../../bibase"; |
||||
|
||||
.ztree * {padding:0; margin:0; } |
||||
.ztree {margin:0; padding:5px; } |
||||
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} |
||||
.ztree li ul{ margin:0; padding:0 0 0 18px} |
||||
.ztree li ul.line{ background:url("@{imageUrl}icon/tree-vertical-line-1.png") 0 0 repeat-y;} |
||||
.bi-theme-dark{ |
||||
.ztree li ul.line{ background:url("@{imageUrl}icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;} |
||||
} |
||||
|
||||
.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:24px; background-color: transparent; |
||||
text-decoration:none; vertical-align:top; display: inline-block} |
||||
.ztree li a.curSelectedNode {} |
||||
.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:24px; 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("@{imageUrl}third/ztree/img/zTreeStandard.png"); *background-image:url("@{imageUrl}third/ztree/img/zTreeStandard.gif")} |
||||
|
||||
.ztree li span.button.chk {width:16px; height:16px; margin:0 3px 0 0; cursor: auto} |
||||
.ztree li span.button.chk.checkbox_false_full { |
||||
background-image:url("@{imageUrl}icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full_focus { |
||||
background-image:url("@{imageUrl}icon/check-box-normal.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part { |
||||
background-image:url("@{imageUrl}icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part_focus { |
||||
background-image:url("@{imageUrl}icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} |
||||
.ztree li span.button.chk.checkbox_true_full { |
||||
background-image:url("@{imageUrl}icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full_focus { |
||||
background-image:url("@{imageUrl}icon/check-box-active.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part { |
||||
background-image:url("@{imageUrl}icon/half_selected.png"); |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part_focus { |
||||
background-image:url("@{imageUrl}icon/half_selected.png"); |
||||
} |
||||
.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:25px; height:25px} |
||||
.ztree li span.button.root_open{ |
||||
background-image:url("@{imageUrl}icon/tree-expand-1.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.root_open{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-expand-1.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.root_close{ |
||||
background-image:url("@{imageUrl}icon/tree-collapse-1.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.root_close{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-collapse-1.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.roots_open{ |
||||
background-image:url("@{imageUrl}icon/tree-expand-2.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.roots_open{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-expand-2.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.roots_close{ |
||||
background-image:url("@{imageUrl}icon/tree-collapse-2.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.roots_close{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-collapse-2.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.center_open{ |
||||
background-image:url("@{imageUrl}icon/tree-expand-3.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.center_open{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-expand-3.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.center_close{ |
||||
background-image:url("@{imageUrl}icon/tree-collapse-3.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.center_close{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-collapse-3.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.bottom_open{ |
||||
background-image:url("@{imageUrl}icon/tree-expand-4.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.bottom_open{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-expand-4.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.bottom_close{ |
||||
background-image:url("@{imageUrl}icon/tree-collapse-4.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.bottom_close{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-collapse-4.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.noline_open{background-position:-92px -72px} |
||||
.ztree li span.button.noline_close{background-position:-74px -72px} |
||||
.ztree li span.button.root_docu{ background:none;} |
||||
.ztree li span.button.roots_docu{ |
||||
background-image:url("@{imageUrl}icon/tree-vertical-line-2.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.roots_docu{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-vertical-line-2.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.center_docu{ |
||||
background-image:url("@{imageUrl}icon/tree-vertical-line-3.png"); |
||||
} |
||||
.bi-theme-dark{ |
||||
.ztree li span.button.center_docu{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-vertical-line-3.png"); |
||||
} |
||||
} |
||||
.ztree li span.button.bottom_docu{ |
||||
background-image:url("@{imageUrl}icon/tree-vertical-line-4.png"); |
||||
} |
||||
.bi-theme-dark{.ztree li span.button.bottom_docu{ |
||||
background-image:url("@{imageUrl}icon/dark/tree-vertical-line-4.png"); |
||||
} |
||||
|
||||
} |
||||
.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} |
||||
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle} |
||||
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle} |
||||
.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{width: 0px;margin-right:2px; background:url("@{imageUrl}third/ztree/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("@{imageUrl}third/ztree/img/zTreeStandard.png"); *background-image:url("@{imageUrl}third/ztree/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; |
||||
}*/ |
||||
Loading…
Reference in new issue