alchemy_cms 2.1.rc6 → 2.1

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

@@ -0,0 +1,287 @@
+@import "alchemy/defaults";
+
+html {
+	height: 100%;
+}
+
+body#alchemy {
+	margin: 0;
+	padding: 0;
+	color: $text-color;
+	font: $default-font-style;
+	background-color: $light-gray;
+	height: 100%;
+	cursor: default;
+}
+
+#top_menu {
+	position: fixed;
+	top: 0;
+	left: 65px;
+	z-index: 5;
+	width: 100%;
+}
+
+#left_menu {
+	white-space: nowrap;
+	z-index: 2;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 65px;
+	overflow: hidden;
+	border-right: $default-border;
+	background: $light-blue;
+	font-size: 10px;
+	
+	label {
+		display: block;
+	}
+	
+	a {
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		user-select: none;
+		text-shadow: #fff 0 0px 4px;
+	}
+}
+
+#main_navi {
+	padding-top: 25px;
+	padding-left: 4px;
+	padding-bottom: 80px;
+	
+	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;
+		padding-left: 1px;
+		width: 60px;
+		
+		&:hover {
+			cursor: pointer;
+			text-decoration: none;
+			color: $text-color;
+		}
+		
+		&.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;
+		}
+		
+		img {
+			border-style: none;
+			height: 24px;
+			width: 24px;
+			display: inline-block;
+			margin-bottom: 4px;
+			margin-top: 2px;
+		}
+	}
+}
+
+div#overlay {
+	visibility: hidden;
+	position: fixed;
+	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);
+}
+
+div#overlay_text_box {
+	color: #333333;
+	font-size: 18px;
+	left: 50%;
+	line-height: 50px;
+	margin-left: -100px;
+	margin-top: -25px;
+	position: absolute;
+	text-align: center;
+	top: 50%;
+	width: 200px;
+	
+	img {
+		position: relative;
+		top: 9px;
+	}
+}
+
+#logout {
+	position: absolute;
+	z-index: 1;
+	bottom: 0;
+	left: 0;
+	text-align: center;
+	width: 65px;
+	padding-top: 4px;
+	padding-bottom: 8px;
+	background: $light-blue;
+	
+	a {
+		display: block;
+		
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	
+	img {
+		margin-bottom: 4px;
+	}
+}
+
+#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;
+}
+
+#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;
+	
+	a {
+		display: block;
+		
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	
+	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;
+		
+		.flag {
+			float: none;
+			position: relative;
+			display: inline-block;
+			bottom: 1px;
+			margin-right: 3px;
+		}
+		
+		span.page_name {
+			position: relative;
+			margin-right: 16px;
+			margin-left: 4px;
+			line-height: 27px;
+			bottom: 2px;
+		}
+	}
+	
+	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;
+		
+		&.wide {
+			position: relative;
+			padding-right: 24px;
+			
+			form {
+				position: absolute;
+				right: 3px;
+				top: 3px;
+				line-height: 10px;
+			}
+		}
+		
+		&:hover {
+			color: $text-color;
+			text-decoration: none;
+		}
+		
+		&.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;
+		}
+	}
+}
+
+#subnav_additions {
+	height: 23px;
+	overflow: hidden;
+	
+	label {
+		float: left;
+		font-size: 10px;
+		line-height: 25px;
+		height: 25px;
+		margin-left: 8px;
+		margin-right: 4px;
+	}
+	
+	img {
+		float: left;
+	}
+}

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

