aureus 1.3.1 → 2.1.0

data/app/assets/stylesheets/aureus/index.scss

@@ -1,35 +1,3 @@
-//= depend_on reset
-//= depend_on mixins
-//= depend_on base
-//= depend_on topbar
-//= depend_on navigation
-//= depend_on content
-//= depend_on table
-//= depend_on form
-//= depend_on ui
-
-$asset_app_background: image-path('aureus/background.png');
-$asset_topbar_background: image-path('aureus/topbar.png');
-
-$asset_icon_sort: image-path('aureus/icon-sort.png');
-$asset_icon_sort_abc_asc: image-path('aureus/icon-sort-abc-asc.png');
-$asset_icon_sort_abc_desc: image-path('aureus/icon-sort-abc-desc.png');
-
-$asset_icon_pencil: image-path("aureus/icon-pencil.png");
-$asset_icon_cross: image-path("aureus/icon-cross.png");
-$asset_icon_eye: image-path("aureus/icon-eye.png");
-$asset_icon_refresh: image-path("aureus/icon-refresh.png");
-$asset_icon_print: image-path("aureus/icon-print.png");
-
-$color_main_dark: darken($color_main,15);
-$color_warn_dark: darken($color_warn,15);
-
-@import "reset";
-@import "mixins";
-@import "base";
-@import "topbar";
-@import "navigation";
-@import "content";
-@import "table";
-@import "form";
-@import "ui";
+//= require normalize-rails/normalize
+//= require leaflet
+//= require mapbox

data/app/assets/stylesheets/aureus/skin/default.scss

@@ -0,0 +1,52 @@
+$color-background: #ccc;
+$color-font-default: #fff;
+
+$color-notice: #3dbc13;
+$color-alert: #ffbb20;
+$color-error: #ff1a1a;
+
+$color-box-background: #fff;
+$color-box-header: #00334c;
+$color-box-title: #fff;
+$color-box-button: #fff;
+$color-box-button-hover: #0a89cf;
+$color-box-footer: #59483c;
+
+$color-form-hints: #666;
+$color-form-labels: #000;
+$color-form-field-border: #ccc;
+$color-form-field-border-focus: #1e1e1e;
+$color-form-field-text: #000;
+$color-form-button: #59483c;
+$color-form-button-hover: #0a89cf;
+$color-form-button-text: #fff;
+
+$color-navigation: #59483c;
+$color-navigation-title: #fff;
+$color-navigation-button: #c6b78d;
+$color-navigation-button-hover: #000;
+$color-navigation-button-text: #000;
+$color-navigation-button-text-hover: #fff;
+
+$color-table-head-background: #1e1e1e;
+$color-table-head-border: #59483c;
+$color-table-border: #c6b78d;
+$color-table-link: #00334c;
+$color-table-link-hover: #000;
+$color-table-list-head: #444;
+
+$color-toolbar: #1e1e1e;
+$color-toolbar-title: #fff;
+$color-toolbar-info: #59483c;
+$color-toolbar-link: #fff;
+$color-toolbar-link-hover: #c6b78d;
+
+$icon-sort: image-path("aureus/icon-sort.png");
+$icon-sort_abc_asc: image-path("aureus/icon-sort-abc-asc.png");
+$icon-sort_abc_desc: image-path("aureus/icon-sort-abc-desc.png");
+
+$icon-pencil: image-path("aureus/icon-pencil.png");
+$icon-cross: image-path("aureus/icon-cross.png");
+$icon-eye: image-path("aureus/icon-eye.png");
+$icon-refresh: image-path("aureus/icon-refresh.png");
+$icon-print: image-path("aureus/icon-print.png");

data/app/assets/stylesheets/aureus/theme.scss

@@ -0,0 +1,7 @@
+@import 'aureus/theme/base';
+@import 'aureus/theme/messages';
+@import 'aureus/theme/toolbar';
+@import 'aureus/theme/navigation';
+@import 'aureus/theme/content';
+@import 'aureus/theme/table';
+@import 'aureus/theme/form';

data/app/assets/stylesheets/aureus/theme/base.scss

