soapbox 0.1.1

data/public/soapbox/stylesheets/formtastic.css

@@ -0,0 +1,131 @@
+/* -------------------------------------------------------------------------------------------------
+
+It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
+this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
+This will allow you to update formtastic.css with new releases without clobbering your own changes.
+
+This stylesheet forms part of the Formtastic Rails Plugin
+(c) 2008 Justin French
+
+--------------------------------------------------------------------------------------------------*/
+
+
+/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
+--------------------------------------------------------------------------------------------------*/
+form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
+form.formtastic fieldset { border:0; }
+form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
+form.formtastic ol, form.formtastic ul { list-style:none; }
+form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
+form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
+form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
+form.formtastic legend { white-space:normal; color:#000; }
+
+
+/* SEMANTIC ERRORS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
+form.formtastic ul.errors li { padding:0; border:none; display:list-item; }
+
+
+/* FIELDSETS & LISTS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset { overflow:auto; } /* clearing contained floats */
+form.formtastic fieldset.inputs { }
+form.formtastic fieldset.buttons { padding-left:25%; }
+form.formtastic fieldset ol { }
+form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }
+
+/* INPUT LIs
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li { margin-bottom:1.5em; }
+
+form.formtastic fieldset > ol > li.required { }
+form.formtastic fieldset > ol > li.optional { }
+form.formtastic fieldset > ol > li.error { }
+  
+
+/* LABELS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
+form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
+form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}
+
+
+/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li fieldset { position:relative; }
+form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; }
+form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
+form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
+form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
+form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }
+
+
+/* INLINE HINTS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }
+
+
+/* INLINE ERRORS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
+form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
+form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }
+
+
+/* STRING & NUMERIC OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li select { max-width:70%; }
+form.formtastic fieldset > ol > li.string input { max-width:70%; }
+form.formtastic fieldset > ol > li.password input { max-width: 13em; }
+form.formtastic fieldset > ol > li.numeric input { max-width:70%; }
+
+
+/* TEXTAREA OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.text textarea { width:70%; }
+
+
+/* HIDDEN OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset ol li.hidden { display:none; }
+
+/* BOOLEAN OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
+form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }
+
+
+/* RADIO OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.radio { }
+/*form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.6em; }*/
+form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
+form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
+form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }
+
+
+/* CHECK BOXES (COLLECTION) OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.check_boxes { }
+/*form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.6em; }*/
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }
+
+
+
+/* DATE & TIME OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.date fieldset ol li,
+form.formtastic fieldset > ol > li.time fieldset ol li,
+form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }
+
+form.formtastic fieldset > ol > li.date fieldset ol li label,
+form.formtastic fieldset > ol > li.time fieldset ol li label,
+form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }
+
+form.formtastic fieldset > ol > li.date fieldset ol li label input, 
+form.formtastic fieldset > ol > li.time fieldset ol li label input, 
+form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }

data/public/soapbox/stylesheets/formtastic_changes.css

@@ -0,0 +1,27 @@
+/* -------------------------------------------------------------------------------------------------
+
+Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
+This will allow you to update formtastic.css with new releases without clobbering your own changes.
+
+For example, to make the inline hint paragraphs a little darker in color than the standard #666:
+
+form.formtastic fieldset > ol > li p.inline-hints { color:#333; }
+
+HINT:
+The following style may be *conditionally* included for improved support on older versions of IE(<8)
+form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}
+
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li { clear: left; }
+form.formtastic fieldset > ol > li label { text-align: right; width:22%; padding-right: 2%; font-weight: bold; }
+form.formtastic fieldset > ol > li label small{ font-weight: normal; color: #777; }
+form.formtastic fieldset.buttons { background: #666; padding: 5px; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
+form.formtastic fieldset.buttons > ol > li { margin: 0px; }
+form.formtastic fieldset.buttons > ol > li.commit{ float: right; }
+form.formtastic em, form.formtastic strong{font-weight: bold;}
+form.formtastic fieldset > ol > li fieldset ol{width: auto;}
+form.formtastic fieldset > ol > li.check_boxes li label{ text-align: left; font-weight: normal; }
+form.formtastic fieldset > ol > li.boolean label{ padding-left: 24%; margin-bottom: 15px;}
+form.formtastic fieldset > ol > li.string input.title{width:100%;max-width:98%;font-size:2em;}
+form.formtastic fieldset > ol > li.string input.large,
+form.formtastic fieldset > ol > li.email input.large{width:70%;max-width:98%;font-size:2em;}

data/public/soapbox/stylesheets/jquery.fileupload-ui.css

@@ -0,0 +1,151 @@
+@charset 'UTF-8';
+/*
+ * jQuery File Upload Plugin CSS 4.2
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2010, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://creativecommons.org/licenses/MIT/
+ */
+
+form.file_upload {
+  position: relative;
+  overflow: hidden;
+  direction: ltr;
+  cursor: pointer;
+  text-align: center;
+  color: #333;
+  font-weight: bold;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  width: 15em;
+  height: 2.5em;
+  line-height: 2.5em;
+  background: palegreen;
+  border: 1px solid limegreen;
+}
+
+form.file_upload_small {
+  width: 15em;
+  height: 2.5em;
+  line-height: 2.5em;
+  font-size: 100%;
+  background: palegreen;
+  border: 1px solid limegreen;
+}
+
+form.file_upload_large {
+  width: 100%;
+  height: 7em;
+  line-height: 7em;
+  font-size: 2em;
+  background: palegreen;
+  border: 1px solid limegreen;
+}
+
+form.file_upload_highlight,
+form.file_upload:hover {
+  background: lawngreen;
+}
+
+form.file_upload input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  border: 300px solid transparent;
+  opacity: 0;
+  -ms-filter: 'alpha(opacity=0)';
+  filter: alpha(opacity=0);
+  -o-transform: translate(-300px, -300px) scale(10);
+  -moz-transform: translate(-800px, 0) scale(10);
+  cursor: pointer;
+  height: 100%;
+}
+
+:root form.file_upload input {
+  height: auto;
+}
+
+form.file_upload button,
+.no-js .file_upload_label,
+.no-js .file_upload_overall_progress,
+.no-js .file_upload_buttons {
+  display: none;
+}
+
+.file_upload .file_upload_label,
+.file_upload .file_upload_overall_progress,
+.file_upload .file_upload_buttons {
+  display: block;
+}
+
+.file_upload img {
+  border: none;
+}
+
+.progressbar, .progressbar div {
+  border: 1px solid #aaa;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.progressbar div {
+  width: 100%;
+  height: 100%;
+  margin: -1px;
+}
+
+.file_upload_progress .ui-progressbar-value,
+.file_upload_overall_progress .ui-progressbar-value,
+.progressbar div {
+  background: url(pbar-ani.gif);
+}
+
+.file_upload_progress div {
+  width: 150px;
+  height: 17px;
+}
+
+.file_upload_overall_progress div {
+  width: 350px;
+  height: 17px;
+}
+
+.file_upload .file_name {
+  padding: 0 10px;
+  font-size: 1.1em;
+}
+
+.file_upload .file_size {
+  padding: 0 10px 0 0;
+  text-align: right;
+  white-space: nowrap;
+  font-size: 1.1em;
+}
+
+.file_upload .files,
+.file_upload_overall_progress {
+  margin: 10px 0;
+}
+
+.file_upload_error .ui-progressbar,
+.file_upload_error .progressbar,
+.file_upload_error .file_upload_start button {
+  display: none;
+}
+
+.file_upload_error .error {
+  width: 100%;
+  height: 100%;
+  color: #CD0A0A;
+  font-size: 1.1em;
+}
+
+.file_upload .ui-widget {
+  font-size: 1em;
+}

