releaf 0.1.1

data/app/assets/stylesheets/releaf/controllers/releaf/translations.css.erb

@@ -0,0 +1,205 @@
+/* primary panel */
+
+.controller-releaf-translations.view-edit .primary_panel .body
+{
+	border-radius: 0;
+  border-top: none;
+  padding: 0 0 20px;
+	top: 65px;
+}
+
+/* secondary panel */
+.controller-releaf-translations.panel_layout .secondary_panel
+{
+	width: 23%;
+	min-width: 270px;
+}
+.controller-releaf-translations .secondary_panel .standard_submenu .section_title
+{
+	background-image: none;
+	cursor: default;
+}
+
+/* translations table */
+/* table in general */
+.controller-releaf-translations .translations_table .th
+{
+	-webkit-transition: width .1s ease-out;
+	-moz-transition: width .1s ease-out;
+	transition: width .1s ease-out;
+}
+.controller-releaf-translations table.translations_table
+{
+	font-size: 100%;
+  margin-top: -28px;
+  margin-bottom: 10px;
+}
+/* header */
+.controller-releaf-translations .translations_table thead
+{
+	visibility: hidden;
+}
+.controller-releaf-translations .translations_table_head
+{
+	swidth: auto;
+	margin-left: -5px;
+	margin-right: -5px;
+	border: 1px solid #ABABAB;
+	border-bottom: 0;
+  background: url("<%= asset_path 'releaf/releaf_table/th_bgr.gif' %>") repeat-x scroll 0 bottom #F9F9F9;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.controller-releaf-translations .translations_table th
+{
+	font-weight: normal;
+}
+.controller-releaf-translations .translations_table_head .th
+{
+	display: inline-block;
+
+	border-left: 1px solid #EEEEEE;
+	border-right: 1px solid #D0D0D0;
+	font-weight: normal;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	text-align: center;
+}
+.controller-releaf-translations .translations_table_head .th:first-of-type
+{
+	border-top-left-radius: 4px;
+}
+.controller-releaf-translations .translations_table .code_header
+{
+	width: 200px;
+}
+.controller-releaf-translations .translations_table .delete_header
+{
+	min-width: 20px;
+	max-width: 20px;
+	width: 20px;
+}
+/* body */
+.controller-releaf-translations .translations_table td
+{
+	padding: 0;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+  text-align: center;
+	background-color: white;
+	-webkit-transition: background-color .1s linear;
+	-moz-transition: background-color .2s linear;
+	transition: background-color .2s linear;
+}
+.controller-releaf-translations .translations_table td,
+.controller-releaf-translations .translations_table.releaf_table.label_first_column td:first-child
+{
+	border-color: #DDDDDD;
+}
+.controller-releaf-translations .translations_table tr:last-of-type td
+{
+	border-bottom: none;
+}
+.controller-releaf-translations .translations_table .wrap
+{
+	padding-right: 6px;
+	position: relative;
+}
+.controller-releaf-translations .translations_table input
+{
+	border-width: 0;
+	background: transparent none;
+	width: 100%;
+}
+.controller-releaf-translations .translations_table input:focus
+{
+	border-width: 1px;
+	margin: -1px;
+}
+.controller-releaf-translations .translations_table .delete_column
+{
+	border-right: none;
+}
+
+/* highlighted row */
+.controller-releaf-translations .highlighted td,
+.controller-releaf-translations .releaf_table.label_first_column tbody tr.highlighted td:first-child,
+.controller-releaf-translations .releaf_table.label_first_column tbody tr.highlighted:hover td:first-child
+{
+  background-color: #7AD528;
+	border-color: #C1AD2F;
+}
+
+/* visibleLanguagesSwitch */
+.controller-releaf-translations .visibleLanguagesSwitch
+{
+	position: absolute;
+	top: 7px;
+	right: 15px;
+	text-align: right;
+	z-index: 3;
+}
+.controller-releaf-translations .visibleLanguagesSwitch button img
+{
+	margin: 0 0 0 8px;
+}
+.controller-releaf-translations .visibleLanguagesSwitch ul
+{
+	display: none;
+	text-align: left;
+
+	background-color: #F2F1F1;
+	border: 1px solid gray;
+	border-top: 0;
+	margin: 0 2px;
+	box-shadow: 0px 1px 3px rgba(0,0,0,.5);
+}
+.controller-releaf-translations .visibleLanguagesSwitch ul label
+{
+	display: block;
+	padding: 0px 4px;
+}
+.controller-releaf-translations .visibleLanguagesSwitch ul label:hover
+{
+	background-color: rgba(0,0,0,.1);
+}
+.controller-releaf-translations .visibleLanguagesSwitch ul input
+{
+	vertical-align: -15%;
+}
+
+/* header */
+.controller-releaf-translations .header .groupInfo
+{
+	padding-top: 4px;
+	margin-bottom: 7px;
+}
+.controller-releaf-translations .header .field
+{
+	swidth: 50%;
+	display: inline-block;
+	padding: 0 20px 0 0;
+}
+.controller-releaf-translations .header .field label
+{
+	margin-right: 3px;
+}
+
+/* dragInProgress */
+.module-aliases .primary_panel .body.dragInProgress
+{
+	box-shadow: 0px 0px 8px 2px #724FC1;
+}
+.module-aliases .primary_panel .body.dragInProgress,
+.module-aliases .primary_panel .body.dragInProgress input,
+.module-aliases .primary_panel .body.dragInProgress td
+{
+	background-color: yellow;
+}
+
+.controller-releaf-translations.action-edit .primary_panel button.add.new {
+  margin-left: 10px;
+}
+

data/app/assets/stylesheets/releaf/include/button.css.erb

@@ -0,0 +1,176 @@
+button,
+input[type="button"],
+input[type="submit"],
+.button,
+button[disabled]
+{
+	padding: 2px 8px 3px 8px;
+	color: black;
+	cursor: pointer;
+	border: 1px solid #adadad;
+	border-right-color: #888686;
+	border-bottom-color: #888686;
+	border-radius: 3px;
+	box-shadow: 0px 1px 0px rgba(255,255,255,.6);
+  background: #dcdcdc url("<%= asset_path 'releaf/button/button_bgr.gif' %>") repeat-x top left;
+  vertical-align: middle;
+	margin: 0;
+	text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
+	/* normalize user agent differences */
+	-moz-box-sizing: content-box;
+	-webkit-box-sizing: content-box;
+	box-sizing: content-box;
+	display: inline-block;
+	font-family: inherit;
+	height: 18px;
+	font-size: 100%;
+}
+button::-moz-focus-inner
+{
+  padding: 0;
+  border: 0
+}
+button:hover,
+input[type="button"]:hover,
+input[type="submit"]:hover,
+.button:hover
+{
+	text-decoration: none;
+	background-image: url("<%= asset_path 'releaf/button/button_hover_bgr.png' %>");
+	background-color: #cfcece;
+}
+button > *,
+input[type="button"] > *,
+input[type="submit"] > *,
+.button > *
+{
+	vertical-align: middle;
+}
+/* fix element alignment, TODO: find a better way */
+button > *:only-child,
+input[type="button"] > *:only-child,
+input[type="submit"] > *:only-child,
+.button > *:only-child
+{
+	display: inline-block;
+	padding-top: 2px;
+}
+button[disabled],
+input[type="button"][disabled],
+input[type="submit"][disabled],
+.button[disabled],
+.button.disabled
+{
+	opacity: .4;
+	cursor: default;
+}
+button[disabled]:hover,
+button[disabled]:focus,
+input[type="button"][disabled]:hover,
+input[type="button"][disabled]:focus,
+input[type="submit"][disabled]:hover,
+input[type="submit"][disabled]:focus,
+.button[disabled]:hover,
+.button[disabled]:focus,
+.button.disabled:hover,
+.button.disabled:focus
+{
+	background: #dcdcdc url("<%= asset_path 'releaf/button/button_bgr.gif' %>") repeat-x top left;
+	border: 1px solid #adadad;
+	border-right-color: #888686;
+	border-bottom-color: #888686;
+}
+button > img + span,
+input[type="button"] > img + span,
+input[type="submit"] > img + span,
+.button > img + span
+{
+	margin-left: 5px;
+}
+button:focus,
+input[type="button"]:focus,
+input[type="submit"]:focus,
+.button:focus
+{
+	outline: none;
+	box-shadow: 0 0 4px 1px #2878D4;
+	position: relative;
+	z-index: 2;
+}
+button:active,
+button.active,
+input[type="button"]:active,
+input[type="button"].active,
+input[type="submit"]:active,
+input[type="submit"].active,
+.button:active,
+.button.active
+{
+	border: 1px solid rgba(0, 0, 0, 0.6);
+	outline: none;
+	box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
+}
+button.active:focus,
+input[type="button"].active:focus,
+input[type="submit"].active:focus,
+.button.active:focus
+{
+	box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px, 0 0 4px 1px #2878D4;
+}
+button.no_styling,
+button.no_styling:focus,
+button.no_styling:hover,
+input[type="button"].no_styling,
+input[type="button"].no_styling:focus,
+input[type="button"].no_styling:hover,
+input[type="submit"].no_styling,
+input[type="submit"].no_styling:focus,
+input[type="submit"].no_styling:hover,
+.button.no_styling,
+.button.no_styling:focus,
+.button.no_styling:hover
+{
+	background-color: transparent;
+	background-image: none;
+	border: 0 none;
+	border-radius: 0;
+	padding: 0;
+	box-shadow: none;
+}
+
+.button_group
+{
+	display: inline-block;
+	margin-right: 25px;
+}
+.button_group.compensate
+{
+	padding-top: 4px;
+}
+.button_group.compact button,
+.button_group.compact input[type="button"],
+.button_group.compact input[type="submit"],
+.button_group.compact .button
+{
+	padding-left: 5px;
+	padding-right: 5px;
+}
+.button_group button:not(:first-child),
+.button_group input[type="button"]:not(:first-child),
+.button_group input[type="submit"]:not(:first-child),
+.button_group .button:not(:first-child)
+{
+	border-left: none;
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+.button_group button:not(:last-child),
+.button_group input[type="button"]:not(:last-child),
+.button_group input[type="submit"]:not(:last-child),
+.button_group .button:not(:last-child)
+{
+	border-right-color: #b1b1b1;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+

data/app/assets/stylesheets/releaf/include/field.css.erb

@@ -0,0 +1,257 @@
+/* field */
+.field
+{
+	padding-bottom: 15px;
+}
+.field.disabled
+{
+	background-color: inherit;
+}
+.field.disabled label,
+.field.disabled .label
+{
+	color: gray;
+}
+/* label wrap */
+.field .label_wrap
+{
+	width: 35%;
+	float: left;
+	text-align: right;
+	padding: 3px 5px 0 0;
+}
+.field.no_label_wrap_padding .label_wrap
+{
+	padding-top: 0;
+}
+.field .label_wrap .description
+{
+	font-size: 80%;
+	padding-right: 4px;
+	color: #494C48;
+}
+/* label */
+.field label,
+.field .label
+{
+	font-weight: bold;
+	color: #494C48;
+}
+.field .label_wrap.label
+{
+	padding-top: 0;
+}
+/* value */
+.field .value
+{
+	margin-left: 35%;
+	padding-left: 5px;
+}
+/* input */
+.field input[type="text"],
+.field input[type="email"],
+.field input[type="password"]
+{
+	width: 250px;
+}
+.field input.short
+{
+	width: 50px;
+}
+.field input[type="checkbox"] + label,
+.field input[type="radio"] + label
+{
+	font-weight: normal;
+	margin-right: 30px;
+}
+.field input[type="checkbox"][disabled] + label,
+.field input[type="radio"][disabled] + label
+{
+	color: gray;
+}
+/* trigger */
+.field .trigger
+{
+	vertical-align: -15%;
+	margin-left: 5px;
+	cursor: pointer;
+}
+
+/* type: textarea */
+.field.type_textarea,
+.field.type_richtext
+{
+  width: 710px;
+  margin: 0 auto;
+}
+
+.field.type_textarea .label_wrap,
+.field.type_richtext .label_wrap
+{
+	float: none;
+	text-align: left;
+	width: auto;
+}
+.field.type_textarea .value,
+.field.type_richtext .value
+{
+	margin-left: 0;
+	padding-left: 0;
+}
+.field.type_textarea textarea,
+.field.type_richtext textarea
+{
+    min-width: 650px;
+	<%# width: 100%; %>
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+
+/* TODO: refactor below this line */
+
+.checkboxGroup .field:not(:last-child)
+{
+	padding-bottom: 5px;
+}
+
+/* richtext styling */
+.richtextField .mceEditor .mceLayout
+{
+	border-color: #ABABAB;
+}
+.richtextField .mceEditor .mceLayout .mceToolbar
+{
+	border-top-color: #707070;
+}
+.richtextField .mceEditor .mceLayout .mceStatusbar
+{
+	border-bottom-color: #CECECE;
+}
+.richtextField .mceEditor .mceLayout .mceButtonActive
+{
+	border-color: #cccccc;
+	background-color: #f0f0ee;
+}
+.richtextField .mceEditor .mceLayout .mceButtonActive:hover
+{
+	background-color: #b2bbd0;
+}
+/* focus */
+.richtextField .mceEditor .mceLayout.focus .mceToolbar
+{
+	border-top-color: #7c8288;
+	background-color: #e6e7ea;
+}
+.richtextField .mceEditor .mceLayout.focus .mceStatusbar
+{
+	border-bottom-color: #a8aeb4;
+	background-color: #e6e7ea;
+}
+.richtextField .mceEditor .mceLayout.focus .mceButton
+{
+	border-color: #e6e7ea;
+}
+.richtextField .mceEditor .mceLayout.focus .mceButtonActive
+{
+	border-color: #969696;
+	background-color: #b2bbd0;
+}
+.richtextField .mceEditor .mceLayout .mceButton:hover
+{
+	border-color: #969696;
+}
+.richtextField .mceEditor .mceLayout.focus .mceButtonActive:hover
+{
+	border-color: #585858;
+}
+/* --richtext styling */
+
+
+.field.type_autocomplete .autocomplete_expand_icon {
+  margin: 0 6px 0 -16px;
+  vertical-align: -10%;
+}
+
+.nested_object {
+    padding: 5px;
+}
+.nested_wrap .nested_title {
+    padding-top: 20px;
+    font-size: 16px;
+    font-weight: bold;
+    padding-bottom: 5px;
+}
+
+.localization_buttons {
+  margin-left: 35%;
+  padding-left: 5px;
+}
+.field.type_textarea .localization_buttons, .field.type_richtext .localization_buttons {
+  margin-left: 0;
+  padding-left: 0;
+}
+.localization_buttons button {
+  border-color: transparent #B0AFAF #999;
+  border-radius: 0 0 3px 3px;
+  min-width: 35px;
+  text-align: center;
+  color: #585757;
+  margin-right: 4px;
+  background-color: transparent;
+  background-image: none;
+  border: 0 none;
+  padding: 0;
+  box-shadow: none;
+  text-transform: lowercase;
+  background: gainsboro url(<% asset_path("/button/buttonBgr.gif") %>) repeat-x top left;
+  vertical-align: middle;
+  border: 1px solid #B0AFAF;
+  border-top: 0;
+}
+.localization_buttons button:focus {
+  outline: 1px dotted gray;
+  box-shadow: none;
+}
+
+.localization_buttons button.active {
+  background-color: white;
+  color: black;
+}
+
+
+
+
+
+
+
+
+.nested_wrap .item {
+  position: relative;
+  background-color: #F3F3F3;
+  margin: 3px 5px;
+  padding: 5px;
+  min-height: 24px;
+}
+.nested_wrap .item .field.type_delete_nested {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  padding: 0;
+  border: none;
+}
+
+.nested_wrap .field .label_wrap {
+  width: auto;
+  float: none;
+  text-align: left;
+}
+.nested_wrap .field .value {
+  margin-left: 0;
+}
+.nested_wrap .field {
+  border-bottom: 1px dotted #DDD;
+}
+.value_preview {
+  padding:  5px;
+}