trusty-cms 1.0.0 → 1.0.1

data/app/assets/stylesheets/admin/_base.scss

@@ -0,0 +1,17 @@
+// Fonts
+$base-font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
+$base-font-size: 15px;
+
+// Links
+$base-link-color: #0066cc;
+$alt-link-color: red;
+
+// Header
+$header: #ca0000 !default;
+$primary-tab: rgba(white, 0.3);
+$primary-tab-current: white;
+
+// Modules
+@import "modules/links";
+@import "modules/boxes";
+@import "modules/gradients";

data/app/assets/stylesheets/admin/main.scss

@@ -0,0 +1,34 @@
+// main.css - main stylesheet for the TrustyCms admin interface
+
+// Common Variables and Modules
+@import "compass";
+@import "base";
+
+@import "compass/reset";
+
+// Partials
+@import "partials/typography";
+@import "partials/layout";
+@import "partials/header";
+@import "partials/avatars";
+@import "partials/dropdown";
+@import "partials/messages";
+@import "partials/forms";
+@import "partials/index";
+@import "partials/content";
+@import "partials/actions";
+@import "partials/footer";
+@import "partials/popup";
+@import "partials/tabcontrol";
+@import "partials/dateinput";
+@import "partials/toolbar";
+@import "partials/validations";
+@import "partials/treetable";
+
+// JQueryUI Partials
+@import "partials/jquery-ui";
+@import "partials/jquery-ui-structure";
+@import "partials/jquery-ui-theme";
+
+// Deprecated
+@import "partials/deprecated";

data/app/assets/stylesheets/admin/modules/_boxes.scss

