RubyGems - beautiful_scaffold - Versions diffs - 0.0.8 → 0.1.0 - Mend

beautiful_scaffold 0.0.8 → 0.1.0

Files changed (48) hide show

data/lib/generators/templates/app/views/layout.html.erb CHANGED

@@ -7,11 +7,15 @@
     <meta name="description" content="Beautiful Scaffold">
     <meta name="author" content="You or me Sylvain Claudel (http://blog.escarworld.com)">
-    <%%= stylesheet_link_tag "reset", "beautiful_scaffold" %>
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
-    <%%= javascript_include_tag "application", "jquery.pjax", "beautiful_scaffold" %>
+    <%%= stylesheet_link_tag "reset", "bootstrap.min", "bootstrap-responsive.min", "beautiful-scaffold" %>
+    <style>
+        body {
+            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
+        }
+    </style>
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>-->
+    <%%= javascript_include_tag "application", "jquery.pjax" %>
     <%%= javascript_include_tag "jquery.markitup.js" %>
     <%%= javascript_include_tag "markitup/sets/default/set.js" %>
     <%%= stylesheet_link_tag "markitup/skins/simple/style.css" %>
@@ -24,47 +28,79 @@
     <%%= yield :head %>
   </head>
   <body>
-    <div id="admin">
-      <div id="left-panel">
-        <p id="logo">Beautiful Scaffold</p>
-        <p id="home">Hello
-          <span id="username">
-            <%%= l(Date.today, :format => :long) %>
-          </span>
-          <span id="message"></span>
-        </p>
-        <p id="home-link">
-          <a href="#">Homepage</a>
-          <div class="loader" style="display:none">
-            <div class="circle"></div>
-            <div class="circle1"></div>
+    <div class="container-fluid">
+      <div class="navbar navbar-fixed-top">
+        <div class="navbar-inner">
+          <div class="container">
+            <a class="brand" href="#">
+              Beautiful-Scaffold
+            </a>
+            <ul class="nav">
+              <li class="active">
+                <a href="beautiful/dashboard">Home</a>
+              </li>
+            </ul>
+            <div class="btn-group pull-right">
+              <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+                <i class="icon-user"></i> Username
+                <span class="caret"></span>
+              </a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Profile</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Sign Out</a></li>
+              </ul>
+            </div>
           </div>
-        </p>
-        <%%= render :partial => "layouts/beautiful_menu" %>
+        </div>
       </div>
-      <div id="right-panel">
-        <h1>Administration Panel</h1>
-        <p class="subtitle">Beautiful Scaffold</p>
-        <!--<p id="flash-warning">Lorem ipsum....</p>-->
-        <%% if not flash[:notice].blank? then %>
-          <p id="flash-notice"><%%= flash[:notice] %></p>
-        <%% end %>
-        <!--<p id="flash-success">Lorem ipsum....</p>-->
-        <%% if not flash[:error].blank? then %>
-          <p id="flash-error"><%%= flash[:error] %></p>
-        <%% end %>
-        <div id="pjax-container">
-          <%%= yield %>
+      <div class="row-fluid">
+        <div class="span2">
+          <ul class="nav nav-list well">
+            <li class="nav-header">
+              Menu
+            </li>
+            <%%= render :partial => "layouts/beautiful_menu" %>
+          </ul>
+        </div>
+        <div class="span10">
+          <!-- Zone PJAX -->
+          <!-- TODO with pjax -->
+          <%% if not flash[:notice].blank? then %>
+            <div class="alert alert-info">
+              <a class="close" data-dismiss="alert" href="#">×</a>
+              <h4 class="alert-heading">Info : </h4>
+              <%%= flash[:notice] %>
+            </div>
+          <%% end %>
+          <%% if not flash[:error].blank? then %>
+            <div class="alert alert-error">
+              <a class="close" data-dismiss="alert" href="#">×</a>
+              <h4 class="alert-heading">Info : </h4>
+              <%%= flash[:error] %>
+            </div>
+          <%% end %>
+          <div id="pjax-container">
+            <%%= yield %>
+          </div>
+          <!-- FIN Zone PJAX -->
         </div>
-        <p id="footer">
-          Copyright 2011 Beautiful Scaffold | Powered by <a href="http://blog.escarworld.com">rivsc</a> | <a href="http://www.beautiful-scaffold.com">Beautiful Scaffold</a>
-        </p>
       </div>
     </div>