data/public/soapbox/stylesheets/jquery.timepicker.css

@@ -0,0 +1,104 @@
+#dialog_link {
+    padding: .4em 1em .4em 20px;
+    text-decoration: none;
+    position: relative;
+}
+
+#dialog_link span.ui-icon {
+    margin: 0 5px 0 0;
+    position: absolute;
+    left: .2em;
+    top: 50%;
+    margin-top: -8px;
+}
+
+ul#icons {
+    margin: 0;
+    padding: 0;
+}
+
+ul#icons li {
+    margin: 2px;
+    position: relative;
+    padding: 4px 0;
+    cursor: pointer;
+    float: left;
+    list-style: none;
+}
+
+ul#icons span.ui-icon {
+    float: left;
+    margin: 0 4px;
+}
+
+.selHrs, .selMins {
+	width:2.5em;
+}
+.selHrs {
+	margin-left:5px;
+}
+.dayPeriod {
+	display:inline-block;
+	width:20px;
+}
+.slider {
+	height:120px; 
+	float:left; 
+	margin:10px
+}
+
+#tpSelectedTime {
+	margin-bottom:0;
+	border-bottom:1px solid #aaa;
+	padding:5px;
+	color:#000;
+	background:#fff;
+	text-transform:none;
+	
+}
+#tpSelectedTime span {
+	fon-weight:bold;
+}
+#datepicker {
+	
+}
+#pickerplug {
+	overflow:hidden;
+/*	display:none;          		*/
+	position:absolute;
+	top:200px;
+	left:300px; 
+	padding:0;
+	margin:0;
+	z-index:500;
+	background: #fff;
+}
+#pickerplug li {
+	display:block;
+	float:left;
+}
+#timepicker {
+	border:1px solid #aaa;           		
+	background:#fff;
+}
+#timepicker ul {
+	overflow:hidden;
+	padding:5px;
+}
+#timepicker ul li {
+	position:relative;
+	display:block;
+	float:left;
+	width:50px;
+	        		
+}
+#timepicker ul li h4 {
+	width:100%;
+	background:transparent;
+	color:#000;
+text-align:center;           		           		
+}
+#timepicker ul li .slider {
+	position:relative;
+	left:10px;
+}

