rails_admin_content 0.1.0

data/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery
+end

data/app/controllers/rails_admin_content/develop/application_controller.rb

@@ -0,0 +1,5 @@
+class RailsAdminContent::Develop::ApplicationController < ApplicationController
+  layout 'rails_admin_content/admin'
+
+
+end

data/app/controllers/rails_admin_content/develop/manages_controller.rb

@@ -0,0 +1,77 @@
+class RailsAdminContent::Develop::ManagesController < RailsAdminContent::Develop::ApplicationController
+
+  before_filter :find_params, except: %w(update create new)
+
+  def index
+    @version = RailsAdminContent::Client.conn.origin_query("SELECT Version() as version").each
+  end
+
+
+  def query
+    @entries = RailsAdminContent::Client.query(RailsAdminContent::Client.query_str,@page, @per).each  if RailsAdminContent::Client.query_str
+  rescue Exception => e
+    flash[:errors] = e.message
+  end
+
+  def filter
+    RailsAdminContent::Client.query_str = params[:q]
+    redirect_to action: :query
+  end
+
+  def show
+    @query_str = "SELECT * FROM #{params[:id]}"
+    @query_str = RailsAdminContent::Client.compose(params) if params[:field].present?
+    @fields = RailsAdminContent::Client.desc_table params[:id]
+    @entries = RailsAdminContent::Client.query(@query_str,@page, @per)
+  rescue Exception => e
+    flash[:errors] = e.message
+  end
+
+  def new;end
+
+  def edit; end
+
+  def edit_column
+    @fields = RailsAdminContent::Client.desc_table params[:id]
+  end
+
+  def details
+    @details = RailsAdminContent::Client.conn.origin_query("SHOW TABLE STATUS LIKE '#{params[:id]}'").each
+  end
+
+  def create
+    RailsAdminContent::Client.insert(params[:table_name], params[:field])
+    flash[:success] = "成功添加#{params[:table_name]}一条数据。"
+  rescue Exception => e
+    flash[:errors] = e.message
+  ensure
+    redirect_to develop_manage_path(params[:table_name])
+  end
+
+  def update
+    RailsAdminContent::Client.update(params[:table_name], params[:id], params[:field])
+    flash[:success] = "更新#{params[:id]}内容成功。"
+  rescue Exception => e
+    flash[:errors] = e.message
+  ensure
+    redirect_to develop_manage_path(params[:table_name])
+  end
+
+
+  def update_field
+    RailsAdminContent::Client.conn.origin_query("UPDATE #{params[:table]} SET #{params[:field]} = REPLACE(REPLACE(REPLACE('#{params[:value]}', '&','&amp;'), '>', '&gt;'), '<', '&lt;') WHERE id = #{params[:id]}")
+    render text: 'success'
+  end
+
+  def destroy
+    RailsAdminContent::Client.delete(params[:id], params[:edit_id]) if params[:edit_id].present?
+    render json: params[:edit_id]
+  end
+
+  private
+
+  def find_params
+    @page, @per = (params[:page] || 1).to_i, (params[:per] || 100).to_i
+  end
+
+end

data/app/views/layouts/rails_admin_content/admin.html.slim

@@ -0,0 +1,58 @@
+doctype html
+html
+  head
+    title RailsAdminContent
+    meta name="key_words" content="template languagea"
+    = stylesheet_link_tag "rails_admin_content", media: "all"
+    = javascript_include_tag 'rails_admin_content'
+    = csrf_meta_tag
+  body
+    #wrapper
+      #wrapper2
+        #wrapper3
+          #header
+            h1
+            #main-menu
+          - if flash[:success]
+            .alert.alert-success
+              button data-dismiss="alert" class="close" type="button" x
+              strong
+                | 成功:
+                = flash[:success]
+
+          - if flash[:errors]
+            .alert.alert-error
+              button data-dismiss="alert" class="close" type="button" x
+              strong
+                | 错误:
+                = flash[:errors]
+
+          - if flash[:notice]
+            .alert.alert-info
+              button data-dismiss="alert" class="close" type="button" x
+              strong
+                | 成功:
+                = flash[:notice]
+        .container-fluid
+          .row-fluid
+            .span2
+              = render 'menv'
+            .content.span10
+              - if action_name =~ /query/
+                = render 'form'
+              - elsif action_name =~ /index/
+              - else
+                = render 'navbar'
+              - if action_name =~ /show/
+                = render 'filter'
+              .span11
+                = yield
+  - if @entries.present?
+    #edit_tools
+      span
+        label 当前选择<span id="select_num">0</span>条
+      span
+        = link_to 'ⓧ', "#", class: 'btn deselect', title: '取消选择'
+        = link_to '✘', "", class: 'btn', title: '删除', disabled: true, id: "btn_delete"
+      span
+        = @entries.present? ? custom_paginate(@entries, spage: @page, stint: @per) : '0条数据'

