dust-cms 0.0.05

data/app/assets/javascripts/front_end.js

@@ -0,0 +1,18 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require jquery.ui.all
+//= require core
+//= require_tree ./front_end
+//= require rails.validations

data/app/assets/stylesheets/cms/flash_messages.css.scss

@@ -0,0 +1,17 @@
+.flash_notice {
+  margin: 0 0 10px;
+  padding: 5px 15px;
+  background: rgb(237, 251, 216);
+  border: 1px solid rgb(191, 222, 132);
+  border-radius: 4px;
+  color:#64951B;
+}
+
+.flash_error {
+  margin: 0 0 10px;
+  padding: 5px 15px;
+  background: #F2DEDE;
+  border: 1px solid #EED3D7;
+  border-radius: 4px;
+  color: #B94A48;
+}

data/app/assets/stylesheets/cms/footer.css.scss

@@ -0,0 +1,12 @@
+#footer-wrap {
+  border-top: 1px solid black;
+  margin-top: 8px;
+
+  #footer {
+    border-top: 1px solid rgb(44, 39, 51);
+    color:#fff;
+    padding: 10px 20px;
+    text-align: right;
+  }
+
+}

data/app/assets/stylesheets/cms/forms.css.scss

@@ -0,0 +1,67 @@
+[type="file"], [type='password'], [type='number'], [type='text'], textarea, select {
+  background: white;
+  border: 1px solid rgb(204, 204, 204);
+  padding: 5px 10px;
+  border-radius: 4px;
+  width: 100%;
+  margin: 0 0 12px 0;
+}
+
+[type='submit'] {
+  @include vertical-gradient(#105884, rgb(19, 79, 117));
+  border: none;
+  padding: 7px 12px;
+  color: white;
+  text-transform: uppercase;
+  text-shadow: 1px 1px 0 black;
+  border-radius: 4px;
+  margin: 10px 0 5px;
+}
+
+[type='checkbox'] {
+  margin-bottom: 15px;
+}
+
+textarea {
+  width: 100%;
+  height: 90px;
+}
+
+.fields-full {
+  @include column(12);
+}
+
+.fields {
+  @include column(4);
+}
+
+.content-areas {
+  @include column(8);
+}
+
+:focus { 
+  outline: none;
+}
+
+.sections .item {
+  background: rgb(247, 247, 247);
+  padding: 10px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  border-radius: 5px;
+  box-shadow: 1px 1px 0 rgb(204, 204, 204);
+}
+
+.error_messages {
+  color: white;
+  padding: 10px;
+}
+
+.field_with_errors {
+  color: rgb(208, 47, 0);
+  .message {
+    position: relative;
+    top: -10px;
+    float: right;
+  }
+}

data/app/assets/stylesheets/cms/gallery.css.scss

@@ -0,0 +1,21 @@
+.content-wrapper.photos {
+  overflow:hidden;
+  margin-bottom: 20px;
+}
+.index-item.photo-teaser {
+  @include column(2);
+  height: 96px;
+  float: left;
+  border: none;
+  background: none;
+  font-size: 11px;
+  overflow: hidden;
+
+  .photo-actions {
+  }
+
+  .photo-handle {
+    max-height:71px;
+    overflow:hidden;
+  }
+}

data/app/assets/stylesheets/cms/icons.css.scss

@@ -0,0 +1,123 @@
+@include font-face('EntypoRegular', '/assets/entypo/entypo');
+
+.destroy {
+  background: url(/assets/admin/ui/icons.png) -96px -127px;
+  display: block;
+  height: 16px;
+  width: 16px;
+}
+
+.mega-icon {
+  position: absolute;
+  top: -2px;
+  color: rgba(10,64,98,1);
+  text-shadow: 1px 1px 0px rgba(26,102,148,1);
+}
+
+.mini-icon, .mega-icon {
+  font-family: 'EntypoRegular';
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  text-decoration: inherit;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-transition: color .15s ease-in 0;
+  -webkit-transition: color .15s ease-in 0;
+}
+
+.new-icon {
+  font-size:13px;
+  text-decoration:none;
+  float:right;
+  line-height: 5px;
+}
+.new-icon::before {
+  font-family: 'EntypoRegular';
+  content: "Z";
+  position: relative;
+  top: 2px;
+  right: 2px;
+  font-size: 25px;
+}
+
+.sortable .handle.mega-icon.reorder{
+  margin: 0 0 0 10px;
+  display: block;
+  float: left;
+  color: #c3c3c3;
+  font-size: 22px;
+  cursor:move; 
+  text-shadow: 1px 1px 0px #fff;
+  line-height: 24px;
+}
+
+.ui-sortable .handle.mega-icon.reorder::before {
+  font-size: 36px;
+  line-height: 64%;
+}
+
+.mini-icon::before {
+  font-size: 16px;
+}
+.mega-icon::before {
+  font-size: 32px;
+}
+
+.explode {
+  font-size: 39px;
+  font-family: 'EntypoRegular';
+  text-decoration: none;
+  color: #333;
+  text-shadow: 0px 0px 5px #fff;
+  position: absolute;
+  right: 11px;
+  top: -43px;
+}
+
+li.page .more {
+  line-height: 33px;    
+  margin-right: 9px;
+  
+  .updated { float:left; }
+  
+  a {
+    display:block;
+    float:right;
+    font-family: 'EntypoRegular';
+    font-size: 31px;
+    line-height: 25px;
+    margin: 0 0 0 11px;
+    color: #953D2E;
+  }
+}
+
+
+.sortable .reorder::before {
+  content: "i";
+}
+
+.u-list::before {
+  content: "\f261";
+}
+
+.settings::before {
+  content: "\2699";  
+  font-size: 53px;
+  padding: 0 0 0 2px;
+  line-height: 100%;
+}
+
+.content::before {
+  content: "t";
+  font-size: 53px;
+  /*line-height: 33%;*/
+}
+
+.global::before {
+  content: "\E70C";
+  font-size: 53px;
+  line-height: 100%;
+}
+
+

data/app/assets/stylesheets/cms/jquery-ui.custom.scss

@@ -0,0 +1,6 @@
+.ui-accordion-content {
+  padding: 20px;
+  border: 1px solid rgb(221, 221, 221);
+  background: rgb(247, 247, 247);
+  border-top: none;
+}

data/app/assets/stylesheets/cms/layout.css.scss

@@ -0,0 +1,162 @@
+body { 
+  -webkit-font-smoothing: antialiased;
+  font-family: 'Open Sans', sans-serif;
+}
+
+a { 
+  color: #1970A3;
+  text-decoration: none;
+}
+
+h1,h2,h3,h4,h5,h5 {
+  line-height: 110%;
+  font-weight: 400;
+}
+
+.right { float: right; }
+.left { float: left; }
+
+.main-wrap {
+  background: url(/assets/admin/main-back.png);
+  position: absolute;
+  width: 97%;
+  right: 0;
+  height: 100%;
+  overflow: scroll;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
+  &.nav-open { right:-140px; }
+
+  * {
+    box-sizing: border-box;
+  }
+}
+
+.wrapper {
+  padding: 30px 0px;
+  @include grid($width:100%, $max-width:95%);
+}
+
+#header {
+  border-radius: 7px 7px 0 0;
+  border: 1px solid #333333;
+  background: rgb(230, 230, 230);
+}
+
+#header-wrap {
+  overflow: hidden;
+  color: white;
+  font-size: 15px;
+  margin:0;
+
+  .header-inner {
+    @include column(12);
+  }
+
+  h1 { 
+    /*margin-bottom: 0px;*/
+    /*float:left;*/
+  }
+}
+
+.sub-header {
+  @include clearfix();
+  background: rgb(247, 247, 247);
+  border: 1px solid rgb(204, 204, 204);
+  box-shadow: inset 0px 0px 1px white;
+  border-radius: 7px 7px 0 0;
+  padding: 0px 20px;
+
+  &.solitary-header {
+    border-radius: 7px;
+    margin: 0 10px 15px 10px;
+  }
+
+  .title {
+    font-size: 13px;
+    text-transform: uppercase;
+    color: rgb(68, 68, 68);
+    font-weight: 600;
+    text-shadow: 1px 1px white;
+    line-height: 42px;
+    padding: 0 7px;
+    float:left;
+  }
+
+  .button-bar {
+    #searchbox { 
+      float:left; 
+
+      #search {
+        background: white;
+        border: 1px solid rgb(204, 204, 204);
+        padding: 5px 10px;
+        border-radius: 4px;
+        width: 300px;
+        margin: 9px 0 0 0;
+        @include media();
+      }
+      .image-submit {
+        height: 25px;
+        position: relative;
+        top: 9px;
+      }
+    }
+    .admin-links {
+      float: right;
+    }
+
+    a {
+      font-size: 13px;
+      text-transform: uppercase;
+      color: rgb(68, 68, 68);
+      font-weight: 600;
+      text-shadow: 1px 1px white;
+      line-height: 42px;
+      padding: 0 7px;
+
+      &.border {
+        border-right: 1px dotted #BBBBBB;
+      }
+    }
+  }
+}
+
+.content-wrapper {
+  background: #fff;
+  margin-bottom: 15px;
+  padding: 20px;
+  border: 1px solid #CCCCCC;
+  border-top: none;
+  border-radius: 0 0 10px 10px;
+
+  h2 {
+    border-bottom: 1px solid rgb(230, 230, 230);
+    padding-bottom: 14px;
+  }
+
+  img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+  }
+
+}
+
+.index-item {
+  padding: 7px 10px;
+  border-bottom: 1px solid #DDDDDD;
+
+  &:nth-child(2n+2) {
+    background: rgb(251, 251, 251);
+  }
+
+  &:last-child {
+    border: none;
+  }
+
+  h5 { 
+    margin:0;
+  }
+}
+