data/public/soapbox/stylesheets/nivo-slider.css

@@ -0,0 +1,89 @@
+/*
+ * jQuery Nivo Slider v2.6
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2011, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+ 
+ 
+/* The Nivo Slider styles */
+.nivoSlider {
+	position:relative;
+}
+.nivoSlider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+}
+/* If an image is wrapped in a link */
+.nivoSlider a.nivo-imageLink {
+	position:absolute;
+	top:0px;
+	left:0px;
+	width:100%;
+	height:100%;
+	border:0;
+	padding:0;
+	margin:0;
+	z-index:6;
+	display:none;
+}
+/* The slices and boxes in the Slider */
+.nivo-slice {
+	display:block;
+	position:absolute;
+	z-index:5;
+	height:100%;
+}
+.nivo-box {
+	display:block;
+	position:absolute;
+	z-index:5;
+}
+/* Caption styles */
+.nivo-caption {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	background:#000;
+	color:#fff;
+	opacity:0.8; /* Overridden by captionOpacity setting */
+	width:100%;
+	z-index:8;
+}
+.nivo-caption p {
+	padding:5px;
+	margin:0;
+}
+.nivo-caption a {
+	display:inline !important;
+}
+.nivo-html-caption {
+    display:none;
+}
+/* Direction nav styles (e.g. Next & Prev) */
+.nivo-directionNav a {
+	position:absolute;
+	top:45%;
+	z-index:9;
+	cursor:pointer;
+}
+.nivo-prevNav {
+	left:0px;
+}
+.nivo-nextNav {
+	right:0px;
+}
+/* Control nav styles (e.g. 1,2,3...) */
+.nivo-controlNav a {
+	position:relative;
+	z-index:9;
+	cursor:pointer;
+}
+.nivo-controlNav a.active {
+	font-weight:bold;
+}