humpyard 0.0.1

data/app/views/humpyard/elements/news_elements/_show.html.haml

@@ -0,0 +1,4 @@
+%ul
+  - element.content_data.news_page.news_items.limit(3).each do |news_item|
+    %li
+      = link_to "#{news_item.created_at.to_date}: #{news_item.title}", news_item.human_url

data/app/views/humpyard/elements/sitemap_elements/_edit.html.haml

@@ -0,0 +1,5 @@
+.humpyard-tab
+  .humpyard-tab-title
+    Sitemap
+  = form.input :levels, :as => :select, :collection => (1..10).to_a.map{|x| [x,x]}
+  = form.input :show_description

data/app/views/humpyard/elements/sitemap_elements/_show.html.haml

@@ -0,0 +1,3 @@
+.humpyard-elements-sitemap-element
+  - cache "sitemap-#{I18n.locale}-#{Humpyard::Page.root_page.last_modified(:include_pages => true).to_i}" do
+    = render '/humpyard/elements/sitemap_elements/show_part', :pages => ([Humpyard::Page.root_page] + Humpyard::Page.root_page.siblings), :element => element, :level => 1

data/app/views/humpyard/elements/sitemap_elements/_show_part.html.haml

@@ -0,0 +1,12 @@
+- if level <= element.content_data.levels and pages and pages.size > 0
+  %ul
+    - pages.each do |page|
+      - if page.in_sitemap
+        %li
+          - if page.content_data.is_humpyard_virtual_page?
+            = page.title
+          - else
+            = link_to page.title, page.human_url
+          - if element.content_data.show_description
+            .desc= page.description
+          = render '/humpyard/elements/sitemap_elements/show_part', :pages => page.child_pages(:multiple_roots => true), :element => element, :level => level + 1

data/app/views/humpyard/elements/text_elements/_edit.html.haml

@@ -0,0 +1,4 @@
+.humpyard-tab
+	.humpyard-tab-title
+		Text Content
+	= form.input :content, :class => :content, :rows => 20

data/app/views/humpyard/elements/text_elements/_show.html.haml

@@ -0,0 +1,4 @@
+- if element.content_data.content.blank?
+   
+- else
+  = element.content_data.html_content :parse_uris => true

data/app/views/humpyard/pages/_content.html.haml

@@ -0,0 +1,2 @@
+.hy-content{:id => "hy-content-#{yield_name}", :'data-content-yield' => yield_name}
+  = render :partial => "/humpyard/elements/show_container", :locals => {:elements => @page.root_elements(yield_name)}

data/app/views/humpyard/pages/_edit.html.haml

@@ -0,0 +1,39 @@
+= humpyard_form_for @page, :as => :page, :url => @page.page, :html=>{:'data-dialog-remote' => true, :'data-form-object-class' => "page", :class=>'page-form'} do |form|
+  .dialog-search
+    = "#{I18n.t("humpyard_form.titles.#{form.form_type.downcase}", :model => "#{Humpyard::Page.model_name.human}#{@page.title.blank? ? '' : " '#{@page.title}'"}")}"
+  .dialog-pane
+    .flashes
+    - unless @page.persisted?
+      = hidden_field_tag :type, @page_type
+      = hidden_field :page, :parent_id
+      - if @prev
+        = hidden_field_tag :prev_id, @prev.id 
+      - if @next
+        = hidden_field_tag :next_id, @next.id
+    .humpyard-tabview
+      .humpyard-tab
+        .humpyard-tab-title
+          Page Options
+        = form.input :title
+        - if Humpyard::config.templates.size > 1
+          = form.input :template_name, :as => :select, :collection => Humpyard::config.templates.map{|name, data| [name.to_s.camelize, name.to_s]}
+        - else
+          = hidden_field :page, :template_name
+        = form.input :description, :rows => 10
+        = form.input :in_menu
+        = form.input :in_sitemap
+        = form.input :always_refresh
+      = render "/humpyard/pages/#{@page.class.name.split('::').last.underscore.pluralize}/edit", :page => @page, :form => form
+      .humpyard-tab
+        .humpyard-tab-title
+          Generic Options
+        = form.input :display_from
+        = form.input :display_until
+  .dialog-buttons.humpyard-form-buttons  
+    = form.submit
+    - if @page.persisted? and can? :destroy, @page.page
+      = link_to "#{I18n.t("humpyard_form.actions.destroy", :model => "#{Humpyard::Page.model_name.human}#{@page.title.blank? ? '' : " '#{@page.title}'"}")}", humpyard_page_path(@page.page), :'data-icon' => "ui-icon-trash", :confirm => "Are you sure?", :method => :delete, :remote => true
+    .hy-locale-info
+      Sprache:
+      = I18n.locale
+    

