alchemy_cms 2.1.rc6 → 2.1

data/app/assets/javascripts/alchemy/alchemy.buttons.js

@@ -19,7 +19,7 @@ if (typeof(Alchemy) === 'undefined') {
 			$clone.attr({disabled: true, href: 'javascript:void(0)'})
 			.addClass('disabled cloned-button')
 			.css({width: width})
-			.html('<img src="/assets/alchemy/ajax_loader.gif">')
+			.html('<img src="/assets/alchemy/ajax_loader.gif" style="width: 16px; height: 16px">')
 			.show();
 			return true;
 		},

data/app/assets/javascripts/alchemy/alchemy.page_sorter.js

@@ -31,6 +31,7 @@ if (typeof(Alchemy) === 'undefined') {
 				$.post(Alchemy.routes.order_admin_pages_path, params);
 				return false;
 			});
+			$('#bottom_buttons .button').click(Alchemy.pleaseWaitOverlay);
 			Alchemy.PageSorter.disableButton();
 			Alchemy.resizeFrame();
 		},

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

@@ -1,8 +1,19 @@
 /* Alchemy CMS Sprockets Manifest
 * -------------------------------
 *= require alchemy/base
+*= require alchemy/buttons
+*= require alchemy/dashboard
 *= require alchemy/elements
 *= require alchemy/flags
+*= require alchemy/flash
+*= require alchemy/frame
+*= require alchemy/icons
+*= require alchemy/login
+*= require alchemy/modules
+*= require alchemy/pagination
+*= require alchemy/sitemap
+*= require alchemy/tables
+*= require alchemy/upload
 *= require alchemy/jquery-ui.alchemy
 *= require alchemy/jquery.Jcrop
 *= require alchemy/jquery.sb

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

@@ -1,2374 +1,665 @@
 @import "alchemy/defaults";
 
-html {
-	height: 100%;
+h1 {
+	margin: 0 0 10px;
+	padding: 0;
+	font-weight: bold;
+	font-size: 12px;
 }
 
-#sitemap_heading span.page_name {
-	margin-left: 24px;
-	line-height: 28px;
+h2 {
+	margin: 5px 0;
+	padding-bottom: 5px;
+	clear: both;
+	font-weight: bold;
+	font-size: 12px;
 }
 
-body#alchemy {
-	margin: 0;
+h3 {
+	margin: 5px 0;
+	padding-bottom: 5px;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+p {
+	margin: 0 0 5px;
 	padding: 0;
-	color: $text-color;
-	font: $default-font-style;
-	background-color: $light-gray;
-	height: 100%;
-	cursor: default;
+	font-size: 12px;
 }
 
 a {
 	color: $text-color;
 	text-decoration: none;
+	
+	&:hover {
+		text-decoration: underline;
+	}
+	
+	img {
+		border: none;
+	}
 }
 
-a:hover {
-	text-decoration: underline;
-}
-
-a img {
-	border: none;
+form {
+	margin-bottom: 0;
 }
 
-/* @group Flash Notices */
-
-div#flash_notices {
-	position: fixed;
-	right: 0;
-	z-index: 400000;
-	width: 348px;
-	top: 0;
+ul {
+	padding-left: 16px;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	
+	li {
+		margin-bottom: 0.5em;
+	}
 }
 