+    <div class="loader" style="display:none">
+      <div class="circle"></div>
+      <div class="circle1"></div>
+    </div>
+    <%%= javascript_include_tag "bootstrap.min", "bootstrap-alert", "bootstrap-dropdown", "bootstrap-modal", "bootstrap-tooltip" %>
+    <script type="text/javascript">
+        $('.dropdown-toggle').dropdown();
+    </script>
   </body>
 </html>

data/lib/generators/templates/app/views/new.html.erb CHANGED

@@ -1,5 +1,5 @@
-<div class="box content-box">
-  <div class="box-title"><%%= t(:new, :default => 'New') %> <%= singular_table_name %></div>
-  <%%= render 'form' %>
-  <%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn" %>
-</div>
+<h2><%%= t(:new, :default => 'New') %> <%= singular_table_name %></h2>
+<%%= render 'form' %>
+<%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn" %>

data/lib/generators/templates/app/views/partials/_form_field.html.erb CHANGED

@@ -1,37 +1,57 @@
 <%- attributes.each do |attribute| -%>
   <%- if @beautiful_attributes.include?(attribute.name + ':richtext') then -%>
-    <div class="field">
-      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name %>") %>
-      <%%= f.text_area :<%= attribute.name %>, :class => "richtext-editor" %>
+    <div class="control-group">
+      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name.capitalize %>"), :class => "control-label" %>
+      <div class="controls">
+        <%%= f.text_area :<%= attribute.name %>, :class => "richtext-editor" %>
+      </div>
     </div>
-    <div class="field">
-      <% for type in richtext_type %>
-        <%% hashradio = {:id => "<%= attribute.name %>-<%= type %>", :class => "select-richtext", 'data-editor' => 'markItUp<%= singular_table_name.capitalize %>_<%= attribute.name.downcase %>', 'data-spleditor' => '<%= singular_table_name %>_<%= attribute.name %>' } %>
-        <%% hashradio[:checked] = "checked" if @<%= singular_table_name %>.<%= attribute.name %>_typetext == "<%= type %>" %>
-        <%%= f.radio_button :<%= attribute.name %>_typetext, "<%= type %>", hashradio  %>
-        <label for="<%= attribute.name %>-<%= type %>" class="label-richtext-type"><%= type.capitalize %></label>
-      <% end %>
+    <div class="control-group">
+      <label class="control-label" for="inlineCheckboxes"></label>
+      <div class="controls">
+        <% for type in richtext_type %>
+          <%% hashradio = {:id => "<%= attribute.name %>-<%= type %>", :class => "select-richtext", 'data-editor' => 'markItUp<%= singular_table_name.capitalize %>_<%= attribute.name.downcase %>', 'data-spleditor' => '<%= singular_table_name %>_<%= attribute.name %>' } %>
+          <%% hashradio[:checked] = "checked" if @<%= singular_table_name %>.<%= attribute.name %>_typetext == "<%= type %>" %>
+          <label for="<%= attribute.name %>-<%= type %>" class="label-richtext-type checkbox inline">
+            <%%= f.radio_button :<%= attribute.name %>_typetext, "<%= type %>", hashradio  %>
+            <%= type.capitalize %>
+          </label>
+        <% end %>
+      </div>
     </div>
-  <%% rttype = @<%= singular_table_name %>.<%= attribute.name %>_typetext.to_s %>
-  <%% if not rttype.blank? then %>
-  <script language="javascript">
-    $(document).ready(function(){
-      $('#<%= singular_table_name %>_<%= attribute.name %>').markItUp(my<%%= rttype.capitalize %>Settings);
-      $('#markItUp<%= singular_table_name.capitalize %>_<%= attribute.name.downcase %>').addClass('<%%= rttype.downcase %>');
-    });
-  </script>
-  <%% end %>
+    <%% rttype = @<%= singular_table_name %>.<%= attribute.name %>_typetext.to_s %>
+    <%% if not rttype.blank? then %>
+    <script language="javascript">
+      $(document).ready(function(){
+        $('#<%= singular_table_name %>_<%= attribute.name %>').markItUp(my<%%= rttype.capitalize %>Settings);
+        $('#markItUp<%= singular_table_name.capitalize %>_<%= attribute.name.downcase %>').addClass('<%%= rttype.downcase %>');
+      });
+    </script>
+    <%% end %>
   <%- elsif @beautiful_attributes.include?(attribute.name + ':references') then -%>
