alchemy_cms 4.0.6 → 4.1.0.beta

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

@@ -41,7 +41,7 @@ $image-overlay-transition-easing: ease-in;
     .picture-overlay-handle {
       right: 0;
 
-      .icon-angle-double-right {
+      .icon {
         transform: rotate(180deg) translate(50%, 50%);
       }
     }
@@ -66,8 +66,8 @@ $image-overlay-transition-easing: ease-in;
   cursor: pointer;
   transition: right $image-overlay-transition-duration $image-overlay-transition-easing;
 
-  .icon.close.small {
-    font-size: 32px;
+  .icon {
+    font-size: 2em;
     color: $medium-gray;
     text-shadow: 0 0 $default-padding $text-color;
     transition: color $image-overlay-transition-duration linear;
@@ -121,12 +121,12 @@ $image-overlay-transition-easing: ease-in;
   right: $image-overlay-form-width;
   cursor: pointer;
 
-  .icon-angle-double-right {
+  .icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    font-size: 14px;
+    font-size: 1.2em;
     color: $text-color;
     transition: transform $image-overlay-transition-duration $image-overlay-transition-easing;
   }
@@ -224,20 +224,19 @@ $image-overlay-transition-easing: ease-in;
     &:hover {
       background-color: rgba(0,0,0, 0.3);
 
-      .icon-angle-left,
-      .icon-angle-right {
+      .icon {
         color: $white;
         text-shadow: none;
       }
     }
   }
 
-  .icon-angle-left,
-  .icon-angle-right {
-    font-size: 48px;
+  .icon {
+    font-size: 4em;
     color: $medium-gray;
     text-shadow: 0 0 $default-padding $text-color;
     transition: all $image-overlay-transition-duration linear;
+    vertical-align: middle;
   }
 
   .previous-picture {

data/app/assets/stylesheets/alchemy/jquery-ui.scss

@@ -74,18 +74,6 @@
   cursor: default !important;
 }
 
-/* Icons
-----------------------------------*/
-
-/* states and images */
-
-.ui-icon {
-  display: block;
-  text-indent: -99999px;
-  overflow: hidden;
-  background-repeat: no-repeat;
-}
-
 /* Misc visuals
 ----------------------------------*/
 
@@ -116,7 +104,7 @@
 ----------------------------------*/
 
 .ui-widget {
-  font-family: $default-font-face;
+  font-family: $default-font-family;
   font-size: $default-font-size;
 }
 
@@ -130,12 +118,6 @@
   color: $text-color;
 }
 
-.ui-widget-content a {
-  color: $text-color;
-
-  &:hover { color: #000 }
-}
-
 .ui-widget-header {
   border: 1px none #afafaf;
   background: $light-blue;
@@ -149,10 +131,6 @@
   border-bottom-right-radius: 0;
 }
 
-.ui-widget-header a {
-  color: $text-color;
-}
-
 /* Interaction states
 ----------------------------------*/
 
@@ -161,7 +139,6 @@
   background-color: #ededed;
   font-weight: normal;
   color: $text-color;
-  text-shadow: $button-text-shadow;
 }
 
 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
@@ -253,790 +230,6 @@
   background-image: none;
 }
 
-/* Icons
-----------------------------------*/
-
-/* states and images */
-
-.ui-icon {
-  width: 16px;
-  height: 16px;
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-widget-content .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-widget-header .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-state-default .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-state-active .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-state-highlight .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
-  background-image: image-url('alchemy/ui-icons_666666_256x240.png');
-}
-
-/* positioning */
-
-.ui-icon-carat-1-n {
-  background-position: 0 0;
-}
-
-.ui-icon-carat-1-ne {
-  background-position: -16px 0;
-}
-
-.ui-icon-carat-1-e {
-  background-position: -32px 0;
-}
-
-.ui-icon-carat-1-se {
-  background-position: -48px 0;
-}
-
-.ui-icon-carat-1-s {
-  background-position: -64px 0;
-}
-
-.ui-icon-carat-1-sw {
-  background-position: -80px 0;
-}
-
-.ui-icon-carat-1-w {
-  background-position: -96px 0;
-}
-
-.ui-icon-carat-1-nw {
-  background-position: -112px 0;
-}
-
-.ui-icon-carat-2-n-s {
-  background-position: -128px 0;
-}
-
-.ui-icon-carat-2-e-w {
-  background-position: -144px 0;
-}
-
-.ui-icon-triangle-1-n {
-  background-position: 0 -16px;
-}
-
-.ui-icon-triangle-1-ne {
-  background-position: -16px -16px;
-}
-
-.ui-icon-triangle-1-e {
-  background-position: -32px -16px;
-}
-
-.ui-icon-triangle-1-se {
-  background-position: -48px -16px;
-}
-
-.ui-icon-triangle-1-s {
-  background-position: -64px -16px;
-}
-
-.ui-icon-triangle-1-sw {
-  background-position: -80px -16px;
-}
-
-.ui-icon-triangle-1-w {
-  background-position: -96px -16px;
-}
-
-.ui-icon-triangle-1-nw {
-  background-position: -112px -16px;
-}
-
-.ui-icon-triangle-2-n-s {
-  background-position: -128px -16px;
-}
-
-.ui-icon-triangle-2-e-w {
-  background-position: -144px -16px;
-}
-
-.ui-icon-arrow-1-n {
-  background-position: 0 -32px;
-}
-
-.ui-icon-arrow-1-ne {
-  background-position: -16px -32px;
-}
-
-.ui-icon-arrow-1-e {
-  background-position: -32px -32px;
-}
-
-.ui-icon-arrow-1-se {
-  background-position: -48px -32px;
-}
-
-.ui-icon-arrow-1-s {
-  background-position: -64px -32px;
-}
-
-.ui-icon-arrow-1-sw {
-  background-position: -80px -32px;
-}
-
-.ui-icon-arrow-1-w {
-  background-position: -96px -32px;
-}
-
-.ui-icon-arrow-1-nw {
-  background-position: -112px -32px;
-}
-
-.ui-icon-arrow-2-n-s {
-  background-position: -128px -32px;
-}
-
-.ui-icon-arrow-2-ne-sw {
-  background-position: -144px -32px;
-}
-
-.ui-icon-arrow-2-e-w {
-  background-position: -160px -32px;
-}
-
-.ui-icon-arrow-2-se-nw {
-  background-position: -176px -32px;
-}
-
-.ui-icon-arrowstop-1-n {
-  background-position: -192px -32px;
-}
-
-.ui-icon-arrowstop-1-e {
-  background-position: -208px -32px;
-}
-
-.ui-icon-arrowstop-1-s {
-  background-position: -224px -32px;
-}
-
-.ui-icon-arrowstop-1-w {
-  background-position: -240px -32px;
-}
-
-.ui-icon-arrowthick-1-n {
-  background-position: 0 -48px;
-}
-
-.ui-icon-arrowthick-1-ne {
-  background-position: -16px -48px;
-}
-
-.ui-icon-arrowthick-1-e {
-  background-position: -32px -48px;
-}
-
-.ui-icon-arrowthick-1-se {
-  background-position: -48px -48px;
-}
-
-.ui-icon-arrowthick-1-s {
-  background-position: -64px -48px;
-}
-
-.ui-icon-arrowthick-1-sw {
-  background-position: -80px -48px;
-}
-
-.ui-icon-arrowthick-1-w {
-  background-position: -96px -48px;
-}
-
-.ui-icon-arrowthick-1-nw {
-  background-position: -112px -48px;
-}
-
-.ui-icon-arrowthick-2-n-s {
-  background-position: -128px -48px;
-}
-
-.ui-icon-arrowthick-2-ne-sw {
-  background-position: -144px -48px;
-}
-
-.ui-icon-arrowthick-2-e-w {
-  background-position: -160px -48px;
-}
-
-.ui-icon-arrowthick-2-se-nw {
-  background-position: -176px -48px;
-}
-
-.ui-icon-arrowthickstop-1-n {
-  background-position: -192px -48px;
-}
-
-.ui-icon-arrowthickstop-1-e {
-  background-position: -208px -48px;
-}
-
-.ui-icon-arrowthickstop-1-s {
-  background-position: -224px -48px;
-}
-
-.ui-icon-arrowthickstop-1-w {
-  background-position: -240px -48px;
-}
-
-.ui-icon-arrowreturnthick-1-w {
-  background-position: 0 -64px;
-}
-
-.ui-icon-arrowreturnthick-1-n {
-  background-position: -16px -64px;
-}
-
-.ui-icon-arrowreturnthick-1-e {
-  background-position: -32px -64px;
-}
-
-.ui-icon-arrowreturnthick-1-s {
-  background-position: -48px -64px;
-}
-
-.ui-icon-arrowreturn-1-w {
-  background-position: -64px -64px;
-}
-
-.ui-icon-arrowreturn-1-n {
-  background-position: -80px -64px;
-}
-
-.ui-icon-arrowreturn-1-e {
-  background-position: -96px -64px;
-}
-
-.ui-icon-arrowreturn-1-s {
-  background-position: -112px -64px;
-}
-
-.ui-icon-arrowrefresh-1-w {
-  background-position: -128px -64px;
-}
-
-.ui-icon-arrowrefresh-1-n {
-  background-position: -144px -64px;
-}
-
-.ui-icon-arrowrefresh-1-e {
-  background-position: -160px -64px;
-}
-
-.ui-icon-arrowrefresh-1-s {
-  background-position: -176px -64px;
-}
-
-.ui-icon-arrow-4 {
-  background-position: 0 -80px;
-}
-
-.ui-icon-arrow-4-diag {
-  background-position: -16px -80px;
-}
-
-.ui-icon-extlink {
-  background-position: -32px -80px;
-}
-
-.ui-icon-newwin {
-  background-position: -48px -80px;
-}
-
-.ui-icon-refresh {
-  background: none !important;
-  @extend .icon-ccw;
-
-  &:before {
-    text-indent: 0;
-    position: absolute;
-    right: 4px;
-    top: 3px;
-  }
-}
-
-.ui-icon-fullscreen {
-  background: none !important;
-  position: relative;
-  @extend .icon-fullscreen;
-
-  &:before {
-    text-indent: 0;
-    position: absolute;
-    right: 2px;
-    top: 2px;
-    font-size: 10px;
-  }
-}
-
-.ui-icon-exit-fullscreen {
-  background: none !important;
-  position: relative;
-  @extend .icon-fullscreen-exit;
-
-  &:before {
-    text-indent: 0;
-    position: absolute;
-    right: 1px;
-    top: 2px;
-  }
-}
-
-.ui-icon-shuffle {
-  background-position: -80px -80px;
-}
-
-.ui-icon-transfer-e-w {
-  background-position: -96px -80px;
-}
-
-.ui-icon-transferthick-e-w {
-  background-position: -112px -80px;
-}
-
-.ui-icon-folder-collapsed {
-  background-position: 0 -96px;
-}
-
-.ui-icon-folder-open {
-  background-position: -16px -96px;
-}
-
-.ui-icon-document {
-  background-position: -32px -96px;
-}
-
-.ui-icon-document-b {
-  background-position: -48px -96px;
-}
-
-.ui-icon-note {
-  background-position: -64px -96px;
-}
-
-.ui-icon-mail-closed {
-  background-position: -80px -96px;
-}
-
-.ui-icon-mail-open {
-  background-position: -96px -96px;
-}
-
-.ui-icon-suitcase {
-  background-position: -112px -96px;
-}
-
-.ui-icon-comment {
-  background-position: -128px -96px;
-}
-
-.ui-icon-person {
-  background-position: -144px -96px;
-}
-
-.ui-icon-print {
-  background-position: -160px -96px;
-}
-
-.ui-icon-trash {
-  background-position: -176px -96px;
-}
-
-.ui-icon-locked {
-  background-position: -192px -96px;
-}
-
-.ui-icon-unlocked {
-  background-position: -208px -96px;
-}
-
-.ui-icon-bookmark {
-  background-position: -224px -96px;
-}
-
-.ui-icon-tag {
-  background-position: -240px -96px;
-}
-
-.ui-icon-home {
-  background-position: 0 -112px;
-}
-
-.ui-icon-flag {
-  background-position: -16px -112px;
-}
-
-.ui-icon-calendar {
-  background-position: -32px -112px;
-}
-
-.ui-icon-cart {
-  background-position: -48px -112px;
-}
-
-.ui-icon-pencil {
-  background-position: -64px -112px;
-}
-
-.ui-icon-clock {
-  background-position: -80px -112px;
-}
-
-.ui-icon-disk {
-  background-position: -96px -112px;
-}
-
-.ui-icon-calculator {
-  background-position: -112px -112px;
-}
-
-.ui-icon-zoomin {
-  background-position: -128px -112px;
-}
-
-.ui-icon-zoomout {
-  background-position: -144px -112px;
-}
-
-.ui-icon-search {
-  background-position: -160px -112px;
-}
-
-.ui-icon-wrench {
-  background-position: -176px -112px;
-}
-
-.ui-icon-gear {
-  background-position: -192px -112px;
-}
-
-.ui-icon-heart {
-  background-position: -208px -112px;
-}
-
-.ui-icon-star {
-  background-position: -224px -112px;
-}
-
-.ui-icon-link {
-  background-position: -240px -112px;
-}
-
-.ui-icon-cancel {
-  background-position: 0 -128px;
-}
-
-.ui-icon-plus {
-  background-position: -16px -128px;
-}
-
-.ui-icon-plusthick {
-  background-position: -32px -128px;
-}
-
-.ui-icon-minus {
-  background-position: -48px -128px;
-}
-
-.ui-icon-minusthick {
-  background-position: -64px -128px;
-}
-
-.ui-icon-close {
-  background-position: -80px -128px;
-}
-
-.ui-icon-closethick {
-  background: none !important;
-  position: relative;
-  @extend .icon-cross;
-
-  &:before {
-    text-indent: 0;
-    position: absolute;
-    left: 1px;
-    top: 3px;
-    font-size: 16px;
-  }
-}
-
-.ui-icon-key {
-  background-position: -112px -128px;
-}
-
-.ui-icon-lightbulb {
-  background-position: -128px -128px;
-}
-
-.ui-icon-scissors {
-  background-position: -144px -128px;
-}
-
-.ui-icon-clipboard {
-  background-position: -160px -128px;
-}
-
-.ui-icon-copy {
-  background-position: -176px -128px;
-}
-
-.ui-icon-contact {
-  background-position: -192px -128px;
-}
-
-.ui-icon-image {
-  background-position: -208px -128px;
-}
-
-.ui-icon-video {
-  background-position: -224px -128px;
-}
-
-.ui-icon-script {
-  background-position: -240px -128px;
-}
-
-.ui-icon-alert {
-  background-position: 0 -144px;
-}
-
-.ui-icon-info {
-  background-position: -16px -144px;
-}
-
-.ui-icon-notice {
-  background-position: -32px -144px;
-}
-
-.ui-icon-help {
-  background-position: -48px -144px;
-}
-
-.ui-icon-check {
-  background-position: -64px -144px;
-}
-
-.ui-icon-bullet {
-  background-position: -80px -144px;
-}
-
-.ui-icon-radio-off {
-  background-position: -96px -144px;
-}
-
-.ui-icon-radio-on {
-  background-position: -112px -144px;
-}
-
-.ui-icon-pin-w {
-  background-position: -128px -144px;
-}
-
-.ui-icon-pin-s {
-  background-position: -144px -144px;
-}
-
-.ui-icon-play {
-  background-position: 0 -160px;
-}
-
-.ui-icon-pause {
-  background-position: -16px -160px;
-}
-
-.ui-icon-seek-next {
-  background-position: -32px -160px;
-}
-
-.ui-icon-seek-prev {
-  background-position: -48px -160px;
-}
-
-.ui-icon-seek-end {
-  background-position: -64px -160px;
-}
-
-.ui-icon-seek-start {
-  background-position: -80px -160px;
-}
-
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-
-.ui-icon-seek-first {
-  background-position: -80px -160px;
-}
-
-.ui-icon-stop {
-  background-position: -96px -160px;
-}
-
-.ui-icon-eject {
-  background-position: -112px -160px;
-}
-
-.ui-icon-volume-off {
-  background-position: -128px -160px;
-}
-
-.ui-icon-volume-on {
-  background-position: -144px -160px;
-}
-
-.ui-icon-power {
-  background-position: 0 -176px;
-}
-
-.ui-icon-signal-diag {
-  background-position: -16px -176px;
-}
-
-.ui-icon-signal {
-  background-position: -32px -176px;
-}
-
-.ui-icon-battery-0 {
-  background-position: -48px -176px;
-}
-
-.ui-icon-battery-1 {
-  background-position: -64px -176px;
-}
-
-.ui-icon-battery-2 {
-  background-position: -80px -176px;
-}
-
-.ui-icon-battery-3 {
-  background-position: -96px -176px;
-}
-
-.ui-icon-circle-plus {
-  background-position: 0 -192px;
-}
-
-.ui-icon-circle-minus {
-  background-position: -16px -192px;
-}
-
-.ui-icon-circle-close {
-  background-position: -32px -192px;
-}
-
-.ui-icon-circle-triangle-e {
-  background-position: -48px -192px;
-}
-
-.ui-icon-circle-triangle-s {
-  background-position: -64px -192px;
-}
-
-.ui-icon-circle-triangle-w {
-  background-position: -80px -192px;
-}
-
-.ui-icon-circle-triangle-n {
-  background-position: -96px -192px;
-}
-
-.ui-icon-circle-arrow-e {
-  background-position: -112px -192px;
-}
-
-.ui-icon-circle-arrow-s {
-  background-position: -128px -192px;
-}
-
-.ui-icon-circle-arrow-w {
-  background-position: -144px -192px;
-}
-
-.ui-icon-circle-arrow-n {
-  background-position: -160px -192px;
-}
-
-.ui-icon-circle-zoomin {
-  background-position: -176px -192px;
-}
-
-.ui-icon-circle-zoomout {
-  background-position: -192px -192px;
-}
-
-.ui-icon-circle-check {
-  background-position: -208px -192px;
-}
-
-.ui-icon-circlesmall-plus {
-  background-position: 0 -208px;
-}
-
-.ui-icon-circlesmall-minus {
-  background-position: -16px -208px;
-}
-
-.ui-icon-circlesmall-close {
-  background-position: -32px -208px;
-}
-
-.ui-icon-squaresmall-plus {
-  background-position: -48px -208px;
-}
-
-.ui-icon-squaresmall-minus {
-  background-position: -64px -208px;
-}
-
-.ui-icon-squaresmall-close {
-  background-position: -80px -208px;
-}
-
-.ui-icon-grip-dotted-vertical {
-  background-position: 0 -224px;
-}
-
-.ui-icon-grip-dotted-horizontal {
-  background-position: -16px -224px;
-}
-
-.ui-icon-grip-solid-vertical {
-  background-position: -32px -224px;
-}
-
-.ui-icon-grip-solid-horizontal {
-  background-position: -48px -224px;
-}
-
-.ui-icon-gripsmall-diagonal-se {
-  background-position: -64px -224px;
-}
-
-.ui-icon-grip-diagonal-se {
-  background-position: -80px -224px;
-}
-
 /* Misc visuals
 ----------------------------------*/
 
@@ -1131,40 +324,41 @@
 
 .ui-tabs .ui-tabs-nav {
   padding: 4px 8px 0;
-  background: transparent;
+  background: $toolbar-bg-color;
   border-radius: 0;
   border-bottom: $default-border;
   margin: 0;
+  padding: 0;
+  height: $tabs-height;
 }
 
 .ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
-  top: 1px;
-  margin: 0 .2em 1px 0;
+  height: $tabs-height - $default-border-width;
+  margin: 0;
   border-color: $default-border-color;
-  border-bottom: 0 !important;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+  border-width: 0;
+  border-right-width: $default-border-width;
+  border-radius: 0;
   padding: 0;
   white-space: nowrap;
-  background-color: $medium-gray;
+  background-color: transparent;
   font-weight: normal;
 
   &.ui-tabs-active {
     background-color: $light-gray;
-    margin-bottom: 0px;
-    height: 28px;
+    height: $tabs-height;
 
     a { cursor: default }
   }
 }
 
 .ui-tabs .ui-tabs-nav li a {
-  float: left;
+  display: block;
   text-decoration: none;
-  padding: 6px 12px 5px;
+  padding: 8px 12px 7px;
 }
 
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
@@ -1195,41 +389,29 @@
 
 /* UI Tabs Paging */
 
+.ui-tabs li.ui-tabs-paging-prev {
+  border-right-width: 1px;
+}
+
 .ui-tabs li.ui-tabs-paging-next {
   float: right !important;
   padding: 0 !important;
-}
-
-.ui-tabs .ui-tabs-nav .ui-tabs-paging-prev,
-.ui-tabs .ui-tabs-nav .ui-tabs-paging-next {
-  height: 26px;
+  border-right-width: 0;
 }
 
 .ui-tabs .ui-tabs-nav .ui-tabs-paging-prev a,
 .ui-tabs .ui-tabs-nav .ui-tabs-paging-next a {
   display: block;
-  position: relative;
-  top: 1px;
   border: 0;
   z-index: 2;
-  padding: 5px;
-  color: #444;
+  padding: 8px;
+  color: $icon-color;
   text-decoration: none;
-  background: #eee;
   cursor: pointer;
 }
 
-.ui-tabs .ui-tabs-paging-next a:hover,
-.ui-tabs .ui-tabs-paging-next a:focus,
-.ui-tabs .ui-tabs-paging-next a:active,
-.ui-tabs .ui-tabs-paging-prev a:hover,
-.ui-tabs .ui-tabs-paging-prev a:focus,
-.ui-tabs .ui-tabs-paging-prev a:active {
-  background: #eee;
-}
-
 .ui-tabs .ui-tabs-nav .ui-tabs-paging-disabled {
-  visibility: hidden;
+  display: none;
 }
 
 /*