data/app/assets/stylesheets/cms/lib/grid.css.scss

@@ -0,0 +1,116 @@
+$col-width: 8.33%;
+
+@mixin media() {
+  @media only screen and (max-width: 960px) {
+    & {width: ($col-width * 6); margin-left:0; }
+  }
+  @media only screen and (max-width: 767px) {
+    & {width: 100%; margin-left: 0;}
+  }
+}
+
+@mixin column($span:auto, $push:10px) { 
+
+  padding-right: 10px;
+  padding-left: 10px;
+
+  @if $push == 10px {}
+  @else { margin-left: ($col-width * $push); }
+
+  float: left;
+
+  @if $span == auto {
+    width: auto;
+  }
+  @else {
+    width: ($col-width * $span);
+  }
+
+  @include media();
+}
+
+@mixin grid($width:90%, $max-width:960px) {
+  width: $width;
+  max-width: $max-width;
+  margin: 0 auto;
+  min-height: 30px;
+
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  *, *:after, *:before {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+}
+
+@mixin row($margin:"show-margin") {
+  @if $margin == "show-margin" {
+    margin-bottom: 20px;
+  }
+  &:before,
+  &:after {
+    content: '\0020';
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0; }
+
+  &:after {
+    zoom: 1;
+    clear: both; }
+}
+
+@mixin clearfix() {
+  zoom: 1;
+  overflow: hidden;
+
+  &::before, &::after {
+    content: ' 0020';
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0;
+  }
+}
+
+/* You can also use a <br class="clear" /> to clear columns */
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+.row, .clearfix {
+  zoom: 1;
+}
+
+.clearfix:before, .clearfix:after, .row:before, .row:after {
+content: ' 0020';
+display: block;
+overflow: hidden;
+visibility: hidden;
+width: 0;
+height: 0;
+}
+.row:after, .clearfix:after {
+  clear: both;
+}
+.clearfix:before, .clearfix:after, .row:before, .row:after {
+content: ' 0020';
+display: block;
+overflow: hidden;
+visibility: hidden;
+width: 0;
+height: 0;
+}

data/app/assets/stylesheets/cms/lib/mixins.css.scss

@@ -0,0 +1,20 @@
+@mixin vertical-gradient($from-hex, $to-hex) {
+
+  background-color: $from-hex;
+  background-image: -webkit-gradient(linear, left top, left bottom, from($from-hex), to($to-hex));
+  background-image: -webkit-linear-gradient(top, $from-hex, $to-hex);
+  background-image: -moz-linear-gradient(top, $from-hex, $to-hex);
+  background-image: -o-linear-gradient(top, $from-hex, $to-hex);
+  background-image: -ms-linear-gradient(top, $from-hex, $to-hex);
+  background-image: linear-gradient(top, $from-hex, $to-hex);
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$from-hex', EndColorStr='$to-hex');
+
+}
+
+@mixin font-face($font-family, $url) {
+   @font-face {
+      font-family: '#{$font-family}';
+      src: url('#{$url}.eot?') format('eot'), url('#{$url}.woff') format('woff'), url('#{$url}.ttf') format('truetype');
+   }
+}
+

data/app/assets/stylesheets/cms/login.scss

@@ -0,0 +1,12 @@
+.wrapper.login {
+  @include grid(100%, 100%);
+  padding:0;
+  height: 100%;
+  background: url(/assets/admin/main-back.png);
+}
+
+.login-content {
+  margin-top: 50px;
+  @include column(4, 4);
+}
+