data/app/views/humpyard/pages/_index.html.haml

@@ -0,0 +1,23 @@
+.humpyard-dialog-title
+  = I18n.t 'humpyard_cms.pages.edit.title'
+.dialog-columns
+  .left-dialog-column.with-toolbar.with-search
+    .dialog-pane
+      #hy-page-treeview
+        = render :partial => 'tree', :locals => {:pages => @pages, :page => @page}
+      #humpyard-page-types-menu.dialog-menu
+        - Humpyard::config.page_types.each do |name, type|
+          = link_to I18n.t('humpyard_cms.pages.edit.add', :page_type => type.model_name.human), new_humpyard_page_path(:type => name), :'data-dialog-link' => true
+    .dialog-search
+      Pages
+    .dialog-buttons.humpyard-form-buttons
+      %a{:'data-icon' => "ui-icon-circle-plus", :'data-dialog-menu' => '#humpyard-page-types-menu'} 
+        = I18n.t('humpyard_cms.pages.edit.add', :page_type => Humpyard::Page.model_name.human)
+  .right-dialog-column.with-toolbar.with-search
+    - if @page
+      = render :partial => 'edit', :locals => {:page => @page}
+    - else
+      .dialog-pane
+        Nothing selected
+.humpyard-dialog-buttons
+

data/app/views/humpyard/pages/_show.html.haml

@@ -0,0 +1,16 @@
+- title @page.title
+
+#hy-content-main.hy-content{:'data-content-yield' => 'main'}
+  = render :partial => @page_partial, :locals => @local_vars
+
+/ 
+  ="X-HumpYard-Page:#{@page.id}"
+  ="X-HumpYard-Time:#{Time.now}"
+
+- Humpyard::config.templates[@page.template_name.to_sym][:yields].each do |yield_name|
+  - content_for yield_name.to_sym do
+    - if @page.always_refresh
+      = render '/humpyard/pages/content', :yield_name => yield_name
+    - else
+      - cache "hy-yield-#{@page.id}-#{yield_name}-#{I18n.locale}-#{humpyard_user ? humpyard_user : nil}-#{@page.last_modified.to_i}" do
+        = render '/humpyard/pages/content', :yield_name => yield_name

data/app/views/humpyard/pages/_subtree.html.haml

@@ -0,0 +1,6 @@
+- if pages and pages.size > 0
+  %ul
+    - pages.each do |page|
+      %li.treeitem{:'data-page-id' => page.id, :id => "hy-page-treeview-item-#{page.id}"}
+        = link_to content_tag(:span, page.title, :id => "hy-page-treeview-text-#{page.id}"), edit_humpyard_page_path(page), :'data-dialog-link' => true, :class => (@page and @page==page ? 'active' : ''), :id => "hy-page-treeview-link-#{page.id}"
+        = render 'subtree.html', :pages => page.child_pages, :root_page => @root_page

data/app/views/humpyard/pages/_tree.html.haml

@@ -0,0 +1,3 @@
+.humpyard-treeview{:'data-sortable-update-url'=> move_humpyard_pages_path}
+  - if root_page = Humpyard::Page.root_page
+    = render 'subtree.html', :pages => ([root_page] + root_page.siblings), :root_page => root_page

data/app/views/humpyard/pages/destroy.js.erb