-    <div class="field">
-      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name %>") %>
-      <%%= f.collection_select :<%= attribute.name %>_id, <%= attribute.name.camelcase %>.all, :id, :caption %>
+    <div class="control-group">
+      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name.capitalize %>"), :class => "control-label" %>
+      <div class="controls">
+        <%%= f.collection_select :<%= attribute.name %>_id, <%= attribute.name.camelcase %>.all, :id, :caption %>
+      </div>
+    </div>
+  <%- elsif @beautiful_attributes.include?(attribute.name + ':price') then -%>
+    <div class="control-group">
+      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name.capitalize %>"), :class => "control-label" %>
+      <div class="controls">
+        <div class="input-prepend">
+          <span class="add-on">$</span><%%= f.<%= attribute.field_type %> :<%= attribute.name %> %>
+        </div>
+      </div>
     </div>
   <%- else -%>
-    <div class="field">
-      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name %>") %>
-      <%%= f.<%= attribute.field_type %> :<%= attribute.name %> %>
+    <div class="control-group">
+      <%%= f.label :<%= attribute.name %>, t(:<%= attribute.name %>, :default => "<%= attribute.name.capitalize %>"), :class => "control-label" %>
+      <div class="controls">
+        <%%= f.<%= attribute.field_type %> :<%= attribute.name %> %>
+      </div>
     </div>
   <%- end -%>
 <%- end -%>

data/lib/generators/templates/app/views/partials/_index_batch.html.erb CHANGED

@@ -1,6 +1,6 @@
 <%- attributes.each{ |attribute| -%>
   <%- if attribute.type.to_s == "boolean" then -%>
-    <option value="<%= attribute.name %>.true"><%%= t(:settrueforattr, :attr => "<%= attribute.name %>", :default => "Set <%= attribute.name %> to true") %></option>
-    <option value="<%= attribute.name %>.false"><%%= t(:setfalseforattr, :attr => "<%= attribute.name %>", :default => "Set <%= attribute.name %> to false") %></option>
+    <option value="<%= attribute.name %>.true"><%%= t(:settrueforattr, :attr => "'<%= attribute.name %>'", :default => "Set <%= attribute.name %> to true") %></option>
+    <option value="<%= attribute.name %>.false"><%%= t(:setfalseforattr, :attr => "'<%= attribute.name %>'", :default => "Set <%= attribute.name %> to false") %></option>
   <%- end -%>
 <%- } -%>

data/lib/generators/templates/app/views/partials/_index_column.html.erb CHANGED

@@ -1,5 +1,5 @@
 <%- attributes.each do |attribute| -%>
-  <td class="<%%= align_attribute("<%= attribute.type %>") %>">
+  <td <%%= visible_column("<%= singular_table_name %>", "<%= attribute.name %>") %> class="col-<%= attribute.name %> <%%= align_attribute("<%= attribute.type %>") %>">
     <% if @beautiful_attributes.include?(attribute.name + ':price') then %>
       <%%= number_to_currency(<%= singular_table_name %>.<%= attribute.name %>) %>
     <% elsif @beautiful_attributes.include?(attribute.name + ':richtext') then %>

data/lib/generators/templates/app/views/partials/_index_header.html.erb CHANGED

@@ -1,5 +1,5 @@
 <%- attributes.each do |attribute| -%>
-<th>
+<th <%%= visible_column("<%= singular_table_name %>", "<%= attribute.name %>") %> class="col-<%= attribute.name %>">
   <%- id_or_not = "" -%>
   <%- if @beautiful_attributes.include?(attribute.name + ':references') then -%>
     <%- id_or_not = "_id" -%>

data/lib/generators/templates/app/views/show.html.erb CHANGED

@@ -1,7 +1,8 @@
-<div class="box content-box">
-  <div class="box-title"><%%= t(:show, :default => "Show") %> <%= singular_table_name %></div>
-  <%= render_partial 'app/views/partials/_show_field.html.erb' %>
-  <!-- Beautiful_scaffold - AddField - Field - Do not remove -->
-  <%%= link_to t(:edit, :default => "Edit"), edit_<%= namespace_for_route %><%= singular_table_name %>_path(@<%= singular_table_name %>), :class => "btn" %>
-  <%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn" %>
-</div>
+<h2><%%= t(:show, :default => "Show") %> <%= singular_table_name %></h2>
+<%= render_partial 'app/views/partials/_show_field.html.erb' %>
+<!-- Beautiful_scaffold - AddField - Field - Do not remove -->
+<%%= link_to t(:edit, :default => "Edit"), edit_<%= namespace_for_route %><%= singular_table_name %>_path(@<%= singular_table_name %>), :class => "btn" %>
+<%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn" %>

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beautiful_scaffold
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.1.0
   prerelease:
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2012-03-12 00:00:00.000000000Z
+date: 2012-07-25 00:00:00.000000000Z
 dependencies: []
 description: Beautiful Scaffold generate a complete scaffold (sort, export, paginate
   and filter data)