@@ -0,0 +1,7 @@
+@mixin alt-box {
+  background: #d8d8d8;
+  @include linear-gradient(color-stops(white, #cccccc));
+  @include border-radius(8px);
+  @include single-box-shadow(rgba(0, 0, 0, 0.15), 2px, 2px, 3px);
+  padding: 12px 10px;
+}

data/app/assets/stylesheets/admin/modules/_gradients.scss

@@ -0,0 +1,5 @@
+// Reproduce the deprecated Compass linear-gradient mixin
+
+@mixin linear-gradient($color-stops, $start: top, $image: false) {
+  @include background-image($image, linear-gradient($start, $color-stops));
+}

data/app/assets/stylesheets/admin/modules/_links.scss

@@ -0,0 +1,24 @@
+@mixin default-link {
+  color: $base-link-color;
+  text-decoration: underline;
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+@mixin alt-link {
+  color: $alt-link-color;
+  text-decoration: underline;
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+@mixin plain-link {
+  color: #333333;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+    color: $base-link-color;
+  }
+}

data/app/assets/stylesheets/admin/partials/_actions.scss

@@ -0,0 +1,118 @@
+@mixin button-shadow {
+  @include single-box-shadow(#555555, 1px, 2px, 3px);
+}
+
+@mixin no-button-shadow {
+  @include single-box-shadow(#555555, 0, 0, 0);
+}
+
+#actions {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #777777;
+  @include linear-gradient(color-stops(#555555, #666666, #777777, #777777));
+  ul {
+    padding: 14px 8px;
+  }
+  li {
+    display: inline;
+    margin-right: 5px;
+  }
+  .pagination {
+    position: relative;
+    overflow: hidden;
+    float: right;
+    margin-right: 24px;
+    padding: 0 5px 5px 0;
+    a, span.current, span.disabled {
+      display: block;
+      float: left;
+      padding: 6px 12px 6px 12px;
+      margin-right: 1px;
+      background: #dddddd;
+      @include linear-gradient(color-stops(#c5c5c5, #f0f0f0 20%, white 35%, white));
+      color: #999999;
+      font-size: 80%;
+      text-decoration: none;
+      @include border-bottom-radius(5px);
+      @include border-top-radius(0);
+    }
+    a {
+      text-shadow: 1px 1px 1px #eeeeee;
+      &:hover {
+        background: #d8d8d8;
+        @include linear-gradient(color-stops(white, white, #dddddd));
+        color: #0076a3;
+        @include button-shadow;
+      }
+      &:active {
+        color: black;
+        @include no-button-shadow;
+      }
+    }
+    span.disabled {
+      color: #666666;
+      background-color: #999999;
+      @include linear-gradient(color-stops(#888888, #999999, #999999, #999999));
+    }
+    span.current {
+      color: black;
+      background: white;
+      font-weight: bold;
+      background-image: none;
+      @include button-shadow;
+    }
+    span.gap {
+      display: block;
+      float: left;
+      padding: 6px;
+      color: #cccccc;
+    }
+  }
+  .depaginate {
+    float: right;
+    padding: 6px 12px;
+    a {
+      @include no-button-shadow;
+      background: none;
+      font-size: 80%;
+      color: #cccccc;
+      text-shadow: none;
+      text-decoration: none;
+      &:hover {
+        color: white;
+      }
+    }
+  }
+}
+
+.button_form {
+  display: inline;
+}
+
+.action_button {
+  display: inline;
+  background: #d8d8d8;
+  @include linear-gradient(color-stops(white, #cccccc));
+  color: #333333;
+  font-size: 80%;
+  padding: 8px 12px;
+  text-decoration: none;
+  text-shadow: 1px 1px 1px #eeeeee;
+  @include border-radius(5px);
+  @include button-shadow;
+  &:hover {
+    color: #0076a3;
+    text-shadow: 1px 1px 1px white;
+  }
+  &:active {
+    background: white;
+    @include no-button-shadow;
+    color: black;
+  }
+  img {
+    vertical-align: -20%;
+  }
+}

data/app/assets/stylesheets/admin/partials/_avatars.scss

@@ -0,0 +1,12 @@
+img.avatar {
+  background: white;
+  border: none;
+  padding: 4px;
+  @include border-radius(3px);
+  @include single-box-shadow(rgba(0, 0, 0, 0.25), 1px, 1px, 3px);
+  &.avatar_32x32 {
+    padding: 2px;
+    @include border-radius(2px);
+    @include single-box-shadow(rgba(0, 0, 0, 0.3), 1px, 1px, 2px);
+  }
+}

data/app/assets/stylesheets/admin/partials/_content.scss

@@ -0,0 +1,74 @@
+#main {
+  float: left;
+  width: 100%;
+}
+
+#content {
+  font-size: 95%;
+  line-height: 1.2em;
+  padding: 20px;
+}
+
+.outset {
+  margin: -20px;
+  margin-bottom: 20px;
+}
+
+table.fieldset {
+  th {
+    padding: 6px;
+  }
+  td.field textarea {
+    width: 99.5%;
+    margin-right: -5px;
+  }
+}
+
+body.reversed {
+  h1 {
+    border-bottom: 1px solid #ababab;
+    background: #7e7e7e;
+    font-size: 125%;
+    margin: -20px -20px 20px;
+    padding: 15px 20px;
+    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+  }
+}
+
+.fullcover {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.clipped {
+  overflow: hidden;
+}
+
+.grey_out {
+  background: #666666;
+  background: rgba(0, 0, 0, 0.7);
+}
+
+#preview_panel {
+  background: white;
+}
+
+.preview_tools {
+  color: black;
+  position: fixed;
+  top: 10px;
+  right: 20px;
+  @include opacity(0.7);
+  @include alt-box;
+  &:hover {
+    @include opaque;
+  }
+  a {
+    @include alt-link;
+  }
+}

data/app/assets/stylesheets/admin/partials/_dateinput.scss

@@ -0,0 +1,71 @@
+input.date {
+  background: white image_url("admin/calendar_down.gif") right no-repeat;
+  padding-right: 26px;
+  width: 11em;
+}
+
+.calendar_popup {
+  @include single-box-shadow;
+  @include border-radius;
+  z-index: 1000;
+  border: 1px solid #b2b2b2;
+  background-color: white;
+  padding: 5px;
+  line-height: 140% !important;
+  a {
+    @include border-radius;
+  }
+  table.calendar {
+    font-size: 90%;
+    margin: 0 !important;
+    tr.day_header th {
+      border-top: 1px solid #e4e4e4;
+      border-bottom: 1px solid #e4e4e4;
+      color: #cccccc;
+      padding: 2px;
+    }
+    th, td {
+      text-align: center;
+    }
+    th {
+      &.back, &.month_year, &.forward {
+        padding-bottom: 3px;
+      }
+    }
+    td {
+      height: 1em;
+      padding: 3px !important;
+      margin: 0;
+      &.today {
+        @include border-radius;
+        background-color: #e5e5e5;
+      }
+      &.today a {
+        background-color: white;
+      }
+      &.selected a {
+        color: white;
+        background-color: #dd6600;
+      }
+    }
+    a {
+      color: black;
+      display: block;
+      font-family: $base-font-family;
+      text-decoration: none;
+      text-align: center;
+      width: 2.25em;
+      padding: 0.2em 0;
+      &:hover {
+        color: white !important;
+        background-color: #3257f4 !important;
+      }
+    }
+  }
+}
+
+body.reversed {
+  .calendar_popup {
+    border: 1px solid white;
+  }
+}

data/app/assets/stylesheets/admin/partials/_deprecated.scss

@@ -0,0 +1,65 @@
+// The styles here will be deprecated in a future version of TrustyCms, but
+// will be maintained here for a time so that older extensions continue to
+// look reasonable.
+
+// Use for "empty" instead of "note"
+table.index td.note {
+  color: silver;
+  font-size: 85%;
+  font-style: italic;
+  padding: 3em;
+  text-align: center;
+}
+
+// Use "set" instead of "row" on forms
+.row {
+  clear: both;
+  margin-top: 20px;
+  width: 100%;
+  p {
+    float: left;
+    margin: 0 2em 1.25em 0;
+    font-size: 95%;
+    label {
+      display: inline;
+      text-shadow: #666666 1px 1px 0;
+    }
+  }
+}
+
+// Use a div with a class of "popup_title" instead of an h3 with a class of "title"
+div.popup h3.title {
+  background: #c5dff5;
+  @include linear-gradient(color_stops(#e5f5ff, #c5dff5));
+  border-bottom: 1px solid #a7cdf0;
+  font-size: 100%;
+  margin: -10px -20px 20px -20px;
+  padding: 6px 10px;
+}
+
+// Reuse this style instead by applying the "action_button" class
+#actions {
+  a {
+    background: #d8d8d8;
+    @include linear-gradient(color-stops(white, #cccccc));
+    color: #333333;
+    font-size: 80%;
+    padding: 8px 12px;
+    text-decoration: none;
+    text-shadow: 1px 1px 1px #eeeeee;
+    @include border-radius(5px);
+    @include button-shadow;
+    &:hover {
+      color: #0076a3;
+      text-shadow: 1px 1px 1px white;
+    }
+    &:active {
+      background: white;
+      @include no-button-shadow;
+      color: black;
+    }
+    img {
+      vertical-align: -20%;
+    }
+  }
+}

data/app/assets/stylesheets/admin/partials/_dropdown.scss

@@ -0,0 +1,34 @@
+.dropdown_wrapper {
+  border: 1px solid #b3b3b3;
+  border-top: 1px solid #c3c3c3;
+  @include single-box-shadow(rgba(0, 0, 0, 0.35), 0px, 8px, 25px);
+  @include border-top-right-radius;
+  @include border-bottom-radius;
+}
+
+ul.menu {
+  background: white;
+  font-size: 80%;
+  padding: 5px 20px;
+  @include border-top-right-radius;
+  @include border-bottom-radius;
+  li {
+    margin: 0 -20px;
+    &.separator {
+      margin: 5px -18px;
+      border-top: 1px solid #e5e5e5;
+    }
+  }
+  a {
+    color: black;
+    display: block;
+    padding: 6px 20px 7px;
+    text-decoration: none;
+    border-top: 1px solid white;
+    &:hover {
+      background: #e0f0ff;
+      border-top: 1px solid #d5f0ff;
+      @include linear-gradient(color_stops(#e5f5ff, #b5d0f5));
+    }
+  }
+}