releaf 0.1.1

data/app/assets/stylesheets/releaf/3rd_party/jquery-ui-timepicker-addon.css

@@ -0,0 +1,10 @@
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: left; }
+.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+
+.ui-timepicker-rtl{ direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; }
+.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

data/app/assets/stylesheets/releaf/3rd_party/lightbox.css.erb

@@ -0,0 +1,157 @@
+#lightboxOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background-color: black;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
+  opacity: 0.85;
+  display: none;
+}
+
+#lightbox {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 10000;
+  text-align: center;
+  line-height: 0;
+  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
+  font-weight: normal;
+}
+#lightbox img {
+  width: auto;
+  height: auto;
+}
+#lightbox a img {
+  border: none;
+}
+
+.lb-outerContainer {
+  position: relative;
+  background-color: white;
+  *zoom: 1;
+  width: 250px;
+  height: 250px;
+  margin: 0 auto;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+}
+.lb-outerContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-container {
+  padding: 10px;
+}
+
+.lb-loader {
+  position: absolute;
+  top: 40%;
+  left: 0%;
+  height: 25%;
+  width: 100%;
+  text-align: center;
+  line-height: 0;
+}
+
+.lb-nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 10;
+}
+
+.lb-container > .nav {
+  left: 0;
+}
+
+.lb-nav a {
+  outline: none;
+}
+
+.lb-prev, .lb-next {
+  width: 49%;
+  height: 100%;
+  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  /* Trick IE into showing hover */
+  display: block;
+}
+
+.lb-prev {
+  left: 0;
+  float: left;
+}
+
+.lb-next {
+  right: 0;
+  float: right;
+}
+
+.lb-prev:hover {
+  background: url(<%= asset_path('releaf/3rd_party/lightbox/prev.png') %>) left 48% no-repeat;
+}
+
+.lb-next:hover {
+  background: url(<%= asset_path('releaf/3rd_party/lightbox/next.png') %>) right 48% no-repeat;
+}
+
+.lb-dataContainer {
+  margin: 0 auto;
+  padding-top: 5px;
+  *zoom: 1;
+  width: 100%;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -ms-border-bottom-left-radius: 4px;
+  -o-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -ms-border-bottom-right-radius: 4px;
+  -o-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.lb-dataContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-data {
+  padding: 0 10px;
+  color: #bbbbbb;
+}
+.lb-data .lb-details {
+  width: 85%;
+  float: left;
+  text-align: left;
+  line-height: 1.1em;
+}
+.lb-data .lb-caption {
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 1em;
+}
+.lb-data .lb-number {
+  display: block;
+  clear: left;
+  padding-bottom: 1em;
+  font-size: 11px;
+}
+.lb-data .lb-close {
+  width: 35px;
+  float: right;
+  padding-bottom: 0.7em;
+  outline: none;
+}
+.lb-data .lb-close:hover {
+  cursor: pointer;
+}

data/app/assets/stylesheets/releaf/application.css.erb

@@ -0,0 +1,122 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree ./include
+ *= require ./3rd_party/jquery-ui-1.9.2.custom
+ *= require ./3rd_party/jquery-ui-timepicker-addon
+ *= require ./controllers/base
+ *= require ./3rd_party/lightbox
+*/
+
+body
+{
+  background: #F4F9F2;
+  padding: 0;
+  margin: 0;
+}
+body
+{
+	font-size: 0.8em;
+	background-color: #f2f1f1;
+	font-family: Tahoma, Arial, Helvetica, sans-serif;
+}
+body,
+a
+{
+	color: #494c48;
+}
+
+a img
+{
+	border:none;
+}
+.clear
+{
+	clear: both;
+}
+.clearInside:after
+{
+	content: '.';
+	display: block;
+	clear: both;
+	height: 0;
+	visibility: hidden;
+}
+
+iframe
+{
+	border:1px solid #CCCCCC;
+}
+a
+{
+	text-decoration:none;
+}
+a:hover
+{
+	color:#3366FF;
+	text-decoration:underline;
+}
+
+form
+{
+	padding:0;
+	margin:0;
+}
+
+/* headers */
+h1
+{
+	font-size:150%;
+}
+h2
+{
+	font-size:140%;
+}
+h3
+{
+	font-size:130%;
+}
+h4
+{
+	font-size:120%;
+}
+h5
+{
+	font-size:110%;
+}
+h6
+{
+	font-size:100%;
+}
+ul.block,
+ol.block,
+ul.block li,
+ol.block li
+{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+/* TODO: move this elsewhere */
+.special_field_wrap
+{
+	display: inline-block;
+}
+.special_field_wrap input
+{
+	padding-right: 22px;
+	width: 231px;
+}
+.special_field_wrap button,
+.special_field_wrap button.no_styling
+{
+	background: transparent none;
+	border: 0;
+	padding: 0;
+	vertical-align: 12%;
+	margin-left: -22px;
+}

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

@@ -0,0 +1,205 @@
+/* panel layout tweaks */
+/* continuous scrolling */
+.primary_panel > .body .releaf_table[data-continuous="1"] .thead > * > *,
+.primary_panel > .body .releaf_table[data-continuous="1"] .tbody > * > *
+{
+	white-space: nowrap;
+	max-width: 300px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/* search form */
+.primary_panel .header .search_form
+{
+	float: right;
+	min-width: 262px;
+}
+.primary_panel .header .search_form.loading button[type="submit"]
+{
+  background: transparent url("<%= asset_path 'releaf/loader.gif' %>") no-repeat 0px 1px;
+}
+.primary_panel .header .search_form.loading button[type="submit"] img
+{
+	visibility: hidden;
+}
+.primary_panel .header .search_form .search
+{
+	margin-left: 3px;
+}
+
+/* releaf table tweaks */
+.panel_layout .releaf_table
+{
+	font-size: 85%;
+}
+.primary_panel > .body div.releaf_table .nothing_found
+{
+	position: absolute;
+	top: 35%;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	text-align: center;
+	font-size: 4em;
+	font-weight: bold;
+	color: #BFBEBE;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4), 0 1px 0px rgba(255, 255, 255, 0.9);
+}
+
+/* view: index */
+.view-index .primary_panel .footer .create_new_item
+{
+	margin-right: 25px;
+}
+.view-index .primary_panel .footer .actions
+{
+	float: left;
+}
+.view-index .primary_panel .footer .list_action_switch
+{
+	margin-right: 0;
+}
+.view-index .primary_panel .footer .stats
+{
+	float: right;
+	font-size: 85%;
+	color: gray;
+	padding-top: 6px;
+}
+
+/* view: confirm_destroy */
+.view-confirm_destroy .primary_panel .body
+{
+	text-align: center;
+	top: 10px;
+	bottom: 10px;
+}
+.view-confirm_destroy .body .question
+{
+	font-size: 2em;
+	margin: 20px 0 20px;
+}
+.view-confirm_destroy .body .description
+{
+	font-size: 1.3em;
+	margin-bottom: 20px;
+}
+.view-confirm_destroy .body form
+{
+	display: inline;
+	margin-right: 15px;
+}
+
+/* sections */
+.view-new  .primary_panel .body .section,
+.view-show .primary_panel .body .section,
+.view-edit .primary_panel .body .section
+{
+	padding-top: 15px;
+}
+.view-new  .primary_panel .body .section:after,
+.view-edit .primary_panel .body .section:after
+{
+	content: '';
+	height: 1px;
+	background-color: #b8b7b7;
+	border-bottom: 1px solid #f4f3f3;
+	display: block;
+	margin: 15px 1px 0 1px;
+}
+.view-new  .primary_panel .body .section:last-child,
+.view-show .primary_panel .body .section:last-child,
+.view-edit .primary_panel .body .section:last-child
+{
+	padding-bottom: 25px;
+}
+.view-new  .primary_panel .body .section:last-child:after,
+.view-show .primary_panel .body .section:last-child:after,
+.view-edit .primary_panel .body .section:last-child:after
+{
+	display: none;
+}
+
+/* underlined links */
+.panel_layout a.mark
+{
+	border-bottom: 1px solid #d0d0d0;
+	text-decoration: none;
+}
+.panel_layout a.mark:hover
+{
+	border-bottom-color: gray;
+}
+
+/* left panel section collapsing style */
+.panel_layout .secondary_panel .section_title
+{
+  background: transparent url("<%= asset_path 'releaf/expand_tool/close_shim.png' %>") no-repeat 3px 6px;
+	padding-left: 15px;
+	cursor: pointer;
+}
+.panel_layout .secondary_panel .section_title:hover
+{
+	background-image: url("<%= asset_path 'releaf/expand_tool/close_hover_shim.png' %>");
+}
+.panel_layout .secondary_panel .collapsed .section_title
+{
+	background: transparent url("<%= asset_path 'releaf/expand_tool/open_shim.png' %>") no-repeat 5px 4px;
+}
+.panel_layout .secondary_panel .collapsed .section_title:hover
+{
+	background-image: url("<%= asset_path 'releaf/expand_tool/open_hover_shim.png' %>");
+}
+.panel_layout .secondary_panel .collapsed > ul
+{
+	display: none;
+}
+
+/* footer blocks */
+.panel_layout .primary_panel .footer div.block
+{
+	position: absolute;
+	top: 5px;
+}
+.panel_layout .primary_panel .footer .block.left_block
+{
+	left: 15px;
+	text-align: left;
+}
+.panel_layout .primary_panel .footer .block.center_block
+{
+	left: 33%;
+	right: 33%;
+	text-align: center;
+}
+.panel_layout .primary_panel .footer .block.right_block
+{
+	right: 15px;
+}
+
+/* client side validation error style */
+.panel_layout .field_with_errors .error
+{
+	display: inline;
+	color: #D00;
+	padding-left: 5px;
+	font-size: 12px;
+}
+
+#preload_wrap
+{
+    overflow: hidden;
+}
+#preload {
+    position: fixed;
+    top: -99999px;
+    left: -99999px;
+}
+.loading
+{
+    width: 16px;
+    height: 16px;
+    background: url(<%= asset_path("releaf/loader.gif") %>) center center no-repeat;
+}
+