trusty-cms 1.0.0 → 1.0.1

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

@@ -0,0 +1,14 @@
+#footer {
+  color: #999999;
+  background-color: #f7f7f7;
+  border-top: 1px solid #eaeaea;
+  font-size: 80%;
+  float: left;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  width: 100%;
+  p {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}

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

@@ -0,0 +1,419 @@
+@mixin clearfix {
+  display: inline-block;
+  &:after {
+    content: ".";
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+  * html & {
+    height: 1px;
+  }
+}
+
+#content {
+  form {
+    p {
+      label {
+        display: block;
+        &.checkbox, &.radio {
+          display: inline;
+          font-weight: normal;
+          font-size: 95%;
+          text-shadow: none;
+          margin-right: 1em;
+        }
+        &.multi_option {
+          margin-bottom: 0.3em;
+        }
+      }
+      input.textbox {
+        font-family: Georgia, Palatino, "Times New Roman", Times, serif;
+        font-size: 140%;
+        margin-bottom: 0;
+      }
+      input.checkbox, input.radio {
+        margin-top: 0.3em;
+      }
+      textarea {
+        font-size: 100%;
+        margin-top: 0.3em;
+      }
+      .value {
+        display: block;
+        margin-top: 0.25em;
+        text-shadow: #666666 1px 1px 0;
+      }
+      .hint {
+        font-size: 90%;
+        display: block;
+        margin-top: 0.25em;
+        text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+      }
+      a {
+        color: white;
+        &.action {
+          background-color: #7e7e7e;
+          font-size: 75%;
+          padding: 0.2em 0.5em 0.3em;
+          text-decoration: none;
+          text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+          @include border-radius(4px);
+          &:hover {
+            background-color: #555555;
+          }
+        }
+      }
+      &.title {
+        input.textbox {
+          margin-top: 4px;
+          font-family: Georgia, Palatino, "Times New Roman", Times, serif;
+          font-size: 200%;
+          width: 99.5%;
+        }
+      }
+    }
+    .set {
+      float: left;
+      width: 100%;
+      margin-bottom: 1em;
+      clear: both;
+      p {
+        float: left;
+        margin: 0 1em 0 0;
+      }
+    }
+    .buttons {
+      color: #666666;
+      font-size: 80%;
+      margin: 2.5em 0 1em;
+      button, input.button {
+        font-size: 150%;
+      }
+      a {
+        @include alt-link;
+      }
+    }
+  }
+}
+
+.drawer {
+  margin-top: -1em;
+  margin-bottom: 1em;
+}
+
+.drawer_contents {
+  background: #7e7e7e;
+  @include border-bottom-right-radius(6px);
+  margin: 0;
+  margin-right: 2px;
+  padding-bottom: 2px;
+  overflow: hidden;
+  &:before {
+    content: "\0020";
+    display: block;
+    width: 100%;
+    @include linear-gradient(color-stops(rgba(black, 0.3), rgba(black, 0)));
+    height: 3px;
+    margin-bottom: -3px;
+  }
+  table.fieldset {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    th, td {
+      border-top: 1px #999999 solid;
+      padding: 6px;
+    }
+    th {
+      &.label {
+        font-size: 85%;
+        padding: 0 15px 0 10px !important;
+        whitespace: nowrap;
+        width: 1%;
+        vertical-align: middle;
+        text-align: left;
+      }
+    }
+    td {
+      &.field {
+        padding-left: 0px;
+        padding-right: 10px;
+        text-align: right;
+        width: auto;
+        input.textbox {
+          font-size: 110%;
+          width: 99.5%;
+        }
+      }
+      &.actions {
+        width: 40px;
+        text-align: left;
+        vertical-align: middle;
+      }
+    }
+    tr:first-child {
+      td, th {
+        border-top: none;
+      }
+    }
+  }
+}
+
+.drawer_handle {
+  padding: 4px 0 5px;
+  margin-top: -1px;
+  a {
+    background: #7e7e7e;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+    color: #f0f0f0;
+    font-size: 80%;
+    padding: 4px 21px 5px 10px;
+    position: relative;
+    top: -1px;
+    text-shadow: #666666 1px 1px 0;
+    text-decoration: none;
+    @include border-bottom-radius(6px);
+    &:hover, &:active, &:focus {
+      text-decoration: underline;
+    }
+    &.more {
+      background: #7e7e7e image_url("admin/metadata_toggle.png") no-repeat 85% 8px;
+    }
+    &.less {
+      background: #7e7e7e image_url("admin/metadata_toggle.png") no-repeat 85% -21px;
+    }
+  }
+}
+
+.box {
+  color: #333333;
+  background: #f5f1e2;
+  font-size: 90%;
+  padding: 1px 15px 10px;
+  position: relative;
+  margin: 3px 0 20px;
+  @include border-radius(8px);
+  @include pie-clearfix;
+  * {
+    position: relative;
+  }
+  &:before {
+    @include linear-gradient(color-stops(white, #f5f1e2 50%, #f5f1e2));
+    @include border-top-radius(10px);
+    content: "\0020";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100px;
+    overflow: hidden;
+    left: 0;
+    top: 0;
+  }
+  h3 {
+    color: #333333;
+    margin: 15px 0 0;
+    border-bottom: 1px solid #cccccc;
+    padding-bottom: 8px;
+    .actions {
+      float: right;
+      button {
+        font-size: 13px;
+        padding-left: 1em;
+        padding-right: 1em;
+        position: relative;
+        top: -4px;
+      }
+    }
+  }
+  h4 {
+    border-bottom: 1px solid #cccccc;
+    padding-bottom: 4px;
+    font-size: 110%;
+    margin-top: 1.5em;
+  }
+  p.ruled {
+    border-bottom: 1px solid #dddddd;
+    margin: 0;
+    padding: 0.5em 0;
+    &:last-child {
+      border: none;
+    }
+  }
+  label {
+    color: #888888;
+    width: 12em;
+    display: inline-block;
+  }
+  span.uri {
+    color: #3399cc;
+  }
+  &:last-child {
+    margin: 0;
+  }
+  &#preferences {
+    img.avatar {
+      float: right;
+      margin: 10px 0px;
+      z-index: 100;
+    }
+  }
+}
+
+textarea {
+  border: 1px solid #cdc295;
+  font-family: Monaco, "Courier New", Courier, monospace;
+  font-size: 95%;
+  &.large {
+    height: 280px;
+  }
+}
+
+p.updated_line {
+  background-color: inherit;
+  font-size: 80%;
+  text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+  margin-bottom: 0;
+}
+
+body.reversed {
+  #content {
+    form {
+      p {
+        label {
+          color: whitesmoke;
+          font-weight: normal;
+          text-shadow: 1px 1px 0 #888888;
+          .hint {
+            display: inline;
+          }
+        }
+      }
+      .hint {
+        color: #d0d0d0;
+        text-shadow: none;
+      }
+      .buttons {
+        @include alt-box;
+      }
+      fieldset {
+        background: #858585;
+        padding: 20px 15px;
+        margin-bottom: 20px;
+        overflow: hidden;
+        @include single-box-shadow(#ababab, 1px, 1px, 0);
+        @include border-radius(8px);
+        h3 {
+          font-weight: bold;
+          font-size: 120%;
+          margin: -20px -20px 0 -20px;
+          padding: 15px 20px 0 20px;
+          text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+        }
+        p {
+          margin-bottom: 0;
+        }
+      }
+    }
+    p.updated_line {
+      color: #eeeeee;
+    }
+    textarea {
+      border: 1px solid white;
+    }
+    .box {
+      @include single-box-shadow(rgba(0, 0, 0, 0.15), 2px, 2px, 3px);
+    }
+  }
+}
+
+body.single_form {
+  #content {
+    #single_form {
+      background: #f5f1e2;
+      @include linear-gradient(color-stops(#fdfcf9, #f5f1e2 25%, #f5f1e2));
+      border: 0.35em solid #efead3;
+      padding: 0.5em 1.5em;
+      padding-right: 22px;
+      position: relative;
+      width: 28em;
+      @include border-radius(6px);
+      h1 {
+        font-size: 140%;
+        margin: 0.75em 0 1.25em;
+      }
+      p {
+        font-size: 90%;
+        &.intro, &.error {
+          font-size: 100%;
+          line-height: 1.4;
+        }
+        &.error {
+          color: #cc0000;
+        }
+        label {
+          font-size: 105%;
+          &.checkbox {
+            font-size: 90%;
+          }
+        }
+      }
+      ul {
+        font-size: 90%;
+        list-style: disc;
+        padding-left: 2em;
+        li {
+          margin-bottom: 0.5em;
+        }
+      }
+      input.textbox {
+        width: 98.5%;
+      }
+      span.remember_me {
+        color: #333333;
+        font-size: 95%;
+        margin-left: 1em;
+        label {
+          margin: 0;
+        }
+        a {
+          margin: 0;
+          @include default-link;
+        }
+      }
+      span.forgot_password {
+        position: relative;
+        top: -3px;
+        margin: 0 1em;
+        a {
+          @include default-link;
+        }
+      }
+      .buttons {
+        margin: 1.75em 0 1em;
+      }
+    }
+    p.version {
+      background: image_url("admin/single_form_shadow.png") top center no-repeat;
+      color: #666666;
+      font-size: 80%;
+      padding-top: 10px;
+      margin-top: 0;
+    }
+  }
+}
+
+body.edit_user, body.edit_personal_preferences {
+  #avatar {
+    left: 26em;
+    position: absolute;
+    text-align: center;
+    width: 102px;
+    p.caption {
+      font-size: 70%;
+      color: #e5e5e5;
+      line-height: 1.3;
+    }
+  }
+}

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

