pages_core 3.4.3 → 3.7.0

data/app/assets/stylesheets/pages/admin/components/archive.scss

@@ -0,0 +1,6 @@
+.archive-index {
+  .count {
+    font-weight: normal;
+    color: $c-text-light;
+  }
+}

data/app/assets/stylesheets/pages/admin/components/attachments.scss

@@ -0,0 +1,130 @@
+.attachments {
+  margin-bottom: 40px;
+
+  .drop-target {
+    position: relative;
+    width: 100%;
+    text-align: center;
+    line-height: 1.6;
+    margin-top: 20px;
+
+    &:first-child {
+      margin-top: 0px;
+    }
+
+    .upload-button {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      min-height: 150px;
+      background: $c-background-disabled;
+    }
+  }
+
+  .attachment {
+    border-bottom: 1px solid $c-border;
+    padding: 16px 0px 16px 40px;
+    cursor: pointer;
+    background: #fff;
+    transition: padding-left 50ms ease-in-out,
+                background 150ms ease-in-out;
+
+    .attachment-info {
+      transition: all 50ms ease-in-out;
+    }
+
+    &.drop-placeholder {
+      font-size: 14px;
+      margin-top: -1px;
+      border-top: 1px solid $c-border;
+      background: $c-background-disabled;
+      text-align: center;
+      color: $c-text-light;
+      padding: 24px 0px;
+    }
+
+    &.uploading,
+    &.placeholder {
+      padding-left: 56px;
+      background: $c-background-disabled;
+      .attachment-info {
+        opacity: 0.5;
+      }
+      .actions {
+        display: none;
+      }
+    }
+
+    &:last-child {
+      margin-bottom: 0px;
+    }
+
+    .actions {
+      float: right;
+    }
+
+    h3 {
+      margin: 0px 0px 12px 0px;
+      .icon {
+        display: block;
+        float: left;
+        margin-left: -40px;
+        font-size: 24px;
+      }
+    }
+
+    p {
+      &:last-child {
+        margin-bottom: 0px;
+      }
+    }
+
+    button {
+      cursor: pointer;
+      border: 1px solid $c-border;
+      border-radius: 3px;
+      background: $c-button;
+      padding: 5px 20px;
+      font-size: 12px;
+      color: $c-text;
+      &:hover, &:focus {
+        background: #fff;
+      }
+    }
+  }
+}
+
+.attachment-editor {
+  width: 60vw;
+  min-height: 450px;
+  @include breakpoint-mobile {
+    width: 100%;
+    height: 100%;
+  }
+
+  form {
+    width: 100%;
+
+    .buttons {
+      margin-top: 24px;
+    }
+
+    .embed-code {
+      input[type=text] {
+        width: 50%;
+        max-width: 100px;
+        margin-right: 8px;
+      }
+    }
+
+    textarea,
+    input[type=text] {
+      max-width: 100%;
+      &.description {
+        height: 100px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/pages/admin/components/buttons.scss

@@ -0,0 +1,23 @@
+form.button-to {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+// button, a.button {
+//   display: inline-block;
+//   background: #fff;
+//   color: $c-text-light;
+//   line-height: 34px;
+//   border: 1px solid $c-border;
+//   padding: 0px 30px;
+//   border-radius: 5px;
+//   cursor: pointer;
+//   text-decoration: none;
+//   font-size: 14px;
+
+//   &[type=submit] {
+//     border-color: $c-text-light;
+//     color: $c-text;
+//   }
+// }

data/app/assets/stylesheets/pages/admin/components/forms.scss

@@ -0,0 +1,169 @@
+main form {
+  margin: 16px 32px;
+}
+
+form {
+  .field {
+    margin: 16px 0;
+    padding: 0;
+
+    input[type=text],
+    input[type=password],
+    input[type=email],
+    textarea {
+      transition: border-color 150ms ease-out;
+    }
+
+    label {
+      display: block;
+      padding: 0;
+      margin: 0 0 4px 0;
+      font-weight: bold;
+      font-size: 13px;
+      color: $c-text;
+      transition: color 150ms ease-out;
+
+      &.check-box, &.radio-button {
+        font-weight: normal;
+      }
+      &.radio-button {
+        display: inline-block;
+        margin-right: 10px;
+      }
+    }
+
+    .description {
+      color: $c-text-light;
+      margin: 0 0 6px 0;
+    }
+  }
+
+  .field-with-warning {
+    input[type=text],
+    input[type=password],
+    input[type=email],
+    textarea {
+      border-color: mix($c-border, $c-red, 75%);
+    }
+    label {
+      color: $c-red;
+    }
+  }
+
+  .field-with-errors {
+    background: $c-red-invert;
+    border-top: 1px solid mix($c-red-invert, $c-red, 90%);
+    border-bottom: 1px solid mix($c-red-invert, $c-red, 90%);
+    margin: 0 -32px -1px -32px;
+    padding: 12px 32px 16px 32px;
+
+    label {
+      color: $c-red;
+    }
+  }
+
+  .row {
+    display: flex;
+    flex-wrap: wrap;
+    margin-right: -16px;
+
+    .field {
+      margin-right: 16px;
+      &.text-field {
+        flex-grow: 1;
+        min-width: 300px;
+      }
+    }
+
+    input[type=text],
+    input[type=password] {
+      width: 100%;
+      max-width: none;
+    }
+  }
+
+  .date-range-select {
+    .date {
+      line-height: 34px;
+      display: inline-block;
+      white-space: nowrap;
+      .date-select {
+        display: inline-block;
+      }
+      input[type=text] {
+        display: inline;
+        width: auto;
+        min-width: auto;
+        margin-left: 12px;
+        padding: 4px 6px;
+      }
+    }
+    .to {
+      margin: 0px 8px;
+    }
+  }
+
+  .page-dates {
+    margin-bottom: 40px;
+    .toggles {
+      label {
+        font-weight: normal;
+        display: inline-block;
+        margin-right: 12px;
+        input {
+          margin-right: 6px;
+        }
+        &.disabled {
+          color: $c-text-light;
+        }
+      }
+    }
+    .remove-dates {
+      margin-top: 12px;
+    }
+  }
+}
+
+.fieldWithErrors {
+  display: table;
+  padding: 1px;
+  padding-right: 22px;
+  background: transparent image-url("pages/admin/warning-icon.gif") right 5px no-repeat;
+}
+
+input[type=text],
+input[type=password],
+textarea {
+  width: 100%;
+  max-width: 450px;
+  min-width: 200px;
+  border: 1px solid $c-border;
+  box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.03);
+  padding: 8px 10px;
+  line-height: 1.4;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  &:disabled {
+    border-color: $c-border-light;
+    color: $c-text-light;
+  }
+
+  &.warn {
+    border-color: red;
+  }
+}
+
+input[type=text],
+input[type=password] {
+  &.large,
+  main .login-form & {
+    font-size: 1.4em;
+  }
+}
+
+fieldset {
+  padding: 0px;
+  margin: 0px;
+  border: none;
+  border-bottom: 1px solid $c-border;
+}

data/app/assets/stylesheets/pages/admin/components/header.scss

@@ -0,0 +1,157 @@
+header {
+  background: $c-background-invert;
+  height: 86px;
+  color: $c-text-invert;
+
+  a,
+  a:visited {
+    background: none;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    color: $c-text-invert;
+  }
+
+  #logo {
+    position: absolute;
+    z-index: 2;
+    top: 11px;
+    left: 16px;
+    width: 21px;
+    height: 27px;
+  }
+
+  #site-name {
+    color: $c-text-invert;
+    position: absolute;
+    top: 15px;
+    left: 52px;
+    h1 {
+      margin: 0;
+      padding: 0;
+      font-family: Arial, Helvetica, sans-serif;
+      display: inline;
+      font-size: 20px;
+      font-weight: normal;
+      a {
+        font-weight: bold;
+        text-decoration: none;
+        padding-right: 6px;
+      }
+    }
+  }
+
+  .user {
+    font-size: 13px;
+    position: absolute;
+    top: 20px;
+    right: 16px;
+    .separator {
+      color: $c-text-light;
+      margin: 0 4px;
+    }
+  }
+
+  .tabs {
+    position: absolute;
+    top: 54px;
+    height: 29px;
+    left: 16px;
+    right: 8px;
+
+    ul {
+      padding: 0;
+      margin: 0 8px 0 0;
+      list-style-type: none;
+      display: block;
+      float: left;
+      &.account {
+        float: right;
+      }
+    }
+
+    li {
+      display: inline;
+      margin: 0;
+      padding: 0;
+      font-weight: normal;
+      font-size: 13px;
+    }
+
+    a,
+    a:visited {
+      background: #333;
+      color: $c-text-invert;
+      display: block;
+      float: left;
+      padding: 0 15px;
+      line-height: 32px;
+      height: 32px;
+      margin: 0 2px 0 0;
+      text-decoration: none;
+    }
+
+    a:hover,
+    a.current,
+    a.current:visited {
+      @include vertical-gradient(#cfcfcf, #fefefe);
+      color: $c-text;
+    }
+  }
+}
+
+#content-tabs {
+  list-style-type: none;
+  margin: 24px 0px -11px -18px;
+  padding: 0;
+
+  li {
+    color: hsla(0,0%,0%,0.25);
+    display: inline;
+    background: transparent;
+    padding: 6px 17px;
+    font-weight: bold;
+  }
+
+  li.current {
+    background: $c-background;
+    padding: 5px 16px;
+    border: 1px solid #cae6f1;
+    border-bottom: 1px solid $c-background;
+    a,
+    a:visited {
+      text-decoration: none;
+      color: #444;
+    }
+  }
+}
+
+#page-description {
+  @include vertical-gradient(#dceef6, #e7f3f9);
+  margin: 0;
+  padding: 16px 32px;
+  display: block;
+  border-bottom: 1px solid #d4eaf4;
+  color: $c-text;
+
+  em {
+    font-style: normal;
+    color: #4a5357;
+  }
+
+  main & h3 {
+    margin: 0;
+    padding: 0;
+    font-size: 13px;
+    text-shadow: #E9F6FF 1px 1px 1px;
+  }
+
+  .links {
+    float: right;
+  }
+
+  .separator {
+    color: #779CB3;
+    margin: 0 4px;
+  }
+}