alchemy_cms 2.1.12 → 2.2.rc1

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

@@ -1,155 +1,189 @@
 @import "alchemy/defaults";
 
 table {
-	border-style: none;
-	border-spacing: 0 $default-padding;
-	padding: 0;
-	font-size: inherit;
-	width: 100%;
+  border-style: none;
+  border-spacing: 0 $default-padding;
+  padding: 0;
+  font-size: inherit;
+  width: 100%;
 
-	td, th {
-		padding: $default-padding;
-	}
+  td, th {
+    padding: $default-padding;
+  }
 
-	th {
-		text-align: left;
-		height: 22px;
-		vertical-align: top;
-	}
+  th {
+    text-align: left;
+    height: 22px;
+    vertical-align: top;
+  }
 }
 
 table tr td.tools {
-	width: 40px;
-	background-color: $light-gray;
-	white-space: nowrap;
-	@include disable-user-select;
+  width: 40px;
+  background-color: $light-gray;
+  white-space: nowrap;
+  @include disable-user-select;
 }
 
 td.input, td.label {
-	padding-top: 2px;
-	vertical-align: top;
+  padding-top: 2px;
+  vertical-align: top;
 }
 
 td.input, td.submit, td.select {
-	text-align: right;
-	padding-right: 0;
+  text-align: right;
+  padding-right: 0;
 }
 
 td.checkbox {
-	padding: 6px 4px;
+  padding: 6px 4px;
 }
 
 td.value {
-	padding-left: 2*$default-padding;
+  text-align: right;
+
+  p {
+    display: inline;
+    display: inline-block;
+    width: 214px;
+    text-align: left;
+    margin: 0;
+    line-height: 23px;
+  }
+
+  &.long {
+    p {
+      width: 244px;
+    }
+  }
 }
 
 td.label {
-	white-space: nowrap;
-	width: 80px;
-	padding: $default-padding 2*$default-padding 0 0;
-	line-height: 6*$default-padding;
+  white-space: nowrap;
+  width: 80px;
+  padding: $default-padding 2*$default-padding 0 0;
+  line-height: 6*$default-padding;
 }
 
 td.label.mandatory:after {
-	content: '*';
+  content: '*';
 }
 
 td.heading {
-	padding: $default-padding 0;
-	font-weight: bold;
-	text-decoration: underline;
+  padding: $default-padding 0;
+  font-weight: bold;
+  text-decoration: underline;
 }
 
 td.input input[type="checkbox"], td.input input[type="radio"] {
-	margin-top: 6px;
+  margin-top: 6px;
 }
 
 td.label.long {
-	width: 140px;
+  width: 140px;
 }
 
 td.label.very_long {
-	width: 230px;
+  width: 230px;
 }
 
 table tr td.tools a {
-	width: 19px;
-	height: 19px;
-	margin-right: 2px;
+  width: 19px;
+  height: 19px;
+  margin-right: 2px;
 }
 
 table tr td.tools.long {
-	width: 60px;
+  width: 60px;
 }
 
 table tr td.icon {
-	background-color: $light-gray;
-	width: 20px;
-	text-align: center;
+  background-color: $light-gray;
+  width: 20px;
+  text-align: center;
 }
 
 table.list tr:hover td {
-	background-color: #fffdef;
+  background-color: #fffdef;
 }
 
 td.file_type {
-	width: 130px;
-	white-space: nowrap;
+  width: 130px;
+  white-space: nowrap;
 }
 
 td.file_size {
-	width: 80px;
+  width: 80px;
 }
 
 td.date {
-	width: 150px;
+  width: 150px;
 }
 
 table td.right, table th.right {
-	text-align: right;
+  text-align: right;
 }
 
 table td.center, table th.center {
-	text-align: center;
+  text-align: center;
 }
 
 td.login {
-	width: 100px;
+  width: 100px;
 }
 
 td.email {
-	width: 270px;
+  width: 270px;
 }
 
 td.role {
-	width: 70px;
-	padding-right: 4px;
+  width: 70px;
+  padding-right: 4px;
 }
 
 table td.rights {
-	width: 60px;
+  width: 60px;
 }
