js/themes/apple/style.css

   1 /*
   2  * jsTree apple theme 1.0
   3  * Supported features: dots/no-dots, icons/no-icons, focused, loading
   4  * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
   5  */
   6
   7 .jstree-apple > ul { background:url("bg.jpg") left top repeat; }
   8 .jstree-apple li,
   9 .jstree-apple ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
  10 .jstree-apple li { background-position:-90px 0; background-repeat:repeat-y;  }
  11 .jstree-apple li.jstree-last { background:transparent; }
  12 .jstree-apple .jstree-open > ins { background-position:-72px 0; }
  13 .jstree-apple .jstree-closed > ins { background-position:-54px 0; }
  14 .jstree-apple .jstree-leaf > ins { background-position:-36px 0; }
  15
  16 .jstree-apple a { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-shadow:1px 1px 1px white; }
  17 .jstree-apple .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 3px 0 1px; text-shadow:1px 1px 1px silver; }
  18 .jstree-apple .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 3px 0 1px; }
  19 .jstree-apple a .jstree-icon { background-position:-56px -20px; }
  20 .jstree-apple a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
  21
  22 .jstree-apple.jstree-focused { background:white; }
  23
  24 .jstree-apple .jstree-no-dots li,
  25 .jstree-apple .jstree-no-dots .jstree-leaf > ins { background:transparent; }
  26 .jstree-apple .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
  27 .jstree-apple .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
  28
  29 .jstree-apple .jstree-no-icons a .jstree-icon { display:none; }
  30
  31 .jstree-apple .jstree-search { font-style:italic; }
  32
  33 .jstree-apple .jstree-no-icons .jstree-checkbox { display:inline-block; }
  34 .jstree-apple .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
  35 .jstree-apple .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
  36 .jstree-apple .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
  37 .jstree-apple .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
  38 .jstree-apple .jstree-checked > a > .checkbox:hover { background-position:-38px -37px; }
  39 .jstree-apple .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
  40 .jstree-apple .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
  41
  42 #vakata-dragged.jstree-apple ins { background:transparent !important; }
  43 #vakata-dragged.jstree-apple .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
  44 #vakata-dragged.jstree-apple .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
  45 #jstree-marker.jstree-apple { background:url("d.png") -41px -57px no-repeat !important; text-indent:-100px; }
  46
  47 .jstree-apple a.jstree-search { color:aqua; }
  48 .jstree-apple .jstree-locked a { color:silver; cursor:default; }
  49
  50 #vakata-contextmenu.jstree-apple-context,
  51 #vakata-contextmenu.jstree-apple-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
  52 #vakata-contextmenu.jstree-apple-context li { }
  53 #vakata-contextmenu.jstree-apple-context a { color:black; }
  54 #vakata-contextmenu.jstree-apple-context a:hover,
  55 #vakata-contextmenu.jstree-apple-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
  56 #vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a,
  57 #vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
  58 #vakata-contextmenu.jstree-apple-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
  59 #vakata-contextmenu.jstree-apple-context li ul { margin-left:-4px; }
  60
  61 /* TODO: IE6 support - the `>` selectors */