tribeca_cms 0.1.1

data/app/assets/stylesheets/locomotive/not_logged_in.css

@@ -0,0 +1,8 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require locomotive/blueprint/screen.css
+ *= require locomotive/font-awesome
+ *= require_tree ./not_logged_in
+*/

data/app/assets/stylesheets/locomotive/not_logged_in/installation.css.scss

@@ -0,0 +1,62 @@
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/images";
+@import "compass/css3/text-shadow";
+@import "locomotive/shared/helpers";
+
+body.installation {
+  #panel {
+    .inner {
+
+      padding: 5px 20px 20px 20px;
+
+      a {
+        color: #1F82BC;
+        @include hover-link;
+      }
+
+      p.explanations {
+        margin-top: 10px;
+
+        color: #222;
+        font-size: 14px;
+        text-align: justify;
+      }
+
+      p.done {
+        margin: 20px 0px 15px;
+
+        color: #222;
+        font-size: 14px;
+      }
+
+      fieldset {
+        ol {
+          li.question {
+            label {
+              display: inline;
+              font-weight: normal;
+            }
+
+            input[type=checkbox] {
+              display: inline;
+              width: auto;
+              margin-right: 10px;
+            }
+          } // li.question
+
+          li {
+            &.string {
+              input[type=text] { width: 290px; }
+            }
+
+            &.password {
+              input[type=password] { width: 180px; }
+            }
+
+          } // li
+        } // ol
+      } // fieldset
+    } // inner
+  } // panel
+}

data/app/assets/stylesheets/locomotive/not_logged_in/layout.css.scss