+
 table.window_form {
-	width: 100%;
+  width: 100%;
 }
 
 th.login_status {
-	width: 16px;
+  width: 16px;
 }
 
 table tr.odd td {
-	background-color: #eaf3f9;
+  background-color: #eaf3f9;
 }
 
 table tr.even td {
-	background-color: white;
+  background-color: white;
 }
 
 td.label.middle {
-	padding-left: 2*$default-padding;
+  padding-left: 2*$default-padding;
 }
 
 th.icon, td.icon {
-	background: none;
-	display: table-cell;
+  background: none;
+  display: table-cell;
+}
+
+td.checkbox {
+  text-align: right;
+  white-space: nowrap;
+
+  label {
+    display: inline;
+    display: inline-block;
+    text-align: left;
+    width: 194px;
+  }
+
+  &.long {
+    label {
+      width: 224px;
+    }
+  }
 }

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

@@ -1,95 +1,95 @@
 @import "alchemy/defaults";
 
 body, td, pre {
-	color: $text-color;
-	font: $default-font-style;
-	margin: $default-margin;
+  color: $text-color;
+  font: $default-font-style;
+  margin: $default-margin;
 }
 
 body {
-	background: #FFF;
+  background: #FFF;
 }
 
 body.mceForceColors {
-	background: #FFF;
-	color: #000;
+  background: #FFF;
+  color: #000;
 }
 
 h1 {
-	font-size: 2em
+  font-size: 2em
 }
 
 h2 {
-	font-size: 1.5em
+  font-size: 1.5em
 }
 
 h3 {
-	font-size: 1.17em
+  font-size: 1.17em
 }
 
 h4 {
-	font-size: 1em
+  font-size: 1em
 }
 
 h5 {
-	font-size: .83em
+  font-size: .83em
 }
 
 h6 {
-	font-size: .75em
+  font-size: .75em
 }
 
 .mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {
-	border: 1px dashed #BBB;
+  border: 1px dashed #BBB;
 }
 
 a.mceItemAnchor {
-	width: 12px;
-	line-height: 6px;
-	overflow: hidden;
-	padding-left: 12px;
-	background: image-url('tiny_mce/themes/advanced/skins/default/img/items.gif') no-repeat bottom left;
+  width: 12px;
+  line-height: 6px;
+  overflow: hidden;
+  padding-left: 12px;
+  background: image-url('tiny_mce/themes/advanced/skins/default/img/items.gif') no-repeat bottom left;
 }
 
 img.mceItemAnchor {
-	width: 12px;
-	height: 12px;
-	background: image-url('tiny_mce/themes/advanced/skins/default/img/items.gif') no-repeat;
+  width: 12px;
+  height: 12px;
+  background: image-url('tiny_mce/themes/advanced/skins/default/img/items.gif') no-repeat;
 }
 
 img {
-	border: 0;
+  border: 0;
 }
 
 table {
-	cursor: default
+  cursor: default
 }
 
 table td, table th {
-	cursor: text
+  cursor: text
 }
 
 ins {
-	border-bottom: 1px solid green;
-	text-decoration: none;
-	color: green
+  border-bottom: 1px solid green;
+  text-decoration: none;
+  color: green
 }
 
 del {
-	color: red;
-	text-decoration: line-through
+  color: red;
+  text-decoration: line-through
 }
 
 cite {
-	border-bottom: 1px dashed blue
+  border-bottom: 1px dashed blue
 }
 
 acronym {
-	border-bottom: 1px dotted #CCC;
-	cursor: help
+  border-bottom: 1px dotted #CCC;
+  cursor: help
 }
 
 abbr, html\:abbr {
-	border-bottom: 1px dashed #CCC;
-	cursor: help
+  border-bottom: 1px dashed #CCC;
+  cursor: help
 }

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