@@ -0,0 +1,4 @@
+remove_element('#hy-page-treeview-item-<%=@page.id%>');
+replace_content_for_element('#pages-dialog .right-dialog-column .dialog-pane', '<p><%= escape_javascript "#{I18n.t("humpyard_form.flashes.destroy_success", :model => "#{Humpyard::Page.model_name.human}#{@page.title.blank? ? '' : " '#{@page.title}'"}")}" %></p>');
+remove_element('#pages-dialog .right-dialog-column .dialog-buttons a');
+remove_element('#pages-dialog .right-dialog-column .dialog-buttons button');

data/app/views/humpyard/pages/news_pages/_detail.html.haml

@@ -0,0 +1,10 @@
+%p
+  = item.created_at.to_date
+%h2 
+  = item.title
+%p
+  = item.content
+
+%p
+  = link_to '<< Back', page.human_url
+

data/app/views/humpyard/pages/news_pages/_edit.html.haml

@@ -0,0 +1,3 @@
+.humpyard-tab
+  .humpyard-tab-title
+    News Items

data/app/views/humpyard/pages/news_pages/_show.html.haml

@@ -0,0 +1,5 @@
+%ul
+  - @page.content_data.news_items.each do |news_item|
+    %li
+      = link_to "#{news_item.created_at.to_date}: #{news_item.title}", news_item.human_url
+    

data/app/views/humpyard/pages/show.html.haml

@@ -0,0 +1,3 @@
+= render 'show'
+
+    

data/app/views/humpyard/pages/static_pages/_edit.html.haml

@@ -0,0 +1 @@
+

data/app/views/humpyard/pages/static_pages/_show.html.haml

@@ -0,0 +1 @@
+= render :partial => "/humpyard/elements/show_container", :locals => {:elements => page.root_elements(:main)}

data/app/views/humpyard/pages/virtual_pages/_edit.html.haml

@@ -0,0 +1,7 @@
+/ The editing form for the page. This sits inside a tab view in a dialog.
+/ These tabs are positioned after the generic tab. Example:
+
+/ .humpyard-tab
+/   .humpyard-tab-title
+/     Page Content
+/   = form.input :content

data/app/views/humpyard/pages/virtual_pages/_show.html.haml

@@ -0,0 +1,4 @@
+/ Renders the page content on the page. You can access your data model instance via page.content_data. See example below
+
+/ .content
+/   = page.content_data.content

data/app/views/humpyard/pages/welcome.html.haml

@@ -0,0 +1,13 @@
+- title "Welcome to Humpyard"
+%p
+  The installation of Humpyard was successful.
+%p
+  You may now add some
+  = link_to 'Pages', humpyard_pages_path, :'data-dialog' => "size:800x700;dialog_id:pages-dialog"
+  to your site.
+  
+	
+- content_for :sidebar do
+  %p
+    %a{"href"=>"http://humpyard.org/"}
+      Visit the Humpyard Homepage

data/compass/stylesheets/_humpyard.scss

@@ -0,0 +1,12 @@
+@import "compass/css3";
+@import "humpyard/jquery_ui_overrides";
+@import "humpyard/backend";
+@import "humpyard_form";
+@import "humpyard/base";
+@import "humpyard/print";
+@import "humpyard/ie";
+
+@mixin humpyard($body_selector: body) {
+  @if not ($body_selector == "body" or $body_selector == true) {
+    @debug '[DEPRECATED] To specify a the selector "' + $body_selector + '" to +humpyard, pass true as the first argument and mix it into ' + $body_selector + "."; }
+  @include humpyard-base; }

data/compass/stylesheets/humpyard/_backend.scss

@@ -0,0 +1 @@
+

data/compass/stylesheets/humpyard/_base.scss

@@ -0,0 +1,144 @@
+@import "jquery_ui_overrides";
+@import "humpyard_form";
+
+$hy_panel_bg_color: #eee;
+$hy_panel_bg_gradient: #aaa;
+$hy_panel_border_color: #a5a5a5 !default;
+$hy_selection_color: #ffcc00 !default;
+$hy_top_bar_height: 20px !default;
+$hy_bottom_bar_height: 80px !default;
+$hy_bottom_padding: 5px !default;
+$hy_bottom_bg_color: #444;
+$hy_bottom_bg_gradient: #000;
+
+@mixin humpyard-base {
+  @include jquery-ui-overrides;
+  @include humpyard-form;
+  a:focus {
+    outline: none; }
+  body {
+    margin: 0;
+    padding: 0;
+    font-size: 10px;
+    #hy-top {
+      display: none; }
+    #hy-side {
+      display: none; }
+    #hy-bottom {
+      display: none; } }
+  body.hy-logged-in {
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    .ajax-indicator {
+      display: none;
+      position: absolute;
+      left: 50%;
+      top: 4px; }
+    .ajax-indicator.active {
+      display: block; }
+    #hy-top {
+      @include linear-gradient(color-stops($hy_panel_bg_color, $hy_panel_bg_gradient));
+      border-bottom: $hy_panel_border_color solid 1px;
+      padding: 0.2em;
+      height: $hy_top_bar_height;
+      display: block;
+      #hy-top-left {
+        float: left; }
+      #hy-top-right {
+        float: right; } }
+    #hy-top.hy-edit-active {
+      border-bottom: $hy_selection_color solid 1px; }
+    #hy-side {
+      position: absolute;
+      background: $hy_panel_bg_color;
+      @include linear-gradient(color-stops($hy_panel_bg_color, $hy_panel_bg_gradient));
+      border-right: $hy_panel_border_color solid 1px;
+      left: -200px;
+      top: 36px;
+      bottom: 0;
+      width: 199px;
+      display: block; }
+    #hy-side.hy-edit-active {
+      left: 0; }
+    #hy-bottom {
+      position: absolute;
+      @include linear-gradient(color-stops($hy_bottom_bg_color, $hy_bottom_bg_gradient));
+      border-top: $hy_bottom_bg_gradient solid 1px;
+      left: 0;
+      right: 0;
+      bottom: -$hy_bottom_bar_height - 1 - 2 * $hy_bottom_padding;
+      height: $hy_bottom_bar_height;
+      padding: $hy_bottom_padding;
+      display: block;
+      
+      .element {
+        display: block;
+        float: left;
+        border: 1px solid #ccc;
+        @include border-radius;
+        @include linear-gradient(color-stops(#555, #888));
+        color: #fff;
+        width: 64px;
+        height: 64px;
+        padding: 5px; 
+        margin-left: 5px;
+        
+        span {
+          display: block;
+          text-align: center;
+          width: 80px;
+          margin-left: -7px;
+          margin-top: 25px;
+          font-family: Sans-Serif;
+          font-weight: bold;
+          font-size: 8px;
+          @include rotate;
+        }
+      } 
+    }
+    #hy-bottom.hy-edit-active {
+      bottom: 0;
+      left: 0px; }
+    #hy-body {
+      position: absolute;
+      overflow: auto;
+      top: $hy_top_bar_height + 5;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      .hy-el-menu {
+        a {
+          font-size: 11px;
+          color: #555555;
+          text-decoration: none; }
+        position: absolute;
+        background: none;
+        top: 0;
+        left: 0;
+        display: none; }
+      .hy-marker-frame {
+        position: absolute;
+        top: 0;
+        left: 0;
+        background: $hy_selection_color;
+        display: none; }
+      .hy-el-share-info {
+        display: inline;
+        .description {
+          display: inline;
+          background: $hy_selection_color;
+          color: black;
+          padding: 2px; } } }
+    #hy-body.hy-edit-active {
+      left: 0px;
+      bottom: $hy_bottom_bar_height + 2 * $hy_bottom_padding + 1;
+      .hy-el-active {
+        .hy-el-menu, .hy-marker-frame {
+          display: block; } } }
+    .hy-locale-info {
+      float: right;
+      color: black;
+      padding: 3px;
+      border: 1px solid $hy_selection_color;
+      border-radius: 2px; } } }