data/app/views/rails_admin_content/develop/manages/_content.html.slim

@@ -0,0 +1,21 @@
+- if @entries.present? && @entries.first
+  .nav#nav
+    | #{@content}
+    .details#grid_search
+      table#edit_tables.table-bordered.table.table-hover
+        thead
+          tr#th-title
+            - @entries.first.keys.each do |entry|
+              th
+                = entry
+        - if @entries.present? && @entries.first
+          tbody
+            - @entries.each do |content|
+              tr class="tr_#{content.first[1]}"
+                td
+                  label
+                    input type="checkbox" class="edit_checkbox" value="#{content.first[1]}" name="edit_id[]"
+                - content.each do |key,value|
+                  td
+                    span class="#{edited(key,value)}" data-field="#{key}" data-table="#{RailsAdminContent::Client.table_name}" data-title="#{value}" data-url="#{develop_manage_path(content.values.first)}"
+                      = format(value)

data/app/views/rails_admin_content/develop/manages/_filter.html.slim

@@ -0,0 +1,25 @@
+.span12
+  .search
+    .row
+      = hidden_field_tag 'current_condition', params[:calc].present? && params[:calc].keys.join(",")
+      = form_tag "", method: :post, class: 'form-search', method: :get
+
+        - RailsAdminContent::Client.desc_table(params[:id]).each do |column|
+          div class="span7 #{column["Field"]} check_edit" style="#{params[:calc].present? && params[:calc].has_key?(column["Field"]) ? '' : 'display:none;' }"
+            .span4
+              = label_tag do 
+                = check_box_tag "check_box[#{column['Field']}]", '', true, class: 'check_box_edit', name: '', 'data-field' => column['Field']
+                |   
+                = column["Field"]
+            .span3
+              = select_tag "calc[#{column['Field']}]", options_for_select(RailsAdminContent::Client.select_field(column["Type"]), params[:calc].present? ? params[:calc][column['Field']] : nil), 'data-field' => "calc[#{column['Field']}]", class: 'span6 calc'
+            .span3
+              - column["Type"] = 'varchar' if column["Type"] == 'text'
+              - column["Default"] = params[:field][column["Field"]]  if params[:field].present?
+              = content_field(column)
+
+        .span8
+          = field_set_tag "选项" do
+            = select_tag 'select_field', options_for_select_column_data(params[:id]), class: 'span2', name: '', :prompt => "Select Filter"
+            = button_tag '应用', class: 'btn'
+            = link_to '清除', '#', class: 'btn clear'

data/app/views/rails_admin_content/develop/manages/_form.html.slim

@@ -0,0 +1,5 @@
+= form_tag filter_develop_manages_path, method: :post
+  #search_area
+    textarea rows="2" cols="140" id="search-textarea" style="height:100px" name="q" #{RailsAdminContent::Client.query_str||""}
+  .nav
+    input  type="submit" value="Run" calss="btn btn-primary"

data/app/views/rails_admin_content/develop/manages/_menv.html.slim

@@ -0,0 +1,8 @@
+.main-menu-span style="padding:8px;margin-left:0px"
+  .well.nav-collapse.sidebar-nav
+    ul.nav.nav-tabs.nav-stacked.main-menu
+      li.nav-header.hidden-tablet style="font-size:12px"
+        | Database  #{RailsAdminContent::Client.conn.query_options[:database]}
+        - RailsAdminContent::Client.get_tables.each do |table|
+          li class="#{'active' if params[:id] == table.values.first}"
+            = link_to table.values.first, develop_manage_path(table.values.first), title: "[#{table.keys.first}] #{table.values.first}"

data/app/views/rails_admin_content/develop/manages/_navbar.html.slim