@@ -3,409 +3,409 @@
 /* Generic */
 
 body {
-	font: 12px "Lucida Grande",Arial,sans-serif;
-	color: #333;
-	background: #ededed;
-	padding: 0;
-	margin: 8px 8px 0 8px;
+  font: 12px "Lucida Grande", Arial, sans-serif;
+  color: #333;
+  background: #ededed;
+  padding: 0;
+  margin: 8px 8px 0 8px;
 }
 
 html {
-	background: #ededed;
+  background: #ededed;
 }
 
 textarea {
-	resize: none;
-	outline: none;
+  resize: none;
+  outline: none;
 }
 
 a:link, a:visited {
-	color: black;
+  color: black;
 }
 
 a:hover {
-	color: #2B6FB6;
+  color: #2B6FB6;
 }
 
 .nowrap {
-	white-space: nowrap
+  white-space: nowrap
 }
 
 /* Forms */
 
 form {
-	margin: 0;
+  margin: 0;
 }
 
 fieldset {
-	margin: 0;
-	padding: 4px;
-	border: 1px solid #919B9C;
+  margin: 0;
+  padding: 4px;
+  border: 1px solid #919B9C;
 }
 
 legend {
-	color: #2B6FB6;
-	font-weight: bold;
+  color: #2B6FB6;
+  font-weight: bold;
 }
 
 label.msg {
-	display: none;
+  display: none;
 }
 
 label.invalid {
-	color: #EE0000;
-	display: inline;
+  color: #EE0000;
+  display: inline;
 }
 
 input.invalid {
-	border: 1px solid #EE0000;
+  border: 1px solid #EE0000;
 }
 
 input {
-	background: #FFF;
-	border: 1px solid #CCC;
+  background: #FFF;
+  border: 1px solid #CCC;
 }
 
 input, select, textarea {
-	font: 12px "Lucida Grande",Arial,sans-serif;
+  font: 12px "Lucida Grande", Arial, sans-serif;
 }
 
 input, select, textarea {
-	border: 1px solid #808080;
+  border: 1px solid #808080;
 }
 
 input.radio {
-	border: 1px none #000000;
-	background: transparent;
-	vertical-align: middle;
+  border: 1px none #000000;
+  background: transparent;
+  vertical-align: middle;
 }
 
 input.checkbox {
-	border: 1px none #000000;
-	background: transparent;
-	vertical-align: middle;
+  border: 1px none #000000;
+  background: transparent;
+  vertical-align: middle;
 }
 
 .input_noborder {
-	border: 0;
+  border: 0;
 }
 
 /* Buttons */
 
 #insert, #cancel, input.button, .updateButton {
-	@include button-styles;
-	height: 26px;
+  @include button-styles;
+  height: 26px;
 
-	&:hover {
-		@include button-hover-styles;
-	}
+  &:hover {
+    @include button-hover-styles;
+  }
 }
 
 /* Browse */
 
 a.pickcolor, a.browse {
-	text-decoration: none
+  text-decoration: none
 }
 
 a.browse span {
-	display: block;
-	width: 20px;
-	height: 18px;
-	background: image-url('tiny_mce/themes/advanced/img/icons.gif') -860px 0;
-	border: 1px solid #FFF;
-	margin-left: 1px;
+  display: block;
+  width: 20px;
+  height: 18px;
+  background: image-url('tiny_mce/themes/advanced/img/icons.gif') -860px 0;
+  border: 1px solid #FFF;
+  margin-left: 1px;
 }
 
 .mceOldBoxModel a.browse span {
-	width: 22px;
-	height: 20px;
+  width: 22px;
+  height: 20px;
 }
 
 a.browse:hover span {
-	border: 1px solid #0A246A;
-	background-color: #B2BBD0;
+  border: 1px solid #0A246A;
+  background-color: #B2BBD0;
 }
 
 a.browse span.disabled {
-	border: 1px solid white;
-	opacity: 0.3;
-	-ms-filter: 'alpha(opacity=30)';
-	filter: alpha(opacity=30)
+  border: 1px solid white;
+  opacity: 0.3;
+  -ms-filter: 'alpha(opacity=30)';
+  filter: alpha(opacity = 30)
 }
 
 a.browse:hover span.disabled {
-	border: 1px solid white;
-	background-color: transparent;
+  border: 1px solid white;
+  background-color: transparent;
 }
 
 a.pickcolor span {
-	display: block;
-	width: 20px;
-	height: 16px;
-	background: image-url('tiny_mce/themes/advanced/img/icons.gif') -840px 0;
-	margin-left: 2px;
+  display: block;
+  width: 20px;
+  height: 16px;
+  background: image-url('tiny_mce/themes/advanced/img/icons.gif') -840px 0;
+  margin-left: 2px;
 }
 
 .mceOldBoxModel a.pickcolor span {
-	width: 21px;
-	height: 17px;
+  width: 21px;
+  height: 17px;
 }
 
 a.pickcolor:hover span {
-	background-color: #B2BBD0;
+  background-color: #B2BBD0;
 }
 
 a.pickcolor:hover span.disabled {
-	
+
 }
 
 /* Charmap */
 
 table.charmap {
-	border: 1px solid #AAA;
-	text-align: center
+  border: 1px solid #AAA;
+  text-align: center
 }
 
 td.charmap, #charmap a {