-div.flash {
-	@include rounded-corner;
-	@include opacity(95);
-	padding: 8px 8px 8px 30px;
-	font-weight: bold;
-	border-width: 1px;
-	border-style: solid;
-	z-index: 1000;
-	margin: $default-margin;
-	position: relative;
-	min-height: 1.3em;
+.float_right {
+  float: right;
 }
 
-div.flash span.icon {
-	position: absolute;
-	top: 8px;
-	left: 8px;
+.float_left {
+  float: left;
 }
 
-div.flash.notice {
-	border-color: #9cc4a1;
-	color: #2e5934;
-	background-color: #e2efd3;
-}
+/* @group overlay */
 
-div.flash.error {
-	border-color: #c49c9c;
-	color: #592e2e;
-	background-color: #efd3d3;
+#user_list li.table_row div.table_left span.icon img {
+	width: 16px;
+	height: 16px;
+	position: relative;
+	top: 1px;
+	left: -1px;
 }
 
-div.flash.info {
-	border-color: #8392b5;
-	color: #233772;
-	background-color: #cadbf3;
+span.updated_at {
+	float: right;
 }
 
-div.flash.warn,
-div.flash.warning {
-	border-color: #c4c19c;
-	color: #726d23;
-	background-color: #f3f0c1;
+a.drop_down_select img {
+	float: left;
+	position: relative;
+	top: 2px;
+	margin-right: 4px;
 }
 
-div.login_signup_box {
-	width: 360px;
-	padding: 4*$default-padding;
-	border: $default-border;
-	background-color: $medium-gray;
+#alchemy a.search_field_clear {
+	width: 16px;
+	height: 16px;
+	background: image-url('alchemy/ui-icons_666666_256x240.png') no-repeat -80px -128px;
+	position: absolute;
+	right: 8px;
+	top: 4px;
 	@include rounded-corner;
-	margin: 2em auto;
 }
 
-div.login_signup_box select {
-	width: 220px;
+#language_select {
+	margin-bottom: 4px;
 }
 
-/* @end */
-
-/* @group Pagination */
-
-div.archive_pagination_links {
+.js_filter_field_box {
 	position: relative;
-	margin-bottom: 16px;
-	margin-top: 8px;
-	height: 19px;
-	text-align: center;
-	line-height: 21px;
+	float: right;
+	margin-left: 4px;
 }
 
-div.archive_pagination_links span.pagination_current_page {
-	background-position: 0 -21px;
-	font-weight: bold;
-	color: $text-color;
+.js_filter_field_box .js_filter_field {
+	width: 170px;
+	text-align: left;
+	@include rounded-search-field;
+	padding: 3px 24px 2px;
+	height: 19px;
 }
 
-div.archive_pagination_links .first_page {
-	position: absolute;
-	left: 8px;
-	top: -2px;
+.js_filter_field_box label {
+	text-shadow: #fefefe 1px 1px 0;
+	font-size: 10px;
+	display: inline-block;
+	text-align: center;
 }
 
-.archive_pagination_links .last_page {
+.js_filter_field_box .js_filter_field_clear {
+	width: 15px;
+	height: 15px;
+	background: image-url('alchemy/icons.png') no-repeat 0 -70px;
 	position: absolute;
 	right: 8px;
-	top: -2px;
-}
-
-.archive_pagination_links .previous_page {
-	position: absolute;
-	left: 32px;
-	top: -2px;
-}
-
-.archive_pagination_links .next_page {
-	position: absolute;
-	right: 32px;
-	top: -2px;
-}
-
-.archive_pagination_links span, .archive_pagination_links a {
-	padding: 0;
-	color: $text-color;
+	top: 4px;
 	@include rounded-corner;
-	width: 21px;
-	height: 21px;
-	display: inline-block;
-	background: image-url('alchemy/shading.png') no-repeat 0 0;
-}
-
-.archive_pagination_links span {
-	color: #9a9a9a;
-}
-
-div.archive_pagination_links a:active {
-	text-decoration: none;
-	background-position: 0 -21px;
 }
 
-div.pagination {
-	clear: both;
-	zoom: 1;
-	text-align: right;
-	line-height: 24px;
-	height: 24px;
+div.source_editor textarea{
 	width: 100%;
-	margin-top: 4*$default-padding;
-}
-
-div.pagination a, div.pagination span, div.pagination em {
-	font-size: 12px;
-	height: 25px;
-	line-height: 25px;
-	padding: $default-padding;
+	height: 358px;
 }
 
-div.pagination a:hover {
-	color: #000;
-	text-shadow: none;
-	text-decoration: underline;
+div.edit_source_buttons {
+	height: 18px;
+	margin-top: 8px;
+	float: right;
+	clear: both;
 }
 
-div.pagination .current {
-	@include button-styles;
-	background: $button-hover-bg-color;
+div.info {
+	padding: 8px 8px 8px 32px;
+	line-height: 17px;
 	color: $text-color;
-	border: 1px solid #888;
-	text-shadow: 0px 1px 1px #fff;
-	cursor: default;
-}
-
-div.pagination .previous_page {
-	margin-right: 2*$default-padding;
-}
-
-div.pagination .next_page {
-	margin-left: 2*$default-padding;
-}
-
-div.pagination .disabled {
-	color: #c0c0c0;
-}
-
-div.pagination span.gap {
-	border: none;
-	background: transparent;
-	cursor: default;
-}
-
-#assign_image_list div.pagination {
+	border: 1px solid #0b5c84;
+	@include rounded-corner;
+	background-color: #eaf4f9;
+	position: relative;
 	margin-bottom: 8px;
-	text-align: center;
 }
 
-/* @end */
-
-#login_box {
-	height: 310px;
-	width: 394px;
-	margin-top: -230px;
-	margin-left: -197px;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-}
-
-#login table tbody tr td.label {
-	width: 155px;
-	text-align: right;
-}
-
-#alchemy_greeting h1 {
-	margin-top: 1em;
-	margin-bottom: 0;
-	font-size: 1.2em;
+div.info.footnote {
+	font-size: 10px;
+	margin: 16px;
 }
 
-form#login.new_user_session {
-	text-align: right;
+div#page {
+	height: auto !important;
+	height: 100%;
+	min-height: 100%;
+	position: relative;
+	/* needed for footer positioning*/
 }
 
-.float_right {
-  float: right;
+#archive_all .edit_images_bottom span {
+	width: 19px;
+	height: 19px;
+	float: left;
+	margin-right: 4px;
 }
 
-.float_left {
-  float: left;
+#archive_all .edit_images_bottom span a{
+	display: block;
+	height: 19px;
+	width: 19px;
+	background-repeat: no-repeat;
+	text-decoration: none;
+	background-position: left;
 }
 
-/* @group overlay */
-
-div#overlay {
-	visibility: hidden;
-	position: absolute;
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	height: 100%;
-	z-index: 400000;
-	background-color: rgba(229,229,229,0.4);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40E5E5E5, endColorstr=#40E5E5E5);
+#archive_all .edit_images_bottom span a:hover {
+	background-position: right;
 }
 
-#user_list li.table_row div.table_left span.icon img {
+.picture_tool_delete {
 	width: 16px;
 	height: 16px;
-	position: relative;
-	top: 1px;
-	left: -1px;
-}
-
-div#overlay_text_box {
-	color: $text-color;
-	font-size: 18px;
-	text-align: center;
-	margin-top: 25%;
-}
-
-div#overlay_text_box img {
-	position: relative;
-	top: 9px;
-}
-
-/* @end */
-
-/* @group top_frame */
-
-#preview_frame {
+	position: absolute;
 	background-color: white;
-	width: 100%;
-	height: 100%;
-	position: relative;
-	top: 84px;
+	top: 3px;
+	right: 4px;
+	padding: 1px;
+	z-index: 1;
+	display: none;
 }
 
-div#top_menu {
-	position: fixed;
-	top: 0;
-	left: 65px;
-	z-index: 5;
-	width: 93%;
+.picture_tool_delete a {
+	display: block;
+	width: 16px;
+	height: 16px;
+	background: image-url('alchemy/icons.png') no-repeat -63px -72px;
+	cursor: pointer;
 }
 
-#main_menu {
-	white-space: nowrap;
-	z-index: 2;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 65px;
-	overflow: hidden;
-	border-right: $default-border;
-}
-
-#main_menu_background {
-	height: 100%;
-	background: $light-blue;
-	width: 65px;
-	z-index: 0;
-	position: absolute;
-}
-
-#logout {
-	position: absolute;
-	z-index: 1;
-	bottom: 0;
-	left: 0;
-	text-align: center;
-	width: 65px;
-	padding-top: 4px;
-	padding-bottom: 8px;
-}
-
-#logout a {
-	display: block;
-}
-
-#logout a:hover {
-	text-decoration: none;
-}
-
-#logout img {
-	margin-bottom: 4px;
-}
-
-/* @end */
-
-#main_content {
-	background-color: $light-gray;
-	position: absolute;
-	left: 65px;
-	z-index: 0;
-	width: 93%;
-	height: 100%;
-}
-
-div#user_info {
-	position: absolute;
-	z-index: 10;
-	line-height: 27px;
-	font-size: 11px;
-	right: 10px;
-	top: 0;
-}
-
-div#sideboard {
-	float: right;
-	width: 240px;
-	padding-right: 16px;
-}
-
-div#license {
-	overflow: auto;
-	height: 24em;
-	background-color: white;
-}
-
-ul {
-	padding-left: 16px;
-	margin-top: 1em;
-	margin-bottom: 1em;
-}
-
-ul li {
-	margin-bottom: 0.5em;
-}
-
-#dashboard {
-	overflow: auto;
-	float: left;
-	padding: 0 16px 16px;
-	width: 50%;
-}
-
-span.updated_at {
-	float: right;
-}
-
-div.widget {
-	padding: 2*$default-padding;
-	margin: 16px 0;
-	background-color: $medium-gray;
-	border: $default-border;
-	@include rounded-corner;
-}
-
-div.widget p {
-	margin: 4px 0;
-}
-
-/* @group Dashboard */
-
-#dashboard div.widget ul {
-	padding: 0;
-	list-style-type: none;
-	@include rounded-corner;
-	margin-right: -9px;
-	margin-left: -9px;
-	margin-bottom: -9px;
-	border: $default-border;
-}
-
-#dashboard div.widget ul li {
-	padding: 2*$default-padding;
-	margin-bottom: 0;
-}
-
-#dashboard div.widget ul li form {
-	display: inline;
-	position: relative;
-}
-
-#dashboard div.widget ul li button {
-	position: relative;
-	top: 1px;
-}
-
-#dashboard div.widget ul li button .icon {
-	position: relative;
-	top: -1px;
-	right: 1px;
-}
-
-#dashboard div.widget h2 {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-#dashboard h2 {
-	padding: 0;
-	margin-bottom: 2em;
-}
-
-#dashboard h1 {
-	font-size: 2em;
-	margin-bottom: 0;
-	text-shadow: #fff 1px 1px 2px;
-}
-
-/* @end */
-
-div#alchemy_greeting {
-	width: 370px;
-	margin-right: auto;
-	margin-left: auto;
-	padding: 2*$default-padding;
-	margin-top: 1em;
-	text-align: center;
-}
-
-#alchemy_greeting p {
-	margin-top: 1em;
-	margin-bottom: 1em;
-}
-
-#main_navi a.homepage_link {
-	color: white;
-	margin-left: 10px;
-	line-height: 32px;
-}
-
-a.drop_down_select img {
-	float: left;
-	position: relative;
-	top: 2px;
-	margin-right: 4px;
-}
-
-#alchemy a.search_field_clear {
-	width: 16px;
-	height: 16px;
-	background: image-url('alchemy/ui-icons_666666_256x240.png') no-repeat -80px -128px;
-	position: absolute;
-	right: 8px;
-	top: 4px;
-	@include rounded-corner;
-}
-
-#language_select {
-	margin-bottom: 4px;
-}
-
-.js_filter_field_box {
-	position: relative;
-	float: right;
-	margin-left: 4px;
-}
-
-.js_filter_field_box .js_filter_field {
-	width: 170px;
-	text-align: left;
-	@include rounded-search-field;
-	padding: 3px 24px 2px;
-	height: 19px;
-}
-
-#flags a img {
-	float: left;
-	position: relative;
-	top: 2px;
-	margin-right: 4px;
-}
-
-.js_filter_field_box label {
-	text-shadow: #fefefe 1px 1px 0;
-	font-size: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.js_filter_field_box .js_filter_field_clear {
-	width: 15px;
-	height: 15px;
-	background: image-url('alchemy/icons.png') no-repeat 0 -70px;
-	position: absolute;
-	right: 8px;
-	top: 4px;
-	@include rounded-corner;
-}
-
-h1 {
-	margin: 0 0 10px;
-	padding: 0;
-	font-weight: bold;
-	font-size: 12px;
-}
-
-div.source_editor textarea{
-	width: 100%;
-	height: 358px;
-}
-
-div.edit_source_buttons {
-	height: 18px;
-	margin-top: 8px;
-	float: right;
-	clear: both;
-}
-
-table td.rights {
-	width: 60px;
-}
-
-h2 {
-	margin: 5px 0;
-	padding-bottom: 5px;
-	clear: both;
-	font-weight: bold;
-	font-size: 12px;
-}
-
-h3 {
-	margin: 5px 0;
-	padding-bottom: 5px;
-	font-size: 12px;
-	font-weight: bold;
-}
-
-p {
-	margin: 0 0 5px;
-	padding: 0;
-	font-size: 12px;
-}
-
-div.info {
-	padding: 8px 8px 8px 32px;
-	line-height: 17px;
-	color: $text-color;
-	border: 1px solid #0b5c84;
-	@include rounded-corner;
-	background-color: #eaf4f9;
-	position: relative;
-	margin-bottom: 8px;
-}
-
-div.info.footnote {
-	font-size: 10px;
-	margin: 16px;
-}
-
-div#bottom_panel {
-	position: fixed;
-	bottom: 0;
-	right: 0;
-	width: 100%;
-	z-index: 10;
-	background: $medium-gray image-url('alchemy/shading.png') repeat-x 0 0;
-}
-
-div#bottom_panel div.info {
-	margin: 16px 16px 8px 81px;
-	width: 720px;
-}
-
-div#bottom_buttons {
-	padding: 0 16px 16px;
-	margin-left: 65px;
-}
-
-p.no_padding {
-	padding: 0;
-	margin: 0;
-}
-
-p.padding_bottom {
-	padding-bottom: 5px;
-}
-
-.padding_leftright {
-	padding-left: 8px;
-	padding-right: 8px;
-}
-
-.cancel_button_paddingleft {
-	padding-left: 5px;
-}
-
-div#page {
-	height: auto !important;
-	height: 100%;
-	min-height: 100%;
-	position: relative;
-	/* needed for footer positioning*/
-}
-
-#archive_all .edit_images_bottom span {
-	width: 19px;
-	height: 19px;
-	float: left;
-	margin-right: 4px;
-}
-
-#archive_all .edit_images_bottom span a{
-	display: block;
-	height: 19px;
-	width: 19px;
-	background-repeat: no-repeat;
-	text-decoration: none;
-	background-position: left;
-}
-
-#archive_all .edit_images_bottom span a:hover {
-	background-position: right;
-}
-
-.picture_tool_delete {
-	width: 16px;
-	height: 16px;
-	position: absolute;
-	background-color: white;
-	top: 3px;
-	right: 4px;
-	padding: 1px;
-	z-index: 1;
-	display: none;
-}
-
-.picture_tool_delete a {
-	display: block;
-	width: 16px;
-	height: 16px;
-	background: image-url('alchemy/icons.png') no-repeat -63px -72px;
-	cursor: pointer;
-}
-
-div.tip {
-	background-color: #eff8d0;
-	border: 1px solid #cce21c;
+div.tip {
+	background-color: #eff8d0;
+	border: 1px solid #cce21c;
 	padding: 2*$default-padding;
 	margin: 8px 0;
-	@include rounded-corner;
-	width: 450px;
-}
-
-#back_to_site {
-	float: right;
-	margin-right: 8px;
-}
-
-#dashboard div.dashboard_tip h1 {
-	font-size: 1.2em;
-}
-
-#sub_navigation {
-	height: 22px;
-	line-height: 23px;
-	padding-left: 5px;
-	background: $light-blue;
-	border-bottom: $default-border;
-	padding-top: 4px;
-	z-index: 5;
-	position: relative;
-}
-
-#subnav_additions {
-	height: 23px;
-	overflow: hidden;
-}
-
-#subnav_additions label {
-	float: left;
-	font-size: 10px;
-	line-height: 25px;
-	height: 25px;
-	margin-left: 8px;
-	margin-right: 4px;
-}
-
-#sub_navigation img {
-	float: left;
-}
-
-#sub_navigation span.page_status_and_name {
-	padding: 0 8px;
-	background-color: $medium-gray;
-	text-shadow: #fff 0 1px 2px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-o-user-select: none;
-	user-select: none;
-	cursor: default;
-	line-height: 20px;
-	float: left;
-	@include top-rounded-border;
-	border: $default-border;
-	border-bottom-style: none;
-	height: 22px;
-	margin-right: 1px;
-}
-
-#sub_navigation span.page_status_and_name .flag {
-	float: none;
-	position: relative;
-	display: inline-block;
-	bottom: 1px;
-	margin-right: 3px;
-}
-
-#sub_navigation span.page_status_and_name span.page_name {
-	position: relative;
-	margin-right: 16px;
-	margin-left: 4px;
-	line-height: 27px;
-	bottom: 2px;
-}
-
-#sub_navigation div.subnavi_tab {
-	float: left;
-	padding: 0px 8px;
-	height: 21px;
-	text-shadow: #fff 0 0px 4px;
-	background: #d6e0e6;
-	color: #444;	
-	@include top-rounded-border;
-	border: $default-border;
-	border-bottom-style: none;
-	margin-right: 1px;
-}
-
-#sub_navigation div.subnavi_tab.wide {
-	position: relative;
-	padding-right: 24px;
-}
-
-#sub_navigation div.subnavi_tab.wide form {
-	position: absolute;
-	right: 3px;
-	top: 3px;
-	line-height: 10px;
-}
-
-#sub_navigation a {
-	display: block;
-}
-
-#sub_navigation div.subnavi_tab:hover {
-	color: $text-color;
-	text-decoration: none;
-}
-
-#sub_navigation div.subnavi_tab.active {
-	float: left;
-	position: relative;
-	padding: 0px 8px;
-	height: 22px;
-	color: $text-color;
-	background-color: $medium-gray;
-	text-shadow: #fff 0 1px 2px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-o-user-select: none;
-	user-select: none;
-	cursor: default;
-	z-index: 10;	
-}
-
-#sub_navigation a:hover {
-	text-decoration: none;
-}
-
-#archive_upload_delete {
-	float: right;
-}
-
-/* @group main_navi */
-
-#main_navi {
-	padding-left: 4px;
-	padding-top: 25px;
-	position: absolute;
-	z-index: 1;
-}
-
-#main_menu a {
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-	font-size: 10px;
-}
-
-#main_navi a.main_navi_entry {
-	color: #444;
-	position: relative;
-	text-align: center;
-	overflow: hidden;
-	display: block;
-	padding-top: 7px;
-	@include left-rounded-border;
-	margin-bottom: 1px;
-	margin-top: 1px;
-	border: 1px none #afafaf;
-	border-right-style: none;
-	padding-bottom: 5px;
-	text-shadow: #fff 0 0px 4px;
-	padding-left: 1px;
-	width: 60px;
-}
-
-#main_navi a.main_navi_entry:hover {
-	cursor: pointer;
-	text-decoration: none;
-	color: $text-color;
-}
-
-#main_navi a.main_navi_entry img {
-	border-style: none;
-	height: 24px;
-	width: 24px;
-	display: inline-block;
-	margin-bottom: 4px;
-	margin-top: 2px;
-}
-
-#main_menu a label {
-	display: block;
-}
-
-#main_navi a.main_navi_entry.active {
-	background: #baced9;
-	color: $text-color;
-	cursor: default;
-	text-shadow: #fff 0 1px 2px;
-	border: $default-border;
-	padding-left: 0;
-	border-right-style: none;
-	padding-top: 6px;
-	padding-bottom: 4px;
-}
-
-#main_navi #active img {
-	float: left;
-	position: relative;
-	top: 3px;
-}
-
-#active span {
-	float: left;
-	padding: 0;
-	margin: 3px 0 0 8px;
-}
-
-/* @end */
-
-/* @group Sitemap */
-
-.sitemap_pagename_link {
-	background-color: #FFFFFF;
-	color: black;
-	display: block;
-	padding-left: 4px;
-	text-decoration: none;
-}
-
-.sitemap_pagename_link.inactive {
-	color: #656565;
-}
-
-.redirect_url {
-	position: absolute;
-	top: 4px;
-	right: 184px;
-	text-align: right;
-	background-color: #fff0c4;
-	line-height: 22px;
-	padding-right: 4px;
-	font-size: 10px;
-	padding-left: 4px;
-}
-
-.sitemap_pagename_link.odd {
-	background-color: #fff;
-}
-
-a.sitemap_pagename_link:hover {
-	text-decoration: underline;
-}
-
-div#page_selector_container a.sitemap_pagename_link:hover {
-  text-decoration: none;
-}
-
-a.sitemap_pagename_link:hover:after {
-	content: '';
-	width: 16px;
-	height: 16px;
-	float: left;
-	margin-right: 4px;
-	background: image-url('alchemy/icons.png') -160px -168px;
-	margin-top: 4px;
-}
-
-div#page_selector_container a.sitemap_pagename_link:hover:after {
-  display: none;
-}
-
-.sitemap_line_spacer {
-	float: left;
-	width: 20px;
-	height: 28px;
-}
-
-ul#sitemap ul {
-	margin: 0;
-	padding: 0;
-	display: block;
-}
-
-ul#sitemap li,
-ul#layoutpages li {
-	list-style-type: none;
-	display: block;
-	margin-left: 0;
-	margin-bottom: 0;
-	line-height: 22px;
-}
-
-ul#sitemap li {
-	padding-left: 0;
-	li {
-		padding-left: 22px;
-		padding-right: 0;
-	}
-}
-
-ul#layoutpages li {
-	padding: 0;
-}
-
-div.sitemap_page {
-	height: 22px;
-	padding-bottom: 4px;
-	padding-top: 4px;
-	position: relative;
-}
-
-div.sitemap_page:hover a.sitemap_pagename_link {
-	background-color: #fdffdf;
-}
-
-div.sitemap_left_images {
-	margin-top: 3px;
-	float: left;
-	margin-right: 8px;
-	background-color: $light-gray;
-}
-
-#sitemap a.page_folder {
-	background-image: image-url('alchemy/gui/toggle.png');
-	background-repeat: no-repeat;
-	height: 9px;
-	width: 9px;
-	font-size: 0;
-	float: left;
-	margin-left: -18px;
-	margin-top: 3px;
-}
-
-#sitemap a.page_folder.collapsed {
-	background-position: 0 0;
-}
-
-#sitemap a.page_folder.folded {
-	background-position: -9px 0;
-}
-
-div.sitemap_right_tools {
-	height: 22px;
-	background-color: $light-gray;
-	padding-left: 16px;
-	float: right;
-	width: 100px;
-}
-
-div#page_selector_container div.sitemap_right_tools {
-	width: 24px;
-}
-
-ul#sitemap li .sitemap_toolrow,
-ul.list li .sitemap_toolrow {
-	margin: 0;
-	overflow: auto;
-	padding: 4px 0;
-}
-
-ul#sitemap .sitemap_sitename,
-ul.list .sitemap_sitename {
-  background-color: #EDEDED;
-  height: 22px;
-  line-height: 22px;
-  overflow: hidden;
-}
-
-div.page_infos {
-  @include top-rounded-border;
-  background-color: #FFFFFF;
-  border-left: 1px solid #EDEDED;
-  float: right;
-  height: 20px;
-  padding: 1px;
-  width: 66px;
-}
-
-.page_status {
-	width: 16px;
-	height: 16px;
-	background-repeat: no-repeat;
-	float: left;
-	margin: 2px 2px 0 4px;
-}
-
-#sub_navigation span.page_status_and_name span.page_status {
-	float: none;
-	display: inline-block;
-	position: relative;
-	top: 1px;
-	margin-left: 2px;
-}
-
-span.page_status.restricted {
-	background: image-url('alchemy/icons.png') -258px -39px;
-}
-
-span.page_status.not_restricted {
-	background: image-url('alchemy/icons.png') -290px -39px;
-	@include opacity(30);
-}
-
-span.page_status.visible {
-	background: image-url('alchemy/icons.png') -128px -39px;
-}
-
-span.page_status.not_visible {
-	background: image-url('alchemy/icons.png') -160px -39px;
-	@include opacity(30);
-}
-
-span.page_status.public {
-	background: image-url('alchemy/icons.png') -192px -39px;
-}
-
-span.page_status.not_public {
-	background: image-url('alchemy/icons.png') -224px -39px;
-	@include opacity(30);
-}
-
-#sideboard div.sideboard_widget img {
-	margin-bottom: 16px;
-	float: none;
-}
-
-.site_status {
-	float: left;
-	width: 16px;
-	height: 16px;
-	background: image-url('alchemy/icons.png') no-repeat 0 -40px;
-}
-
-.locked .site_status {
-	background-position: -32px -40px;
-}
-
-#sub_navigation span.page_status_and_name span.site_status {
-	float: none;
-	display: inline-block;
-	margin-right: 4px;
-	margin-left: 0;
-	margin-bottom: 0;
-}
-
-#sitemap img.link_arrow {
-	float: right;
-	text-align: right;
-}
-
-ul#sitemap li img {
-	border-width: 0;
-	border-style: none;
-	float: left;
-}
-
-.sitemap_sitestatus {
-	float: right;
-	margin-top: 4px;
-}
-
-/* @group site_tools */
-
-a.folder_link {
-	text-decoration: none;
-	outline: none;
-}
-
-.sitemap_sitetools {
-	padding: 0;
-	float: left;
-	width: 70px;
-	margin-left: 8px;
-}
-
-.sitemap_right_tools a {
-	float: left;
-	width: 21px;
-	height: 21px;
-}
-
-.sitemap_sitetools .icon.blank {
-	margin-left: 2px;
-	float: left;
-	margin-top: 3px;
-	margin-right: 3px;
-}
-
-.sitemap_right_tools span.icon {
-	margin-top: 3px;
-	margin-left: 2px;
-}
-
-/* @end */
-
-/* @end */
-
-/* @group page_editing */
-
-/*#page_names td {
-	height: 22px;
-	padding-bottom: 4px;
-}*/
-
-#page_names textarea {
-	height: 78px;
-}
-
-/* @end */
-
-div#new_page_from_clipboard {
-  display: none;
-}
-
-div#new_page_from_clipboard input.button {
-  float: right;
-}
-
-div#new_page_from_clipboard span {
-  float: left;
-  line-height: 25px;
-}
-
-#page_editing_head .site_status {
-	margin: 0 4px 0 0;
-	float: left;
-}
-
-div#page_status_options {
-	float: left;
-}
-
-form {
-	margin-bottom: 0;
-}
-
-div#page_editing_menu {
-	overflow: auto;
-	padding-left: 1px;
-	padding-right: 1px;
-}
-
-h2#sitemap_heading {
-	padding: 0;
-}
-
-div#userinfo {
-	text-align: right;
-	float: right;
-	margin-right: 8px;
-}
-
-#userinfo img {
-	position: relative;
-	top: 1px;
-}
-
-div#user_list_legend {
-	overflow: auto;
-	padding: 1px 1px 4px;
-	margin-bottom: 5px;
-	border-bottom: 1px solid black;
-	width: 370px;
-}
-
-#toolbar {
-	z-index: 10;
-	padding: 6px;
-	height: 40px;
-	background: $medium-gray image-url('alchemy/shading.png') repeat-x 0 -40px;
-	margin-right: 0px;
-	border: $default-border;
-	border-top-style: none;
-	border-right-style: none;
-	@include bottom-left-rounded-border;
-	position: relative;
-	margin-left: 5px;
-}
-
-#toolbar form {
-	margin: 0 0 0 8px;
-	float: right;
-	text-align: center;
-}
-
-#toolbar div.button_with_label form {
-	float: none;
-	margin: 0;
-	display: inline-block;
-	line-height: 5px;
-}
-
-#toolbar div.button_with_label form label {
-	margin-top: $default-margin;
-}
-
-#toolbar div.search_field {
-	position: relative;
-	float: left;
-	margin-bottom: $default-margin;
-}
-
-#toolbar div p {
-	float: right;
-	margin: 3px $default-margin 0 0;
-	padding: 0;
-}
-
-div#toolbar div.toolbar_spacer {
-	float: left;
-	width: 1px;
-	height: 37px;
-	border-right-style: dotted;
-	border-right-width: 1px;
-	margin-right: 2*$default-margin;
-	margin-left: $default-margin;
-}
-
-div#toolbar a.button {
-	width: 25px;
-	height: 21px;
-	text-decoration: none;
-	float: right;
-	border-width: 0;
-	border-style: none;
-	font-size: 0;
-	padding: 0;
-	background-repeat: no-repeat;
-	background-position: 0 0;
-}
-
-div#toolbar a.button:active {
-	text-decoration: none;
-	background-position: 0 -21px;
-}
-
-/* @group add, edit and delete buttons */
-
-button.icon_button {
-	@include button-styles;
-	padding: $default-padding;
-	height: 25px;
-	line-height: 19px;
-	font-size: 0;
-	width: 25px;
-}
-
-button.icon_button.small {
-	background: transparent;
-	padding: 0;
-	width: 17px;
-	height: 17px;
-	border: none;
-}
-
-button.icon_button.small:hover {
-	background-color: #e6f0f5;
-	color: $dark-gray;
-	border: 1px solid #888;
-	text-shadow: 0 1px 4px #fff;
-	text-decoration: none;
-}
-
-button.icon_button:hover {
-	background-color: #e6f0f5;
-	color: $dark-gray;
-	border: 1px solid #888;
-	text-shadow: 0 1px 4px #fff;
-	text-decoration: none;
-}
-
-button.icon_button:active {
-	background-color: #cdd6db;
-}
-
-button.icon_button img {
-	margin: 0;
-	border-style: none;
-	border-width: 0;
-}
-
-a.icon_button {
-	float: left;
-	width: 23px;
-	height: 23px;
-	background-color: #f7f7f7;
-	background-image: image-url('alchemy/shading.png');
-	background-repeat: repeat-x;
-	background-position: 0 -75px;
-	margin-right: 8px;
-	border: 1px solid #9a9a9a;
-	@include rounded-corner;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-	overflow: hidden;
-	position: relative;
-}
-
-div.sitemap_right_tools a.icon_button {
-}
-
-div.sitemap_right_tools .sitemap_sitetools a.icon_button {
-	margin-right: 4px;
-}
-
-a.icon_button.small {
-	width: 11px;
-	height: 11px;
-	float: none;
-	display: inline-block;
-	background-position: 0 -8px;
-	vertical-align: -1px;
-}
-
-a.icon_button.old_icon {
-	width: 20px;
-	height: 19px;
-}
-
-a.icon_button:hover {
-	background-color: #e6f0f5;
-	color: $dark-gray;
-	border: 1px solid #888;
-	text-shadow: 0 1px 4px #fff;
-	text-decoration: none;
-}
-
-a.icon_button:active {
-	background-color: #cdd6db;
-	border-style: inset;
-	border-color: #bfbfbf;
-}
-
-a.icon_button img {
-	position: absolute;
-	top: 2px;
-	left: 3px;
-}
-
-.icon.blank {
-  background: transparent;
-}
-
-span.icon.sort {
-	background-position: -128px -168px;
-}
-
-#page_sorting_panel p {
-	margin-top: 1em;
-}
-
-div.info span.icon.info {
-	position: absolute;
-	top: 8px;
-	left: 8px;
-}
-
-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.users {
-	background-position: -80px 0;
-}
-
-span.module.library {
-	background-position: -120px 0;
-}
-
-span.module.languages {
-	background-position: -200px 0;
-}
-
-span.module.exit {
-	background-position: -160px 0;
-}
-
-a.icon_button span.icon {
-	position: absolute;
-	left: 4px;
-	top: 4px;
-}
-
-span.icon.zoom-out {
-	background: image-url('alchemy/icons.png') -416px -72px;
-}
-
-span.icon.zoom-equal {
-	background: image-url('alchemy/icons.png') -448px -72px;
-}
-
-span.icon.zoom-in {
-	background: image-url('alchemy/icons.png') -480px -72px;
-}
-
-a.icon_button.small span.icon {
-	top: 2px;
-	left: 2px;
-	width: 9px;
-	height: 9px;
-	background-position: -4px -4px;
-}
-
-span.icon.delete-small {
-	background: image-url('alchemy/icons.png') 0 -72px;
-}
-
-a.icon_button span.old_icon {
-	position: relative;
-	background-repeat: no-repeat;
-	width: 22px;
-	height: 20px;
-	display: inline-block;
-	top: -1px;
-	left: -1px;
-}
-
-a.icon_button.old_icon img {
-	top: 0;
-	left: 1px;
-}
-
-div.table_right span.tools a.icon_button img {
-	left: -1px;
-}
-
-/* @end */
-
-#user_edit form {
-	margin: 0;
-	padding: 2*$default-padding;
-}
-
-table {
-	border-style: none;
-	border-spacing: 0 $default-padding;
-	padding: 0;
-	font-size: inherit;
-	width: 100%;
-}
-
-table.window_form {
-	width: 100%;
-}
-
-table td, table th {
-	padding: $default-padding;
-}
-
-table th {
-	text-align: left;
-	height: 22px;
-	vertical-align: top;
-}
-
-th.login_status {
-	width: 16px;
-}
-
-table tr.odd td {
-	background-color: #eaf3f9;
-}
-
-table tr.even td {
-	background-color: white;
-}
-
-li.even {
-	background-color: #fff;
-}
-
-li.odd {
-	background-color: #eaf3f9;
-}
-
-ul.list li.table_row {
-	display: block;
-	margin: 0 0 8px;
-	background-color: #ffffff;
-	position: relative;
-	line-height: 18px;
-	float: left;
-	width: 100%;
-}
-
-ul.list {
-	margin: 0;
-	padding: 2*$default-padding;
-	list-style-type: none;
-}
-
-ul#layoutpages.list {
-	margin-top: 16px;
-}
-
-ul#layoutpages.list li {
-	margin-left: 8px;
-}
-
-ul#sitemap.list {
-	padding: 0;
-}
-
-ul.list li {
-	list-style-type: none;
-	border-width: 0;
-	border-style: none;
-	display: block;
-}
-
-ul.list li.legend {
-	background-color: transparent;
-	font-weight: bold;
-}
-
-#layoutpages li img.site_status {
-	float: left;
-}
-
-ul.list div.detail_row {
-	background-color: $medium-gray;
-	font-size: 10px;
-	margin-top: 3px;
-	padding: $default-padding;
-	overflow: hidden;
-}
-
-ul.list div.detail_row div {
-	padding-top: 1px;
-	padding-bottom: 1px;
-}
-
-ul.list span.right {
-	float: right;
-}
-
-#sitemap li.legend span.right {
-	margin-right: 52px;
-}
-
-#sitemap li.legend span.right span.page_move {
-	display: inline-block;
-	width: 74px;
-	text-align: center;
-}
-
-h2#sitemap_heading span.page_infos {
-	margin-right: 120px;
-	width: 40px;
-	text-align: center;
-	float: right;
-	line-height: 28px;
-}
-
-.handle {
-	cursor: move;
-}
-
-#userinfo p {
-	padding: 0;
-	margin: 0;
-	font-weight: bold;
-}
-
-/* @group image_upload */
-
-table td.tools .icon, table td.icon .icon {
-	width: 16px;
-	height: 16px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-	margin-top: 0;
-	background-repeat: no-repeat;
-	display: inline;
-	display: inline-block;
-	margin-right: 4px;
-}
-
-input#search_input_field {
-	width: 170px;
-	text-align: left;
-	@include rounded-search-field;
-	padding: 3px 24px 2px;
-	height: 18px;
-}
-
-input.button,
-a.button,
-button.button {
-	@include button-styles;
-}
-
-#new_element button.button {
-	float: right;
-}
-
-input.button {
-	padding-left: 8px;
-	padding-right: 8px;
-	padding-bottom: 2px;
-	height: 25px;
-}
-
-button.button {
-	line-height: 21px;
-	padding: 1px 8px 2px 8px;
-	height: 25px;
-	font-size: 1em;
-}
-
-.button img {
-	margin-right: 0;
-	width: 20px;
-	height: 20px;
-}
-
-#new_page_form tbody tr td.second_row .button {
-	float: right;
-}
-
-input.button:hover,
-input.button:focus,
-a.button:hover,
-a.button:focus,
-button.button:hover,
-button.button:focus {
-	@include button-hover-styles;
-}
-
-input.button:active,
-a.button:active {
-	text-decoration: none;
-	text-shadow: none;
-	background-color: #e5e5e5;
-}
-
-a.button.disabled,
-a.button.disabled:hover,
-a.button.disabled:active,
-input.button.disabled,
-input.button.disabled:hover,
-input.button.disabled:active,
-button.button.disabled,
-button.button.disabled:hover,
-button.button.disabled:active {
-	color: $text-color;
-	text-shadow: none;
-	border-color: #ccc;
-	cursor: default;
-	background-image: none;
-	background-color: #f5f5f5;
-	padding: 1px 0 0;
-}
-
-a.button.disabled img {
-	display: inline-block;
-	float: none;
-}
-
-a.button.small.disabled img {
-	display: inline-block;
-	float: none;
-	position: relative;
-	height: 16px;
-	width: 16px;
-	top: -1px;
-}
-
-a.button.disabled,
-a.button.disabled:hover,
-a.button.disabled:active {
-	padding: 2px !important;
-	text-align: center;
-}
-
-label {
-	
-}
-
-a.button {
-	padding: 5px 8px;
-	text-decoration: none;
-	float: left;
-	line-height: 13px;
-}
-
-a.button.small {
-	height: 14px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-	border-radius: 10px;
-	-o-border-radius: 10px;
-	-ms-border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-a.small.button.with_icon span.icon {
-	margin-top: -5px;
-	position: relative;
-	top: 3px;
-	left: -1px;
-}
-
-table tr td.tools {
-	width: 40px;
-	background-color: $light-gray;
-	white-space: nowrap;
-}
-
-td.input, td.label {
-	padding-top: 2px;
-	vertical-align: top;
-}
-
-td.input, td.submit, td.select {
-	text-align: right;
-	padding-right: 0;
-}
-
-td.value {
-	padding-left: 2*$default-padding;
-}
-
-td.label {
-	white-space: nowrap;
-	width: 80px;
-	padding: $default-padding 2*$default-padding 0 0;
-	line-height: 6*$default-padding;
-}
-
-td.label.mandatory:after {
-	content: '*';
-}
-
-td.heading {
-	padding: $default-padding 0;
-	font-weight: bold;
-	text-decoration: underline;
-}
-
-td.input input[type="checkbox"], td.input input[type="radio"] {
-	margin-top: 6px;
-}
-
-td.label.long {
-	width: 140px;
-}
-
-td.label.very_long {
-	width: 230px;
-}
-
-table tr td.tools a {
-	width: 19px;
-	height: 19px;
-	margin-right: 2px;
-}
-
-table tr td.tools.long {
-	width: 60px;
-}
-
-table tr td.icon {
-	background-color: $light-gray;
-	width: 20px;
-	text-align: center;
-}
-
-table.list tr:hover td {
-	background-color: #fffdef;
-}
-
-td.file_type {
-	width: 130px;
-	white-space: nowrap;
-}
-
-td.file_size {
-	width: 80px;
-}
-
-td.date {
-	width: 150px;
-}
-
-table td.right, table th.right {
-	text-align: right;
-}
-
-table td.center, table th.center {
-	text-align: center;
-}
-
-.list li.table_row div.table_right span{
-	float: left;
-	text-align: left;
-}
-
-.list li.table_row div.table_center {
-	float: none;
-	padding-left: 24px;
-}
-
-td.login {
-	width: 100px;
-}
-
-td.email {
-	width: 270px;
-}
-
-td.role {
-	width: 70px;
-	padding-right: 4px;
-}
-
-.list div.table_left {
-	float: left;
-}
-
-.list div.table_right {
-	float: right;
-}
-
-#archive_all {
-	padding: 4*$default-padding;
-}
-
-#archive_all .padding_left_right {
-	padding-right: 8px;
-	padding-left: 8px;
-}
-
-.inplace-edit {
-	background-color: $light-gray;
-	position: absolute;
-	left: -5px;
-	top: -8px;
-	width: 204px;
-	z-index: 10;
-	height: 60px;
-	border: $default-border;
-	@include rounded-corner;
-}
-
-.inplace-edit input.save-button {
-	float: right;
-}
-
-.inplace-edit div.buttons input.cancel-button {
-	float: left;
-}
-
-.inplace-edit div.buttons {
-	margin-top: 4px;
-	position: absolute;
-	bottom: 4px;
-	width: 196px;
-	padding-right: 4px;
-	padding-left: 4px;
-}
-
-.inplace-edit input.thin_border {
-	width: 186px;
-	font-family: "Courier New", Courier, mono;
-	position: absolute;
-	left: 4px;
-	top: 4px;
-	height: 18px;
-}
-
-div.spinner {
-	background-color: #ffffff;
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	top: 0;
-	left: 0;
-}
-
-.headline_text_editor {
-	overflow: auto;
-	width: 374px;
-}
-
-.short_content_text {
-	width: 374px;
-	background-color: white;
-	margin-bottom: 10px;
-	padding-bottom: 2px;
-	padding-top: 2px;
-	padding-left: 2px;
-	float: none;
-}
-
-.short_content_text a {
-	color: #000000;
-	text-decoration: none;
-	font-weight: bold;
-}
-
-.short_content_text a:hover {
-	color: #000000;
-	text-decoration: underline;
-}
-
-.picture_tool_assign_box {
-	float: right;
-	width: 105px;
-	overflow: auto;
-	padding: 1px;
-}
-
-/* @end */
-
-.short_picture {
-	float: left
-}
-
-.short_element {
-	margin-left: 20px;
-	float: left;
-}
-
-.short_element input {
-	width: 190px;
-	float: left;
-	font: 11px $default-font-face;
-}
-
-.dashed_border {
-	border: 1px dashed;
+	@include rounded-corner;
+	width: 450px;
 }
 
