lc_alchemy_cms 3.2.0

data/app/assets/stylesheets/alchemy/menubar.scss

@@ -0,0 +1,81 @@
+/*
+ *= require_self
+ */
+
+@import "compass/css3";
+@import "sassy-buttons";
+@import "alchemy/variables";
+@import "alchemy/mixins";
+@import "alchemy/extends";
+
+#alchemy_menubar {
+  position: fixed;
+  top: 0;
+  left: -356px;
+  width: 400px;
+  z-index: 10000;
+  background: $light-gray;
+  @include animate-left;
+  @include bottom-right-rounded-border;
+  @include drop-shadow;
+  @include box-sizing(border-box);
+  border-right: $default-border;
+  border-bottom: $default-border;
+  height: 44px;
+  padding: 4px 40px 4px 8px;
+  overflow: hidden;
+  font: $default-font-style;
+
+  * {
+    @include box-sizing(border-box);
+    margin: 0;
+    padding: 0;
+  }
+
+  &:hover {
+    left: 0;
+  }
+
+  &:after {
+    content: '';
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    background: image-url('alchemy/icon.svg') 0 0 no-repeat;
+    background-size: 28px 28px;
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+    height: auto;
+
+    li {
+      width: 32%;
+      height: 35px;
+      margin: 0 $default-margin 0 0;
+      padding: 0;
+      float: left;
+      list-style-type: none;
+      text-align: center;
+
+      a, button {
+        @include button-defaults;
+        padding-left: $default-padding;
+        padding-right: $default-padding;
+        width: 100%;
+        display: block;
+        line-height: 14px;
+        font-weight: normal;
+        text-decoration: none !important;
+        text-transform: none;
+        color: $text-color !important;
+        font-family: $default-font-face;
+
+        &:after { display: none }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/alchemy/modules.scss

@@ -0,0 +1,33 @@
+span.icon.module {
+  width: 24px;
+  height: 24px;
+  margin-bottom: 4px;
+}
+
+span.module.dashboard {
+  background-position: -240px 0;
+}
+
+span.module.pages {
+  background-position: -40px 0;
+}
+
+span.module.library {
+  background-position: -120px 0;
+}
+
+span.module.languages {
+  background-position: -200px 0;
+}
+
+span.module.sites {
+  background-position: -316px 0;
+}
+
+span.module.tags {
+  background-position: -280px 0;
+}
+
+span.module.exit {
+  background-position: -160px 0;
+}

data/app/assets/stylesheets/alchemy/notices.scss

@@ -0,0 +1,64 @@
+// leave this as div, bcz some table columns also have .message
+div.message, p.message {
+  padding: 8px 8px 8px 32px;
+  line-height: 17px;
+  border-width: 1px;
+  border-style: solid;
+  @extend %rounded-border;
+  position: relative;
+  margin-bottom: 8px;
+  text-align: left;
+
+  h1 {
+    font-size: 14px;
+    margin: 8px 0;
+  }
+
+  h1, h2 { margin-top: 0 }
+
+  span.icon {
+    position: absolute;
+    left: 8px;
+    top: 8px;
+  }
+
+  &.footnote {
+    font-size: 10px;
+    margin: 16px;
+  }
+
+  a {
+    text-decoration: underline;
+
+    &:hover { color: #000 }
+  }
+
+  ol {
+    margin: 0 0 8px;
+    padding-left: 20px;
+
+    li {
+      text-indent: 0;
+      margin-bottom: 4px;
+    }
+  }
+}
+
+div.info {
+  @extend div.message;
+  color: $text-color;
+  background-color: #eaf4f9;
+  border-color: #0b5c84;
+}
+
+div.error {
+  @extend div.message;
+  background-color: #f1c9ca;
+  color: #931f23;
+}
+
+div.warning, div.warn {
+  @extend div.message;
+  background-color: #f7efb8;
+  color: #756f47;
+}

data/app/assets/stylesheets/alchemy/pagination.scss

@@ -0,0 +1,65 @@
+.pagination {
+  @include box-sizing(border-box);
+  background: $light_gray;
+  color: $text-color;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  left: 0px;
+  height: 50px;
+  padding: 2*$default-padding $default-padding;
+  padding-left: 76px;
+  text-align: left;
+  border-top: $default-border;
+  z-index: 10;
+
+  a, span, em {
+    font-size: $default-font-size;
+    height: 25px;
+    line-height: 25px;
+    padding: $default-padding;
+  }
+
+  a:hover {
+    color: #000;
+    text-shadow: none;
+    text-decoration: none;
+  }
+
+  span a { padding: 0 }
+
+  .button { padding: 0px 8px }
+
+  .current {
+    color: $text-color;
+    border: $default-border;
+    text-shadow: 0px 1px 1px #fff;
+    cursor: default;
+    @extend %rounded-border;
+    padding: 5px 8px;
+  }
+
+  .previous_page {
+    margin-right: 2*$default-padding;
+  }
+
+  .next_page {
+    margin-left: 2*$default-padding;
+  }
+
+  .disabled, span {
+    color: #c0c0c0;
+  }
+
+  .gap {
+    border: none;
+    background: transparent;
+    cursor: default;
+  }
+}
+
+#assign_image_list .pagination, #assign_file_list .pagination {
+  position: absolute;
+  padding-left: 8px;
+}

data/app/assets/stylesheets/alchemy/print.scss

@@ -0,0 +1,34 @@
+/*
+ *= require_self
+ */
+@import "alchemy/defaults";
+
+div#main_menu,
+div#top_menu,
+div#corner,
+div#flash_notices,
+div.pagination span,
+div.pagination a {
+  display: none;
+}
+
+div#archive_all {
+  padding: 0;
+}
+
+span.icon.true:before {
+  content: 'x';
+}
+
+div.pagination {
+  text-align: right;
+}
+
+div.pagination em.current {
+  border: none;
+  text-shadow: none;
+}
+
+div.pagination em:before {
+  content: 'Page ';
+}

data/app/assets/stylesheets/alchemy/search.scss

@@ -0,0 +1,73 @@
+.search_field {
+  position: relative;
+  margin-bottom: $default-margin;
+  height: 29px;
+}
+
+.search_field_clear, .js_filter_field_clear {
+  display: none;
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  @extend .icon-cross;
+  position: absolute;
+  right: 8px;
+  top: 7px;
+  text-decoration: none !important;
+}
+
+#tags_tag_list {
+  text-align: left;
+  padding-top: 5px;
+
+  ul.tags {
+    max-height: 10em;
+    padding: 1px;
+    margin: 0;
+    margin-top: 2px;
+    overflow: auto;
+    text-align: left;
+    list-style-type: none;
+
+    li {
+      background-color: $medium-gray;
+      padding: 4px;
+      margin: 0 0 4px 0;
+      position: relative;
+      @extend %rounded-border;
+
+      &.odd { background-color: #eaf3f9 }
+
+      input {
+        position: absolute;
+        top: 3px;
+        left: 4px;
+      }
+
+      label {
+        display: inline-block;
+        margin-left: 2em;
+        line-height: 1.6em;
+      }
+    }
+  }
+
+  .js_filter_field_box {
+    position: relative;
+    top: 0;
+    right: 0;
+    margin: 0;
+
+    .js_filter_field {
+      width: 100%;
+    }
+
+    label {
+      display: none
+    }
+  }
+
+  .js_filter_field_clear {
+    right: 4px;
+  }
+}

data/app/assets/stylesheets/alchemy/selects.scss

@@ -0,0 +1,235 @@
+select {
+  @include button-defaults;
+  height: 29px;
+  padding: 0.4em 0.6em;
+}
+
+.select2-container {
+
+  &.alchemy_selectbox {
+
+    text-shadow: #FFF 0px 1px 0px;
+
+    .select2-choice {
+      height: 27px;
+      line-height: 27px;
+      @include sassy-button-gradient('simple', $sb-base-color, $sb-second-color, $sb-text-color, $sb-text-style, $sb-pseudo-states);
+      border-color: $button-border-color;
+      text-align: left;
+      border-radius: $default-border-radius;
+
+      .select2-arrow {
+        top: 2px;
+        width: 20px;
+        height: 23px;
+        line-height: 23px;
+        background: transparent;
+        border-left: 1px solid #CACACA;
+
+        b {
+          @extend .icon-menu;
+          background-image: none;
+
+          &:before {
+            position: relative;
+            top: 5px;
+            left: 1px;
+          }
+        }
+      }
+    }
+
+    &.select2-dropdown-open {
+      .select2-choice .select2-arrow b {
+        background-position: -17px 0px;
+      }
+    }
+
+    &.tiny {
+
+      .select2-choice {
+        height: 18px;
+        line-height: 18px;
+
+        .select2-arrow {
+          width: 14px;
+          height: 14px;
+
+          b {
+            line-height: 4px;
+            width: 12px;
+            font-size: 10px;
+
+            &:before {
+              top: 0px;
+              left: 0px;
+            }
+          }
+        }
+      }
+
+      &.select2-dropdown-open {
+        .select2-choice .select2-arrow b {
+          background-position: -20px -5px;
+        }
+      }
+    }
+
+    &.medium {
+      width: 90px;
+    }
+
+    &.select2-container-active {
+
+      .select2-choice, .select2-choices {
+        @extend %blue-focus-style;
+      }
+    }
+  }
+
+  &.select2-container-multi {
+    margin-top: 0 !important;
+
+    &.select2-container-active {
+
+      .select2-choices {
+        @extend %blue-focus-style;
+      }
+    }
+
+    .select2-choices {
+      @extend %default-input-style;
+      padding: 0 2px;
+      width: 100%;
+
+      .select2-search-choice {
+        margin: 4px;
+        padding: 4px 24px 4px 8px;
+        background-image: none;
+        border: 0 none;
+        @include box-shadow(none);
+      }
+
+      .select2-search-choice-close {
+        left: auto;
+        right: 4px;
+        top: 6px;
+        background: none;
+        @extend .icon-cross;
+
+        &:hover {
+          color: $text-color;
+        }
+      }
+
+      .select2-search-field {
+        height: 29px;
+
+        input {
+          color: $text-color;
+          padding: $default-padding 6px;
+        }
+      }
+    }
+  }
+}
+
+.tag_list {
+  .select2-container.select2-container-multi {
+    .select2-search-choice {
+      @include tag-base($margin: 4px, $padding: 4px 24px);
+    }
+  }
+}
+
+.select2-drop {
+
+  .select2-search {
+    margin: $default-margin 0;
+
+    .select2-input {
+      width: inherit;
+    }
+  }
+
+  &.select2-with-searchbox .select2-results > .select2-result:first-child {
+    @include border-top-radius(0);
+  }
+
+  .select2-results {
+    padding: 0;
+    margin: 0;
+
+    > .select2-result:first-child {
+      @include border-top-radius($default-border-radius);
+    }
+
+    &:last-child {
+      @include border-bottom-radius($default-border-radius);
+    }
+
+    .select2-result {
+      margin: 0;
+      padding: 4px 0;
+
+      &.select2-highlighted {
+        background: $button-hover-bg-color;
+        color: $text-color;
+      }
+
+      &.select2-result-with-children {
+        padding: 0;
+      }
+    }
+
+    .select2-no-results, .select2-searching {
+      padding: 8px;
+      margin: 0;
+    }
+
+    .select2-result-label {
+      padding: 4px 8px;
+    }
+
+    ul.select2-result-sub > li .select2-result-label {
+      padding-left: 16px;
+    }
+  }
+
+  &.select2-drop-active {
+    @include border-radius($default-border-radius);
+    border: 1px solid $blue;
+  }
+}
+
+.window_form, #filter_bar {
+
+  .select2-container {
+    width: 100%;
+  }
+}
+
+.select_with_label {
+  margin: 0 3*$default-margin;
+  @include inline-block(top);
+
+  label {
+    @include inline-block;
+    margin-right: 2*$default-margin;
+  }
+}
+
+// overriding important of select2 default style for retina screens
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (min-resolution: 2dppx) {
+
+  #alchemy {
+
+    .select2-search input,
+    .select2-search-choice-close,
+    .select2-container .select2-choice abbr,
+    .select2-container .select2-choice .select2-arrow b {
+       background-image: none !important;
+    }
+  }
+}