-	width: 18px;
-	height: 18px;
-	color: #000;
-	border: 1px solid #AAA;
-	text-align: center;
-	font-size: 12px;
-	vertical-align: middle;
-	line-height: 18px;
+  width: 18px;
+  height: 18px;
+  color: #000;
+  border: 1px solid #AAA;
+  text-align: center;
+  font-size: 12px;
+  vertical-align: middle;
+  line-height: 18px;
 }
 
 #charmap a {
-	display: block;
-	color: #000;
-	text-decoration: none;
-	border: 0
+  display: block;
+  color: #000;
+  text-decoration: none;
+  border: 0
 }
 
 #charmap a:hover {
-	background: #CCC;
-	color: #2B6FB6
+  background: #CCC;
+  color: #2B6FB6
 }
 
 #charmap #codeN {
-	font-size: 10px;
-	font-family: "Lucida Grande", Arial, sans-serif;
-	text-align: center
+  font-size: 10px;
+  font-family: "Lucida Grande", Arial, sans-serif;
+  text-align: center
 }
 
 #charmap #codeV {
-	font-size: 40px;
-	height: 80px;
-	border: 1px solid #AAA;
-	text-align: center
+  font-size: 40px;
+  height: 80px;
+  border: 1px solid #AAA;
+  text-align: center
 }
 
 /* Source */
 
 .wordWrapCode {
-	vertical-align: middle;
-	border: 1px none #000000;
-	background: transparent;
+  vertical-align: middle;
+  border: 1px none #000000;
+  background: transparent;
 }
 
 .mceActionPanel {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 
 /* Tabs classes */
 
 .tabs {
-	width: 100%;
-	height: 18px;
-	line-height: normal;
+  width: 100%;
+  height: 18px;
+  line-height: normal;
 }
 
 .tabs ul {
-	margin: 0;
-	padding: 0;
-	list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .tabs li {
-	float: left;
-	background: image-url('alchemy/shading.png') repeat-x 0 0;
-	margin: 0 2px 0 0;
-	padding: 0 0 0 10px;
-	line-height: 17px;
-	height: 18px;
-	display: block;
-	border: 1px solid #9a9a9a;
-	border-bottom-style: none;
+  float: left;
+  background: image-url('alchemy/shading.png') repeat-x 0 0;
+  margin: 0 2px 0 0;
+  padding: 0 0 0 10px;
+  line-height: 17px;
+  height: 18px;
+  display: block;
+  border: 1px solid #9a9a9a;
+  border-bottom-style: none;
 }
 
 .tabs li.current {
-	margin-right: 2px;
-	background-color: white;
-	background-image: none;
+  margin-right: 2px;
+  background-color: white;
+  background-image: none;
 }
 
 .tabs span {
-	float: left;
-	display: block;
-	background: image-url('tiny_mce/themes/advanced/skins/default/img/tabs.gif') no-repeat right -36px;
-	padding: 0px 10px 0 0;
+  float: left;
+  display: block;
+  background: image-url('tiny_mce/themes/advanced/skins/default/img/tabs.gif') no-repeat right -36px;
+  padding: 0px 10px 0 0;
 }
 
 .tabs .current span {
-	background: image-url('tiny_mce/themes/advanced/skins/default/img/tabs.gif') no-repeat right -54px;
+  background: image-url('tiny_mce/themes/advanced/skins/default/img/tabs.gif') no-repeat right -54px;
 }
 
 .tabs a {
-	text-decoration: none;
-	font-family: "Lucida Grande",Arial,sans-serif;
-	font-size: 10px;
+  text-decoration: none;
+  font-family: "Lucida Grande", Arial, sans-serif;
+  font-size: 10px;
 }
 
 .tabs a:link, .tabs a:visited, .tabs a:hover {
-	color: black;
+  color: black;
 }
 
 /* Panels */
 
 .panel_wrapper div.panel {
-	display: none;
+  display: none;
 }
 
 .panel_wrapper div.current {
-	display: block;
-	width: 100%;
-	height: 300px;
-	overflow: visible;
+  display: block;
+  width: 100%;
+  height: 300px;
+  overflow: visible;
 }
 
 .panel_wrapper {
-	border: 1px solid #919B9C;
-	border-top: 0px;
-	padding: 10px;
-	padding-top: 5px;
-	clear: both;
-	background: white;
+  border: 1px solid #919B9C;
+  border-top: 0px;
+  padding: 10px;
+  padding-top: 5px;
+  clear: both;
+  background: white;
 }
 
 /* Columns */
 
 .column {
-	float: left;
+  float: left;
 }
 
 .properties {
-	width: 100%;
+  width: 100%;
 }
 
 .properties .column1 {
-	
+
 }
 
 .properties .column2 {
-	text-align: left;
+  text-align: left;
 }
 
 /* Titles */
 
 h1, h2, h3, h4 {
-	color: #2B6FB6;
-	margin: 0;
-	padding: 0;
-	padding-top: 5px;
+  color: #2B6FB6;
+  margin: 0;
+  padding: 0;
+  padding-top: 5px;
 }
 
 h3 {
-	font-size: 14px;
+  font-size: 14px;
 }
 
 .title {
-	font-size: 12px;
-	font-weight: bold;
-	color: $text-color;
+  font-size: 12px;
+  font-weight: bold;
+  color: $text-color;
 }
 
 /* Dialog specific */
 
 #link .panel_wrapper, #link div.current {
-	height: 125px;
+  height: 125px;
 }
 
 #image .panel_wrapper, #image div.current {
-	height: 200px;
+  height: 200px;
 }
 
 #plugintable thead {
