bolton-cms-padrino 0.2.7

data/bolton_cms/manage/assets/stylesheets/base/_forms.scss

@@ -0,0 +1,105 @@
+fieldset {
+  @include clearfix;
+  padding: 2ex 1em 1ex;
+  margin: 0 0 3ex;
+  border: 1px solid $fieldset-border-color;
+  border-width: 1px 0 0;
+  background: $fieldset-background;
+  p {
+    margin: 0 0 .75ex;
+  }
+}
+legend {
+  padding: 0;
+  color: $legend-color;
+}
+input, select, option, textarea {
+  vertical-align: middle;
+  font: inherit;
+}
+input[type=text], input[type=password], input[type=email], textarea {
+  @include box-sizing(border-box);
+  width: 100%;
+}
+label {
+  display: block;
+  margin-right: .5em;
+  vertical-align: middle;
+  .control & {
+    display: inline-block;
+  }
+}
+
+.form-actions {
+  margin: 0 .5em 3ex;
+}
+.btn {
+  cursor: pointer;
+  display: inline-block;
+  margin: 0 1em 1.5ex 0;
+  padding: .45ex .75em .55ex;
+  border: 0;
+  border-radius: 2ex;
+  vertical-align: middle;
+  text-decoration: none !important;
+  outline: 0;
+  color: $btn-color;
+  background-color: $btn-background;
+  &:hover, &:focus, &:active {
+    color: $btn-hover-color;
+    background-color: $btn-hover-background;
+  }
+  &.btn-primary {
+    color: $btn-primary-color;
+    background-color: $btn-primary-background;
+    &:hover, &:focus, &:active {
+      color: $btn-primary-hover-color;
+      background: $btn-primary-hover-background;
+    }
+  }
+  &.btn-cancel {
+    color: $btn-cancel-color;
+    background-color: $btn-cancel-background;
+    &:hover, &:focus, &:active {
+      color: $btn-cancel-hover-color;
+      background: $btn-cancel-hover-background;
+    }
+  }
+}
+
+.updates {
+  padding: 1ex 1em;
+  font-size: .7em;
+  color: $updates-color;
+  background: $updates-background;
+  &:hover {
+    color: $updates-hover-color;
+  }
+  dt {
+    float: left;
+    clear: left;
+    margin-right: .45em;
+    font-weight: bold;
+  }
+  dd {
+    margin: 0 0 1ex;
+  }
+}
+
+.form-link {
+  display: inline-block;
+  vertical-align: text-bottom;
+}
+.form-link-submit {
+  @include box-sizing(content-box);
+  cursor: pointer;
+  display: inline;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  line-height: inherit;
+  text-decoration: underline;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+}

data/bolton_cms/manage/assets/stylesheets/base/_icons.scss