-ul#all_files {
-	list-style-type: none;
-	display: block;
-	margin: 0;
-	padding: 0;
-	width: 100%;
+#back_to_site {
+	float: right;
+	margin-right: 8px;
 }
 
-a.file_archive_download_file:hover {
-	background-position: 3px -25px;
+#page_names textarea {
+	height: 78px;
 }
 
-form#archive_upload_form {
-	padding: $default-padding;
-	overflow: auto;
-	width: 390px;
+div#new_page_from_clipboard {
+  display: none;
 }
 
-img.image_in_text {
-	position: relative;
-	top: 3px;
+div#new_page_from_clipboard input.button {
+  float: right;
 }
 
-a.archive_upload_delete:hover, a.archive_upload_delete:active {
-	background-position: right;
+div#new_page_from_clipboard span {
+  float: left;
+  line-height: 25px;
 }
 
-div.right_checkbox {
+#page_editing_head .site_status {
+	margin: 0 4px 0 0;
 	float: left;
 }
 
-div.all_rights {
+div#page_status_options {
 	float: left;
-	clear: both;
-	margin-top: 10px;
 }
 
-textarea.thin_border {
-	border-style: inset;
-	font: $default-font-style;
-	padding: $default-padding;
-	border-width: 1px;
-	@include rounded-corner;
-	height: auto;
+div#page_editing_menu {
+	overflow: auto;
+	padding-left: 1px;
+	padding-right: 1px;
 }
 