-	font-weight: bold;
-	background: #DDD;
+  font-weight: bold;
+  background: #DDD;
 }
 
 #plugintable, #about #plugintable td {
-	border: 1px solid #919B9C;
+  border: 1px solid #919B9C;
 }
 
 #plugintable {
-	width: 96%;
-	margin-top: 10px;
+  width: 96%;
+  margin-top: 10px;
 }
 
 #pluginscontainer {
-	height: 290px;
-	overflow: auto;
+  height: 290px;
+  overflow: auto;
 }
 
 #colorpicker #preview {
-	float: right;
-	width: 50px;
-	height: 14px;
-	line-height: 1px;
-	border: 1px solid black;
-	margin-left: 5px;
+  float: right;
+  width: 50px;
+  height: 14px;
+  line-height: 1px;
+  border: 1px solid black;
+  margin-left: 5px;
 }
 
 #colorpicker #colors {
-	float: left;
-	border: 1px solid gray;
-	cursor: crosshair;
+  float: left;
+  border: 1px solid gray;
+  cursor: crosshair;
 }
 
 #colorpicker #light {
-	border: 1px solid gray;
-	margin-left: 5px;
-	float: left;
-	width: 15px;
-	height: 150px;
-	cursor: crosshair;
+  border: 1px solid gray;
+  margin-left: 5px;
+  float: left;
+  width: 15px;
+  height: 150px;
+  cursor: crosshair;
 }
 
 #colorpicker #light div {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 #colorpicker #previewblock {
-	float: right;
-	padding-left: 10px;
-	height: 20px;
+  float: right;
+  padding-left: 10px;
+  height: 20px;
 }
 
 #colorpicker .panel_wrapper div.current {
-	height: 175px;
+  height: 175px;
 }
 
 #colorpicker #namedcolors {
-	width: 150px;
+  width: 150px;
 }
 
 #colorpicker #namedcolors a {
-	display: block;
-	float: left;
-	width: 10px;
-	height: 10px;
-	margin: 1px 1px 0 0;
-	overflow: hidden;
+  display: block;
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin: 1px 1px 0 0;
+  overflow: hidden;
 }
 
 #colorpicker #colornamecontainer {
-	margin-top: 5px;
+  margin-top: 5px;
 }