RubyGems - alchemy_cms - Versions diffs - 2.0.rc3 → 2.0.rc4 - Mend

alchemy_cms 2.0.rc3 → 2.0.rc4

Files changed (219) hide show

data/app/views/layouts/pages.html.erb CHANGED

@@ -1,7 +1,7 @@
 <!DOCTYPE>
 <html>
   <head>
-    <%= render_meta_data(:title_prefix => "My Alchemy Page", :title_seperator => "-") %>
+    <%= render_meta_data(:title_prefix => sitename_from_header_page, :title_seperator => "-") %>
     <%= stylesheet_link_tag "alchemy/standard_set", :media => :screen %>
     <%= stylesheet_link_tag "alchemy/standard_set", :media => :print %>
 	</head>
@@ -16,9 +16,7 @@
       <div id="navigation">
         <%= render_navigation :all_sub_menues => true %>
       </div>
-			<div id="content">
-				<%= yield %>
-			</div>
+			<%= yield %>
 			<div class="footer">
 				<%= render_elements(
           :from_page => 'layout_footer',

data/app/views/{partials/_navigation_image_link.html.erb → navigation/_image_link.html.erb} RENAMED

File without changes

data/app/views/{partials/_navigation_link.html.erb → navigation/_link.html.erb} RENAMED

@@ -6,7 +6,7 @@
 	:target => '_blank'
 ) -%>
 <%- else -%>
