releaf 0.1.1

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

@@ -0,0 +1,40 @@
+/* base input styling */
+input,
+select
+{
+	font-size: 100%;
+}
+input,
+select,
+textarea
+{
+	border: 1px solid #ABABAB;
+	border-top-color: #707070;
+	border-bottom-color: #CECECE;
+	padding: 2px 3px;
+	background: white url("<%= asset_path 'releaf/input/input_bgr.gif' %>") repeat-x 0 -1px;
+	margin: 0;
+}
+select
+{
+	padding: 1px;
+	cursor: pointer;
+}
+input:focus,
+select:focus,
+textarea:focus,
+.mceLayout.focus
+{
+	border-color: #989ea4;
+	border-top-color: #7c8288;
+	border-bottom-color: #a8aeb4;
+	outline: none;
+	box-shadow: 0 0 4px 1px #2878D4;
+}
+input[disabled],
+select[disabled],
+textarea[disabled]
+{
+	background: transparent none;
+	border-color: #CECECE;
+}

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

@@ -0,0 +1,66 @@
+.main_menu
+{
+	background: #7B8A98 url("<%= asset_path 'releaf/main_menu/bgr.png' %>") repeat-x left bottom;
+	border-bottom: 1px solid white;
+}
+.main_menu ul
+{
+	padding: 0 0 0 18px;
+	list-style: none;
+	margin: 0;
+}
+.main_menu li
+{
+	display: inline-block;
+	vertical-align: top;
+}
+.main_menu a
+{
+	display: block;
+	padding: 7px 12px 6px 12px;
+	font-size: 140%;
+	text-align: center;
+	text-decoration: none;
+	text-transform: uppercase;
+	min-height: 51px;
+}
+.main_menu .active
+{
+	background: #a5b2bf url("<%= asset_path 'releaf/main_menu/active_bgr.png' %>") repeat-x top left;
+}
+.main_menu a:hover
+{
+	background: #a5b2bf url("<%= asset_path 'releaf/main_menu/hover_bgr.png' %>") repeat-x top left;
+	text-decoration: none;
+}
+.main_menu .image_container
+{
+	display: block;
+	min-height: 36px;
+}
+.main_menu .name_wrap
+{
+	font-size: 0.63em;
+	color: #f2f2f2;
+	text-shadow: 0px 1px 0px black;
+	display: block;
+}
+.main_menu .active .name_wrap,
+.main_menu a:hover .name_wrap
+{
+	text-shadow: 0px 1px 0px rgba(255,255,255,.8);
+	color: black;
+}
+.main_menu a:hover .name_wrap
+{
+	text-shadow: 0px 1px 0px rgba(255,255,255,1);
+}
+.main_menu .user
+{
+	position:absolute;
+	top:0;
+	right: 10px;
+	text-transform:uppercase;
+	text-align: center;
+}
+

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

@@ -0,0 +1,29 @@
+.primary_panel .pagination
+{
+	display: inline-block;
+}
+.primary_panel .pagination .current
+{
+	font-style: normal;
+	cursor: default;
+}
+.primary_panel .pagination .previous_page,
+.primary_panel .pagination .next_page
+{
+	padding-left: 16px;
+	padding-right: 16px;
+}
+.primary_panel .pagination .previous_page
+{
+	border-top-left-radius: 10px;
+	border-bottom-left-radius: 10px;
+}
+.primary_panel .pagination .next_page
+{
+	border-top-right-radius: 10px;
+	border-bottom-right-radius: 10px;
+}
+.primary_panel .pagination .gap
+{
+	opacity: 1;
+}

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