@@ -0,0 +1,35 @@
+// Icons
+.icon {
+  display: inline-block;
+  height: 1.25em;
+  padding-left: 1.5em !important;
+  vertical-align: bottom;
+  white-space: nowrap;
+  background-repeat: no-repeat !important;
+  background-position: left center;
+}
+
+.item-actions {
+  .action-page-new {
+    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2213%22%20height=%2216%22%20viewBox=%220,%200,%2013,%2016%22%3E%3Cpath%20fill=%22%23333333%22%20d=%22M11,14%20L11,16%20L13,16%20L13,14%20z%20M0,-0%20L0,16%20L7,16%20L7,14%20L2,14%20L2,2%20L7,2%20L7,6%20L11,6%20L11,10%20L13,10%20L13,5%20L8,-0%20z%20M8,8%20L8,11%20L5,11%20L5,13%20L8,13%20L8,16%20L10,16%20L10,13%20L13,13%20L13,11%20L10,11%20L10,8%20z%22/%3E%3C/svg%3E%0A");
+  }
+  .action-account-delete, .action-page-delete {
+    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2216%22%20viewBox=%220,%200,%2014,%2016%22%3E%3Cpath%20fill=%22%23333333%22%20d=%22M4.992,0%20L8.996,0%20L9.991,1%20L13.005,1%20L14,4%20L11.05,4%20L11.998,5%20L14,5%20L13.005,16%20L0.995,16%20L0,5%20L1.996,5%20L2.469,4%20L0,4%20L0.995,1%20L3.997,1%20z%20M2.997,2%20L2.002,3%20L11.998,3%20L11.003,2%20z%20M6.953,4%20L3.518,4%20L3.991,5%20L6.005,5%20z%20M1.996,7%20L2.707,14%20L11.293,14%20L12.004,7%20z%20M5.502,8%20L5.999,13%20L3.997,13%20L3.5,8%20z%20M8.498,8%20L8.001,13%20L10.003,13%20L10.5,8%20z%22/%3E%3C/svg%3E%0A");
+  }
+}
+
+// Icons on pseudo-elements
+.nav-toggle {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2216%22%20viewBox=%220,%200,%2024,%2016%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M1.125,2.526%20L22.875,2.526%20C23.496,2.526%2024,1.961%2024,1.263%20C24,0.565%2023.496,0%2022.875,0%20L1.125,0%20C0.504,0%200,0.565%200,1.263%20C0,1.961%200.504,2.526%201.125,2.526%20z%20M22.875,6.737%20L1.125,6.737%20C0.504,6.737%200,7.302%200,8%20C0,8.698%200.504,9.263%201.125,9.263%20L22.875,9.263%20C23.496,9.263%2024,8.698%2024,8%20C24,7.302%2023.496,6.737%2022.875,6.737%20z%20M22.875,13.474%20L1.125,13.474%20C0.504,13.474%200,14.039%200,14.737%20C0,15.435%200.504,16%201.125,16%20L22.875,16%20C23.496,16%2024,15.435%2024,14.737%20C24,14.039%2023.496,13.474%2022.875,13.474%20z%22/%3E%3C/svg%3E%0A");
+}
+
+.collapsible-header:after {
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%229%22%20height=%2216%22%20viewBox=%220,%200,%209,%2016%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M9,13.351%20L4.5,8.889%20L0,13.351%20L0,16%20L4.5,11.538%20L9,16%20L9,13.351%20z%20M9,2.649%20L9,0%20L4.5,4.462%20L0,0%20L0,2.649%20L4.5,7.11%20L9,2.649%20z%22/%3E%3C/svg%3E%0A");
+  .collapsed & {
+    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%229%22%20height=%2216%22%20viewBox=%220,%200,%209,%2016%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M9,4.452%20L4.5,0%20L0,4.452%20L0,7.095%20L4.5,2.643%20L9,7.095%20L9,4.452%20z%20M9,11.548%20L9,8.905%20L4.5,13.357%20L0,8.905%20L0,11.548%20L4.5,16%20L9,11.548%20z%22/%3E%3C/svg%3E%0A");
+  }
+}

data/bolton_cms/manage/assets/stylesheets/base/_tables.scss

@@ -0,0 +1,26 @@
+table {
+  width: 100%;
+  border-spacing: 0;
+}
+thead, tfoot {
+  color: $thead-color;
+  background: $thead-background;
+}
+thead th {
+  border-bottom: 2px solid $thead-border-color;
+}
+tfoot th {
+  border-top: 2px solid $tfoot-border-color;
+}
+th, td {
+  padding: .5ex .5em;
+  border: 1px dotted $td-border-color;
+  border-width: 0 0 1px 1px;
+  text-align: left;
+  &:first-child {
+    border-left: 0;
+  }
+}
+th {
+  border-color: $th-border-color;
+}

data/bolton_cms/manage/assets/stylesheets/base/_typography.scss