data/compass/stylesheets/humpyard/_ie.scss

@@ -0,0 +1 @@
+

data/compass/stylesheets/humpyard/_jquery_ui_overrides.scss

@@ -0,0 +1,380 @@
+$left_dialog_column_width: 250px;
+$left_dialog_column_background: #dee4ea;
+$left_dialog_column_border_color: #b4b4b4;
+$left_dialog_column_border_width: 1px;
+$data_table_odd_background_color: #eaf3fe;
+$data_table_border_color: #c0c0c0;
+
+@mixin jquery-ui-overrides {
+  .ui-button-text-only .ui-button-text {
+    padding: 0.2em 0.5em !important; }
+  .ui-tabs .ui-tabs-nav li a {
+    padding: 0.2em 0.5em !important; }
+  .ui-dialog .ui-dialog-buttonpane button {
+    margin: 0.3em 0.2em 0.3em 0 !important;
+    padding: 0.1em 0.3em 0.1em 0.3em !important; }
+  .ui-dialog .ui-dialog-titlebar {
+    padding: 0.2em 0.5em 0.1em !important; 
+    border: none !important;
+  }
+  .ui-dialog .ui-dialog-buttonpane {
+    margin: 0 !important;
+  }
+  .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
+    padding: 0.2em !important; }
+  .ui-button-icon-only {
+    width: 1.8em !important; }
+  .ui-button-text {
+    color: #333;
+  }
+  .ui-dialog {
+    padding: 0 !important; 
+    border: 1px solid $data_table_border_color !important;
+  }
+  .ui-state-highlight {
+    height: 20px;
+    line-height: 2px; }
+  .droparea {
+    min-height: 20px; }
+  .ui-dialog-content {
+    position: relative;
+    background: yellow;
+    label.required {
+      font-weight: bold; }
+      
+    .left-dialog-column, .right-dialog-column {
+      .dialog-buttons, .dialog-search {
+        position: absolute;
+        @include linear-gradient(color-stops(#eee, #aaa));
+        padding: 3px;
+      }
+      .dialog-buttons {
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 22px;
+        border-top: $left_dialog_column_border_width solid $left_dialog_column_border_color;
+        button[type=submit] {
+          float: right;
+        }
+      }
+      .dialog-search {
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 24px;
+        border-bottom: $left_dialog_column_border_width solid $left_dialog_column_border_color;
+        line-height: 24px;
+        font-weight: bold;
+        
+        form {
+          position: relative;
+          padding: 0;
+          margin: 0;
+        }
+      }
+      
+      .dialog-pane {
+        padding: 3px;
+      }
+      
+      &.with-toolbar,
+      &.with-search {
+        overflow: hidden;
+        padding: 0;
+        .dialog-pane, .dialog-list {
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          overflow: auto;        
+        }
+      }
+      
+      &.with-toolbar {
+        .dialog-pane, .dialog-list {
+          bottom: 29px;
+        }
+      }
+      
+      &.with-search {
+        .dialog-pane, .dialog-list {
+          top: 31px;
+        }
+      }
+    }  
+      
+    .left-dialog-column {
+      overflow: auto;
+      position: absolute;
+      left: 0;
+      width: $left_dialog_column_width;
+      top: 0;
+      bottom: 0;
+      background: $left_dialog_column_background;
+      border-right: $left_dialog_column_border_width solid $left_dialog_column_border_color;
+      .ui-state-highlight {
+        border: none;
+        line-height: 2px;
+        background: #660000;
+        margin: -2px 0 0 10px; }
+      
+      .dialog-list {
+        ul {
+          margin: 0;
+          padding: 0;
+          
+          li {
+            margin: 0;
+            padding: 5px;
+            border-bottom: 1px solid #8196b9;
+            a {
+              display:block;
+              padding: 5px;
+              margin: -5px;
+              width: $left_dialog_column_width - 10px;
+              overflow: hidden;
+              width: 100%;
+              text-decoration: none;
+              font-weight: normal;
+              color: #000;
+            }
+            a.active {
+              color: white;
+              background: rgb(114, 133, 172); 
+              @include linear-gradient(color-stops(#b0bfd8, #8196b9));
+              color: #fff;
+              font-weight: bold;
+            }            
+          }
+        }
+      }  
+
+      .dialog-search {
+        input {
+          width: 100%;
+        }
+      }
+    }
+    
+    .right-dialog-column {
+      overflow: auto;
+      position: absolute;
+      left: $left_dialog_column_width + $left_dialog_column_border_width;
+      right: 0;
+      top: 0;
+      bottom: 0; 
+
+      .dialog-search {
+        input {
+          width: $left_dialog_column_width - 6px;
+          float: right;
+        }
+      }
+    }
+
+    
+    .flash {
+      padding: 5px;
+      margin: 0 0 5px 0;
+      @include border-radius;
+      &.error {
+        background: #fcc;
+        color: #600;
+        border: 1px solid #600;
+      }
+      &.info {
+        background: #cfc;
+        color: #060;
+        border: 1px solid #060;
+      }
+    }
+    
+    .data_table {
+      width: 100%;
+      border-collapse: collapse;
+      border-spacing: 0;
+      margin-bottom: 10px;
+      border-top: 1px solid $data_table_border_color;
+      border-bottom: 1px solid $data_table_border_color;
+      td, th {
+        border-left: 1px solid $data_table_border_color;
+        border-right: 1px solid $data_table_border_color;
+        text-align: left;
+        padding: 0 4px;
+        white-space: nowrap; 
+        overflow: hidden;
+      }
+      th {
+        /*@include linear-gradient(color-stops(#fff, #ccc, #fff));*/
+        background: #ddd;
+        border-bottom: 1px solid $data_table_border_color;
+        color: #525252;
+        font-weight: normal;
+        position: relative;
+        &.sortable {
+          padding: 0;
+          a {
+            padding: 0 13px 0 4px;
+            text-decoration: none;
+            display: block;
+          }
+        }
+        &.asc a {
+          background: image_url("table/asc.png") center right no-repeat;
+        }
+        &.desc a {
+          background: image_url("table/desc.png") center right no-repeat;
+        }
+      }
+      tr:nth-child(2n)  {
+        background: $data_table_odd_background_color;
+      }
+    }
+    
+  } 
+  
+  .dialog-menu {
+    display: none;
+    position: absolute;
+    background: #fff;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
+    a {
+      display: block;
+      border-top: 1px solid #999;
+      text-decoration: none;
+      padding: 3px;
+    }
+    
+    a:hover {
+      @include linear-gradient(color-stops(#b0bfd8, #8196b9)); 
+    }
+  }
+  
+      
+  .jstree-default {
+    li, ins {
+      background-image: image_url("jstree/d.png");
+      background-repeat: no-repeat;
+      background-color: transparent; }
+    li {
+      background-position: -90px 0;
+      background-repeat: repeat-y;
+      &.jstree-last {
+        background: transparent; } }
+    .jstree-open > ins {
+      background-position: -72px 0; }
+    .jstree-closed > ins {
+      background-position: -54px 0; }
+    .jstree-leaf > ins {
+      background-position: -36px 0; }
+    .jstree-hovered {
+      background: #e7f4f9;
+      border: 1px solid #d8f0fa;
+      padding: 0 2px 0 1px; }
+    .jstree-clicked {
+      background: #beebff;
+      border: 1px solid #99defd;
+      padding: 0 2px 0 1px; }
+    a {
+      .jstree-icon {
+        background-position: -56px -19px; }
+      &.jstree-loading .jstree-icon {
+        background: image_url("jstree/throbber.gif") center center no-repeat !important; } }
+    &.jstree-focused {
+      background: transparent; }
+    .jstree-no-dots {
+      li, .jstree-leaf > ins {
+        background: transparent; }
+      .jstree-open > ins {
+        background-position: -18px 0; }
+      .jstree-closed > ins {
+        background-position: 0 0; } }
+    .jstree-no-icons a .jstree-icon {
+      display: none; }
+    .jstree-search {
+      font-style: italic; }
+    .jstree-no-icons .jstree-checkbox {
+      display: inline-block; }
+    .jstree-no-checkboxes .jstree-checkbox {
+      display: none !important; }
+    .jstree-checked > a > .jstree-checkbox {
+      background-position: -38px -19px; }
+    .jstree-unchecked > a > .jstree-checkbox {
+      background-position: -2px -19px; }
+    .jstree-undetermined > a > .jstree-checkbox {
+      background-position: -20px -19px; }
+    .jstree-checked > a > .jstree-checkbox:hover {
+      background-position: -38px -37px; }
+    .jstree-unchecked > a > .jstree-checkbox:hover {
+      background-position: -2px -37px; }
+    .jstree-undetermined > a > .jstree-checkbox:hover {
+      background-position: -20px -37px; } }
+
+  #vakata-dragged.jstree-default {
+    ins {
+      background: transparent !important; }
+    .jstree-ok {
+      background: image_url("jstree/d.png") -2px -53px no-repeat !important; }
+    .jstree-invalid {
+      background: image_url("jstree/d.png") -18px -53px no-repeat !important; } }
+
+  #jstree-marker.jstree-default {
+    background: image_url("jstree/d.png") -41px -57px no-repeat !important; }
+
+  .jstree-default a.jstree-search {
+    color: aqua; }
+
+  #vakata-contextmenu.jstree-default-context {
+    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;
+    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; }
+    a {
+      color: black;
+      &:hover {
+        padding: 0 5px;
+        background: #e8eff7;
+        border: 1px solid #aecff7;
+        color: black;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        border-radius: 2px; } }
+    .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; }
+    li {
+      &.jstree-contextmenu-disabled a {
+        color: silver;
+        background: transparent;
+        border: 0;
+        padding: 1px 4px;
+        &:hover {
+          color: silver;
+          background: transparent;
+          border: 0;
+          padding: 1px 4px; } }
+      &.vakata-separator {
+        background: white;
+        border-top: 1px solid #e0e0e0;
+        margin: 0; }
+      ul {
+        margin-left: -4px; } } }
+      
+}