@@ -0,0 +1,34 @@
+.span10
+  .navbar
+    ul
+      li
+        = link_to develop_manages_path, class: 'btn-icon', title: 'Home' do
+          dt = image_tag("home.png")
+          dd Home
+
+      li
+        = link_to new_develop_manage_path(id: RailsAdminContent::Client.table_name), class: 'btn-icon', title: 'add' do
+          dt = image_tag("add.png")
+          dd Add
+
+      li 
+        = link_to develop_manage_path(RailsAdminContent::Client.table_name), class: 'btn-icon', title: 'Content' do
+          dt = image_tag("content.png")
+          dd Content
+
+      li
+        = link_to edit_column_develop_manage_path(RailsAdminContent::Client.table_name), class: 'btn-icon', title: 'Structure' do
+          dt = image_tag("setting.png")
+          dd Structure
+
+      li
+        = link_to details_develop_manage_path(RailsAdminContent::Client.table_name), class: 'btn-icon', title: 'Table info' do
+          dt = image_tag("details.png")
+          dd Table info
+
+      li
+        = link_to query_develop_manages_path, class: 'btn-icon', title: 'Query' do
+          dt = image_tag("search.png")
+          dd Query
+
+  div style="clear:both"

data/app/views/rails_admin_content/develop/manages/details.html.slim

@@ -0,0 +1,18 @@
+
+- if @details.present?
+  .span10
+    .details#grid_search
+      table#edit_tables.table-bordered.table.table-hover
+        thead
+          tr#th-title
+            th key
+            th value
+              
+        tbody
+          - @details.first.each do |key, value|
+            tr
+              td width="200"
+                strong
+                  = key
+              td
+                = value

data/app/views/rails_admin_content/develop/manages/edit.html.slim

@@ -0,0 +1,16 @@
+.span8
+  = form_tag(develop_manage_path(params[:id]), method: :put)
+    = field_set_tag "Table[#{params[:table_name]}]" do
+      = hidden_field_tag 'table_name', params[:table_name]
+      - columns = RailsAdminContent::Client.conn.origin_query("DESC #{params[:table_name]}").each
+      - RailsAdminContent::Client.conn.origin_query("SELECT * FROM #{params[:table_name]} WHERE id = #{params[:id]}").each[0].map do |key,value|
+        - if key == "id"
+          = hidden_field_tag :id, value
+        - else
+          = label_tag "field[#{key}]", key
+          = content_field(columns.select{|c| c["Field"] == key }.first ,value)
+      .controllers
+        .span2
+          = submit_tag 'Save', class: 'btn btn-primary'
+        .span2
+          = link_to 'Back', :back, class: 'btn'

data/app/views/rails_admin_content/develop/manages/edit_column.html.slim

@@ -0,0 +1,30 @@
+
+.span10
+  table#edit_tables.table-bordered.table.table-hover
+    thead
+      tr#th-title
+        th index
+        th Field
+        th Type
+        th Null
+        th Key
+        th Default
+        th Extra
+    - if @fields.present?
+      tbody
+        - @fields.each_with_index do |field,index|
+          tr
+            td
+              = index + 1
+            td
+              = field["Field"]
+            td
+              = field["Type"]
+            td
+              = field["Null"]
+            td
+              = field["key"]
+            td
+              = field["Default"]
+            td
+              = field["extra"]

data/app/views/rails_admin_content/develop/manages/index.html.slim

@@ -0,0 +1,2 @@
+.span3
+  = "Version: #{@version[0]['version']}"

data/app/views/rails_admin_content/develop/manages/new.html.slim

@@ -0,0 +1,10 @@
+.span8
+  = form_tag develop_manages_path
+    = field_set_tag "Table[#{params[:id]}]" do
+      = hidden_field_tag 'table_name', params[:id]
+      - RailsAdminContent::Client.conn.origin_query("DESC #{params[:id]}").each.map do |column|
+        - next if column["Field"] == "id"
+        = label_tag "field[#{column["Field"]}]", column["Field"]
+        = content_field column
+      .controllers
+        = submit_tag 'Save', class: 'btn btn-primary'

data/app/views/rails_admin_content/develop/manages/query.html.slim

@@ -0,0 +1,24 @@
+- if @entries.present? && @entries.first
+  .nav#nav
+    | #{@content}
+    .details#grid_search
+      form action="#{develop_manage_path(RailsAdminContent::Client.table_name)}" method="delete" id="details_form" remote="true"
+        input type="hidden" value="#{RailsAdminContent::Client.table_name}" name="table_name"
+        table#edit_tables.table-bordered.table.table-hover
+          thead
+            tr#th-title
+              th Index
+              - @entries.first.keys.each do |entry|
+                th
+                  = entry
+          - if @entries.present? && @entries.first
+            tbody
+              - @entries.each do |content|
+                tr class="tr_#{content.first[1]}"
+                  td
+                    label
+                      input type="checkbox" class="edit_checkbox" value="#{content.first[1]}" name="edit_id[]"
+                  - content.each do |key,value|
+                    td
+                      span class="#{edited(key,value)}" data-field="#{key}" data-table="#{RailsAdminContent::Client.table_name}" data-title="#{value}" data-url="#{develop_manage_path(content.values.first)}"
+                        = format(value)