@@ -0,0 +1,135 @@
+#header {
+  font-size: 90%;
+  background: $header;
+  @include linear-gradient(color-stops(darken($header, 12), $header, $header));
+  position: relative;
+  &:after {
+    content: "\0020";
+    display: block;
+    clear: both;
+    overflow: hidden;
+    height: 2px;
+    width: 100%;
+    position: absolute;
+    @include linear-gradient(color-stops(rgba(black, 0.3), rgba(black, 0)));
+  }
+}
+
+#site_links {
+  color: mix($header, white, 15%);
+  font-size: 80%;
+  float: right;
+  padding: 15px 10px 0 5px;
+  height: 16px;
+  a {
+    color: white;
+  }
+  a:hover, strong a {
+    text-decoration: none;
+  }
+}
+
+#view_site {
+  font-size: 90%;
+  background: rgba(black, 0.45);
+  @include border-radius;
+  display: inline;
+  padding: 3px 10px 4px;
+  text-decoration: none;
+}
+
+ul#navigation {
+  float: left;
+  margin-top: 6px;
+  li {
+    float: left;
+    height: 30px;
+    margin: 4px 0 0 8px;
+    white-space: nowrap;
+    a {
+      background: $primary-tab;
+      color: mix($header, white, 15%);
+      display: block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 20px;
+      position: relative;
+      text-decoration: none;
+      @include border-top-radius(6px);
+    }
+    &:hover a {
+      background: opacify($primary-tab, 0.2);
+      color: white;
+    }
+    &.current a {
+      background: white;
+      color: #333333;
+      font-weight: bold;
+    }
+  }
+}
+
+#toolbar {
+  background: white;
+  @include linear-gradient(color-stops(white, darken(white, 5%), darken(white, 20%)));
+  font-size: 95%;
+  clear: both;
+  margin: 0;
+  width: 100%;
+  height: 38px;
+  @include pie-clearfix;
+  .right {
+    float: right;
+  }
+  form.search {
+    padding: 8px 8px 0;
+    input[type=search] {
+      font-size: 12px;
+      @include border-radius(100px);
+      border: 1px solid #cccccc;
+      border-top-color: #999999;
+      border-left-color: #b0b0b0;
+      border-right-color: #bbbbbb;
+      background: white image_url("admin/search.png") 4px center no-repeat;
+      @include single-box-shadow(rgba(black, 0.2), 0, 1px, 0, inset);
+      width: 180px;
+      padding: 2px 8px 2px 20px;
+    }
+  }
+}
+
+ul#secondary_navigation {
+  float: left;
+  margin-right: 8px;
+  li {
+    float: left;
+    display: block;
+    background: image-url("admin/navigation_secondary_separator.gif") bottom right no-repeat;
+    padding-right: 2px;
+    a {
+      color: #555555;
+      display: block;
+      font-weight: normal;
+      float: left;
+      line-height: 38px;
+      margin: 0;
+      padding: 0 26px;
+      height: 38px;
+      text-decoration: none;
+      &:hover {
+        @include linear-gradient(color-stops(#e4f9ff, #d2ebfd 30%, #b1d1f1 50%, #9bc5ed 50%, #caecff));
+        color: #444444;
+      }
+      &.current {
+        background: #dddddd;
+        @include linear-gradient(color-stops(white, darken(white, 10%) 35%, darken(white, 15%) 50%, darken(white, 20%) 50%, darken(white, 15%)));
+        color: #333333;
+        font-weight: bold;
+        &:hover {
+          @include linear-gradient(color-stops(#e0f9fe, #c4e2f8 30%, #98c3e7 50%, #79aedb 50%, #b1ddef));
+          color: #222222;
+        }
+      }
+    }
+  }
+}