@@ -27,28 +27,35 @@ files:
 - lib/generators/beautiful_migration_generator.rb
 - lib/generators/beautiful_scaffold_common_methods.rb
 - lib/generators/beautiful_scaffold_generator.rb
-- lib/generators/templates/app/assets/images/bg-bottom-login.jpg
-- lib/generators/templates/app/assets/images/bg-error.png
-- lib/generators/templates/app/assets/images/bg-left.jpg
-- lib/generators/templates/app/assets/images/bg-notice.jpg
-- lib/generators/templates/app/assets/images/bg-notice.png
-- lib/generators/templates/app/assets/images/bg-success.png
-- lib/generators/templates/app/assets/images/bg-top-login.jpg
-- lib/generators/templates/app/assets/images/bg-warning.png
+- lib/generators/templates/app/assets/images/glyphicons-halflings-white.png
+- lib/generators/templates/app/assets/images/glyphicons-halflings.png
 - lib/generators/templates/app/assets/javascripts/beautiful_scaffold.js
+- lib/generators/templates/app/assets/javascripts/bootstrap-alert.js
+- lib/generators/templates/app/assets/javascripts/bootstrap-dropdown.js
+- lib/generators/templates/app/assets/javascripts/bootstrap-modal.js
+- lib/generators/templates/app/assets/javascripts/bootstrap-tooltip.js
+- lib/generators/templates/app/assets/javascripts/bootstrap.js
+- lib/generators/templates/app/assets/javascripts/bootstrap.min.js
 - lib/generators/templates/app/assets/javascripts/jquery.pjax.js
 - lib/generators/templates/app/assets/javascripts/modernizr.custom.js
-- lib/generators/templates/app/assets/stylesheets/beautiful_scaffold.css.scss
+- lib/generators/templates/app/assets/stylesheets/beautiful-scaffold.css.scss
+- lib/generators/templates/app/assets/stylesheets/bootstrap-responsive.css
+- lib/generators/templates/app/assets/stylesheets/bootstrap-responsive.min.css
+- lib/generators/templates/app/assets/stylesheets/bootstrap.css
+- lib/generators/templates/app/assets/stylesheets/bootstrap.min.css
 - lib/generators/templates/app/assets/stylesheets/reset.css
 - lib/generators/templates/app/controllers/base.rb
 - lib/generators/templates/app/controllers/master_base.rb
 - lib/generators/templates/app/helpers/beautiful_helper.rb
 - lib/generators/templates/app/helpers/model_helper.rb
+- lib/generators/templates/app/initializers/link_renderer.rb
 - lib/generators/templates/app/locales/beautiful_scaffold.en.yml
 - lib/generators/templates/app/locales/beautiful_scaffold.fr.yml
 - lib/generators/templates/app/models/pdf_report.rb
 - lib/generators/templates/app/views/_beautiful_menu.html.erb
 - lib/generators/templates/app/views/_form.html.erb
+- lib/generators/templates/app/views/_modal_columns.html.erb
+- lib/generators/templates/app/views/dashboard.html.erb
 - lib/generators/templates/app/views/edit.html.erb
 - lib/generators/templates/app/views/index.html.erb
 - lib/generators/templates/app/views/layout.html.erb

data/lib/generators/templates/app/assets/images/bg-bottom-login.jpg DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-error.png DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-left.jpg DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-notice.jpg DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-notice.png DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-success.png DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-top-login.jpg DELETED

Binary file

data/lib/generators/templates/app/assets/images/bg-warning.png DELETED

Binary file

data/lib/generators/templates/app/assets/stylesheets/beautiful_scaffold.css.scss DELETED