data/app/views/rails_admin_content/develop/manages/show.html.slim

@@ -0,0 +1,27 @@
+
+.nav#nav
+  | #{@content}
+  .details#grid_search
+    form action="#{develop_manage_path(params[:id])}" method="delete" id="details_form" remote="true"
+      input type="hidden" value="#{RailsAdminContent::Client.table_name}" name="table_name"
+      table#edit_tables.table-bordered.table.table-hover
+        thead
+          tr#th-title
+            th Index
+            - @fields.map do |element|
+              th
+                = element["Field"]
+        - if @entries.present? && @entries.first
+          tbody
+            - @entries.each do |content|
+              tr class="tr_#{content.first[1]}"
+                td
+                  label
+                    input type="checkbox" class="edit_checkbox" value="#{content.first[1]}" name="edit_id[]"
+                - content.each do |key,value|
+                  td
+                    span class="#{edited(key,value)}" data-field="#{key}" data-table="#{RailsAdminContent::Client.table_name}" data-title="#{value}" data-url="#{update_field_develop_manage_path(content.values.first)}"
+                      - if key == "id"
+                        = link_to value, edit_develop_manage_path(value,table_name: RailsAdminContent::Client.table_name), title: 'edit'
+                      - else
+                        = format(value)

data/config/routes.rb

@@ -0,0 +1,12 @@
+RailsAdminContent::Engine.routes.draw do
+  match '/', to: "develop/manages#index"
+  namespace :develop do
+    resources :manages do
+      post :filter, on: :collection
+      get :query, on: :collection
+      put :update_field, on: :member
+      get :edit_column, on: :member
+      get :details, on: :member
+    end
+  end
+end

data/lib/assets/codemirror/charisma-app.css

