alchemy_cms 2.1.12 → 2.2.rc1

data/app/assets/stylesheets/alchemy/upload.css.scss

@@ -1,92 +1,115 @@
 @import "alchemy/defaults";
 
 a#uploadswitcher, a.underline {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 #uploadProgressContainer {
-	overflow-x: hidden;
-	overflow-y: auto;
-	height: 234px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  height: 234px;
 }
 
 #uploadProgressContainer .progressWrapper {
-	padding: 2*$default-padding;
-	background-color: $medium-gray;
-	position: relative;
-	margin-bottom: 8px;
-	border: 1px solid #9e9e9e;
-	@include rounded-corner;
+  padding: 2*$default-padding;
+  background-color: $medium-gray;
+  position: relative;
+  margin-bottom: 8px;
+  border: 1px solid #9e9e9e;
+  @include rounded-corner;
 }
 
 #uploadProgressContainer .progressName,
 #uploadProgressContainer .progressBarStatus {
-	margin-bottom: 4px;
+  margin-bottom: 4px;
 }
 
 #uploadProgressContainer .progressBarStatus {
-	font-size: 10px;
+  font-size: 10px;
 }
 
 #uploadProgressContainer .progressName {
-	text-shadow: 0 1px 2px #FFFFFF;
+  text-shadow: 0 1px 2px #FFFFFF;
 }
 
 #uploadProgressContainer .progressBarContainer {
-	background: #F9F9F9 image-url('alchemy/shading.png') repeat-x 0 0;
-	border:1px solid #9E9E9E;
-	@include rounded-corner;
-	height:16px;
-	overflow: hidden;
-	width:100%;
+  background: #F9F9F9 image-url('alchemy/shading.png') repeat-x 0 0;
+  border: 1px solid #9E9E9E;
+  @include rounded-corner;
+  height: 16px;
+  overflow: hidden;
+  width: 100%;
 }
 
 #uploadProgressContainer .progressBarInProgress {
-	background: #77AAD5 image-url('alchemy/shading.png') repeat-x 0 -75px;
-	height: 16px;
-	width: 0;
+  background: #77AAD5 image-url('alchemy/shading.png') repeat-x 0 -75px;
+  height: 16px;
+  width: 0;
 }
 
 #uploadProgressContainer .progressBarComplete {
-	background: #00D827 image-url('alchemy/shading.png') repeat-x 0 -75px;
-	height: 16px;
-	width: 0;
+  background: #00D827 image-url('alchemy/shading.png') repeat-x 0 -75px;
+  height: 16px;
+  width: 0;
 }
 
 #uploadProgressContainer .progressBarError {
-	background: #F00 image-url('alchemy/shading.png') repeat-x 0 -75px;
-	height: 16px;
-	width: 0;
+  background: #F00 image-url('alchemy/shading.png') repeat-x 0 -75px;
+  height: 16px;
+  width: 0;
 }
 
 #uploadProgressContainer .progressBarCanceled {
-	background: #E4E4E4 image-url('alchemy/shading.png') repeat-x 0 -75px;
-	height: 16px;
-	width: 0;
+  background: #E4E4E4 image-url('alchemy/shading.png') repeat-x 0 -75px;
+  height: 16px;
+  width: 0;
 }
 
 #uploadProgressContainer .progressCancel {
-	background: #f1f1f1 image-url('alchemy/icons.png') no-repeat -1px -72px;
-	border: 1px solid #9e9e9e;
-	@include rounded-corner;
-	width: 15px;
-	height: 16px;
-	position: absolute;
-	top: 8px;
-	right: 8px;
+  background: #f1f1f1 image-url('alchemy/icons.png') no-repeat -1px -72px;
+  border: 1px solid #9e9e9e;
+  @include rounded-corner;
+  width: 15px;
+  height: 16px;
+  position: absolute;
+  top: 8px;
+  right: 8px;
 }
 
 #swf_upload_container {
