• Home
• cn.gudqs
• system
• 1.0
• source code
• awesome.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

static.admin.res.jquery-zTree.css.awesome.css Maven / Gradle / Ivy

/*-------------------------------------
zTree Style using fontawesome instead of images

version:    1.1
author:     Mike King
email:      mikkelking @ hotmail . com
website:    http://code.google.com/p/jquerytree/

-------------------------------------*/
/* Definitions ----------------------*/
/* End of Definitions ---------------*/
/* Imports  -------------------------*/
/* End of Imports  ------------------*/
.ztree * {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}

.ztree i {
    font: normal normal normal 14px/1 FontAwesome;
}

.ztree {
    margin: 0;
    padding: 5px;
    color: black;
    background-color: white;
}

.ztree li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 17px;
    text-align: left;
    white-space: nowrap;
    outline: 0;
}

.ztree li ul {
    margin: 0px;
    padding: 0 0 0 18px;
}

.ztree li a {
    padding-right: 3px;
    margin: 3px;
    cursor: pointer;
    height: 17px;
    color: black;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
}

.ztree li a input.rename {
    height: 14px;
    width: 80px;
    padding: 0;
    margin: 0;
    color: #af0000;
    background-color: black;
    font-size: 12px;
    border: 1px #585956 solid;
    *border: 0px;
}

.ztree li a:hover {
    text-decoration: underline;
}

.ztree li a.curSelectedNode {
    padding-top: 0px;
    background-color: #cbf5ff;
    color: #fff;
    font-weight: bold;
    height: 17px;
    opacity: 0.8;
}

.ztree li a.curSelectedNode_Edit {
    padding-top: 0px;
    background-color: transparent;
    color: #9edbff;
    height: 17px;
    border: 1px #666 solid;
    opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
    padding-top: 0px;
    background-color: #aaa;
    color: #9edbff;
    height: 17px;
    border: 1px #666 solid;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ztree li span {
    line-height: 17px;
    margin-right: 2px;
    background-color: transparent;
}

.ztree li span.button {
    line-height: 0;
    margin: 0 3px;
    padding: 0;
    width: 15px;
    height: 17px;
    display: inline-block;
    vertical-align: top;
    border: 0px solid;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.ztree li span.button::before {
    color: black;
    font-family: FontAwesome;
    padding-top: 10px;
}

.ztree li span.button.chk {
    margin: 0px;
    cursor: auto;
    width: 12px;
    display: inline-block;
    padding: 13px 10px;
    font-size:18px;
    padding-right:15px;
}

.ztree li span.button.chk.checkbox_false_full::before {
    content: "\f096";
}

.ztree li span.button.chk.checkbox_false_full_focus::before {
    content: "\f096";
    color: #9edbff;
}

.ztree li span.button.chk.checkbox_false_part::before {
    content: "\f096";
    color: #aaaaaa;
}

.ztree li span.button.chk.checkbox_false_part_focus::before {
    content: "\f096";
    color: #cad96c;
}

.ztree li span.button.chk.checkbox_false_disable::before {
    content: "\f096";
    color: #808080;
}

.ztree li span.button.chk.checkbox_true_full::before {
    content: "\f046";
}

.ztree li span.button.chk.checkbox_true_full_focus::before {
    content: "\f046";
}

.ztree li span.button.chk.checkbox_true_part::before {
    content: "\f14a";
}

.ztree li span.button.chk.checkbox_true_part_focus::before {
    content: "\f14a";
    color: #9edbff;
}

.ztree li span.button.chk.checkbox_true_full_focus::before {
    content: "\f046";
    color: #9cdbff;
}

.ztree li span.button.chk.checkbox_true_part::before {
    content: "\f046";
    color: #aaaaaa;
}

.ztree li span.button.chk.checkbox_true_part_focus::before {
    content: "\f046";
    color: #cad96c;
}

.ztree li span.button.chk.checkbox_true_disable::before {
    content: "\f046";
    color: #808080;
}

.ztree li span.button.chk.radio_false_full::before {
    content: "\f10c";
}

.ztree li span.button.chk.radio_false_full_focus::before {
    content: "\f10c";
    color: #9edbff;
}

.ztree li span.button.chk.radio_false_part::before {
    content: "\f10c";
    color: #aaaaaa;
}

.ztree li span.button.chk.radio_false_part_focus::before {
    content: "\f10c";
    color: #9edbff;
}

.ztree li span.button.chk.radio_false_disable::before {
    content: "\f1db";
    color: #808080;
}

.ztree li span.button.chk.radio_true_full::before {
    content: "\f192";
}

.ztree li span.button.chk.radio_true_full_focus::before {
    content: "\f192";
    color: #9edbff;
}

.ztree li span.button.chk.radio_true_part::before {
    content: "\f192";
    color: #aaaaaa;
}

.ztree li span.button.chk.radio_true_part_focus::before {
    content: "\f192";
    color: #aaaaaa;
}

.ztree li span.button.chk.radio_true_disable::before {
    content: "\f1db";
    color: #808080;
}

.ztree li span.button.switch {
    width: 15px;
    height: 17px;
    margin: 3px 0;
}

.ztree li span.button.root_open::before {
    content: "\f078";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.root_close::before {
    content: "\f054";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.roots_open::before {
    content: "\f078";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.roots_close::before {
    content: "\f054";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.center_open::before {
    content: "\f078";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.center_close::before {
    content: "\f054";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.bottom_open::before {
    content: "\f078";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.bottom_close::before {
    content: "\f054";
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
}

.ztree li span.button.root_docu {
    background: none;
}

.ztree li span.button.roots_docu::before {
    content: "";
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.center_docu::before {
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.bottom_docu::before {
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.noline_docu {
    background: none;
}

.ztree li span.button.ico_open::before {
    content: "\f115";
    font-family: FontAwesome;
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.ico_close::before {
    content: "\f114";
    font-family: FontAwesome;
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.ico_docu::before {
    content: "\f016";
    font-family: FontAwesome;
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    color: black;
}

.ztree li span.button.edit {
    margin-left: 4px;
    margin-right: -1px;
    vertical-align: top;
    *vertical-align: middle;
    padding-top: 10px;
}

.ztree li span.button.edit::before {
    content: "\f044";
    font-family: FontAwesome;
}

.ztree li span.button.remove {
    margin-left: 4px;
    margin-right: -1px;
    vertical-align: top;
    *vertical-align: middle;
    padding-top: 10px;
}

.ztree li span.button.remove::before {
    content: "\f1f8";
    font-family: FontAwesome;
}

.ztree li span.button.add {
    margin-left: 4px;
    margin-right: -1px;
    vertical-align: top;
    *vertical-align: middle;
    padding-top: 10px;
}

.ztree li span.button.add::before {
    content: "\f067";
    font-family: FontAwesome;
}

.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: 17px;
    display: inline-block;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-attachment: scroll;
}

span.tmpzTreeMove_arrow::before {
    content: "\f04b";
    font-family: FontAwesome;
    color: #9edbff;
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #9edbff dotted;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ztreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute;
}