-.thin_border, .input_field {
-	margin: 0;
-	@include rounded-corner;
-	background: #fff;
-	border: 1px inset #e5e5e5;
-	width: 210px;
-	font-size: 12px;
-	line-height: 19px;
-	height: 25px;
-	padding: 1px $default-padding;
+h2#sitemap_heading {
+	padding: 0;
 }
 
-.thin_border.dirty {
-	background-color: #fff8df;
+div#userinfo {
+	text-align: right;
+	float: right;
+	margin-right: 8px;
 }
 
-/* @group Icons */
-
-span.icon {
-	display: inline-block;
-	background: image-url('alchemy/icons.png') no-repeat;
-	width: 16px;
-	height: 16px;
+#userinfo img {
+	position: relative;
+	top: 1px;
 }
 
-span.icon.user_add {
-	background: image-url('alchemy/icons.png') -96px -104px;
+div#user_list_legend {
+	overflow: auto;
+	padding: 1px 1px 4px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid black;
+	width: 370px;
 }
 
-span.icon.language_add {
-	background: image-url('alchemy/icons.png') -47px -120px;
+#toolbar {
+	z-index: 10;
+	padding: 6px;
+	height: 40px;
+	background: $medium-gray image-url('alchemy/shading.png') repeat-x 0 -40px;
+	margin-right: 0px;
+	border: $default-border;
+	border-top-style: none;
+	border-right-style: none;
+	@include bottom-left-rounded-border;
+	position: relative;
+	margin-left: 5px;
 }
 