@@ -1,719 +0,0 @@
-$bgleft:"../assets/bg-left.jpg";
-$warning:"../assets/bg-warning.png";
-$success:"../assets/bg-success.png";
-$error:"../assets/bg-error.png";
-$notice:"../assets/bg-notice.png";
-$bg-color-warning:#FFFBCC;
-$bg-color-success:#D5FFCF;
-$bg-color-error:#FFCECF;
-$bg-color-notice:#DCE3FF;
-$border-color-warning:#E5DB55;
-$border-color-success:#9ADF8F;
-$border-color-error:#DF8F90;
-$border-color-notice:#A3B3EE;
-$gradient-top:#6fb200;
-$gradient-bottom:#4b9200;
-$box-title-gradient-top:#e8e8e8;
-$box-title-gradient-bottom:#dadada;
-$border-spinner:#4b9200;
-$shadow-spinner:#6fb200;
-$selected-text:#6fb200;
-$selected-text-bg:white;
-@mixin border-radius($content){
-  -ms-border-radius:$content;
-  -o-border-radius:$content;
-  -webkit-border-radius:$content;
-  -moz-border-radius:$content;
-  border-radius:$content;
-}
-@mixin box-shadow($content){
-  -ms-box-shadow:$content;
-  -o-box-shadow:$content;
-  -webkit-box-shadow:$content;
-  -moz-box-shadow:$content;
-  box-shadow:$content;
-}
-@mixin gradient($color-top, $color-bottom){
-  background: $color-top;                                                       /* Old browsers */
-  background: -moz-linear-gradient(top, $color-top 0%, $color-bottom 100%);     /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-top), color-stop(100%,$color-bottom)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, $color-top 0%,$color-bottom 100%);   /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, $color-top 0%,$color-bottom 100%);        /* Opera11.10+ */
-  background: -ms-linear-gradient(top, $color-top 0%,$color-bottom 100%);       /* IE10+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-top', endColorstr='$color-bottom',GradientType=0 ); /* IE6-9 */
-  background: linear-gradient(top, $color-top 0%,$color-bottom 100%);           /* W3C */
-}
-::selection{
-  background-color:$selected-text;
-  color:$selected-text-bg;
-}
-h1, h2{
-  font-size:27px;
-  font-family:helvetica;
-}
-body{
-  background:transparent url($bgleft) repeat;
-}
-#left-panel, #right-panel{
-  padding-top:30px;
-}
-#left-panel{
-  width:230px;
-  background:transparent url($bgleft) repeat;
-  position:absolute;
-  top:0;
-  left:0;
-}
-#right-panel{
-  margin:0px;
-  margin-left:230px;
-  top:0;
-  z-index:10;
-  position: relative;
-  @include box-shadow(0px 0px 10px black);
-  padding-left:20px;
-  padding-right:20px;
-  background-color:#F4F4F4;
-}
-#logo{
-  font-size:31px;
-  font-family:helvetica;
-  font-variant:small-caps;
-  color:#EEE;
-  margin-bottom:25px;
-  text-align:center;
-}
-#home, #message, #username, a{
-  font-size:11px;
-  font-family:helvetica;
-  color:#CCCCCA;
-}
-#home-link, #home, a:hover{
-  color:#6D7B6C;
-  text-align:right;
-}
-#home-link, #home{
-  margin-bottom:15px;
-  padding-right:10px;
-}
-.subtitle{
-  font-size:17px;
-  font-family:helvetica;
-  color:#555;
-  margin-top:10px;
-  margin-bottom:10px;
-}
-.menuelt{
-  transition-property:padding,width;
-  transition-duration:1s;
-  -ms-transition-property:padding,width;
-  -ms-transition-duration:1s;
-  -webkit-transition-property:padding,width;
-  -webkit-transition-duration:1s;
-  -moz-transition-property:padding,width;
-  -moz-transition-duration:1s;
-  -o-transition-property:padding,width;
-  -o-transition-duration:1s;
-  font-family:helvetica;
-  position:relative;
-  z-index:5;
-  width:192px;
-  font-size:14px;
-  height: 17px;
-  margin: 8px 0px 4px 28px;
-  padding: 11px 15px 7px 0px;
-  text-align:right;
-  cursor:pointer;
-  line-height:14px;
-  @include border-radius(3px);
-  color:white;
-  @include gradient($gradient-top,$gradient-bottom);
-}
-.menuelt:hover{
-  padding-right:35px;
-  width:172px;
-}
-.menuelt.active{
-  z-index:15;
-  background:#F4F4F4;
-  color:#555;
-}
-.submenu{
-  display:block;
-  height:auto;
-}
-.submenu.hidden{
-  display:none;
-  height:0;
-}
-.submenu li{
-  font-size:12px;
-  font-family:helvetica;
-  color:#AAA;
-  text-align:right;
-  margin:10px;
-}
-.submenu li:hover{
-  color:white;
-}
-.menu-box{
-  @include border-radius(3px);
-  border:1px solid #BCBCBC;
-  color:#333;
-  width:120px;
-  height:20px;
-  margin:10px;
-  padding-top:80px;
-  text-align:center;
-  float:left;
-  font-family:helvetica;
-  font-size:12px;
-  background-color:#F4F4F4;
-  background-position:23px 4px;
-  background-repeat:no-repeat;
-}
-.menu-box:hover{
-  background-color:white;
-}
-.menu-box:first-of-type{
-  margin-left:0px;
-}
-#write-article{   background-image:url(../assets/img1.jpg);}
-#create-page{     background-image:url(../assets/img2.jpg);}
-#upload-picture{  background-image:url(../assets/img3.jpg);}
-#add-event{       background-image:url(../assets/img4.jpg);}
-#manage-comments{ background-image:url(../assets/img5.jpg);}
-.box{
-  @include border-radius(3px);
-  border:1px solid #CDCDCD;
-  border-top-color:#DDDDDD;
-  background-color:white;
-  clear:left;
-}
-.box h2{
-  font-family:helvetica;
-  font-size:13px;
-  font-weight:bold;
-  color:black;
-  padding:6px;
-  margin-top:4px;
-}
-.box p{
-  font-family:helvetica;
-  font-size:12px;
-  font-weight:normal;
-  color:#555;
-  padding:6px;
-}
-.box-title{
-  font-family:helvetica;
-  font-size:14px;
-  font-weight:bold;
-  color:black;
-  padding:6px;
-  cursor:pointer;
-  @include gradient($box-title-gradient-top,$box-title-gradient-bottom);
-  border-bottom:1px solid #BCBCBC;
-}
-form{
-  padding:15px;
-}
-.field{
-  clear:left;
-}
-select, option, textarea, input[type=text],
-input[type=color],
-input[type=date],
-input[type=datetime],
-input[type=datetime-local],
-input[type=email],
-input[type=file],
-input[type=image],
-input[type=month],
-input[type=number],
-input[type=password],
-input[type=range],
-input[type=reset],
-input[type=search],
-input[type=tel],
-input[type=text],
-input[type=time],
-input[type=url],
-input[type=week]{
-  @include border-radius(3px);
-  background-color:white;
-  border:1px solid #DDD;
-  margin-bottom:15px;
-  clear:left;
-  font-size:13px;
-  padding:3px;
-  font-family:helvetica;
-  font-size:13px;
-  line-height:18px;
-}
-option{
-  margin:0;
-  border:0;
-}
-select:focus, option:focus, textarea:focus, input[type=text]:focus,
-input[type=color]:focus,
-input[type=date]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=email]:focus,
-input[type=file]:focus,
-input[type=image]:focus,
-input[type=month]:focus,
-input[type=number]:focus,
-input[type=password]:focus,
-input[type=range]:focus,
-input[type=reset]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=time]:focus,
-input[type=url]:focus,
-input[type=week]:focus{
-  @include box-shadow(0px 0px 3px #5BA000);
-  border:1px solid #DDD;
-}
-label{
-  clear:left;
-  display:block;
-  font-family:helvetica;
-  font-size:13px;
-  color:#444;
-  margin-bottom:7px;
-}
-label.label-richtext-type{
-  display:inline;
-}
-label.inlabel{
-  display:inline;
-}
-.btn, input[type=submit]{
-  display:inline-block;
-  font-size:12px;
-  font-family:helvetica;
-  position:relative;
-  z-index:11;
-  margin:4px;
-  padding:6px 10px;
-  text-align:center;
-  -moz-box-sizing: content-box;
-  -o-box-sizing: content-box;
-  -ms-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-  line-height:18px;
-  @include border-radius(3px);
-  border:none;
-  color:white;
-  text-decoration:none;
-  @include gradient($gradient-top,$gradient-bottom);
-}
-.btn:hover, input[type=submit]:hover{
-  color:white;
-  text-decoration:none;
-  @include gradient($gradient-bottom,$gradient-top);
-}
-.content-box{
-  clear:both;
-  margin-top:10px;
-  margin-bottom:10px;
-}
-.content-box-left, .content-box-right{
-  width:49%;
-  height:229px;
-  margin-top:10px;
-  margin-bottom:10px;
-}
-.content-box-left{
-  float:left;
-  clear:left;
-}
-.content-box-right{
-  float:right;
-  clear:right;
-}
-.close{
-  height:26px;
-  overflow:hidden;
-}
-.index_filter{ display:table-cell;vertical-align: top;width:24%;height:100%;padding-top:52px;}
-.index_table{ display:block;width:100%;height:100%;}
-.filter-min{
-  display:inline-block;
-  width:98px;
-  margin-right:5px;
-}
-.filter-max{
-  display:inline-block;
-  width:99px;
-}
-.filter{
-  width:210px;
-}
-#footer{
-  clear:left;
-  font-family:helvetica;
-  font-size:11px;
-  color:#666;
-  margin-top:8px;
-  padding-top:8px;
-  border-top:1px solid #BBB;
-  height:20px;
-}
-#flash-warning,
-#flash-notice,
-#flash-success,
-#flash-error{
-  font-family:helvetica;
-  font-size:12px;
-  border-style:solid;
-  border-width:1px;
-  @include border-radius(3px);
-  padding:8px;
-  padding-left:28px;
-  display:block;
-  color:#333;
-  clear:left;
-  margin:3px 0px;
-}
-#flash-warning{
-  border-color:$border-color-warning;
-  background:$bg-color-warning url($warning) no-repeat 7px 8px;
-}
-#flash-notice{
-  border-color:$border-color-notice;
-  background:$bg-color-notice url($notice) no-repeat 7px 8px;
-}
-#flash-success{
-  border-color:$border-color-success;
-  background:$bg-color-success url($success) no-repeat 7px 8px;
-}
-#flash-error{
-  border-color:$border-color-error;
-  background:$bg-color-error url($error) no-repeat 7px 8px;
-}
-.successful, .error{
-  font-family:helvetica;
-  font-size:13px;
-  color:#333;
-  padding:0px 0px 5px 28px;
-  margin-top:4px;
-  margin-left:7px;
-}
-.successful{
-  background:white url(../assets/bg-success.png) no-repeat 7px 1px;
-}
-.error{
-  background:white url(../assets/bg-error.png) no-repeat 7px 1px;
-}
-table{
-  margin:10px;
-  border:1px solid #BBB;
-  width:100%;
-}
-table tr:first-child{
-  font-weight:bold;
-  text-align:left;
-  border-bottom:1px solid #DDD;
-  border-left:none;
-  border-right:none;
-  background-color:#DDD;
-}
-table tr:last-child{
-  border-bottom:1px solid #BBB;
-}
-table tr:first-child td, table tr:first-child th{
-  color:#111;
-}
-table tr:first-child td a, table tr:first-child th a{
-  text-decoration:none;
-}
-table tr td, table tr th{
-  padding:5px 9px 5px 0px;
-  font-family:helvetica;
-  font-size:12px;
-  color:#777;
-  border-bottom:1px solid #DDD;
-}
-table tr td a, table tr th a{
-  color:#777;
-}
-table tr.line-1{
-  background-color:white;
-}
-table tr.line-2{
-  background-color:#EEE;
-}
-table tr.line-1:hover, table tr.line-2:hover, table tr:hover{
-  background-color:#DDD;
-  @include box-shadow(0px 0px 7px #777);
-}
-/* Login page */
-html, body{
-  height:100%;
-}
-#admin-login{
-  height:100%;
-}
-#top-login{
-  background:transparent url(../assets/bg-top-login.jpg);
-  border-bottom:1px solid #eee;
-  height:33%;
-  width:100%;
-  position:relative;
-}
-#top-login p{
-  font-family:helvetica;
-  font-weight:bold;
-  font-size:25px;
-  margin-bottom:30px;
-  color:#DFDFDF;
-  text-align:center;
-  position:absolute;
-  bottom:0px;
-  width:100%;
-}
-#bottom-login{
-  background:transparent url(../assets/bg-bottom-login.jpg);
-  height:65%;
-  width:100%;
-}
-label.login-label span,
-label.login-label-right span{
-  color:white;
-  font-size:14px;
-  display:inline-block;
-  width:125px;
-}
-label.login-label-right span{
-  width:100px;
-}
-label.login-label input[type=text]{
-  margin-bottom:0px;
-}
-label.login-label, label.login-label-right{
-  margin-bottom:15px;
-}
-.submit, label.login-label-right{
-  text-align:right;
-}
-#bottom-login form{
-  width:293px;
-  margin-left:auto;
-  margin-right:auto;
-}
-.al, .ac, .ar{
-  vertical-align:middle;
-}
-.al{
-  text-align:left;
-}
-.ac{
-  text-align:center;
-}
-.ar{
-  text-align:right;
-}
-.box-margintl{
-  margin-left:10px;
-  margin-top:10px;
-}
-#export{
-  margin-left:10px;
-}
-#export p{
-  margin:0;
-  padding:0;
-}
-#export_label{
-  display:block;
-  float:left;
-  margin-left:47px;
-  background:none;
-  color:#777;
-  padding-top:5px;
-  padding-right:10px;
-}
-#batch_label{
-  display:inline;
-  color:#777;
-  padding-top:5px;
-  padding-right:10px;
-}
-label.allitems{
-  font-size:11px;
-}
-#table-items-and-filter{
-  display:table;
-}
-form.table-item{
-  display:table-cell;
-  vertical-align:top;
-}
-.beautiful_pagination{
-  height:23px;
-}
-/* http://www.alessioatzeni.com/blog/css3-loading-animation-loop/ */
-.loader{
-  position:fixed;
-  top:50%;
-  left:50%;
-  width:70px;
-  height:70px;
-  z-index:1000;
-}
-.circle {
-  background-color: rgba(0,0,0,0);
-  border:5px solid $border-spinner;
-  opacity:.9;
-  border-right:5px solid rgba(0,0,0,0);
-  border-left:5px solid rgba(0,0,0,0);
-  border-radius:50px;
-  box-shadow: 0 0 35px $shadow-spinner;
-  width:50px;
-  height:50px;
-  margin:0 auto;
-  -moz-animation:spinPulse 1s infinite ease-in-out;
-  -webkit-animation:spinPulse 1s infinite linear;
-}
-.circle1 {
-  background-color: rgba(0,0,0,0);
-  border:5px solid $border-spinner;
-  opacity:.9;
-  border-left:5px solid rgba(0,0,0,0);
-  border-right:5px solid rgba(0,0,0,0);
-  border-radius:50px;
-  box-shadow: 0 0 15px $shadow-spinner;
-  width:30px;
-  height:30px;
-  margin:0 auto;
-  position:relative;
-  top:-50px;
-  -moz-animation:spinoffPulse 1s infinite linear;
-  -webkit-animation:spinoffPulse 1s infinite linear;
-}
-@-ms-keyframes spinPulse {
-  0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
-  50% { -ms-transform:rotate(145deg); opacity:1;}
-  100% { -ms-transform:rotate(-320deg); opacity:0; }
-}
-@-ms-keyframes spinoffPulse {
-  0% { -ms-transform:rotate(0deg); }
-  100% { -ms-transform:rotate(360deg); }
-}
-@-o-keyframes spinPulse {
-  0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
-  50% { -o-transform:rotate(145deg); opacity:1;}
-  100% { -o-transform:rotate(-320deg); opacity:0; }
-}
-@-o-keyframes spinoffPulse {
-  0% { -o-transform:rotate(0deg); }
-  100% { -o-transform:rotate(360deg); }
-}
-@-moz-keyframes spinPulse {
-  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner;}
-  50% { -moz-transform:rotate(145deg); opacity:1; }
-  100% { -moz-transform:rotate(-320deg); opacity:0; }
-}
-@-moz-keyframes spinoffPulse {
-  0% { -moz-transform:rotate(0deg); }
-  100% { -moz-transform:rotate(360deg);  }
-}
-@-webkit-keyframes spinPulse {
-  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
-  50% { -webkit-transform:rotate(145deg); opacity:1;}
-  100% { -webkit-transform:rotate(-320deg); opacity:0; }
-}
-@-webkit-keyframes spinoffPulse {
-  0% { -webkit-transform:rotate(0deg); }
-  100% { -webkit-transform:rotate(360deg); }
-}
-/* Pagination */
-.beautiful_pagination {
-  background: white;
-  cursor: default;
-  font-size:12px;
-  margin-left:10px;
-}
-.beautiful_pagination a, .beautiful_pagination .previous_page, .beautiful_pagination .next_page{
-  padding:4px 7px 5px 7px;
-  display: block;
-  float: left;
-  margin-right: 1px;
-  font-family:helvetica;
-  text-decoration: none;
-  color:$gradient-top;
-  border:none;
-  font-size:12px;
-  @include border-radius(3px);
-  border:1px solid $gradient-top;
-}
-.beautiful_pagination a:hover{
-  color:black;
-  border:1px solid black;
-}
-.beautiful_pagination .current{
-  padding:4px 7px 5px 7px;
-  display: block;
-  float: left;
-  margin-right: 1px;
-  font-family:helvetica;
-  text-decoration: none;
-  color: #5BA000;
-  border:none;
-  font-size:12px;
-  color:white;
-  @include border-radius(3px);
-  @include gradient($gradient-top,$gradient-bottom);
-  border:1px solid $gradient-top;
-}
-.beautiful_pagination .previous_page, .beautiful_pagination .previous_page:hover,
-.beautiful_pagination .next_page, .beautiful_pagination .next_page:hover{
-  border:none;
-}
-.beautiful_pagination .disabled{
-  color:gray;
-}
-.beautiful_pagination .gap{
-  padding:4px 7px 5px 7px;
-  display: block;
-  float: left;
-  margin-right: 1px;
-}
-.markItUp .markItUpContainer .markItUpHeader a:hover{
-  color:transparent;
-}