trusty-cms 1.0.0 → 1.0.1

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

@@ -0,0 +1,198 @@
+@mixin status-badge($background, $color: white, $width: 5em) {
+  color: $color;
+  background: $background;
+  display: block;
+  padding: 0 6px;
+  width: $width;
+  text-align: center;
+  @include border-radius(100px);
+}
+
+table.index {
+  font-size: 90%;
+  margin-bottom: 2em;
+  width: 100%;
+  border-bottom: 1px solid white;
+  th {
+    text-align: left;
+    background-color: #9e9e9e;
+    color: white;
+    font-size: 90%;
+    font-weight: normal;
+    padding: 2px 9px;
+    &.actions {
+      padding-left: 15px;
+      min-width: 18em;
+    }
+    &.name {
+      width: 100%;
+    }
+    &.status {
+      min-width: 8em;
+    }
+  }
+  td {
+    text-align: left;
+    padding: 4px 9px;
+    border-top: 1px solid #f0f0f0;
+    a.action, span.action.disabled {
+      padding: 6px;
+      margin: 0 25px 0 1px;
+      img {
+        vertical-align: -18%;
+      }
+    }
+    a.action {
+      color: black;
+      text-decoration: none;
+      &:hover {
+        background: #d8d8d8;
+        @include linear-gradient(color-stops(white, #cccccc));
+        border: 1px solid #a5c9df;
+        margin: 0 24px 0 0;
+        @include border-radius;
+      }
+      &.selected {
+        background: #c5e0f5;
+        @include linear-gradient(color_stops(#e5f5ff, #c5e0ff));
+        border: 1px solid #a5c9df;
+        margin: 0 24px 0 0;
+        @include border-top-radius;
+        @include border-bottom-radius(0);
+      }
+    }
+    span.action.disabled {
+      color: #cccccc;
+    }
+    &.empty {
+      color: silver;
+      font-size: 85%;
+      font-style: italic;
+      padding: 3em;
+      text-align: center;
+    }
+    &.name {
+      font-size: 115%;
+      font-weight: bold;
+      img {
+        vertical-align: center;
+      }
+      a {
+        color: black;
+        text-decoration: none;
+        &:hover {
+          color: #0066cc;
+          text-decoration: underline;
+        }
+      }
+    }
+    &.actions {
+      font-size: 85%;
+      white-space: nowrap;
+    }
+  }
+  tr {
+    &:first-child {
+      border-top: 1px solid white;
+    }
+    &.hover, &:hover {
+      td {
+        border-top: 1px solid #d5f0ff;
+        border-bottom: 1px solid #c5dff5;
+        background: #c5dff5;
+        @include linear-gradient(color_stops(#e5f5ff, #c5dff5));
+      }
+    }
+  }
+  thead {
+    tr, tr:first-child {
+      border-top: none;
+    }
+  }
+}
+
+table.index#pages {
+  tr.page {
+    &.level_0 td.name {
+      font-size: 120%;
+      font-weight: bold;
+    }
+    &.level_1 td.name {
+      font-size: 115%;
+      font-weight: bold;
+    }
+    &.level_2 td.name {
+      font-size: 115%;
+    }
+    &.level_3 td.name {
+      font-size: 105%;
+    }
+  }
+  td.name {
+    font-size: 105%;
+    a {
+      text-decoration: none;
+      .title {
+        color: black;
+        text-decoration: none;
+      }
+      &:hover .title {
+        color: #0066cc;
+        text-decoration: underline;
+      }
+    }
+    .info {
+      color: #9eb3bf;
+      font-style: italic;
+      font-weight: normal;
+      font-size: 90%;
+    }
+  }
+  tr.page.virtual td.name a .title {
+    color: #9eb3bf;
+  }
+  td.name {
+    .w1 {
+      position: relative;
+      img.expander {
+        left: -25px;
+        position: absolute;
+        padding: 6px 3px;
+      }
+    }
+  }
+  td.status {
+    font-size: 80%;
+  }
+}
+
+.status {
+  a {
+    @include plain-link;
+  }
+}
+
+.draft_status {
+  @include status-badge(#cc494c);
+}
+
+.hidden_status {
+  @include status-badge(#9eb3bf);
+}
+
+table.index#users {
+  td.name {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    img.avatar {
+      margin-right: 4px;
+      vertical-align: center;
+    }
+    .login {
+      color: #9eb3bf;
+      font-size: 90%;
+      font-style: italic;
+      font-weight: normal;
+    }
+  }
+}

data/app/assets/stylesheets/admin/partials/_jquery-ui-structure.scss

@@ -0,0 +1,258 @@
+/*!
+ * jQuery UI CSS Framework 1.11.0
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/theming/
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+  display: none;
+}
+.ui-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+  content: "";
+  display: table;
+  border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+  clear: both;
+}
+.ui-helper-clearfix {
+  min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter:Alpha(Opacity=0);
+}
+
+.ui-front {
+  z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+  cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.ui-datepicker {
+  width: 17em;
+  padding: .2em .2em 0;
+  display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+  position: relative;
+  padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+  position: absolute;
+  top: 2px;
+  width: 1.8em;
+  height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+  top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+  left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+  right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+  left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+  right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+  display: block;
+  position: absolute;
+  left: 50%;
+  margin-left: -8px;
+  top: 50%;
+  margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+  margin: 0 2.3em;
+  line-height: 1.8em;
+  text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+  font-size: 1em;
+  margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+  width: 49%;
+}
+.ui-datepicker table {
+  width: 100%;
+  font-size: .9em;
+  border-collapse: collapse;
+  margin: 0 0 .4em;
+}
+.ui-datepicker th {
+  padding: .7em .3em;
+  text-align: center;
+  font-weight: bold;
+  border: 0;
+}
+.ui-datepicker td {
+  border: 0;
+  padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+  display: block;
+  padding: .2em;
+  text-align: right;
+  text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+  background-image: none;
+  margin: .7em 0 0 0;
+  padding: 0 .2em;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+  float: right;
+  margin: .5em .2em .4em;
+  cursor: pointer;
+  padding: .2em .6em .3em .6em;
+  width: auto;
+  overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+  float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+  width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+  float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+  width: 95%;
+  margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+  width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+  width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+  width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+  border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+  clear: left;
+}
+.ui-datepicker-row-break {
+  clear: both;
+  width: 100%;
+  font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+  direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+  right: 2px;
+  left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+  left: 2px;
+  right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+  right: 1px;
+  left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+  left: 1px;
+  right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+  clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+  float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+  float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+  border-right-width: 0;
+  border-left-width: 1px;
+}