@@ -0,0 +1,34 @@
+html {
+  color: $base-color;
+  font-size: 100%;
+  font-family: Verdana, sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6, .btn {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+}
+h1, h2, h3 {
+  font-weight: normal;
+}
+
+a:link, .form-link input[type=submit] {
+  color: $link-color;
+  text-decoration: none;
+}
+a, .form-link input[type=submit] {
+  &:hover {
+    color: $link-hover-color;
+    text-decoration: underline;
+  }
+  &:active, &:focus {
+    color: $link-active-color;
+    text-decoration: underline;
+  }
+  &:visited {
+    color: $link-visited-color;
+  }
+}
+
+img {
+  vertical-align: middle;
+}

data/bolton_cms/manage/assets/stylesheets/base/_units.scss

@@ -0,0 +1,3 @@
+$breakpoint-to-ems: true;
+$mobile: max-width 475px;
+$desktop: 476px;

data/bolton_cms/manage/assets/stylesheets/layout/_layout.scss

@@ -0,0 +1,172 @@
+$footer-height: 4.9ex;
+
+html {
+  height: 100%;
+}
+body {
+  position: relative;
+  max-width: 64em;
+  min-height: 100%;
+  margin: 0 auto;
+  padding: 0;
+}
+
+#global-header {
+  padding: .01% 0 0;
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    list-style-type: none;
+  }
+  a, .form-link-submit {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+@include breakpoint($mobile) {
+  #global-header {
+    position: fixed;
+    z-index: 10;
+    width: 100%;
+    color: $mobile-header-color;
+    background: $mobile-header-background;
+    h1 {
+      margin: .5ex 0;
+      padding: 0 .5em;
+      font-size: 1.5em;
+    }
+  }
+
+  .nav-toggle {
+    cursor: pointer;
+    position: absolute;
+    top: .5ex;
+    right: .25em;
+    width: 40px;
+    height: 34px;
+    border-radius: 4px;
+    &.open {
+      background-color: $mobile-nav-hover-background;
+    }
+  }
+
+  #global-nav {
+    @include single-box-shadow(#fff, 0, 2px, 0);
+    border: 2px solid $mobile-header-background;
+    border-width: 0 2px 2px;
+    ul {
+      clear: both;
+      color: $base-color;
+      background: $base-background;
+    }
+    a, strong, .form-link-submit {
+      display: block;
+      padding: 1ex 1em;
+    }
+    a, .form-link-submit {
+      border-top: 1px dotted $mobile-nav-link-border-color;
+      &:hover {
+        color: $global-nav-hover-color;
+      }
+    }
+    ul:first-child li:first-child {
+      a, .form-link-submit {
+        border: 0;
+      }
+    }
+    strong {
+      font-weight: normal;
+      color: $mobile-nav-current-color;
+      background: $mobile-nav-current-background;
+    }
+    .form-link {
+      display: block;
+    }
+    .form-link-submit {
+      width: 100%;
+      text-align: left;
+    }
+  }
+
+  #global-content {
+    padding: 5ex 1em $footer-height+1ex;
+  }
+}
+
+@include breakpoint($desktop) {
+  #global-header {
+    color: $global-header-color;
+    h1 {
+      padding: 0 .4em;
+    }
+  }
+
+  #global-nav {
+    @include clearfix;
+    padding: .5ex 1em 0;
+    border-bottom: 2px solid $global-nav-color;
+    line-height: 2.18ex;
+    color: $global-nav-color;
+    li {
+      display: inline-block;
+    }
+    a, strong, .form-link-submit {
+      display: inline-block;
+      margin-bottom: -2px;
+      padding: .5ex 1.5em 1ex .5em;
+      border-left: .5em solid $global-nav-color;
+      vertical-align: middle;
+    }
+    a, .form-link-submit {
+      &:hover {
+        color: $global-nav-hover-color;
+        border-color: $global-nav-hover-color;
+      }
+    }
+    strong {
+      font-weight: normal;
+      border-color: $global-nav-current-color;
+      color: $global-nav-current-color;
+    }
+    .form-link {
+      vertical-align: middle;
+    }
+    .form-link-submit {
+      height: 2.18ex;
+      padding: .4ex 1.5em 1.1ex 1em;
+      border-left: 1px dotted $global-nav-color;
+    }
+    .nav-account-welcome {
+      border: 0;
+    }
+  }
+
+  ul.nav-account {
+    float: right;
+  }
+
+  ul.nav-sections {
+    float: left;
+  }
+
+  #global-content {
+    padding: 1ex 1em $footer-height+1ex;
+  }
+}
+
+#global-footer {
+  @include box-sizing(border-box);
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: $footer-height;
+  padding: .01% 1em;
+  border-top: 2px dotted $global-footer-background;
+  color: $global-footer-color;
+  .copyright {
+    font-size: .8em;
+  }
+}