@@ -0,0 +1,251 @@
+/* panel layout */
+.panel_layout
+{
+	position: absolute;
+	top: 65px;
+	bottom: 0;
+	overflow: hidden;
+	width: 100%;
+}
+/* TODO: fix these paddings */
+.panel_layout .header .padding,
+.panel_layout .header.padding,
+.panel_layout .footer .padding,
+.panel_layout .footer.padding
+{
+	padding: 5px 15px;
+}
+.panel_layout .primary_panel .footer .padding
+{
+	padding-bottom: 20px;
+}
+
+/* primary and secondary panel common features */
+.panel_layout .primary_panel,
+.panel_layout .secondary_panel
+{
+	height: 100%;
+	overflow: auto;
+	outline: none;
+	position: relative;
+}
+.panel_layout .secondary_panel,
+.panel_layout .primary_panel,
+.panel_layout .secondary_panel a,
+.panel_layout .primary_panel a
+{
+	color: black;
+}
+.panel_layout .primary_panel .inner,
+.panel_layout .secondary_panel .inner
+{
+	height: 100%;
+}
+
+/* header, body and footer */
+.panel_layout .header,
+.panel_layout .body,
+.panel_layout .footer
+{
+	position: absolute;
+	left: 0;
+	right: 0;
+	outline: none;
+}
+
+/* primary panel */
+.panel_layout .primary_panel .header
+{
+	top: 0;
+}
+.panel_layout .primary_panel .header h2
+{
+	margin: 0;
+	display: inline;
+	text-shadow: 0px 1px 0px white;
+}
+.panel_layout .primary_panel .body
+{
+	overflow: auto;
+	bottom: 49px;
+	top: 32px;
+	left: 10px;
+	right: 10px;
+	padding: 0;
+}
+.panel_layout .primary_panel .footer
+{
+	bottom: 0;
+	height: 41px;
+	overflow: hidden;
+}
+.panel_layout .primary_panel .footer.center
+{
+	text-align: center;
+}
+
+/* boxes */
+.panel_layout .inset_box,
+.panel_layout .outset_box
+{
+	border-width: 0px;
+	border-style: solid;
+	border-radius: 5px;
+}
+.panel_layout .outset_box
+{
+	padding: 15px 5px;
+	background-color: white;
+	border-color: #D0D0D0 #bfbfbf #a6a6a6 #bfbfbf;
+	box-shadow: 0px 1px 2px rgba(0,0,0,.5), 0px -1px 0px rgba(0,0,0,.05);
+}
+.panel_layout .inset_box
+{
+	background-color: #e8e8e8;
+	padding-top: 20px;
+	border-color: #707070 #ABABAB #CECECE;
+	padding-right: 2px;
+	padding-left: 2px;
+	box-shadow: 0px 1px 3px rgba(0,0,0,.5) inset;
+}
+.panel_layout .inset_box.no_shadow,
+.panel_layout .outset_box.no_shadow
+{
+	box-shadow: none;
+	border-width: 1px;
+}
+
+/* secondary panel */
+.panel_layout .secondary_panel
+{
+	float: left;
+	width: 20%;
+	min-width: 200px;
+	max-width: 400px;
+  background: #d6d7da url("<%= asset_path 'releaf/panel_layout/secondary_panel_vertical_bgr.png' %>") repeat-y top left;
+  line-height: 150%;
+  soverflow: visible;
+}
+.panel_layout .secondary_panel .inner
+{
+  background: transparent url("<%= asset_path 'releaf/panel_layout/secondary_panel_horizontal_bgr.png' %>") repeat-x top left;
+}
+.panel_layout .secondary_panel .inner:before,
+.panel_layout .secondary_panel .inner:after
+{
+  content: ".";
+  visibility: hidden;
+  display: block;
+  height: 0;
+}
+.panel_layout .secondary_panel .inner:after
+{
+  height: 10px;
+}
+.panel_layout .secondary_panel .footer
+{
+  bottom: 0;
+  height: 41px;
+  overflow: hidden;
+}
+.panel_layout .secondary_panel .standard_submenu ul ul
+{
+	padding: 0;
+}
+.panel_layout .secondary_panel .standard_submenu .section_title
+{
+	margin-top: 10px;
+	padding: 0 10px 0 15px;
+	text-transform: uppercase;
+	font-size: 85%;
+	font-weight: bold;
+	color: black;
+	text-shadow: 0px 1px 0px #f0f0f0;
+}
+.panel_layout .secondary_panel .standard_submenu a
+{
+	color: inherit;
+}
+.panel_layout .secondary_panel .standard_submenu a,
+.panel_layout .secondary_panel .standard_submenu li > span
+{
+	text-decoration: none;
+	padding: 1px 7px 1px 23px;
+	display: block;
+	outline: none;
+}
+.panel_layout .secondary_panel .standard_submenu li.disabled
+{
+	background-color: transparent;
+	color: #999999;
+}
+.panel_layout .secondary_panel .standard_submenu a:hover,
+.panel_layout .secondary_panel .standard_submenu .active a
+{
+	border-color: #a498b3;
+	background: #7c8ea0 url("<%= asset_path 'releaf/panel_layout/active_bgr.png' %>") repeat-x top left;
+	position: relative;
+	z-index: 2;
+	color: white;
+}
+.panel_layout .secondary_panel .standard_submenu a:hover,
+.panel_layout .secondary_panel .standard_submenu .active a:hover
+{
+	border-color: #a498b3;
+	background-color: #a5b2bf;
+}
+.panel_layout .secondary_panel .standard_submenu .active a
+{
+	text-shadow: rgba(0, 0, 0, 0.4) 0 1px;
+}
+.panel_layout .secondary_panel .standard_submenu li li:hover a
+{
+	text-shadow: rgba(0, 0, 0, .6) 0 1px 7px;
+}
+.panel_layout .secondary_panel .standard_submenu .active a,
+.panel_layout .secondary_panel .standard_submenu .active:hover a
+{
+	margin-bottom: -1px;
+}
+.panel_layout .secondary_panel .standard_submenu .active a
+{
+	padding-top: 0px;
+	border-top: 1px solid #8595a5;
+}
+.panel_layout .secondary_panel .standard_submenu .active a,
+.panel_layout .secondary_panel .standard_submenu .active:hover a
+{
+	border-bottom: 1px solid #e3e3e5;
+}
+
+/* badge */
+.panel_layout .secondary_panel .standard_submenu .badge
+{
+  display: inline-block;
+  padding: 1px 8px;
+  line-height: 13px;
+  border: 1px solid #900;
+  font-weight: bold;
+  font-size: 80%;
+  opacity: 0.8;
+  border-radius: 18px;
+  background: #7C8EA0;
+  color: #fff;
+  position: relative;
+  top: -1px;
+  margin-left: 1em;
+}
+.panel_layout .secondary_panel .standard_submenu .badge.warning
+{
+  background: #cc0033;
+  color: #fff;
+}
+.panel_layout .secondary_panel .standard_submenu .badge.ok
+{
+  background: #05B81d;
+  border: 1px solid #080;
+}
+
+
+
+

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