-span.icon.user {
-	background: image-url('alchemy/icons.png') 0 -104px;
+#toolbar form {
+	margin: 0 0 0 8px;
+	float: right;
+	text-align: center;
 }
 
-span.icon.language {
-	background: image-url('alchemy/icons.png') 0 -120px;
+#toolbar div.button_with_label form {
+	float: none;
+	margin: 0;
+	display: inline-block;
+	line-height: 5px;
 }
 
-span.icon.user.female {
-	background: image-url('alchemy/icons.png') -128px -104px;
+#toolbar div.button_with_label form label {
+	margin-top: $default-margin;
 }
 
-a.icon.user_edit {
-	background: image-url('alchemy/icons.png') -64px -104px;
+#toolbar div.search_field {
+	position: relative;
+	float: left;
+	margin-bottom: $default-margin;
 }
 
-a.icon.language_edit {
-	background: image-url('alchemy/icons.png') -32px -120px;
+#toolbar div p {
+	float: right;
+	margin: 3px $default-margin 0 0;
+	padding: 0;
 }
 
-a.icon.user_edit.female {
-	background: image-url('alchemy/icons.png') -192px -104px;
+div#toolbar div.toolbar_spacer {
+	float: left;
+	width: 1px;
+	height: 37px;
+	border-right-style: dotted;
+	border-right-width: 1px;
+	margin-right: 2*$default-margin;
+	margin-left: $default-margin;
 }
 
