rdcms 1.0.26

data/app/assets/javascripts/rdcms/single_upload.js.coffee

@@ -0,0 +1,4 @@
+jQuery ->
+  #### Selectores
+  single_upload       = $('.single_upload')
+  

data/app/assets/javascripts/rdcms/sliders.js

@@ -0,0 +1,4 @@
+/*
+ *= require rdcms/plugins/jquery.parallax-1.1.3
+ *= require rdcms/plugins/royalslider
+*/

data/app/assets/javascripts/rdcms/upload_selector.js.coffee

@@ -0,0 +1,100 @@
+jQuery ->
+  #### Selectores
+  upload_selector       = $('#upload-selector')
+  file_selector         = $("form#file_selector", upload_selector)
+  auto_save             = $('#auto_save')
+  auto_save_checkbox    = $(':checkbox', auto_save)
+  form                  = $('#fileupload:first'     , upload_selector)
+  upload_tab            = $('#upload_tab'           , upload_selector)
+  selected_container_ul = $('#selected_container ul:first', upload_selector)
+  upload_container_ul   = $('#upload_container ul:first'  , upload_selector)
+  gallery_container_ul  = $('#gallery_container ul:first' , upload_selector)
+  action                = form.prop('action') || form.prop('href')
+  item_type             = $("#upload_item_type", form).val()
+  #### end Selectores
+
+  #### Core Functions
+  # getUploads - Puxa listagem de uploads
+  getUploads = (options) ->
+    options = $.extend
+      limit: 20
+      offset: 0
+      order: "upload_file_name"
+      item_type: item_type
+    , fileUploadsHashOptions, options, gallery_container_ul.data()
+
+    $.getJSON action, options, (data) =>
+      renderFiles data.files, gallery_container_ul, options.offset
+  #end getUploads
+
+  # renderFiles - Renderiza os itens
+  renderFiles = (data = {}, container = $(), offset) ->
+    template  = tmpl "template-download", files: data
+
+    if container == gallery_container_ul
+      $("<div />").append(template).children().each(() ->
+        _li = $(this)
+        _li.appendTo(container).addClass('in') unless $("##{_li.prop 'id'}", upload_selector).length
+      )
+    else
+      itens = container.append(template).children().addClass('in')
+
+    container.scrollTop(0) if offset == 0
+    _sortable(container).data("offset", $(".template-download", gallery_container_ul).length).data()
+
+
+  _sortable = (container) ->
+
+    container.sortable('destroy') if container.data("sortable")
+    container
+      .sortable
+        handle: ".det.header"
+        connectWith: ".connectedSortable"
+        # placeholder: "ui-state-highlight ui-sortable-placeholder template-download span3 fade in"
+        opacity: 0.6
+        revert: true
+        stop: ->
+          file_selector.submit() if auto_save_checkbox.prop('checked')
+      .disableSelection()
+
+  # end _sortable
+  #### end Core Functions
+
+  # Renderiza os itens carregados do Banco de dados
+  selectedData = selected_container_ul.data('load')
+  if selectedData && $.isArray(selectedData.files)
+    renderFiles selectedData.files, selected_container_ul, 0
+  else
+    _sortable selected_container_ul
+
+  # Quando a aba de galeria for selecionada carrega a lista de uploads
+  upload_tab.on "click.load_uploads", (ev) ->
+    getUploads()
+
+  # Carregamento sobre demanda dos uploads
+  gallery_container_ul.scroll (ev) ->
+    $t = $(this)
+    if $t.scrollTop() + $t.outerHeight() == $t.get(0).scrollHeight
+      getUploads()
+
+  # Ações de ordenação
+  auto_save.checkbox()
+
+  upload_selector
+    .on 'click.upload_selector', '.add button', (ev) ->
+      ev.preventDefault()
+      _moveImage(this, selected_container_ul)
+    .on 'click.upload_selector', '.remove button', (ev) ->
+      ev.preventDefault()
+      _moveImage(this, gallery_container_ul)
+
+  _moveImage = (_ref, container) ->
+    _ref = $(_ref).closest('.template-download')
+    _ref.hide 'scale', () ->
+      if !$("##{_ref.prop 'id'}", container).length
+        _ref.appendTo(container).show 'scale'
+        file_selector.submit() if auto_save_checkbox.prop('checked')
+      else
+        _ref.remove()
+
+  # end Ações de ordenação

data/app/assets/stylesheets/active_admin/_forms.css.scss