@@ -0,0 +1,19 @@
+body {
+  margin: 0;
+  font-size: 14px;
+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  color: $color-font-default;
+  background-color: $color-background;
+  min-width: 1000px;
+}
+
+a {
+  color: $color-font-default;
+}
+
+.translation_missing {
+  padding: 0 !important;
+  margin: 0 !important;
+  color: $color-error !important;
+  text-decoration: line-through !important;
+}

data/app/assets/stylesheets/aureus/theme/content.scss

@@ -0,0 +1,65 @@
+.aureus-content {
+  padding: 20px;
+  overflow: hidden;
+  .row {
+    margin-bottom: 20px;
+    overflow: hidden;
+  }
+  .column {
+    float: left;
+    overflow: hidden;
+  }
+  .box {
+    background-color: $color-box-background;
+    h3 {
+      background-color: $color-box-header;
+      margin: 0;
+      padding: 14px 20px;
+      span {
+        color: $color-box-title;
+        font-size: 16px;
+        font-weight: normal;
+      }
+      a {
+        float: right;
+        cursor: pointer;
+        display: inline-block;
+        color: $color-box-button;
+        text-decoration: none;
+        font-size: 12px;
+        padding: 2px 10px;
+        margin-left: 5px;
+        border: 1px solid $color-box-button;
+      }
+      a:hover {
+        color: $color-box-button-hover;
+        border-color: $color-box-button-hover;
+      }
+    }
+    .datatable-wrapper {
+      overflow: auto;
+      overflow-x: scoll;
+    }
+    .content {
+      margin: 0;
+      padding: 12px;
+    }
+    .foot {
+      padding: 10px 20px;
+      background-color: $color-box-footer;
+    }
+  }
+  .centered {
+    margin: 0 auto;
+    margin-top: 15%;
+    float: none !important;
+    width: 400px;
+  }
+  hr {
+    width: 100%;
+    border: 0;
+    height: 20px;
+    padding: 0;
+    margin: 0;
+  }
+}

data/app/assets/stylesheets/aureus/{form.scss → theme/form.scss}