-<%- link_path = @preview_mode ? 'javascript:void(0)' : (multi_language? ? show_page_path(:urlname => page.urlname, :lang => page.language.code) : show_page_path(:urlname => page.urlname)) -%>
+<%- link_path = @preview_mode ? 'javascript:void(0)' : show_page_path(:urlname => page.urlname, :lang => multi_language? ? page.language.code : nil) -%>
 <%= link_to(
 	h(page.name),
 	link_path,

data/app/views/{partials/_navigation_renderer.html.erb → navigation/_renderer.html.erb} RENAMED

File without changes

data/app/views/page_layouts/_contact.html.erb CHANGED

@@ -10,5 +10,5 @@
   <%- end -%>
 </div>
 <div id="content">
-    <%= render_elements %>
+  <%= render_elements %>
 </div>

data/app/views/page_layouts/_external.html.erb CHANGED

	@@ -1 +0,0 @@
1	- <%= render_elements %>

data/app/views/page_layouts/_intro.html.erb CHANGED

@@ -10,5 +10,5 @@
   <%- end -%>
 </div>
 <div id="content" class="intropage">
-    <%= render_elements(:except => ['header', 'claim']) %>
+  <%= render_elements(:except => ['header', 'claim']) %>
 </div>

data/app/views/page_layouts/_news.html.erb CHANGED

@@ -10,5 +10,5 @@
   <%- end -%>
 </div>
 <div id="content">
-    <%= render_elements %>
+  <%= render_elements %>
 </div>

data/app/views/page_layouts/_search.html.erb CHANGED

@@ -10,5 +10,5 @@
   <%- end -%>
 </div>
 <div id="content">
-    <%= render_elements %>
+  <%= render_elements %>
 </div>

data/app/views/page_layouts/_standard.html.erb CHANGED

@@ -10,5 +10,5 @@
   <%- end -%>
 </div>
 <div id="content">
-    <%= render_elements :except => ["claim", "header"] %>
+  <%= render_elements :except => ["claim", "header"] %>
 </div>

data/assets/images/icons.png CHANGED

Binary file

data/assets/javascripts/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css CHANGED

@@ -31,11 +31,14 @@
 .alchemy {
 	position: absolute;
 	direction: ltr;
-	border: 1px solid #9c9d9c;
-	-webkit-box-shadow: #333 0px 4px 8px;
-	-moz-box-shadow: #333 0px 4px 8px;
-	-o-box-shadow: #333 0px 4px 8px;
-	box-shadow: #333 0px 4px 8px;
+	border: 1px solid #afafaf;
+	-webkit-box-shadow: 0px 0px 8px rgba(0, 3, 51, 0.2);
+	-moz-box-shadow: 0px 0px 8px rgba(0, 3, 51, 0.2);
+	-o-box-shadow: 0px 0px 8px rgba(0, 3, 51, 0.2);
+	box-shadow: 0px 0px 8px rgba(0, 3, 51, 0.2);
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
 }
 .alchemy .mceWrapper {
@@ -78,26 +81,27 @@
 .alchemy .mceTop, .alchemy .mceTop div {
 	top: 0;
 	width: 100%;
-	height: 33px;
+	height: 29px;
 }
 .alchemy .mceTop .mceLeft {
-	width: 2px;
+	width: 0px;
 }
 .alchemy .mceTop .mceCenter,
 a.mceMove {
-	right: 2px;
 	width: 100%;
 	height: 29px;
-	background: #b3ccdb url(/images/alchemy/gui/shading.png) repeat-x 0 -74px;
-	border-bottom: 2px solid white;
+	background: #c6dbe7 url(/images/alchemy/gui/shading.png) repeat-x 50% -66px;
+	color: #333333;
+	font-weight: bold;
+	border-bottom: 2px solid #ededed;
 }
 .alchemy .mceTop .mceRight {
 	right: 0;
-	width: 2px;
-	height: 33px;
+	width: 0px;
+	height: 29px;
 }
 .alchemy .mceTop span {
@@ -124,7 +128,7 @@ a.mceMove {
 .alchemy .mceMiddle .mceLeft {
 	left: 0;
-	width: 2px;
+	width: 0;
 	height: 100%;
 	background-color: white;
 	z-index: 1;
@@ -132,7 +136,7 @@ a.mceMove {
 .alchemy .mceMiddle span {
 	top: 31px;
-	left: 2px;
+	left: 0px;
 	width: 100%;
 	height: 100%;
 	background: #FFF
@@ -140,7 +144,7 @@ a.mceMove {
 .alchemy .mceMiddle .mceRight {
 	right: 0;
-	width: 2px;
+	width: 0px;
 	height: 100%;
 	background-color: white;
 	z-index: 1;
@@ -149,8 +153,7 @@ a.mceMove {
 /* Bottom */
 .alchemy .mceBottom, .alchemy .mceBottom div {
-	height: 2px
-}
+	height: 0}
 .alchemy .mceBottom {
 	left: 0;
@@ -164,7 +167,7 @@ a.mceMove {
 .alchemy .mceBottom .mceLeft {
 	left: 0;
-	width: 5px;
+	width: 0px;
 }
 .alchemy .mceBottom .mceCenter {
@@ -175,7 +178,7 @@ a.mceMove {
 .alchemy .mceBottom .mceRight {
 	right: 0;
-	width: 5px;
+	width: 0px;
 }
 .alchemy .mceBottom span {
@@ -219,7 +222,7 @@ a.mceMove {
 	background: url(/images/alchemy/jquery-ui/ui-icons_666666_256x240.png) -96px -128px;
 	width: 16px;
 	height: 16px;
-	top: 8px;
+	top: 6px;
 }
 .alchemy .mceMin {
@@ -229,12 +232,20 @@ a.mceMove {
 .alchemy .mceMed {
 	display: none;
-	right: 37px;
+	right: 28px;
+	width: 16px;
+	height: 16px;
+	background: url(../../../../../../../images/alchemy/jquery-ui/ui-icons_666666_256x240.png) -49px -80px;
+	top: 6px;
 }
 .alchemy .mceMax {
 	display: none;
-	right: 37px;
+	right: 28px;
+	width: 16px;
+	height: 16px;
+	background: url(../../../../../../../images/alchemy/jquery-ui/ui-icons_666666_256x240.png) -32px -80px;
+	top: 6px;
 }
 .alchemy .mceMove {
@@ -255,9 +266,9 @@ a.mceMove {
 	top: auto;
 	left: auto;
 	display: none;
-	width: 2px;
-	height: 2px;
-	background: white no-repeat 0 -75px;
+	width: 4px;
+	height: 4px;
+	background: transparent no-repeat 0 -75px;
 }
 .alchemy .mceResizable .mceResize {
@@ -288,7 +299,8 @@ a.mceMove {
 	top: 0;
 	left: 0;
 	width: 100%;
-	cursor: n-resize
+	cursor: n-resize;
+	height: 4px;
 }
 .alchemy a.mceResizeNW {
@@ -308,20 +320,23 @@ a.mceMove {
 	left: 0;
 	height: 100%;
 	cursor: w-resize;
+	width: 4px;
 }
 .alchemy a.mceResizeE {
 	top: 0;
 	right: 0;
 	height: 100%;
-	cursor: e-resize
+	cursor: e-resize;
+	width: 4px;
 }
 .alchemy a.mceResizeS {
 	bottom: 0;
 	left: 0;
 	width: 100%;
-	cursor: s-resize
+	cursor: s-resize;
+	height: 4px;
 }
 .alchemy a.mceResizeSW {
@@ -331,9 +346,12 @@ a.mceMove {
 }
 .alchemy a.mceResizeSE {
-	bottom: 0;
-	right: 0;
-	cursor: se-resize
+	bottom: 1px;
+	right: 1px;
+	cursor: se-resize;
+	background: url(../../../../../../../images/alchemy/jquery-ui/ui-icons_666666_256x240.png) no-repeat -80px -224px;
+	width: 14px;
+	height: 14px;
 }
 /* Alert/Confirm */

data/assets/stylesheets/alchemy.css CHANGED

@@ -1,5 +1,7 @@
 /* @override http://localhost:3000/stylesheets/alchemy/alchemy.css */
+/* @override http://localhost:3000/stylesheets/alchemy/alchemy.css */
 html {
 	height: 100%;
 }
@@ -32,6 +34,8 @@ a img {
 	border: none;
 }
+/* @group Flash Notices */
 div#flash_notices {
 	position: fixed;
 	right: 0;
@@ -103,6 +107,8 @@ div.login_signup_box {
 	margin: 2em auto;
 }
+/* @end */
 /* @group Pagination */
 div.archive_pagination_links {
@@ -442,6 +448,8 @@ div.widget p {
 	margin: 4px 0;
 }
+/* @group Dashboard */
 #dashboard div.widget ul {
 	padding: 0;
 	list-style-type: none;
@@ -492,6 +500,8 @@ div.widget p {
 	text-shadow: #fff 1px 1px 2px;
 }
+/* @end */
 div#alchemy_greeting {
 	width: 396px;
 	margin-right: auto;
@@ -727,7 +737,7 @@ div#page {
 	display: block;
 	width: 16px;
 	height: 16px;
-	background: url(/images/alchemy/icons.png) no-repeat -31px -40px;
+	background: url(/images/alchemy/icons.png) no-repeat -63px -72px;
 	cursor: pointer;
 }
@@ -1010,7 +1020,7 @@ a.sitemap_pagename_link:hover:after {
 	height: 16px;
 	float: left;
 	margin-right: 4px;
-	background: url(/images/alchemy/icons.png) -32px -104px;
+	background: url(/images/alchemy/icons.png) -160px -168px;
 	margin-top: 4px;
 }
@@ -1142,29 +1152,29 @@ div.page_infos {
 }
 span.page_status.restricted {
-	background: url(/images/alchemy/icons.png) -128px -24px;
+	background: url(/images/alchemy/icons.png) -258px -39px;
 }
 span.page_status.not_restricted {
-	background: url(/images/alchemy/icons.png) -144px -24px;
+	background: url(/images/alchemy/icons.png) -290px -39px;
 	opacity: 0.3;
 }
 span.page_status.visible {
-	background: url(/images/alchemy/icons.png) -65px -24px;
+	background: url(/images/alchemy/icons.png) -128px -39px;
 }
 span.page_status.not_visible {
-	background: url(/images/alchemy/icons.png) -80px -24px;
+	background: url(/images/alchemy/icons.png) -160px -39px;
 	opacity: 0.3;
 }
 span.page_status.public {
-	background: url(/images/alchemy/icons.png) -96px -24px;
+	background: url(/images/alchemy/icons.png) -192px -39px;
 }
 span.page_status.not_public {
-	background: url(/images/alchemy/icons.png) -112px -24px;
+	background: url(/images/alchemy/icons.png) -224px -39px;
 	opacity: 0.3;
 }
@@ -1177,11 +1187,11 @@ span.page_status.not_public {
 	float: left;
 	width: 16px;
 	height: 16px;
-	background: url(/images/alchemy/icons.png) no-repeat 0 -24px;
+	background: url(/images/alchemy/icons.png) no-repeat 0 -40px;
 }
 .locked .site_status {
-	background-position: -16px -24px;
+	background-position: -32px -40px;
 }
 #sub_navigation span.page_status_and_name span.site_status {
@@ -1532,19 +1542,12 @@ a.icon_button img {
 	left: 3px;
 }
-span.icon {
-	display: inline-block;
-	background: url(/images/alchemy/icons.png) no-repeat;
-	width: 16px;
-	height: 16px;
-}
 .icon.blank {
   background: transparent;
 }
 span.icon.sort {
-	background-position: -64px -104px;
+	background-position: -128px -168px;
 }
 #page_sorting_panel p {
@@ -1568,23 +1571,23 @@ span.module.home {
 }
 span.module.pages {
-	background-position: -24px 0;
+	background-position: -40px 0;
 }
 span.module.users {
-	background-position: -48px 0;
+	background-position: -80px 0;
 }
 span.module.library {
-	background-position: -72px 0;
+	background-position: -120px 0;
 }
 span.module.languages {
-	background-position: -120px 0;
+	background-position: -200px 0;
 }
 span.module.exit {
-	background-position: -96px 0;
+	background-position: -160px 0;
 }
 a.icon_button span.icon {
@@ -1594,15 +1597,15 @@ a.icon_button span.icon {
 }
 span.icon.zoom-out {
-	background: url(/images/alchemy/icons.png) -208px -40px;
+	background: url(/images/alchemy/icons.png) -416px -72px;
 }
 span.icon.zoom-equal {
-	background: url(/images/alchemy/icons.png) -224px -40px;
+	background: url(/images/alchemy/icons.png) -448px -72px;
 }
 span.icon.zoom-in {
-	background: url(/images/alchemy/icons.png) -240px -40px;
+	background: url(/images/alchemy/icons.png) -480px -72px;
 }
 a.icon_button.small span.icon {
@@ -1614,7 +1617,7 @@ a.icon_button.small span.icon {
 }
 span.icon.delete-small {
-	background: url(/images/alchemy/icons.png) 0 -104px;
+	background: url(/images/alchemy/icons.png) 0 -72px;
 }
 a.icon_button span.old_icon {
@@ -1647,6 +1650,7 @@ table {
 	border-style: none;
 	border-spacing: 0 4px;
 	padding: 0;
+	font-size: inherit;
 }
 table.window_form {
@@ -2021,7 +2025,7 @@ td.role {
 #archive_all {
 	padding: 16px;
-	overflow: auto;
+	overflow: visible;
 }
 #archive_all .padding_left_right {
@@ -2194,7 +2198,6 @@ textarea.thin_border {
 .thin_border,
 .input_field {
-	height: 18px;
 	font-size: 12px;
 	padding: 3px 4px 2px;
 	margin: 0;
@@ -2204,14 +2207,24 @@ textarea.thin_border {
 	background: #fff;
 	border: 1px inset #e5e5e5;
 	width: 210px;
+	height: 25px;
 }
 .thin_border.dirty {
 	background-color: #fff8df;
 }
+/* @group Icons */
+span.icon {
+	display: inline-block;
+	background: url(/images/alchemy/icons.png) no-repeat;
+	width: 16px;
+	height: 16px;
+}
 span.icon.user_add {
-	background: url(/images/alchemy/icons.png) -48px -56px;
+	background: url(/images/alchemy/icons.png) -96px -104px;
 }
 span.icon.language_add {
@@ -2219,7 +2232,7 @@ span.icon.language_add {
 }
 span.icon.user {
-	background: url(/images/alchemy/icons.png) 0 -56px;
+	background: url(/images/alchemy/icons.png) 0 -104px;
 }
 span.icon.language {
@@ -2227,11 +2240,11 @@ span.icon.language {
 }
 span.icon.user.female {
-	background: url(/images/alchemy/icons.png) -64px -56px;
+	background: url(/images/alchemy/icons.png) -128px -104px;
 }
 a.icon.user_edit {
-	background: url(/images/alchemy/icons.png) -32px -56px;
+	background: url(/images/alchemy/icons.png) -64px -104px;
 }
 a.icon.language_edit {
@@ -2239,59 +2252,63 @@ a.icon.language_edit {
 }
 a.icon.user_edit.female {
-	background: url(/images/alchemy/icons.png) -96px -56px;
+	background: url(/images/alchemy/icons.png) -192px -104px;
 }
 span.icon.settings {
-	background: url(/images/alchemy/icons.png) -160px -24px;
+	background: url(/images/alchemy/icons.png) -320px -40px;
 }
 span.icon.visit_page {
-	background: url(/images/alchemy/icons.png) -64px -88px;
+	background: url(/images/alchemy/icons.png) -32px -136px;
 }
 span.icon.upload {
-	background: url(/images/alchemy/icons.png) 0 -72px;
+	background: url(/images/alchemy/icons.png) 0 -136px;
 }
 span.icon.pdf {
-	background: url(/images/alchemy/icons.png) -80px -72px;
+	background: url(/images/alchemy/icons.png) -161px -136px;
 }
 span.icon.text {
-	background: url(/images/alchemy/icons.png) -224px -72px;
+	background: url(/images/alchemy/icons.png) -448px -136px;
 }
 span.icon.archive {
-	background: url(/images/alchemy/icons.png) -208px -72px;
+	background: url(/images/alchemy/icons.png) -416px -136px;
 }
 span.icon.audio {
-	background: url(/images/alchemy/icons.png) -96px -72px;
+	background: url(/images/alchemy/icons.png) -192px -136px;
 }
 span.icon.image {
-	background: url(/images/alchemy/icons.png) -112px -72px;
+	background: url(/images/alchemy/icons.png) -224px -136px;
+}
+span.icon.vcard {
+	background: url(/images/alchemy/icons.png) -416px -104px;
 }
 span.icon.psd {
-	background: url(/images/alchemy/icons.png) -64px -72px;
+	background: url(/images/alchemy/icons.png) -128px -136px;
 }
 span.icon.flash {
-	background: url(/images/alchemy/icons.png) -128px -72px;
+	background: url(/images/alchemy/icons.png) -256px -136px;
 }
 span.icon.video {
-	background: url(/images/alchemy/icons.png) -144px -72px;
+	background: url(/images/alchemy/icons.png) -288px -136px;
 }
 span.icon.rtf {
-	background: url(/images/alchemy/icons.png) -160px -72px;
+	background: url(/images/alchemy/icons.png) -320px -136px;
 }
 span.icon.word {
-	background: url(/images/alchemy/icons.png) -192px -72px;
+	background: url(/images/alchemy/icons.png) -384px -136px;
 }
 span.icon.excel {
@@ -2299,23 +2316,27 @@ span.icon.excel {
 }
 span.icon.file {
-	background: url(/images/alchemy/icons.png) -16px -72px;
+	background: url(/images/alchemy/icons.png) 0 -40px;
 }
 span.icon.flush {
-	background-position: -176px -24px;
+	background-position: -352px -39px;
 }
 span.icon.publish {
-	background-position: -80px -88px;
+	background-position: -64px -136px;
 }
 span.icon.info {
-	background-position: -32px -88px;
+	background-position: -64px -168px;
 }
 span.icon.close {
-	background-position: -208px -24px;
+	background-position: -416px -40px;
+}
+span.icon.sync {
+	background-position: -96px -136px;
 }
 span.icon.close.small {
@@ -2328,23 +2349,19 @@ span.icon.close.small {
 }
 span.icon.online {
-	background-position: -112px -56px;
+	background-position: -224px -104px;
 }
 span.icon.offline {
-	background-position: -128px -56px;
+	background-position: -255px -104px;
 }
-span.icon.tick {
-	background-position: -48px -88px;
-}
-span.icon.true {
-	background-position: -48px -88px;
+span.icon.tick, span.icon.true {
+	background-position: -32px -72px;
 }
 span.icon.error {
-	background-position: -16px -88px;
+	background-position: -32px -168px;
 }
 span.icon.false {
@@ -2353,63 +2370,63 @@ span.icon.false {
 span.icon.link,
 a.link {
-	background-position: -160px -40px;
+	background-position: -320px -72px;
 }
 span.icon.unlink {
-	background-position: -176px -40px;
+	background-position: -352px -72px;
 }
 .icon.swap_picture {
-	background-position: -144px -40px;
+	background-position: -288px -72px;
 }
 .icon.crop {
-	background-position: -128px -40px;
+	background-position: -256px -72px;
 }
 span.icon.warning, span.icon.warn {
-	background-position: 0 -88px;
+	background-position: 0 -168px;
 }
 span.icon.element_public {
-	background-position: -16px -40px;
+	background-position: -94px -166px;
 }
 span.icon.element_draft {
-	background-position: 0 -40px;
+	background-position: 1px -70px;
 }
 span.icon.new_element {
-	background: url(/images/alchemy/icons.png) -192px -24px;
+	background: url(/images/alchemy/icons.png) -384px -40px;
 }
 span.icon.element_window {
-	background: url(/images/alchemy/icons.png) -256px -40px;
+	background: url(/images/alchemy/icons.png) -512px -72px;
 }
 span.icon.preview_window {
-	background: url(/images/alchemy/icons.png) -224px -24px;
+	background: url(/images/alchemy/icons.png) -448px -40px;
 }
 span.icon.clipboard {
-	background-position: -144px -56px;
+	background-position: -288px -104px;
 }
 span.icon.clipboard.full {
-	background-position: -160px -56px;
+	background-position: -320px -104px;
 }
 span.icon.trash {
-	background-position: -176px -56px;
+	background-position: -352px -104px;
 }
 span.icon.trash.full {
-	background-position: -192px -56px;
+	background-position: -384px -104px;
 }
 a.icon.file_download {
-	background: url(/images/alchemy/icons.png) -240px -72px;
+	background: url(/images/alchemy/icons.png) -480px -136px;
 }
 .icon.download {
@@ -2417,35 +2434,35 @@ a.icon.file_download {
 }
 a.icon.file_delete {
-	background: url(/images/alchemy/icons.png) -48px -72px;
+	background: url(/images/alchemy/icons.png) -64px -40px;
 }
 a.icon.file_edit {
-	background: url(/images/alchemy/icons.png) -32px -72px;
+	background: url(/images/alchemy/icons.png) -32px -40px;
 }
 .icon.edit {
-	background: url(/images/alchemy/icons.png) -32px -104px;
+	background: url(/images/alchemy/icons.png) -160px -168px;
 }
 .icon.create {
-	background: url(/images/alchemy/icons.png) -48px -104px;
+	background: url(/images/alchemy/icons.png) -192px -568px;
 }
 span.icon.add_page {
-	background: url(/images/alchemy/icons.png) -48px -24px;
+	background: url(/images/alchemy/icons.png) -96px -40px;
 }
 span.icon.copy_page {
-	background: url(/images/alchemy/icons.png) -272px -24px;
+	background: url(/images/alchemy/icons.png) -544px -40px;
 }
 span.icon.delete_page {
-	background: url(/images/alchemy/icons.png) -32px -24px;
+	background: url(/images/alchemy/icons.png) -64px -40px;
 }
 a.icon.user_delete {
-	background: url(/images/alchemy/icons.png) -16px -56px;
+	background: url(/images/alchemy/icons.png) -32px -104px;
 }
 a.icon.language_delete {
@@ -2453,11 +2470,11 @@ a.icon.language_delete {
 }
 .icon.destroy {
-	background: url(/images/alchemy/icons.png) -15px -104px;
+	background: url(/images/alchemy/icons.png) -224px -168px;
 }
 span.icon.configure_page {
-	background: url(/images/alchemy/icons.png) -160px -24px;
+	background: url(/images/alchemy/icons.png) -320px -40px;
 }
 span.icon.search {
@@ -2465,9 +2482,11 @@ span.icon.search {
 }
 a.icon.user_delete.female {
-	background: url(/images/alchemy/icons.png) -80px -56px;
+	background: url(/images/alchemy/icons.png) -160px -104px;
 }
+/* @end */
 select.select_box {
 	border: 1px solid #9a9a9a;
 	color: #333;
@@ -2889,7 +2908,7 @@ div#archive_all .picture_thumbnail {
 .essence_picture_editor .picture_thumbnail {
 	width: 111px;
 	height: 115px;
-	margin: 3px;
+	margin: 1px;
 }
 .essence_picture_editor .picture_thumbnail .thumbnail_background {
@@ -3260,7 +3279,8 @@ a.close_elements_from_page_selector {
 	width: 11px;
 	height: 15px;
 	margin-top: 5px;
-	background: url(/images/alchemy/icons.png) no-repeat 0 -105px;
+	background: url(/images/alchemy/icons.png) no-repeat 0 -72px;
+	cursor: pointer;
 }
 .elements_for_page img {
@@ -3280,7 +3300,7 @@ a.close_elements_from_page_selector {
 	width: 16px;
 	height: 16px;
 	position: relative;
-	background: url(/images/alchemy/icons.png) no-repeat -256px -40px;
+	background: url(/images/alchemy/icons.png) no-repeat -512px -72px;
 	margin: 2px;
 	font-size: 0;
 	text-decoration: none;
@@ -3595,7 +3615,7 @@ a.icon.remove {
 }
 #uploadProgressContainer .progressCancel {
-	background: #f1f1f1 url(/images/alchemy/icons.png) no-repeat 0 -104px;
+	background: #f1f1f1 url(/images/alchemy/icons.png) no-repeat -1px -72px;
 	border: 1px solid #9e9e9e;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;