@@ -0,0 +1,282 @@
+// -------------------------------------- Active Admin Forms
+form {
+  /* Reset margins & Padding */
+  ul, ol, li, fieldset, legend, input, textarea, select, p { margin:0; padding:0; }
+  ol, ul { list-style: none }
+
+  fieldset {
+    border: 0;
+    padding: 10px 0;
+    margin-bottom: 20px;
+
+    &.inputs { @include section-background; }
+
+    legend {
+      width: 100%;
+      span { display: block; @include section-header; }
+    }
+
+    ol > li {
+      padding: 10px;
+      label {
+        display: block;
+        width: 20%;
+        float: left;
+        font-size: 1.0em;
+        font-weight: bold;
+        color: $section-header-text-color;
+        abbr { border: none; color: #aaa; }
+      }
+    }
+
+    ol > div.has_many {
+      padding: 20px 10px;
+      h3 {
+        font-size: 12px;
+        font-weight: bold;
+      }
+    }
+
+    ol > li > li label {
+      line-height:100%;
+      padding-top:0;
+      input {
+        line-height:100%;
+        vertical-align:middle;
+        margin-top:-0.1em;
+      }
+    }
+  }
+
+  /* Nested Fieldsets and Legends */
+  fieldset > ol > li {
+    fieldset {
+      position:relative;
+      padding: 0;
+      margin-bottom: 0;
+
+      legend {
+        position:absolute;
+        width:95%;
+        padding-top:0.1em;
+        left: 0px;
+        font-size: 100%;
+        font-weight: normal;
+        span { position:absolute; }
+        &.label label { position:absolute; }
+      }
+
+      ol {
+        float:left;
+        width:74%;
+        margin:0;
+        padding:0 0 0 20%;
+
+        li {
+          padding:0;
+          border:0;
+        }
+      }
+    }
+  }
+
+  /* Text Fields */
+/* // Conflito com twitter bootstrap
+  input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
+    width: 76%;
+    border: 1px solid #c9d0d6;
+    @include rounded;
+    font-size: 0.95em;
+    @include sans-family;
+    outline: none;
+    padding: 8px $text-input-horizontal-padding 7px;
+
+    &:focus {
+      border: 1px solid #99a2aa;
+      @include shadow(0,0,4px,#99a2aa);
+    }
+  }
+ */
+  fieldset > ol > li {
+
+    /* Hints */
+    p.inline-hints {
+      font-size: 0.95em;
+      font-style: italic;
+      color:#666;
+      margin: 0.5em 0 0 20%;
+    }
+
+    /* Date and Time Fields */
+    &.date, &.time, &.datetime, &.date_select {
+      fieldset ol li {
+        float:left; width:auto; margin:0 0.5em 0 0;
+        label { display: none; }
+        input { display:inline; margin:0; padding:0;  }
+      }
+    }
+
+    /* Check Boxes or Radio fields */
+    &.check_boxes, &.radio {
+      fieldset ol {
+        margin-bottom:-0.6em;
+        li {
+          margin:0.1em 0 0.5em 0;
+          label {
+            float:none;
+            width:100%;
+            input { margin-right:0.2em; }
+          }
+        }
+      }
+    }
+
+    /* Boolean Field */
+    &.boolean {
+      height: 1.1em;
+      label {
+        width: 80%;
+        padding-left:20%;
+        padding-right: 10px;
+        text-transform: none !important;
+        font-weight: normal;
+        input { margin:0 0.5em 0 0.2em; }
+      }
+    }
+
+    /* Errors */
+    p.inline-errors {
+      color: $error-color;
+      font-weight: bold;
+      margin:0.3em 0 0 20%;
+    }
+    ul.errors {
+      color: $error-color;
+      margin:0.5em 0 0 20%;
+      list-style:square;
+      li { padding:0; border:none; display:list-item; }
+    }
+
+    &.error {
+      input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea {
+        border: 1px solid $error-color;
+      }
+    }
+  }
+
+  /* semantic_errors */
+  ul.errors {
+    background: lighten($error-color, 60%);
+    @include rounded(4px);
+    color: $error-color;
+    font-weight: bold;
+    margin-bottom: 10px;
+    padding: 10px;
+    list-style:square;
+    li { margin-left:15px; padding:0; border:none; display:list-item; }
+  }
+
+  /* Buttons */
+
+  input[type=submit] {
+    @include dark-button;
+    cursor: pointer;
+
+  }
+
+  .buttons, .actions {
+    margin-top: 15px;
+    input[type=submit] { margin-right: 10px; }
+  }
+
+  fieldset.buttons li, fieldset.actions li {
+    float:left;
+    padding: 0;
+
+    &.cancel {
+      a {
+        @include light-button; @include icon(#777, 9px);
+      }
+    }
+  }
+
+}
+
+// -------------------------------------- Sidebar Forms
+
+$sidebar-inner-content-width: $sidebar-width - ($section-padding * 2);
+
+.sidebar_section {
+
+  label {
+    display: block;
+    text-transform: uppercase;
+    color: $section-header-text-color;
+    font-size: 0.9em;
+    font-weight: bold;
+  }
+
+  select {
+    width: $sidebar-inner-content-width;
+  }
+
+  input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea {
+    width: $sidebar-inner-content-width - ($text-input-horizontal-padding * 2);
+  }
+
+}
+
+// -------------------------------------- Filter Forms
+
+$filter-field-seperator-width: 12px;
+
+$side-by-side-filter-input-width: ($sidebar-inner-content-width / 2) - ($text-input-horizontal-padding * 2) - $filter-field-seperator-width;
+$side-by-side-filter-select-width: ($sidebar-inner-content-width / 2) - $filter-field-seperator-width;
+
+$date-range-filter-input-right-padding: 27px;
+$date-range-filter-input-horizontal-padding: $date-range-filter-input-right-padding + $text-input-horizontal-padding;
+$date-range-filter-input-width: ($sidebar-inner-content-width / 2) - $filter-field-seperator-width - $date-range-filter-input-horizontal-padding;
+
+form.filter_form {
+  .filter_form_field {
+    margin-bottom: 10px;
+    clear: both;
+
+    &.filter_numeric {
+      input[type=text] {
+        margin-left: $filter-field-seperator-width + 4;
+        width: $side-by-side-filter-input-width;
+      }
+      select {
+        width: $side-by-side-filter-select-width;
+      }
+    }
+
+    &.filter_check_boxes {
+      label { margin-bottom: 3px; }
+      .check_boxes_wrapper label {
+        font-weight: normal;
+        margin-bottom: 3px;
+        text-transform: none;
+        font-size: 1.0em;
+        input { vertical-align: baseline; }
+      }
+    }
+
+    &.filter_date_range {
+      .seperator {
+        display: inline-block;
+        text-align: center;
+        width: $filter-field-seperator-width;
+      }
+
+      input[type=text] {
+        background: #fff url(active_admin_image_path('datepicker/datepicker-input-icon.png')) no-repeat 100% 7px;
+        padding-right: $date-range-filter-input-right-padding;
+        width: $date-range-filter-input-width;
+      }
+    }
+  }
+  a.clear_filters_btn { @include light-button; }
+}
+

data/app/assets/stylesheets/application_print.css.scss

@@ -0,0 +1,10 @@
+body {
+  a:link:after,
+  a:visited:after { content: ""; }
+
+  .navbar .language_selector,
+  .navbar .btn-navbar,
+  .social-container,
+  .partners_container,
+  > footer { display: none; }
+}

data/app/assets/stylesheets/rdcms/active_admin.css.scss

@@ -0,0 +1,713 @@
+// Active Admin CSS Styles
+@import "active_admin/mixins";
+@import "active_admin/base";
+
+@import "rdcms/chosen";
+/* Ckeditor fix bug ActveAdmin Style */
+
+@import "compass";
+@import "rdcms/farbtastic";
+
+@import "rdcms/overlays";
+@import "rdcms/navbars";
+
+// To customize the Active Admin interfaces, add your
+// styles here:
+$background-color: black;
+
+body.active_admin {
+  @import "rdcms/bootstrap_and_overrides";
+  @import "bootstrap-editable";
+  @import "rdcms/jquery.fileupload-ui";
+  @import "rdcms/formstyle";
+}
+
+@import "rdcms/glyphs";
+@import "rdcms/flags";
+@import "rdcms/uploads";
+@import "rdcms/sliders";
+@import "core";
+
+body.active_admin {
+  padding: 0;
+
+  form {
+    &.form-horizontal .controls {
+      display: block;
+    }
+
+    .line + .line {
+      margin-top: 10px;
+    }
+
+    .datetime_select {
+      select {
+        width: auto;
+      }
+    }
+
+    label.label {
+      background-color: transparent;
+      border-radius: 0;
+      color: #5E6469;
+      font-size: 1em;
+      line-height: 20px;
+      padding: 0;
+      white-space: normal;
+    }
+    .radio_button,
+    .checkbox_button {
+      padding-top: 6px;
+
+      input[type="radio"],
+      input[type="checkbox"] {
+        margin: -5px 0 0;
+      }
+      label {
+        display: inline-block;
+        margin-right: 20px;
+      }
+    }
+  }
+  .attributes_table table {
+    tbody th { text-align: right; }
+  }
+  .thumbnails {
+    list-style: none outside none;
+  }
+
+  .nav {
+    list-style: none outside none;
+    margin-bottom: 20px;
+    margin-left: 0;
+  }
+  .nav-tabs > .active > a,
+  .nav-tabs > .active > a:hover {
+    color: #555555;
+  }
+  .thumbnails {
+    margin-left: -20px;
+
+    > li {
+      margin-bottom: 20px;
+      margin-left: 20px;
+    }
+  }
+
+  .tabbable {
+    $mp: 5px;
+    .nav {
+      margin-bottom: 0;
+    }
+    .thumbnails {
+
+      margin-left: -$mp;
+      padding-left: $mp;
+
+      padding-top: $mp;
+
+      > li {
+        margin-bottom: $mp;
+        margin-left: $mp;
+      }
+    }
+    form {
+      margin: 0;
+    }
+  }
+
+  .actions-buttons {
+    margin-bottom: 5px;
+  }
+
+  a {
+    &.btn { text-decoration: none }
+    &.btn-primary { color: #FFF; }
+    &.btn-link { text-decoration: underline; }
+  }
+  th, td { &.title { height: auto; } }
+
+  #upload_container .uploads-list .template-download .det.footer {
+    > div {
+      float: none;
+      display: inline-block;
+    }
+    > div + div {
+      margin-left: 10px;
+    }
+  }
+
+  /* Uploads */
+  .uploads-list {
+    height: 512px;
+    overflow: auto;
+  }
+  #upload_container   .uploads-list { height: 492px;  }
+  #gallery_container  .uploads-list { height: 547px; }
+
+  /* Artigos */
+  .post-list > h3 {
+    line-height: 24px;
+    margin: 0;
+  }
+  &.admin_posts {
+    .summary .text_area {
+      height: 73px;
+      padding: 4px 6px;
+    }
+  }
+
+  /* Configurações de aparências */
+  #admin_header,
+  #admin_footer,
+  #admin_contact {
+    .attributes_table > .row {
+      margin-left: -23px;
+    }
+    .header_padding,
+    .footer_padding {
+      input { width: auto; }
+    }
+  }
+
+  #admin_footer {
+    footer {
+      box-shadow: none;
+
+      .container {
+        padding-left: 20px;
+      }
+    }
+  }
+
+  #admin_contact {
+    .preview_contact_background {
+      height: 255px;
+      width: 100%;
+      background: url("rdcms/sliders/pattern_bg.png") repeat scroll 0 0 #282828;
+
+      -webkit-border-radius: 10px;
+         -moz-border-radius: 10px;
+              border-radius: 10px;
+    }
+  }
+
+  /* Informações da Empresa */
+  .settings_company {
+    dl.form {
+      float: none;
+      margin: 0 auto;
+    }
+  }
+
+  /* Publicações */
+  &.admin_publications {
+    .form-actions {
+      padding: 10px 0;
+    }
+    .tabbable {
+      .tab-content {
+        padding: 25px;
+      }
+    }
+    .description .text_area {
+      height: 73px;
+      padding: 4px 6px;
+    }
+    #upload_container {
+      .uploads-list {
+        height: auto;
+
+        .template-download {
+          .det.footer > div {
+            a.btn-primary {
+              color: #fff;
+            }
+          }
+        }
+      }
+    }
+  }
+  /* Sliders */
+  &.admin_sliders {
+    .form-actions {
+      padding: 10px 0;
+    }
+    .tabbable {
+      .tab-content {
+        padding: 25px;
+      }
+    }
+    .description .text_area {
+      height: 73px;
+      padding: 4px 6px;
+    }
+    /* Ajax Form */
+    .slider_edit_container {
+      form {
+        .image_input_send { display: none; }
+      }
+    }
+    #upload_container {
+      .uploads-list {
+        height: auto;
+
+        .template-download {
+          .det.footer > div {
+            a.btn-primary {
+              color: #fff;
+            }
+          }
+        }
+      }
+    }
+  }
+  /* Partners */
+  &.admin_partners {
+    .form-actions {
+      padding: 10px 0;
+    }
+    .tabbable {
+      .tab-content {
+        padding: 25px;
+      }
+    }
+    .description .text_area {
+      height: 73px;
+      padding: 4px 6px;
+    }
+    #upload_container {
+      .uploads-list {
+        height: auto;
+
+        .template-download {
+          .det.footer > div {
+            a.btn-primary {
+              color: #fff;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /* Settings > Visualizations */
+  &.admin_visualization {
+    div#main_content h3 {
+      margin-left: 0;
+    }
+  }
+  /* Google Analytics */
+  .google_analytics_container {
+    table {
+      font-size: 14px;
+
+      tbody {
+        th { text-align: center; }
+        td { text-align: left; }
+      }
+    }
+    .metrics {
+      font-size: 16px;
+      font-weight: bold;
+    }
+  }
+}
+
+@media (max-width: 1200px) {
+  $span6Width: 467px;
+  body.active_admin {
+    .uploads-list {
+      width: $span6Width;
+    }
+  }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+  $span6Width: 357px;
+  body.active_admin {
+    .uploads-list {
+      width: $span6Width;
+    }
+  }
+}
+
+span.startpage{
+  font-weight:bold;
+  color:red;
+  display:inline-block;
+}
+
+div#rdcms_image_maganger{
+  position:fixed;
+  right:330px;
+  top:200px;
+  height:200px;
+  width:350px;
+  background-color:$background-color;
+  opacity:0.8;
+  box-shadow:10px 10px 10px grey;
+  ul{
+    list-style:none;
+    padding: 0;
+    li{
+      float:left;
+      margin:3px;
+      img{
+        cursor:move;
+      }
+    }
+  }
+  .header{
+    background-color: grey;
+    width:100%;
+    height:16px;
+    cursor:move;
+    .close{
+      margin:1px;
+      float:right;
+      height:14px;
+      width:14px;
+      background:url("/assets/close.png") no-repeat transparent;
+      cursor:pointer;
+    }
+  }
+}
+
+.panel_contents .well .royalSlider {
+  margin: 0;
+}
+
+div#titlebar_left h2#page_title {
+  margin-left: 100px;
+}
+#header {
+  padding:9px 30px 9px 150px;
+
+  .site_title img {
+    height: 48px;
+  }
+  ul#tabs > li, #utility_nav {
+    font-weight:bold;
+  }
+  ul#tabs > li.has_nested.current > a, ul#tabs > li.has_nested > a {
+      padding-right: 35px;
+  }
+  ul#tabs.header-item {
+    left: 92px;
+  }
+}
+#title_bar {
+  padding:10px 30px 10px 158px;
+}
+body.active_admin .breadcrumb {
+  margin-left: 100px;
+}
+div#main_content h3 {
+  margin-left: 10px;
+}
+a.button {
+  margin-left: 10px;
+}
+
+legend .foldable_icon_wrapper{
+  .foldable_icon{
+    background:url("/assets/arrow.png");
+    width:20px;
+    height:20px;
+    float:right;
+    margin:5px;
+    cursor:pointer;
+    @include rotate(90deg);
+    @include transition(all 500ms);
+    &.open{
+      @include rotate(0deg);
+    }
+
+  }
+}
+
+h3 .foldable_icon_wrapper{
+  .foldable_icon{
+    background:url("/assets/arrow.png");
+    display:inline-block;
+    width:20px;
+    height:20px;
+    float:right;
+    cursor:pointer;
+    @include rotate(90deg);
+    @include transition(all 500ms);
+    &.open{
+      @include rotate(0deg);
+    }
+
+  }
+}
+
+.sidebar_section > div.panel_contents{
+  padding-left:0px;
+  padding-right:0px;
+}
+
+.sidebar_section.warning > div.panel_contents{
+  //background-color: lightred;
+  @include background(linear-gradient(top, #ffffff 0%, red 100%));
+  border-bottom: 1px solid grey;
+  border-right: 1px solid grey;
+  border-left: 1px solid grey;
+}
+
+body.active_admin .sidebar_section > div div.overview-sidebar{
+  margin:0 0 0 -30px;
+  padding:0 0 0 0px;
+  ul{
+    list-style:none;
+    margin:0 0 0 0;
+    padding:0 0 0 15px;
+    li{
+      margin:0 0 0 0;
+      padding:0 0 0 0;
+
+      div.item{
+        width:90%;
+        padding:0 0 0 8%;
+        line-height:14px;
+        border-bottom: 1px dotted transparent;
+        &:hover{
+          border-bottom: 1px dotted grey;
+        }
+
+        div.folder{
+          background:url("/assets/tree.png") no-repeat -6px;
+          height:12px;
+          width:12px;
+          display:inline-block;
+          cursor:pointer;
+        }
+
+        div.last_folder{
+          background:url("/assets/tree.png") no-repeat -9px;
+          height:12px;
+          width:12px;
+          display:inline-block;
+        }
+
+
+        div.title{
+          display:inline-block;
+          ul{
+            display:none;
+          }
+          a{
+            text-decoration:none;
+            cursor:pointer;
+          }
+          overflow: hidden;
+          width: 145px;
+          height: 16px;
+          line-height: 16px;
+        }
+        div.options{
+          display:inline-block;
+          float:right;
+          a{
+            display:inline-block;
+            text-indent:-9999px;
+          }
+/*
+          a.new_link{
+            width:14px;
+            height:14px;
+            background:url("/assets/icons/16/plus.png");
+            @include background-size(14px);
+          }
+          a.edit_link{
+            width:14px;
+            height:14px;
+            background:url("/assets/icons/16/compose-3.png");
+            @include background-size(14px);
+          }
+*/
+        }
+      }
+    }
+  }
+}
+
+textarea.metadescription_hint {
+  background-color: transparent;
+  border: 0px;
+  height: 185px;
+}
+
+#article_hint_label_input {
+  margin-top: 15px;
+}
+textarea#article_summary, textarea#article_teaser{
+  resize: none;
+}
+
+.per_page_links a{
+  color: #5c6469;
+  text-decoration:none;
+  font-weight:bold;
+}
+
+.index_as_table {
+  a{
+    &.online{
+      color:green;
+      text-decoration:none;
+    }
+    &.offline{
+      color:red;
+      text-decoration:none;
+    }
+
+  }
+}
+
+h3.rdcms_article_article_type{
+  text-align:center;
+}
+
+table.importer_assoziations td.nested_model_header{
+  font-weight:bold;
+}
+
+form li.hidden.input{
+  display:none;
+}
+
+body.active_admin .status{
+  background: none;
+  color: #000;
+}
+/*
+body.active_admin .index_table .edit{
+  background: url("/assets/icons/32/compose-3.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin tbody .online{
+  background: url("/assets/icons/32/play.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin tbody .list{
+  background: url("/assets/icons/32/list-2.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin tbody .create{
+  background: url("/assets/icons/32/plus.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin tbody .offline{
+  background: url("/assets/icons/32/stop.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin .view{
+  background: url("/assets/icons/32/eye.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin .delete{
+  background: url("/assets/icons/32/delete.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+
+body.active_admin .new_subarticle{
+  background: url("/assets/icons/32/folder-add.png") no-repeat center center transparent;
+  @include background-size(20px);
+  text-indent:-99999px;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+}
+ */
+body.active_admin .import{
+  background: url("/assets/import.jpg") no-repeat center center transparent;
+  text-indent:-99999px;
+  width: 22px;
+  height: 20px;
+  display: inline-block;
+}
+
+body.active_admin table.index_table th:last-child {
+  width: 130px;
+  min-width: 130px;
+}
+
+div.has_many.vita_steps {
+  li.input {
+    fieldset.inputs.has_many_fields {
+      margin: 0px;
+      padding: 0px;
+    }
+  }
+}
+
+body.active_admin form input[type="submit"] {
+    display: inline-block;
+    margin-right: 3px;
+    padding: 7px 16px 6px;
+    cursor: pointer;
+
+    background-color: #7FBF4D;
+    background: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
+    background: -webkit-gradient(linear, left top, left bottom, from(#7FBF4D), to(#63A62F));
+
+    border-color: #63A62F #63A62F #5B992B;
+    border-image: none;
+    border-radius: 200px 200px 200px 200px;
+    border-style: solid;
+    border-width: 1px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 #96CA6D inset;
+
+    color: #FFFFFF;
+    font-family: Helvetica,Arial,sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 12px;
+    text-shadow: 0 -1px 0 #4C9021;
+    text-decoration: none;
+}
+
+
+body.active_admin form input[type="submit"]:hover:not(.disabled) {
+    background-color: #76B347;
+    background: -moz-linear-gradient(center top , #76B347, #5E9E2E);
+    background: -webkit-gradient(linear, left top, left bottom, from(#76B347), to(#5E9E2E));
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 #8DBF67 inset;
+}