@@ -1,59 +1,59 @@
 form {
+  ul {
+    padding: 0;
+    margin: 0;
+  }
   li {
     list-style: none;
-    margin: 7px 0px;
+    margin-top: 10px;
     .inline-errors {
-      color: $color_warn;
+      color: $color-error;
+      margin-top: 2px;
+    }
+    abbr {
+      border: 0 !important;
+      padding-left: 3px;
     }
   }
+  li:first-child, li:nth-of-type(1) {
+    margin-top: 0;
+  }
   p {
     margin: 7px 0px;
     font-size: 14px;
-    color: #666;
-  }
-  p.inline-hints {
-    color: #999;
-  }
-  p.hint {
-    color: $color_main;
+    color: $color-form-hints;
   }
   label {
     display: block;
     margin-bottom: 2px;
-    color: #555;
+    color: $color-form-labels;
     font-size: 14px;
   }
   input[type="text"], input[type=password], input[type=email], input[type=tel], textarea, select[multiple=multiple] {
-    border: 1px solid #ccc;
+    border: 1px solid $color-form-field-border;
     box-sizing: border-box;
-    font-family: $font-family;
     font-size: 14px;
     padding: 5px;
     outline: none;
-    color: black;
+    color: $color-form-field-text;
     width: 100%;
-    :focus {
-      border: 1px solid #999;
-      @include box-shadow(0,0,4px,#999);
+    &:focus {
+      border: 1px solid $color-form-field-border-focus;
     }
   }
   button, input[type=submit] {
     border: 0;
     font-size: 12px;
-    font-weight: bold;
     padding: 7px 14px;
-    text-transform: uppercase;
-    color: white;
-    text-shadow: -1px -1px 0 black;
+    color: $color-form-button-text;
     cursor: pointer;
-    @include border-radius(3px);
-    font-family: $font-family;
-    @include gradient(#444,#222);
-  }
-  button:hover, input[type=submit]:hover {
-    @include gradient($color_main,$color_main_dark);
+    background-color: $color-form-button;
+    font-weight: bold;
+    &:hover {
+      background-color: $color-form-button-hover;
+    }
   }
   input[type=checkbox], input[type=radio] {
     margin-right: 7px;
   }
-}
+}

data/app/assets/stylesheets/aureus/theme/messages.scss

@@ -0,0 +1,16 @@
+.aureus-messages {
+  .error, .notice, .alert {
+    margin: 0;
+    padding: 10px 40px;
+    color: black;
+  }
+  .alert {
+    background-color: $color-alert;
+  }
+  .error {
+    background-color: $color-error;
+  }
+  .notice {
+    background-color: $color-notice;
+  }
+}

data/app/assets/stylesheets/aureus/theme/navigation.scss

@@ -0,0 +1,42 @@
+.aureus-navigation {
+  padding: 20px 40px;
+  overflow: hidden;
+  background-color: $color-navigation;
+  h2 {
+    margin: 0;
+    padding: 0;
+    float: left;
+    span {
+      font-weight: normal;
+      color: $color-navigation-title;
+      font-size: 28px;
+      overflow: hidden;
+    }
+  }
+  ul {
+    padding: 0;
+    margin: 0;
+    float: right;
+    li {
+      display: inline-block;
+      position: relative;
+      margin: 0;
+      margin-left: 6px;
+      padding: 7px 10px;
+      background-color: $color-navigation-button;
+      a {
+        cursor: pointer;
+        display: inline;
+        color: $color-navigation-button-text;
+        text-decoration: none;
+        font-size: 16px;
+      }
+      &:hover {
+        background-color: $color-navigation-button-hover;
+        a, span {
+          color: $color-navigation-button-text-hover;
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/aureus/theme/table.scss

@@ -0,0 +1,121 @@
+.datatable, .simple-table {
+  width: 100%;
+  border-spacing: 0;
+  thead {
+    tr {
+      background-color: $color-table-head-background;
+      th {
+        padding: 10px 10px;
+        padding-right: 30px;
+        text-align: left;
+        font-weight: normal;
+        font-size: 14px;
+        color: white;
+        border-left: 1px solid $color-table-head-border;
+        &:first-child {
+          padding-left: 20px;
+        }
+        &:last-child {
+          padding-right: 20px;
+        }
+      }
+      th:first-child {
+        border-left: 0;
+      }
+      th.sorting {
+        background-image: url($icon-sort);
+        background-repeat: no-repeat;
+        background-position: center right;
+      }
+      th.sorting_asc {
+        background-image: url($icon-sort_abc_asc);
+        background-repeat: no-repeat;
+        background-position: center right;
+      }
+      th.sorting_desc {
+        background-image: url($icon-sort_abc_desc);
+        background-repeat: no-repeat;
+        background-position: center right;
+      }
+      th.center {
+        text-align: center;
+      }
+    }
+  }
+  tbody {
+    td, th {
+      text-align: left;
+      border-top: 1px solid $color-table-border;
+      border-left: 1px solid $color-table-border;
+      padding: 12px 10px;
+      font-size: 14px;
+      color: black;
+      a {
+        color: $color-table-link;
+      }
+      a:hover {
+        color: $color-table-link-hover;
+      }
+      &:first-child {
+        padding-left: 20px;
+      }
+      &:last-child {
+        padding-right: 20px;
+      }
+    }
+    tr:first-child td, tr:first-child th {
+      border-top: 0;
+    }
+    td:first-child, th:first-child {
+      border-left: 0;
+    }
+    td.center {
+      text-align: center;
+    }
+    th {
+      border-right: 1px solid $color-table-border;
+      font-size: 12px;
+      color: $color-table-list-head;
+     }
+    td.buttons {
+      width: 1px;
+      white-space: nowrap;
+      text-align: right;
+      vertical-align: middle;
+      a {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px 10px 3px;
+        border: 1px solid black;
+        margin: 0 2px;
+        opacity: 0.5;
+        text-decoration: none;
+        height: 16px;
+        background-repeat: no-repeat;
+        background-position: center;
+        font-size: 14px;
+        &:hover {
+          opacity: 1;
+        }
+      }
+      a.edit, a.destroy, a.show, a.recover, a.print, a.icon {
+        width: 16px;
+      }
+      a.edit {
+        background-image: url($icon-pencil);
+      }
+      a.destroy {
+        background-image: url($icon-cross);
+      }
+      a.show {
+        background-image: url($icon-eye);
+      }
+      a.recover {
+        background-image: url($icon-refresh);
+      }
+      a.print {
+        background-image: url($icon-print);
+      }
+    }
+  }
+}