-span.icon.settings {
-	background: image-url('alchemy/icons.png') -320px -40px;
+div#toolbar a.button {
+	width: 25px;
+	height: 21px;
+	text-decoration: none;
+	float: right;
+	border-width: 0;
+	border-style: none;
+	font-size: 0;
+	padding: 0;
+	background-repeat: no-repeat;
+	background-position: 0 0;
 }
 
-span.icon.visit_page {
-	background: image-url('alchemy/icons.png') -32px -136px;
+div#toolbar a.button:active {
+	text-decoration: none;
+	background-position: 0 -21px;
 }
 
-span.icon.upload {
-	background: image-url('alchemy/icons.png') 0 -136px;
+#page_sorting_panel p {
+	margin-top: 1em;
 }
 
-span.icon.pdf {
-	background: image-url('alchemy/icons.png') -161px -136px;
+div.info span.icon.info {
+	position: absolute;
+	top: 8px;
+	left: 8px;
 }
 
-span.icon.text {
-	background: image-url('alchemy/icons.png') -448px -136px;
+div.table_right span.tools a.icon_button img {
+	left: -1px;
 }
 
-span.icon.archive {
-	background: image-url('alchemy/icons.png') -416px -136px;
+#user_edit form {
+	margin: 0;
+	padding: 2*$default-padding;
 }
 
-span.icon.audio {
-	background: image-url('alchemy/icons.png') -192px -136px;
+li.even {
+	background-color: #fff;
 }
 
-span.icon.image {
-	background: image-url('alchemy/icons.png') -224px -136px;
+li.odd {
+	background-color: #eaf3f9;
 }
 
-span.icon.vcard {
-	background: image-url('alchemy/icons.png') -416px -104px;
+ul.list li.table_row {
+	display: block;
+	margin: 0 0 8px;
+	background-color: #ffffff;
+	position: relative;
+	line-height: 18px;
+	float: left;
+	width: 100%;
 }
 
-span.icon.psd {
-	background: image-url('alchemy/icons.png') -128px -136px;
+ul.list {
+	margin: 0;
+	padding: 2*$default-padding;
+	list-style-type: none;
 }
 
-span.icon.flash {
-	background: image-url('alchemy/icons.png') -256px -136px;
+ul#layoutpages.list {
+	margin-top: 16px;
 }
 
-span.icon.video {
-	background: image-url('alchemy/icons.png') -288px -136px;
+ul#layoutpages.list li {
+	margin-left: 8px;
 }
 
-span.icon.rtf {
-	background: image-url('alchemy/icons.png') -320px -136px;
+ul#sitemap.list {
+	padding: 0;
 }
 
-span.icon.word {
-	background: image-url('alchemy/icons.png') -384px -136px;
+ul.list li {
+	list-style-type: none;
+	border-width: 0;
+	border-style: none;
+	display: block;
 }
 
-span.icon.excel {
-	background: image-url('alchemy/icons.png') -176px -72px;
+ul.list li.legend {
+	background-color: transparent;
+	font-weight: bold;
 }
 
-span.icon.file {
-	background: image-url('alchemy/icons.png') 0 -40px;
+#layoutpages li img.site_status {
+	float: left;
 }
 
-span.icon.flush {
-	background-position: -352px -39px;
+ul.list div.detail_row {
+	background-color: $medium-gray;
+	font-size: 10px;
+	margin-top: 3px;
+	padding: $default-padding;
+	overflow: hidden;
 }
 
-span.icon.publish {
-	background-position: -64px -136px;
+ul.list div.detail_row div {
+	padding-top: 1px;
+	padding-bottom: 1px;
 }
 
-span.icon.info {
-	background-position: -64px -168px;
+ul.list span.right {
+	float: right;
 }
 
-span.icon.close {
-	background-position: -416px -40px;
+#sitemap li.legend span.right {
+	margin-right: 52px;
 }
 
-span.icon.sync {
-	background-position: -96px -136px;
+#sitemap li.legend span.right span.page_move {
+	display: inline-block;
+	width: 74px;
+	text-align: center;
 }
 
-span.icon.close.small {
-	background: image-url('alchemy/ui-icons_666666_256x240.png') -84px -132px;
-	width: 8px;
-	height: 8px;
-	position: absolute;
-	right: 5px;
-	top: 4px;
+h2#sitemap_heading span.page_infos {
+	margin-right: 120px;
+	width: 40px;
+	text-align: center;
+	float: right;
+	line-height: 28px;
 }
 
-span.icon.online {
-	background-position: -224px -104px;
+.handle {
+	cursor: move;
 }
 
-span.icon.offline {
-	background-position: -255px -104px;
+#userinfo p {
+	padding: 0;
+	margin: 0;
+	font-weight: bold;
 }
 
-span.icon.tick, span.icon.true {
-	background-position: -32px -72px;
-}
+/* @group image_upload */
 
-span.icon.error {
-	background-position: -32px -168px;
+table td.tools .icon, table td.icon .icon {
+	width: 16px;
+	height: 16px;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+	margin-top: 0;
+	background-repeat: no-repeat;
+	display: inline;
+	display: inline-block;
+	margin-right: 4px;
 }
 
-span.icon.false {
-	background-image: none;
+input#search_input_field {
+	width: 170px;
+	text-align: left;
+	@include rounded-search-field;
+	padding: 3px 24px 2px;
+	height: 18px;
 }
 
-span.icon.link,
-a.link {
-	background-position: -320px -72px;
+.list li.table_row div.table_right span{
+	float: left;
+	text-align: left;
 }
 
-span.icon.unlink {
-	background-position: -352px -72px;
+.list li.table_row div.table_center {
+	float: none;
+	padding-left: 24px;
 }
 
-.icon.swap_picture {
-	background-position: -288px -72px;
+.list div.table_left {
+	float: left;
 }
 
-.icon.crop {
-	background-position: -256px -72px;
+.list div.table_right {
+	float: right;
 }
 
-span.icon.warning, span.icon.warn {
-	background-position: 0 -168px;
+#archive_all {
+	padding: 4*$default-padding;
 }
 
-span.icon.element_public {
-	background-position: -94px -166px;
+#archive_all .padding_left_right {
+	padding-right: 8px;
+	padding-left: 8px;
 }
 
-span.icon.element_draft {
-	background-position: 1px -70px;
+.inplace-edit {
+	background-color: $light-gray;
+	position: absolute;
+	left: -5px;
+	top: -8px;
+	width: 204px;
+	z-index: 10;
+	height: 60px;
+	border: $default-border;
+	@include rounded-corner;
 }
 
-span.icon.new_element {
-	background: image-url('alchemy/icons.png') -384px -40px;
+.inplace-edit input.save-button {
+	float: right;
 }
 
-span.icon.element_window {
-	background: image-url('alchemy/icons.png') -512px -72px;
+.inplace-edit div.buttons input.cancel-button {
+	float: left;
 }
 
-span.icon.preview_window {
-	background: image-url('alchemy/icons.png') -448px -40px;
+.inplace-edit div.buttons {
+	margin-top: 4px;
+	position: absolute;
+	bottom: 4px;
+	width: 196px;
+	padding-right: 4px;
+	padding-left: 4px;
 }
 
-span.icon.clipboard {
-	background-position: -288px -104px;
+.inplace-edit input.thin_border {
+	width: 186px;
+	font-family: "Courier New", Courier, mono;
+	position: absolute;
+	left: 4px;
+	top: 4px;
+	height: 18px;
 }
 
-span.icon.clipboard.full {
-	background-position: -320px -104px;
+div.spinner {
+	background-color: #ffffff;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
-span.icon.trash {
-	background-position: -352px -104px;
+.headline_text_editor {
+	overflow: auto;
+	width: 374px;
 }
 
-span.icon.trash.full {
-	background-position: -384px -104px;
+.short_content_text {
+	width: 374px;
+	background-color: white;
+	margin-bottom: 10px;
+	padding-bottom: 2px;
+	padding-top: 2px;
+	padding-left: 2px;
+	float: none;
 }
 
-a.icon.file_download {
-	background: image-url('alchemy/icons.png') -480px -136px;
+.short_content_text a {
+	color: #000000;
+	text-decoration: none;
+	font-weight: bold;
 }
 
-.icon.download {
-	background: image-url('alchemy/icons.png') -240px -72px;
+.short_content_text a:hover {
+	color: #000000;
+	text-decoration: underline;
 }
 
-a.icon.file_delete {
-	background: image-url('alchemy/icons.png') -64px -40px;
+.picture_tool_assign_box {
+	float: right;
+	width: 105px;
+	overflow: auto;
+	padding: 1px;
 }
 
-a.icon.file_edit {
-	background: image-url('alchemy/icons.png') -32px -40px;
-}
+/* @end */
 
-.icon.edit {
-	background: image-url('alchemy/icons.png') -160px -168px;
+.short_picture {
+	float: left
 }
 
-.icon.create {
-	background: image-url('alchemy/icons.png') -192px -568px;
+.short_element {
+	margin-left: 20px;
+	float: left;
 }
 
-span.icon.add_page {
-	background: image-url('alchemy/icons.png') -96px -40px;
+.short_element input {
+	width: 190px;
+	float: left;
+	font: 11px $default-font-face;
 }
 
-span.icon.copy_page {
-	background: image-url('alchemy/icons.png') -544px -40px;
+.dashed_border {
+	border: 1px dashed;
 }
 
-span.icon.delete_page {
-	background: image-url('alchemy/icons.png') -64px -40px;
+ul#all_files {
+	list-style-type: none;
+	display: block;
+	margin: 0;
+	padding: 0;
+	width: 100%;
 }
 
-a.icon.user_delete {
-	background: image-url('alchemy/icons.png') -32px -104px;
+img.image_in_text {
+	position: relative;
+	top: 3px;
 }
 
-a.icon.language_delete {
-	background: image-url('alchemy/icons.png') -16px -120px;
+div.right_checkbox {
+	float: left;
 }
 
-.icon.destroy {
-	background: image-url('alchemy/icons.png') -224px -168px;
+div.all_rights {
+	float: left;
+	clear: both;
+	margin-top: 10px;
 }
 
-span.icon.configure_page {
-	background: image-url('alchemy/icons.png') -320px -40px;
+textarea.thin_border {
+	border-style: inset;
+	font: $default-font-style;
+	padding: $default-padding;
+	border-width: 1px;
+	@include rounded-corner;
+	height: auto;
 }
 
-span.icon.search {
-	background: image-url('alchemy/ui-icons_666666_256x240.png') -160px -112px;
+.thin_border, .input_field {
+	margin: 0;
+	@include rounded-corner;
+	background: #fff;
+	border: 1px inset #e5e5e5;
+	width: 210px;
+	font-size: 12px;
+	line-height: 19px;
+	height: 25px;
+	padding: 1px $default-padding;
 }
 
-a.icon.user_delete.female {
-	background: image-url('alchemy/icons.png') -160px -104px;
+.thin_border.dirty {
+	background-color: #fff8df;
 }
 
-/* @end */
-
 select.select_box {
 	border: 1px solid #9a9a9a;
 	color: $text-color;
@@ -2408,12 +699,12 @@ select.select_box {
 	display: none;
 }
 
-.with_medium_padding {
+.with_padding {
 	padding: 2*$default-padding;
 }
 
-.with_padding {
-	padding: 2*$default-padding;
+.with_margin {
+	margin: 2*$default-padding;
 }
 
 .element_spinner {
@@ -2479,138 +770,6 @@ div#toolbar_buttons_right {
 	margin-left: 8px;
 }
 
-div.button_with_label {
-	text-align: center;
-	margin-right: 8px;
-	margin-left: 8px;
-	float: left;
-	min-width: 70px;
-	line-height: 0;
-	
-	&.active {
-		.icon_button {
-			background-color: #cdd6db;
-			border-style: inset;
-			border-color: #bfbfbf;
-		}
-		label {
-			color: black;
-			text-shadow: white 0 0 2px;
-		}
-	} 
-
-	.disabledButton {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		z-index: 1;
-	}
-
-	a.icon_button {
-		float: none;
-		margin-right: auto;
-		margin-left: auto;
-		display: inline-block;
-		position: relative;
-	}
-
-	&.disabled {
-		position: relative;
-		@include opacity(50);
-		cursor: default;
-		
-		a:hover, a:active {
-			cursor: default;
-			background-color: #f7f7f7;
-			border: 1px solid #9a9a9a;
-		}
-		
-		&:before {
-			content: '';
-			position: absolute;
-			z-index: 1;
-			width: 100%;
-			height: 100%;
-			background-color: transparent;
-			@include opacity(50);
-		}
-		
-		&:hover label {
-			color: $text-color;
-			cursor: default;
-		}
-		
-	}
-	
-}
-
-.icon_button.disabled span {
-	position: relative;
-	@include opacity(30);
-	cursor: default;
-}
-
-.icon_button.disabled:hover {
-	background-color: #f7f7f7;
-	border: 1px solid #9a9a9a;
-	cursor: default;
-}
-
-div#toolbar label, div#overlay_toolbar label {
-	font-size: 10px;
-	text-shadow: #fff 0 1px 2px;
-	margin-top: $default-margin;
-	display: block;
-	line-height: 13px;
-}
-
-div.button_with_label:hover label {
-	color: #000;
-	text-shadow: #fff 0 1px 4px;
-}
-
-#toolbar_links a {
-	padding: $default-padding;
-	border: 1px solid #9a9a9a;
-	@include rounded-corner;
-	margin-right: $default-margin;
-	background: #fff image-url('alchemy/shading.png') repeat-x 0 -75px;
-	text-decoration: none;
-}
-
-div.search_field span.icon,
-div.js_filter_field_box span.icon {
-	position: absolute;
-	left: 6px;
-	top: 4px;
-}
-
-#toolbar_links a:hover {
-	background-color: #e6f0f5;
-	color: $text-color;
-	border: 1px solid #888;
-	text-shadow: 0 1px 1px #fff;
-	text-decoration: none;
-}
-
-#toolbar_links a:active {
-	background-color: #cdd6db;
-}
-
-div#per_page_values {
-	margin-top: 2px;
-	margin-bottom: 6px;
-}
-
-#toolbar_links a.active {
-	background-color: #e6f0f5;
-	color: $text-color;
-	border: 1px solid #888;
-	text-shadow: 0 1px 1px #fff;
-}
-
 #errorExplanation {
 	background: #ffdfdf;
 	padding: 2*$default-padding;
@@ -2761,8 +920,9 @@ div#image_assign_filter_and_image_sizing {
 #pictures .picture_thumbnail .thumbnail_background {
 	cursor: -webkit-zoom-in;
 	cursor: -moz-zoom-in;
+	cursor: -ms-zoom-in;
 	cursor: -o-zoom-in;
-	cursor: zoom-in;
+	cursor: image-url('alchemy/lupe.cur'), zoom-in, pointer;
 }
 
 .essence_picture_editor .picture_thumbnail {
@@ -3020,13 +1180,6 @@ input#link_to_text {
 	margin: 0;
 }
 
-div#tabbar_and_content {
-	
-}
-
-#internal_link_title {
-}
-
 #alchemy .ui-dialog-content ul#sitemap {
 	margin: 0;
 	padding: 0 8px 8px 0;
@@ -3126,7 +1279,7 @@ div.elements_for_page {
 
 a.close_elements_from_page_selector {
 	position: absolute;
-	right: 8px;
+	right: 0;
 	top: 8px;
 	font-size: 0;
 	padding-right: 2px;
@@ -3212,10 +1365,6 @@ div.assign_file_file_icon img {
 	width: 195px;
 }
 
-td.label.middle {
-	padding-left: 2*$default-padding;
-}
-
 .elements_for_page .alchemy_selectbox {
 	float: left;
 	width: 217px;
@@ -3269,58 +1418,6 @@ select#url_protocol.medium {
 	display: inline-block;
 }
 
-div.emulate_table input.button:disabled {
-	color: gray;
-}
-
-div.emulate_table {
-	overflow: auto;
-}
-
-div.emulate_table label {
-	float: left;
-	width: 70px;
-	padding-top: 2px;
-}
-
-div.emulate_table .short_label {
-	width: 50px;
-	text-align: right;
-	padding-right: 4px;
-	padding-left: 4px;
-}
-
-div.emulate_table input, div.emulate_table select {
-	float: left;
-}
-
-.emulated_table_row {
-	padding: 1px;
-	overflow: auto;
-	clear: both;
-	margin-bottom: 5px;
-	line-height: 21px;
-}
-
-.emulated_table_row span.first_column {
-	float: left;
-	margin-right: 4px;
-}
-
-div.emulate_table select.short {
-	border: 0px none;
-	padding: 2px;
-	width: 51px;
-}
-
-div.emulate_table p {
-	float: left;
-	clear: both;
-	margin-bottom: 4px;
-	padding: 0px;
-	width: 100%;
-}
-
 .assign_file_file.selected_file {
 	background-color: #d1d1d1;
 }
@@ -3378,107 +1475,6 @@ div#overlay_toolbar a.button:active {
 	margin-right: 8px;
 }
 
-a.icon.remove {
-	background: image-url('alchemy/icons.png') no-repeat -64px;
-	width: 16px;
-	height: 16px;
-	display: inline-block;
-	position: relative;
-	top: 3px;
-	margin-right: 4px;
-}
-
-a#uploadswitcher, a.underline {
-	text-decoration: underline;
-}
-
-#uploadProgressContainer {
-	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;
-}
-
-#uploadProgressContainer .progressName,
-#uploadProgressContainer .progressBarStatus {
-	margin-bottom: 4px;
-}
-
-#uploadProgressContainer .progressBarStatus {
-	font-size: 10px;
-}
-
-#uploadProgressContainer .progressName {
-	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%;
-}
-
-#uploadProgressContainer .progressBarInProgress {
-	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;
-}
-
-#uploadProgressContainer .progressBarError {
-	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;
-}
-
-#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;
-}
-
-#swf_upload_container {
-	height: 60px;
-}
-
-#swf_upload_container .button {
-	float: right;
-	margin-top: 4*$default-margin;
-	font-size: 11px;
-}
-
-object.swfupload {
-	margin-top: 16px;
-	margin-bottom: 16px;
-}
-
 #alchemy .ui-dialog #alchemyConfirmation.ui-dialog-content {
 	padding: 2*$default-padding;
 }
@@ -3507,3 +1503,8 @@ object.swfupload {
 .mceEditor table {
 	border-spacing: 0 !important;
 }
+
+#sitemap_heading span.page_name {
+	margin-left: 24px;
+	line-height: 28px;
+}