-	height: 60px;
+  height: 60px;
 }
 
 #swf_upload_container .button {
-	float: right;
-	margin-top: 4*$default-margin;
-	font-size: 11px;
+  float: right;
+  margin-top: 4*$default-margin;
+  font-size: 11px;
 }
 
 object.swfupload {
-	margin-top: 16px;
-	margin-bottom: 16px;
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+
+#dropbox {
+  background: $medium-gray;
+  border: $default-border;
+  @include rounded-corner;
+  padding: $default-padding;
+  margin-bottom: 2*$default-padding;
+  text-align: center;
+  line-height: 4em;
+  &.dragover {
+    background: $dark-gray;
+    color: $light-gray;
+    border-color: $light-gray;
+  }
+}
+
+div.browse {
+  height: 25px;
+  padding: 2*$default-padding 0;
+  a.button {
+    float: right;
+  }
 }

data/app/assets/stylesheets/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css.scss

@@ -3,172 +3,173 @@
 /* Reset */
 
 .alchemy, .alchemy div, .alchemy span, .alchemy a {
-	vertical-align: baseline;
-	text-align: left;
-	position: absolute;
-	border: 0;
-	padding: 0;
-	margin: 0;
-	font: $default-font-style;
-	color: $text-color;
-	text-decoration: none;
-	font-weight: normal;
-	width: auto;
-	height: auto;
-	overflow: hidden;
-	display: block;
-	background-color: transparent;
+  vertical-align: baseline;
+  text-align: left;
+  position: absolute;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  font: $default-font-style;
+  color: $text-color;
+  text-decoration: none;
+  font-weight: normal;
+  width: auto;
+  height: auto;
+  overflow: hidden;
+  display: block;
+  background-color: transparent;
 }
 
 /* General */
 
 .alchemy {
-	position: absolute;
-	direction: ltr;
-	border: $default-border;
-	@include rounded-corner;
+  position: absolute;
+  direction: ltr;
+  border: $default-border;
+  @include rounded-corner;
 }
 
 .alchemy .mceWrapper {
-	position: static;
+  position: static;
 }
 
 .mceEventBlocker {
-	position: fixed;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%
 }
 
 .alchemy .mcePlaceHolder {
-	border: 1px solid #000;
-	background: #888;
-	top: 0;
-	left: 0;
-	@include opacity(50);
+  border: 1px solid #000;
+  background: #888;
+  top: 0;
+  left: 0;
+  @include opacity(50);
 }
 
 .alchemy_modalBlocker {
-	position: fixed;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	background-color: #f4f4f4;
-	@include opacity(50);
-	display: none
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #f4f4f4;
+  @include opacity(50);
+  display: none
 }
 
 /* Top */
 
 .alchemy .mceTop, .alchemy .mceTop div {
-	top: 0;
-	width: 100%;
-	height: 31px;
+  top: 0;
+  width: 100%;
+  height: 31px;
 }
 
 .alchemy .mceTop .mceLeft {
-	width: 0px;
+  width: 0px;
 }
 
 .alchemy .mceTop .mceCenter,
 a.mceMove {
-	width: 100%;
-	height: 31px;
-	background: $light-blue;
-	color: $text-color;
+  width: 100%;
+  height: 31px;
+  background: $light-blue;
+  color: $text-color;
 }
 
 .alchemy .mceTop .mceRight {
-	right: 0;
-	width: 0px;
-	height: 32px;
+  right: 0;
+  width: 0px;
+  height: 32px;
 }
 
 .alchemy .mceTop span {
-	width: 100%;
-	text-align: left;
-	vertical-align: middle;
-	line-height: 31px;
-	font-weight: bold;
-	color: white;
-	padding-left: 12px;
+  width: 100%;
+  text-align: left;
+  vertical-align: middle;
+  line-height: 31px;
+  font-weight: bold;
+  color: white;
+  padding-left: 12px;
 }
 
 /* Middle */
 
 .alchemy .mceMiddle, .alchemy .mceMiddle div {
-	top: 0
+  top: 0
 }
 
 .alchemy .mceMiddle {
-	width: 100%;
-	height: 100%;
-	/*clip: rect(23px auto auto auto)*/
+  width: 100%;
+  height: 100%;
+/*clip: rect(23px auto auto auto)*/
 }
 
 .alchemy .mceMiddle .mceLeft {
-	left: 0;
-	width: 0;
-	height: 100%;
-	background-color: white;
-	z-index: 1;
+  left: 0;
+  width: 0;
+  height: 100%;
+  background-color: white;
+  z-index: 1;
 }
 
 .alchemy .mceMiddle span {
-	top: 31px;
-	left: 0px;
-	width: 100%;
-	height: 100%;
-	background: #FFF
+  top: 31px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  background: #FFF
 }
 
 .alchemy .mceMiddle .mceRight {
-	right: 0;
-	width: 0px;
-	height: 100%;
-	background-color: white;
-	z-index: 1;
+  right: 0;
+  width: 0px;
+  height: 100%;
+  background-color: white;
+  z-index: 1;
 }
 
 /* Bottom */
 
 .alchemy .mceBottom, .alchemy .mceBottom div {
-	height: 0}
+  height: 0
+}
 
 .alchemy .mceBottom {
-	left: 0;
-	bottom: 0;
-	width: 100%
+  left: 0;
+  bottom: 0;
+  width: 100%
 }
 
 .alchemy .mceBottom div {
-	top: 0
+  top: 0
 }
 
 .alchemy .mceBottom .mceLeft {
-	left: 0;
-	width: 0px;
+  left: 0;
+  width: 0px;
 }
 
 .alchemy .mceBottom .mceCenter {
-	width: 100%;
-	left: 0;
-	background-color: white;
+  width: 100%;
+  left: 0;
+  background-color: white;
 }
 
 .alchemy .mceBottom .mceRight {
-	right: 0;
-	width: 0px;
+  right: 0;
+  width: 0px;
 }
 
 .alchemy .mceBottom span {
-	display: none
+  display: none
 }
 
 .alchemy .mceStatusbar .mceBottom, .alchemy .mceStatusbar .mceBottom div {
-	height: 23px
+  height: 23px
 }
 
 .alchemy .mceStatusbar .mceBottom .mceLeft {
@@ -184,252 +185,252 @@ a.mceMove {
 }
 
 .alchemy .mceStatusbar .mceBottom span {
-	display: block;
-	left: 7px;
-	font: $default-font-style;
-	line-height: 23px
+  display: block;
+  left: 7px;
+  font: $default-font-style;
+  line-height: 23px
 }
 
 /* Actions */
 
 .alchemy a {
-	width: 29px;
-	height: 16px;
+  width: 29px;
+  height: 16px;
 }
 
 .alchemy .mceClose {
-	right: 8px;
-	background: image-url("alchemy/ui-icons_666666_256x240.png") -96px -128px;
-	width: 16px;
-	height: 16px;
-	top: 6px;
+  right: 8px;
+  background: image-url("alchemy/ui-icons_666666_256x240.png") -96px -128px;
+  width: 16px;
+  height: 16px;
+  top: 6px;
 
 }
 
 .alchemy .mceMin {
-	display: none;
-	right: 68px;
+  display: none;
+  right: 68px;
 }
 
 .alchemy .mceMed {
-	display: none;
-	right: 28px;
-	width: 16px;
-	height: 16px;
-	background: image-url("alchemy/ui-icons_666666_256x240.png") -49px -80px;
-	top: 6px;
+  display: none;
+  right: 28px;
+  width: 16px;
+  height: 16px;
+  background: image-url("alchemy/ui-icons_666666_256x240.png") -49px -80px;
+  top: 6px;
 }
 
 .alchemy .mceMax {
-	display: none;
-	right: 28px;
-	width: 16px;
-	height: 16px;
-	background: image-url("alchemy/ui-icons_666666_256x240.png") -32px -80px;
-	top: 6px;
+  display: none;
+  right: 28px;
+  width: 16px;
+  height: 16px;
+  background: image-url("alchemy/ui-icons_666666_256x240.png") -32px -80px;
+  top: 6px;
 }
 
 .alchemy .mceClose, .alchemy .mceMin, .alchemy .mceMed, .alchemy .mceMax {
-	&:hover {
-		border: 1px solid $button-hover-border-color;
-		@include rounded-corner;
-		background-color: $button-hover-bg-color;
-		color: $text-color;
-		font-weight: normal;
-	}
+  &:hover {
+    border: 1px solid $button-hover-border-color;
+    @include rounded-corner;
+    background-color: $button-hover-bg-color;
+    color: $text-color;
+    font-weight: normal;
+  }
 }
 
 .alchemy .mceClose {
-	&:hover {
-		background-position: -97px -129px;
-		right: 6px;
-	}
+  &:hover {
+    background-position: -97px -129px;
+    right: 6px;
+  }
 }
 
 .alchemy .mceMax {
-	&:hover {
-		background-position: -33px -81px;
-		right: 26px;
-	}
+  &:hover {
+    background-position: -33px -81px;
+    right: 26px;
+  }
 }
 
 .alchemy .mceMed {
-	&:hover {
-		background-position: -50px -81px;
-		right: 26px;
-	}
+  &:hover {
+    background-position: -50px -81px;
+    right: 26px;
+  }
 }
 
 .alchemy .mceMove {
-	display: none;
-	cursor: move;
-	height: 31px;
-	width: 100%;
+  display: none;
+  cursor: move;
+  height: 31px;
+  width: 100%;
 }
 
 .alchemy .mceMovable .mceMove {
-	display: block;
-	right: 0;
+  display: block;
+  right: 0;
 }
 
 /* Resize */
 
 .alchemy .mceResize {
-	top: auto;
-	left: auto;
-	display: none;
-	width: 4px;
-	height: 4px;
-	background: transparent no-repeat 0 -75px;
+  top: auto;
+  left: auto;
+  display: none;
+  width: 4px;
+  height: 4px;
+  background: transparent no-repeat 0 -75px;
 }
 
 .alchemy .mceResizable .mceResize {
-	display: block
+  display: block
 }
 
 .alchemy .mceResizable .mceMin, .alchemy .mceMax {
-	display: none
+  display: none
 }
 
 .alchemy .mceMinimizable .mceMin {
-	display: block
+  display: block
 }
 
 .alchemy .mceMaximizable .mceMax {
-	display: block
+  display: block
 }
 
 .alchemy .mceMaximized .mceMed {
-	display: block
+  display: block
 }
 
 .alchemy .mceMaximized .mceMax {
-	display: none
+  display: none
 }
 
 .alchemy a.mceResizeN {
-	top: 0;
-	left: 0;
-	width: 100%;
-	cursor: n-resize;
-	height: 4px;
+  top: 0;
+  left: 0;
+  width: 100%;
+  cursor: n-resize;
+  height: 4px;
 }
 
 .alchemy a.mceResizeNW {
-	top: 0;
-	left: 0;
-	cursor: nw-resize
+  top: 0;
+  left: 0;
+  cursor: nw-resize
 }
 
 .alchemy a.mceResizeNE {
-	top: 0;
-	right: 0;
-	cursor: ne-resize
+  top: 0;
+  right: 0;
+  cursor: ne-resize
 }
 
 .alchemy a.mceResizeW {
-	top: 0;
-	left: 0;
-	height: 100%;
-	cursor: w-resize;
-	width: 4px;
+  top: 0;
+  left: 0;
+  height: 100%;
+  cursor: w-resize;
+  width: 4px;
 }
 
 .alchemy a.mceResizeE {
-	top: 0;
-	right: 0;
-	height: 100%;
-	cursor: e-resize;
-	width: 4px;
+  top: 0;
+  right: 0;
+  height: 100%;
+  cursor: e-resize;
+  width: 4px;
 }
 
 .alchemy a.mceResizeS {
-	bottom: 0;
-	left: 0;
-	width: 100%;
-	cursor: s-resize;
-	height: 4px;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  cursor: s-resize;
+  height: 4px;
 }
 
 .alchemy a.mceResizeSW {
-	bottom: 0;
-	left: 0;
-	cursor: sw-resize
+  bottom: 0;
+  left: 0;
+  cursor: sw-resize
 }
 
 .alchemy a.mceResizeSE {
-	bottom: 1px;
-	right: 1px;
-	cursor: se-resize;
-	background: image-url("alchemy/ui-icons_666666_256x240.png") no-repeat -80px -224px;
-	width: 14px;
-	height: 14px;
+  bottom: 1px;
+  right: 1px;
+  cursor: se-resize;
+  background: image-url("alchemy/ui-icons_666666_256x240.png") no-repeat -80px -224px;
+  width: 14px;
+  height: 14px;
 }
 
 /* Alert/Confirm */
 
 .alchemy .mceButton {
-	@include button-styles;
-	bottom: 10px;
-	width: 80px;
-	height: 25px;
-	line-height: 25px;
-	vertical-align: middle;
-	text-align: center;
-	outline: 0;
+  @include button-styles;
+  bottom: 10px;
+  width: 80px;
+  height: 25px;
+  line-height: 25px;
+  vertical-align: middle;
+  text-align: center;
+  outline: 0;
 
-	&:hover {
-		@include button-hover-styles;
-	}
+  &:hover {
+    @include button-hover-styles;
+  }
 }
 
 .alchemy .mceMiddle .mceIcon {
-	left: 15px;
-	top: 35px;
-	width: 16px;
-	height: 16px;
+  left: 15px;
+  top: 35px;
+  width: 16px;
+  height: 16px;
 }
 
 .alchemy .mceAlert .mceMiddle span, .alchemy .mceConfirm .mceMiddle span {
-	background: transparent;
-	left: 8px;
-	top: 35px;
-	width: auto;
-	height: 50px;
-	text-align: center;
-	overflow: auto;
-	white-space: normal
+  background: transparent;
+  left: 8px;
+  top: 35px;
+  width: auto;
+  height: 50px;
+  text-align: center;
+  overflow: auto;
+  white-space: normal
 }
 
 .alchemy a:hover {
-	font-weight: normal;
+  font-weight: normal;
 }
 
 .alchemy .mceAlert .mceMiddle, .alchemy .mceConfirm .mceMiddle {
-	background: $light-gray;
+  background: $light-gray;
 }
 
 .alchemy .mceAlert .mceOk {
-	left: 50%;
-	top: auto;
-	margin-left: -40px
+  left: 50%;
+  top: auto;
+  margin-left: -40px
 }
 
 .alchemy .mceAlert .mceIcon {
-	background: image-url("alchemy/icons.png") 0 -88px;
+  background: image-url("alchemy/icons.png") 0 -88px;
 }
 
 .alchemy .mceConfirm .mceOk {
-	left: 50%;
-	top: auto;
-	margin-left: -90px
+  left: 50%;
+  top: auto;
+  margin-left: -90px
 }
 
 .alchemy .mceConfirm .mceCancel {
-	left: 50%;
-	top: auto
+  left: 50%;
+  top: auto
 }
 
 .alchemy .mceConfirm .mceIcon {
-	background: image-url("alchemy/icons.png") 0 -88px;
+  background: image-url("alchemy/icons.png") 0 -88px;
 }