@@ -0,0 +1,300 @@
+@import "alchemy/defaults";
+
+.icon {
+	display: inline-block;
+	background: image-url('alchemy/icons.png') no-repeat;
+	width: 16px;
+	height: 16px;
+}
+
+.icon.zoom-out {
+	background-position: -416px -72px;
+}
+
+.icon.zoom-equal {
+	background-position: -448px -72px;
+}
+
+.icon.delete-small {
+	background-position: 0 -72px;
+}
+
+.icon.zoom-in {
+	background-position: -480px -72px;
+}
+
+.icon.user_add {
+	background-position: -96px -104px;
+}
+
+.icon.language_add {
+	background-position: -47px -120px;
+}
+
+.icon.user {
+	background-position: 0 -104px;
+}
+
+.icon.language {
+	background-position: 0 -120px;
+}
+
+.icon.user.female {
+	background-position: -128px -104px;
+}
+
+.icon.user_edit {
+	background-position: -64px -104px;
+}
+
+.icon.language_edit {
+	background-position: -32px -120px;
+}
+
+.icon.user_edit.female {
+	background-position: -192px -104px;
+}
+
+.icon.settings {
+	background-position: -320px -40px;
+}
+
+.icon.visit_page {
+	background-position: -31px -137px;
+}
+
+.icon.upload {
+	background-position: 0 -136px;
+}
+
+.icon.pdf {
+	background-position: -161px -136px;
+}
+
+.icon.text {
+	background-position: -448px -136px;
+}
+
+.icon.archive {
+	background-position: -416px -136px;
+}
+
+.icon.audio {
+	background-position: -192px -136px;
+}
+
+.icon.image {
+	background-position: -224px -136px;
+}
+
+.icon.vcard {
+	background-position: -416px -104px;
+}
+
+.icon.psd {
+	background-position: -128px -136px;
+}
+
+.icon.flash {
+	background-position: -256px -136px;
+}
+
+.icon.video {
+	background-position: -288px -136px;
+}
+
+.icon.rtf {
+	background-position: -320px -136px;
+}
+
+.icon.word {
+	background-position: -384px -136px;
+}
+
+.icon.excel {
+	background-position: -176px -72px;
+}
+
+.icon.file {
+	background-position: 0 -40px;
+}
+
+.icon.flush {
+	background-position: -352px -39px;
+}
+
+.icon.publish {
+	background-position: -64px -136px;
+}
+
+.icon.info {
+	background-position: -64px -168px;
+}
+
+.icon.close {
+	background-position: -416px -40px;
+}
+
+.icon.sync {
+	background-position: -96px -136px;
+}
+
+.icon.close.small {
+	background: image-url('alchemy/ui-icons_666666_256x240.png') -84px -132px;
+	width: 8px;
+	height: 8px;
+}
+
+.icon.online {
+	background-position: -224px -104px;
+}
+
+.icon.offline {
+	background-position: -255px -104px;
+}
+
+.icon.tick, .icon.true {
+	background-position: -32px -72px;
+}
+
+.icon.error {
+	background-position: -32px -168px;
+}
+
+.icon.false {
+	background-image: none;
+}
+
+.icon.link, a.link {
+	background-position: -320px -72px;
+}
+
+.icon.unlink {
+	background-position: -352px -72px;
+}
+
+.icon.swap_picture {
+	background-position: -288px -72px;
+}
+
+.icon.crop {
+	background-position: -256px -72px;
+}
+
+.icon.warning, .icon.warn {
+	background-position: 0 -168px;
+}
+
+.icon.element_public {
+	background-position: -94px -166px;
+}
+
+.icon.element_draft {
+	background-position: 1px -70px;
+}
+
+.icon.new_element {
+	background-position: -384px -40px;
+}
+
+.icon.element_window {
+	background-position: -512px -72px;
+}
+
+.icon.preview_window {
+	background-position: -448px -40px;
+}
+
+.icon.clipboard {
+	background-position: -288px -104px;
+}
+
+.icon.clipboard.full {
+	background-position: -320px -104px;
+}
+
+.icon.trash {
+	background-position: -352px -104px;
+}
+
+.icon.trash.full {
+	background-position: -384px -104px;
+}
+
+.icon.file_download {
+	background-position: -480px -136px;
+}
+
+.icon.download {
+	background-position: -240px -72px;
+}
+
+.icon.file_delete {
+	background-position: -64px -40px;
+}
+
+.icon.file_edit {
+	background-position: -32px -40px;
+}
+
+.icon.edit {
+	background-position: -160px -168px;
+}
+
+.icon.create {
+	background-position: -192px -168px;
+}
+
+.icon.add_page {
+	background-position: -96px -40px;
+}
+
+.icon.copy_page {
+	background-position: -544px -40px;
+}
+
+.icon.delete_page {
+	background-position: -64px -40px;
+}
+
+.icon.user_delete {
+	background-position: -32px -104px;
+}
+
+.icon.language_delete {
+	background-position: -16px -120px;
+}
+
+.icon.destroy {
+	background-position: -224px -168px;
+}
+
+.icon.configure_page {
+	background-position: -320px -40px;
+}
+
+.icon.search {
+	background: image-url('alchemy/ui-icons_666666_256x240.png') -160px -112px;
+}
+
+.icon.user_delete.female {
+	background-position: -160px -104px;
+}
+
+.icon.remove {
+	background-position: no-repeat -64px;
+	width: 16px;
+	height: 16px;
+	display: inline-block;
+	position: relative;
+	top: 3px;
+	margin-right: 4px;
+}
+
+.icon.blank {
+	background: transparent;
+}
+
+.icon.sort {
+	background-position: -128px -168px;
+}