@@ -0,0 +1,112 @@
+/* basic layout for non-html tables */
+div.releaf_table
+{
+	display: table;
+}
+.releaf_table .thead
+{
+	display: table-header-group;
+}
+.releaf_table .tbody
+{
+	display: table-row-group;
+}
+.releaf_table .thead > *,
+.releaf_table .tbody > *
+{
+	display: table-row;
+}
+.releaf_table .thead > * > *,
+.releaf_table .tbody > * > *
+{
+	display: table-cell;
+}
+.releaf_table .thead > a,
+.releaf_table .tbody > a,
+.releaf_table .tbody > * > a
+{
+	text-decoration: none;
+}
+/* releaf_table */
+.releaf_table
+{
+	width: 100%;
+	line-height: normal;
+	background-color: white;
+	border: 1px solid #d0d0d0;
+}
+.releaf_table.no_border
+{
+	border-width: 0px;
+}
+.releaf_table td,
+.releaf_table th,
+.releaf_table .thead > * > *,
+.releaf_table .tbody > * > *
+{
+	padding: 4px;
+}
+.releaf_table th,
+.releaf_table .thead > * > *
+{
+	background: #F9F9F9 url("<%= asset_path 'releaf/releaf_table/th_bgr.gif' %>") repeat-x 0px bottom;
+	border-left: 1px solid #EEEEEE;
+	border-right: 1px solid #D0D0D0;
+	padding: 6px 4px 6px 4px;
+	font-weight: bold;
+	text-align: left;
+	text-shadow: 0px 1px white;
+}
+.releaf_table td,
+.releaf_table .tbody > * > *
+{
+	border-right: 1px solid #f0f0f0;
+}
+.releaf_table tbody tr:nth-child(odd),
+.releaf_table .tbody > *:nth-child(odd)
+{
+	background-color: #F7F9FA;
+}
+.releaf_table tr > td:last-child,
+.releaf_table tr > th:last-child,
+.releaf_table .thead > * > *:last-child,
+.releaf_table .tbody > * > *:last-child
+{
+	border-right: none;
+}
+.releaf_table.selectable tr:not(.unselectable):hover,
+.releaf_table.selectable .tbody > *:not(.unselectable):hover
+{
+	cursor: pointer;
+	background-color: #e4e1f5;
+}
+.releaf_table.selectable tr:not(.unselectable):hover td,
+.releaf_table.selectable .tbody > *:not(.unselectable):hover > *
+{
+	border-color: transparent;
+}
+.releaf_table.selectable tr.selected,
+.releaf_table.selectable tr.selected:hover,
+.releaf_table.selectable .tbody > .selected,
+.releaf_table.selectable .tbody > .selected:hover
+{
+	background: #cac2fa url("<%= asset_path 'releaf/releaf_table/selected_bgr.png' %>") repeat-x left top;
+}
+.releaf_table.selectable .selected td,
+.releaf_table.selectable .tbody > .selected > *
+{
+	border-color: transparent;
+}
+.releaf_table.label_first_column tbody tr td:first-child,
+.releaf_table.label_first_column tbody tr th:first-child,
+.releaf_table.label_first_column tbody tr:hover td:first-child,
+.releaf_table.label_first_column tbody tr:hover th:first-child,
+.releaf_table.label_first_column .tbody > * > *:first-child,
+.releaf_table.label_first_column .tbody > *:hover > *:first-child
+{
+	background: #f5f7f8 none;
+	border-right: 1px solid #d0d0d0;
+	border-top-color: transparent;
+	border-bottom-color: transparent;
+}
+