@@ -0,0 +1,501 @@
+@import url(https://fonts.googleapis.com/css?family=Shojumaru);
+
+select{
+background-color:#fff;
+}
+
+.top-block{
+font-size:14px;
+text-align: center;
+padding: 5px;
+margin-bottom:10px;
+font-weight:bold;
+position: relative;
+display: block;
+line-height: 22px;
+text-shadow: 0 0 1px #DDD;
+text-decoration:none;
+-webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
+-moz-box-shadow: inset 0 0 0 1px #FAFAFA;
+box-shadow: inset 0 0 0 1px #FAFAFA;
+background: -moz-linear-gradient(top,  rgba(30,87,153,0.2) 0%, rgba(125,185,232,0) 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.2)), color-stop(100%,rgba(125,185,232,0)));
+background: -webkit-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
+background: -o-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
+background: -ms-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
+background: linear-gradient(to bottom,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331e5799', endColorstr='#007db9e8',GradientType=0 );
+}
+
+.top-block span{
+clear:both;
+}
+
+
+.top-block:hover{
+text-decoration:none;
+}
+
+.notification {
+display: block;
+position: absolute;
+top: -10px;
+right: -5px;
+line-height: 16px;
+height: 16px;
+padding: 0 5px;
+font-family: Arial, sans-serif;
+color: white !important;
+text-shadow: 0 1px 
+hsla(0, 0%, 0%, 0.25);
+border-width: 1px;
+border-style: solid;
+border-radius: 10px;
+-webkit-border-radius: 10px;
+-moz-border-radius: 10px;
+-webkit-box-shadow: 0 1px 1px 
+hsla(0, 0%, 0%, 0.08), inset 0 1px 
+hsla(0, 100%, 100%, 0.3);
+-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
+box-shadow: 0 1px 1px 
+hsla(0, 0%, 0%, 0.08), inset 0 1px 
+hsla(0, 100%, 100%, 0.3);
+}
+
+.notification {
+border-color: #2FABE9;
+background-color: #67C2EF;
+background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
+background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
+background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
+background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
+background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
+background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
+}
+
+.notification.green {
+border-color: 	#5AAD34;
+background-color: 	#78CD51;
+background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	hsl(101, 54%, 71%)), color-stop(100%, 	hsl(101, 55%, 56%)));
+background-image: -webkit-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
+background-image: -moz-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
+background-image: -ms-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
+background-image: -o-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
+background-image: linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
+}
+
+.notification.yellow {
+border-color: #F4A506;
+background-color: #FABB3D;
+background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
+background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
+background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
+background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
+background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
+background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
+}
+
+.notification.red {
+border-color: #FA5833;
+background-color: #FA603D;
+background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
+background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
+background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
+background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
+background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
+background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
+}
+
+#external-events {
+float: left;
+width: 15%;
+padding: 10px;
+text-align: left;
+}
+.external-event{
+margin: 5px;
+cursor:move;
+}
+#calendar {
+float: right;
+width: 80%;
+}
+
+
+
+.box{
+border: 1px solid #DEDEDE;
+border-radius:3px;
+-webkit-border-radius:3px;
+-moz-border-radius:3px;
+margin-top: 10px; 
+margin-bottom: 10px ;
+box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
+-webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
+-moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
+}
+
+.box-header{
+border:none;
+padding-top:5px;
+border-bottom: 1px solid #DEDEDE;
+border-radius:3px 3px 0 0;
+-webkit-border-radius:3px 3px 0 0;
+-moz-border-radius:3px 3px 0 0;
+height:12px;
+min-height:12px;
+margin-bottom: 0;
+cursor:move;
+font-weight:bold;
+font-size:16px;
+background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
+background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
+background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
+background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
+background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 );
+
+}
+
+.box-header h2{
+font-size:15px;
+width:auto;
+clear:none;
+float:left;
+line-height:25px;
+}
+.box-header h3{
+font-size:13px;
+width:auto;
+clear:none;
+float:left;
+line-height:25px;
+}
+.box-header h2 > i{
+margin-top:1px;
+}
+.box-icon{
+float:right;
+}
+.box-icon a{
+clear:none;
+float:left;
+margin:0 2px;
+height: 18px;
+width:5px;
+margin-top: -1px;
+}
+.box-icon a i{
+margin-left:-4.5px;
+}
+.box-content{
+padding:10px;
+}
+
+
+.btn-round{
+border-radius: 40px;
+-webkit-border-radius: 40px;
+-moz-border-radius: 40px;
+font-size:12px;
+padding-top:4px;
+}
+
+ul.dashboard-list li{
+padding: 7px 0;
+list-style:none;
+border-bottom: 1px solid #EBEBEB;
+border-top: 1px solid white;
+}
+
+ul.dashboard-list a:hover{
+text-decoration:none;
+}
+
+ul.dashboard-list{
+margin:0;
+}
+
+ul.dashboard-list li a span {
+display: inline-block;
+font-size: 18px;
+font-weight: bold;
+margin-right: 10px;
+text-align: right;
+width: 70px;
+zoom: 1;
+}
+
+.dashboard-avatar{
+height: 50px;
+width: 50px;
+padding: 1px;
+float: left;
+margin-left: 15px;
+margin-right: 15px;
+border: 1px solid #EBEBEB;
+}
+
+#prependedInput,#appendedPrependedInput,#appendedInputButtons,#appendedInputButton{
+width:200px;
+}
+#appendedInput{
+width:75px;
+}
+.thumbnail{
+background-color:white;
+z-index:2;
+position:relative;
+margin-bottom:40px !important;
+}
+.thumbnails > li{
+margin-left:15px;
+}
+.thumbnail img,.thumbnail > a{
+z-index:2;
+height:100px;
+width:100px;
+position:relative;
+display: block;
+}
+
+img.grayscale{
+-webkit-filter: grayscale(1);
+-webkit-filter: grayscale(100%);
+-moz-filter: grayscale(100%);
+-ms-filter: grayscale(100%);
+-o-filter: grayscale(100%);
+/*filter: url(desaturate.svg#grayscale);
+filter: gray;
+filter: grayscale(100%); */
+}
+
+.thumbnail .gallery-controls{
+position:absolute;
+z-index:1;
+margin-top:-30px;
+height:22px;
+min-height:22px;
+width:80px;
+padding:9px;
+}
+.thumbnail .gallery-controls p{
+display:block;
+margin:auto;
+width:100%;
+}
+label div.checker,label div.radio{
+margin-bottom:3px;
+}
+div.uploader{
+border-radius:14px;
+-webkit-border-radius:14px;
+-moz-border-radius:14px;
+}
+footer{
+clear:both;
+}
+footer .pull-right{
+float:right;
+margin-right:10px;
+}
+footer .pull-left{
+float:left;
+margin-left:10px;
+}
+.docs-input-sizes select, .docs-input-sizes input[type="text"] {
+display: block;
+margin-bottom: 9px;
+}
+
+div.center,p.center,img.center{
+margin-left: auto !important;
+margin-right: auto !important;
+float:none !important;
+display: block;
+text-align:center;
+}
+
+.stackControls{
+padding:5px;
+}
+
+.clear{
+clear:both;
+width:0px;
+height:0px;
+}
+
+.sidebar-nav{
+min-height:0;
+box-shadow: 0 0 10px #BDBDBD;
+-webkit-box-shadow: 0 0 10px #BDBDBD;
+-moz-box-shadow: 0 0 10px #BDBDBD;
+border-radius: 5px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+margin-bottom: 0;
+padding-bottom:0;
+}
+.sidebar-nav > ul > li:not(.nav-header){
+margin-right:-2px;
+margin-left:-2px;
+}
+.brand{
+font-family: 'Shojumaru', cursive, Arial, serif; 
+letter-spacing:2px;
+text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
+width:166px;
+}
+.brand img{
+float:left;
+height:20px;
+width:20px;
+margin-right:5px;
+}
+.brand span{
+float:left;
+}
+@media (max-width: 979px){
+.sidebar-nav{
+padding:0;
+margin-bottom:0;
+}
+.theme-text{
+	display:none;
+}
+}
+@media (min-width: 768px) and (max-width: 979px) {
+.box-icon{
+	display:none;	
+}
+.box-header h2{
+	font-size:13px !important;
+}
+.box-header h3{
+	font-size:11px !important;
+}
+.main-menu-span{
+	width:6.2% !important;
+	margin-right:4%;
+}
+}
+
+.navbar-search{
+margin-left:10px;
+}
+.navbar-inner{
+border-radius:0 0 10px 10px;
+-webkit-border-radius:0 0 10px 10px;
+-moz-border-radius:0 0 10px 10px;
+padding-top:5px; 
+padding-bottom:5px; 
+}
+div.dataTables_length select {
+width: 50px;
+}
+.dataTables_filter input, .dataTables_length select {
+display: inline-block;
+margin-bottom: 0;
+}
+ul.ajax-loaders li{
+display:inline-block;
+list-style:none;
+padding:10px;
+}
+ul.ajax-loaders{
+min-height:80px;
+}
+.bs-icons li{
+list-style:none;
+}
+#for-is-ajax{
+padding-left: 12px;
+cursor:pointer;
+}
+#loading{
+margin-top: 20px;
+width:128px;
+font-weight: bold;
+}
+#loading div.center{
+margin-top:10px;
+height:15px;
+width:128px;
+background:url(../img/ajax-loaders/ajax-loader-6.gif);
+}
+
+.box-content .nav-tabs{
+margin-right:-10px;
+margin-left:-10px;
+}
+#inputIcon{
+width:200px;
+}
+.show-grid [class*="span"] {
+background-color: #EDEDED;
+text-align: center;
+-webkit-border-radius: 3px;
+-moz-border-radius: 3px;
+border-radius: 3px;
+min-height: 30px;
+line-height: 30px;
+}
+.show-grid {
+margin-top: 10px;
+margin-bottom: 20px;
+color:black;
+}
+.show-grid:hover [class*="span"] {
+background: #DEDEDE;
+}
+.login-header{
+padding-top:30px;
+height:120px;
+}
+.pull-left{
+float:left !important;
+}
+.pull-right{
+float:right !important;
+}
+.remember{
+margin-top:3px;
+}
+.green {
+color: #458746;
+}
+.red {
+color: #B94846;
+}
+.blue {
+color: #3986AC;
+}
+.yellow {
+color: #F99406;
+}
+.login-box{
+
+}
+.login-box .input-prepend{
+margin-bottom: 10px;
+}
+.login-box .btn{
+margin-top:15px;
+width:100%
+}
+.charisma_qr{
+height:136px;
+width:136px;
+border:solid grey 1px;
+border-radius:2px;
+-webkit-border-radius:2px;
+-moz-border-radius:2px;
+box-shadow: 0 0 10px #BDBDBD;
+-webkit-box-shadow: 0 0 10px #BDBDBD;
+-moz-box-shadow: 0 0 10px #BDBDBD;
+}
+.box-content.buttons{
+min-height:297px;
+}