data/bolton_cms/manage/assets/stylesheets/layout/_page_form.scss

@@ -0,0 +1,100 @@
+.page-metadata, .page-options {
+  padding: 0;
+  border: 0;
+  background: none;
+  legend {
+    @extend %hidden;
+  }
+}
+.page-metadata {
+  margin: 0;
+}
+.page-title {
+  font-size: 1.5em;
+  label {
+    @extend %hidden;
+  }
+}
+.page-meta, .page-options {
+  font-size: .8em;
+}
+.page-options {
+  margin-bottom: 4ex;
+  p {
+    display: inline-block;
+    margin: 0 1em 0 0;
+  }
+}
+
+.accordion-container {
+  margin: 0 0 3ex;
+  .collapsible {
+    margin: 1px 0;
+    padding: 0;
+    border: 0;
+  }
+}
+.collapsible-header {
+  @include box-sizing(border-box);
+  float: left;
+  width: 100%;
+}
+
+.content-field {
+  label {
+    @extend %hidden;
+  }
+}
+
+.page-new-asset {
+  p, label {
+    display: inline-block;
+  }
+  p {
+    margin-right: 1em;
+  }
+  input[type=file] {
+    @include box-sizing(border-box);
+    max-width: 22em;
+    @include breakpoint($mobile) {
+      max-width: 12.5em;
+    }
+  }
+}
+.page-assets {
+  @include clearfix;
+  figure {
+    float: left;
+    margin: 0 1em 0 0;
+    font-size: .8em;
+    @include breakpoint($mobile) {
+      float: none;
+      width: 190px;
+      margin: 0 auto 2ex;
+      padding-bottom: 1ex;
+      border-bottom: 1px dotted $fieldset-border-color;
+    }
+  }
+  img, .file-name {
+    width: 190px;
+  }
+  .file-name {
+    position: relative;
+    @include box-sizing(border-box);
+    margin-top: -3.25ex;
+    padding: .5ex .5em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: .8em;
+    color: white;
+    background: rgba(0,0,0,.5);
+  }
+}
+.delete-asset {
+  font-size: .9em;
+}
+
+.form-page .form-actions {
+  margin: 0 .5em 3ex;
+}

data/bolton_cms/manage/assets/stylesheets/layout/_session_new.scss

@@ -0,0 +1,10 @@
+.form-login {
+  .login {
+    background: transparent;
+    padding: 0;
+    border: 0;
+    legend {
+      @extend %hidden;
+    }
+  }
+}

data/bolton_cms/manage/assets/stylesheets/manage.scss

@@ -0,0 +1,17 @@
+// External SASS Libraries
+@import 'compass';
+@import 'breakpoint';
+@import 'singularitygs';
+
+// Non-rendering Helpers
+@import 'mixins';
+@import 'placeholders';
+
+// Base Styles
+@import 'base/*';
+
+// Shared Modules
+@import 'modules/*';
+
+// Layout & Pages
+@import 'layout/*'

data/bolton_cms/manage/assets/stylesheets/modules/_collapsible.scss