@@ -0,0 +1,185 @@
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/images";
+@import "compass/css3/text-shadow";
+@import "../backoffice/buttons";
+
+html { height: 100%; }
+
+body {
+  background: #000 image-url("locomotive/background/body.png") repeat 0 0;
+  height: 100%;
+}
+
+div.application-message {
+  font-size: 1.2em;
+  font-weight: bold;
+  padding: 8px;
+  margin: 10px 0px 0 0px;
+  text-align: justify;
+}
+
+div#flash-alert {
+  background: #FFE5E5;
+  color: #CE2525;
+}
+
+div#flash-notice {
+  background: #c7ff99;
+  color: #58852b;
+}
+
+#wrapper {
+  @include background-image(linear-gradient(top, rgba(102, 102, 115, 0.3), rgba(30, 30, 35, 0.3) 252px, rgba(30, 30, 35, 0.3)));
+  height: 100%;
+}
+
+#light {
+  @include background-image(radial-gradient(top, rgba(255, 255, 255, 0.2), rgba(95, 95, 105, 0.3) 240px, rgba(30, 30, 35, 0.1) 370px));
+  height: 100%;
+}
+
+#panel {
+  position: relative;
+  top: 100px;
+
+  width: 346px;
+  padding: 0px;
+
+  @include box-shadow(rgba(0, 0, 0, 0.6) 0px 0px 7px 1px);
+
+  h1 {
+    height: 41px;
+    margin: 0px;
+    padding: 20px 0px 0 0;
+
+    @include border-top-radius(3px);
+    border-top: 1px solid #63646a;
+
+    @include background-image(linear-gradient(#393a41, #1e1f26));
+
+    font-size: 22px;
+    color: #fff;
+    text-align: center;
+    text-shadow: 1px 1px 1px #000;
+  } // h1
+
+  .inner {
+    background: #fff;
+    padding: 5px 40px 20px 40px;
+
+    fieldset {
+      border: 0px;
+      padding: 0px;
+      margin: 0px;
+
+      ol {
+        width: 100%;
+        list-style: none;
+        padding: 0px;
+        margin: 0px auto 0 auto;
+
+        li {
+          margin-top: 20px;
+
+          label {
+            display: block;
+            font-size: 1.2em;
+            color: #222;
+          } // label
+
+          input {
+            padding: 7px;
+
+            border: 1px solid #b5b7c4;
+            @include background-image(linear-gradient(top, #dedfe4, #f8f9fa 25%, #f8f9fa 25%, #fefefe 50%, #fefefe));
+
+            font-size: 14px;
+            color: #222;
+
+            &[type=text], &[type=password] { width: 248px; }
+
+            &[type=file] {
+              background: none;
+              padding: 0px;
+            } // type=file
+
+          } // input
+
+          div.inline-errors {
+            margin: 2px 0 0 0;
+            padding: 8px 0 0 0;
+
+            background: transparent image-url("locomotive/form/error-arrow.png") no-repeat 17px 0;
+
+            p {
+              display: inline-block;
+              width: auto;
+              line-height: 14px;
+              margin: 0px;
+              padding: 3px 8px 4px 8px;
+
+              @include box-shadow(rgba(0, 0, 0, 0.4) 2px 2px 2px 0);
+              @include border-radius(3px);
+              background: #cd0f19;
+
+              &:before { font-family: FontAwesome; content: "\f071\00a0\00a0"; }
+
+              color: #fff !important;
+              font-size: 12px;
+              @include single-text-shadow(rgba(0, 0, 0, 0.7), 0px, 1px, 1px);
+            }
+          } // div.inline-errors
+
+        } // li
+      } // ol
+    } // fieldset
+
+    p.notice {
+      font-size: 1.2em;
+      color: #222;
+      margin: 15px 49px 0 49px;
+      text-align: center;
+    } // p.notice
+
+    p.link {
+      margin: 15px 0 0 0px;
+
+      a {
+        color: #1f82bc;
+        text-decoration: none;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    } // p.link
+
+    p.tright {
+      text-align: right;
+      margin-right: 20px;
+    } // p.tright
+
+  } // .inner
+
+  .footer {
+    margin: 0px 0px 0 0px;
+    padding: 15px 0;
+
+    background: #8b8d9a;
+    border-top: 1px solid #5F6069;
+    @include border-bottom-radius(3px);
+
+    text-align: right;
+
+    input[type=submit], a.button {
+      @include black-button;
+
+      margin: 0 18px 0 0;
+    }
+  } // .footer
+
+} // #panel
+
+
+

data/app/assets/stylesheets/locomotive/shared/_helpers.css.scss

@@ -0,0 +1,150 @@
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/images";
+@import "compass/css3/text-shadow";
+
+@mixin hover-link {
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+@mixin locomotive-link {
+  a {
+    @include hover-link;
+    color: #1F82BC;
+  }
+}
+
+@mixin default-input-style {
+  padding: 4px 5px;
+
+  color: #17171B;
+  font-size: 14px;
+  font-weight: bold;
+
+  border: 1px solid #b5b7c4;
+  @include background-image(linear-gradient(top, #f0f0f0, #f9f9f9 25%, #f9f9f9 25%, #ffffff 50%, #ffffff));
+}
+
+@mixin path-input-style {
+  background: transparent;
+  outline: none;
+
+  margin: 0 5px;
+
+  width: 30%;
+
+  border: none;
+  border-bottom: 1px solid #B5B7C4;
+
+  color: #787A89;
+  font-size: 14px;
+}
+
+@mixin editable {
+  padding: 2px 6px 2px 6px;
+  color: #1e1f26;
+  outline: none;
+  cursor: pointer;
+
+  &:after { font-family: FontAwesome; color: #e8e1ad; content: "\00a0"; }
+
+  &:hover {
+    text-decoration: none;
+    background: #fffbe5;
+
+    border-bottom: 1px dotted #efe4a5;
+
+    &:after { font-family: FontAwesome; color: #e8e1ad; content: "\00a0\00a0\f040"; }
+  }
+}
+
+@mixin label {
+  display: inline-block;
+  position: relative;
+
+  background-color: #858585;
+  @include border-radius(3px);
+  padding: 1px 3px 2px;
+
+  line-height: 16px;
+  font-size: 11px;
+  font-weight: bold;
+  color: #fff;
+  @include single-text-shadow(rgba(0, 0, 0, 0.6), 0px, -1px, 0px);
+}
+
+@mixin tiny-buttons-group {
+  a.add {
+    @include gray-button;
+
+    padding-left: 10px;
+  }
+
+  a.edit, a.drag, a.remove, a.toggle {
+    @include icon-button;
+  }
+
+  a.edit:hover {
+    background: #f0c334;
+  }
+
+  a.drag:hover {
+    background: #25a7ed;
+  }
+
+  a.remove:hover {
+    background: #e72635;
+  }
+
+  a.toggle:hover {
+    background: #f3c526;
+  }
+}
+
+@mixin select-options-edit-style {
+  .list {
+    line-height: auto;
+
+    ul, li, > span.actions {
+      float: left;
+    }
+
+    ul {
+      width: 558px;
+      min-height: 34px;
+
+      li.entry {
+        background: #c2e0f0;
+        @include border-radius(2px);
+        @include box-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0px 0px);
+
+        padding: 0 8px 0 8px;
+        margin: 2px 10px 8px 0;
+        height: auto;
+
+        color: #29739b;
+        line-height: 24px;
+
+        span.name {
+          cursor: pointer;
+          @include text-shadow(#fff 0px 1px 1px);
+        }
+
+        span.actions {
+          position: static;
+          margin-left: 8px;
+          line-height: 24px;
+        }
+      }
+    } // .list ul
+
+    > span.actions {
+      position: static;
+      margin-left: 15px;
+      line-height: 24px;
+    } // .list .actions
+  }
+}

data/app/assets/stylesheets/locomotive/shared/_picker.css.scss

@@ -0,0 +1,73 @@
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "helpers";
+
+@mixin picker {
+
+  position: absolute;
+
+  padding: 0 0 0 0;
+
+  @include border-radius(4px);
+  border: 1px solid #000;
+  @include box-shadow(rgba(255, 255, 255, 0.17) 0 1px 0 0 inset, rgba(0, 0, 0, 0.4) 3px 3px 5px 0);
+  background: rgba(50, 51, 59, 1);
+
+  font-size: 12px;
+
+  p {
+    margin-bottom: 0px;
+    padding: 0 8px;
+
+    @include locomotive-link;
+
+    &, a {
+      color: #fff;
+      @include text-shadow(#000 0 1px 0);
+    }
+
+    &.action {
+      margin-top: 0px;
+      padding: 2px 8px 4px 8px;
+
+      text-align: right;
+      font-size: 11px;
+    }
+  }
+
+  ul {
+    list-style: none;
+    margin: 1px 0 0 0;
+
+    li {
+      padding: 2px 8px 6px 8px;
+
+      border-bottom: 1px solid #1e1e23;
+      @include box-shadow(#424349 0 1px 0 0);
+
+      color: #aaa;
+      cursor: pointer;
+      @include text-shadow(#000 0 1px 0);
+
+      a {
+        text-decoration: none;
+        color: #aaa;
+      }
+
+      &:hover {
+        &, a { color: #fff; }
+      }
+    }
+  }
+
+  &:before {
+    content: " ";
+    display: block;
+    width: 21px;
+    height: 13px;
+    position: absolute;
+    top: -11px;
+    right: 20px;
+    background: transparent image-url("locomotive/plugins/sites_picker_top_arrow.png") no-repeat 0 0;
+  }
+}