@@ -0,0 +1,42 @@
+.collapsible-container {}
+.accordion-container {}
+
+.collapsible {}
+.collapsible-header {
+  position: relative;
+  margin: 0;
+  padding: .75ex 1em;
+  color: $collapsible-open-legend-color;
+  background: $collapsible-open-legend-background;
+  &:after {
+    content: '';
+    position: absolute;
+    right: 1em;
+    top: 1ex;
+    width: 1em;
+    height: 1em;
+    opacity: .1;
+  }
+  .collapsed & {
+    color: $collapsible-legend-color;
+    background: $collapsible-legend-background;
+    &:after {
+      opacity: .75;
+    }
+    &:hover {
+      cursor: pointer;
+      color: $collapsible-legend-hover-color;
+      background: $collapsible-legend-hover-background;
+      &:after {
+        opacity: 1;
+      }
+    }
+  }
+}
+.collapsible-content {
+  clear: both;
+  padding: 1.5ex 1em;
+  .collapsed & {
+    @extend %hidden;
+  }
+}

data/bolton_cms/manage/assets/stylesheets/modules/_flash.scss

@@ -0,0 +1,30 @@
+.flash {
+  @include box-sizing(border-box);
+  position: absolute;
+  z-index: 20;
+  top: 2ex;
+  left: 50%;
+  width: 20em;
+  overflow: visible !important;
+  margin-left: -10em;
+  padding: 1ex 1em;
+  border: 1ex solid $flash-success-border-color;
+  text-align: center;
+  color: $flash-success-color;
+  background: $flash-success-background;
+  &.flash-error {
+    border-color: $flash-error-border-color;
+    color: $flash-error-color;
+    background: $flash-error-background;
+  }
+  &.flash-warning {
+    border-color: $flash-warning-border-color;
+    color: $flash-warning-color;
+    background: $flash-warning-background;
+  }
+  &.flash-notice {
+    border-color: $flash-notice-border-color;
+    color: $flash-notice-color;
+    background: $flash-notice-background;
+  }
+}

data/bolton_cms/manage/assets/stylesheets/modules/_item.scss

@@ -0,0 +1,64 @@
+.items {
+  padding: 0;
+  margin: 0 0 3ex;
+}
+.item {
+  @include clearfix;
+  list-style-type: none;
+  position: relative;
+  z-index: 2;
+  padding: .5ex 0;
+  border-top: 1px dotted $item-border-color;
+}
+.item-title {
+  display: inline-block;
+  box-sizing: border-box;
+  max-width: 100%;
+  margin: 0 0 2ex;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 1em;
+  font-weight: 600;
+  @include breakpoint($mobile) {
+    padding-right: 3.5em;
+  }
+  @include breakpoint($desktop) {
+    padding-right: 11em;
+  }
+  a {
+    color: inherit;
+    text-decoration: none;
+    &:hover, &:active {
+      text-decoration: underline;
+    }
+  }
+}
+.item-path {
+  position: absolute;
+  left: 0;
+  bottom: 1.5ex;
+  margin: 0;
+  font-size: .7em;
+  color: $item-path-color;
+}
+.item-actions {
+  position: absolute;
+  top: 20%;
+  right: 0;
+  padding: .75ex 0;
+  font-size: .8em;
+}
+.item-action {
+  display: inline-block;
+  list-style-type: none;
+  margin: 0 0 0 1em;
+  @include breakpoint($mobile) {
+    a, .form-link-submit {
+      width: 1px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-indent: 101%;
+    }
+  }
+}

data/bolton_cms/manage/assets/stylesheets/modules/_tree.scss

@@ -0,0 +1,30 @@
+.trees {
+  margin: 0 0 3ex;
+}
+.tree {
+  margin: 0;
+  padding: 0;
+  > .node {
+    &:before {
+      display: none;
+    }
+  }
+}
+.node {
+  list-style-type: none;
+  position: relative;
+  z-index: 1;
+  &:before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 1.35em;
+    left: -1.1em;
+    width: 1em;
+    border-top: solid 2px $tree-line-color;
+  }
+}
+.branch {
+  padding: 0 0 0 1em;
+  border-left: 2px solid $tree-line-color;
+}