html5forms-rails 0.1.3

data/vendor/assets/stylesheets/colorpicker.css

@@ -0,0 +1,161 @@
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: url(/assets/colorpicker/colorpicker_background.png);
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: url(/assets/colorpicker/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: url(/assets/colorpicker/colorpicker_select.gif);
+	margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: url(/assets/colorpicker/colorpicker_indic.gif) left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input {
+	background-color: transparent;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	height: 11px;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: url(/assets/colorpicker/colorpicker_hex.png) top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: url(/assets/colorpicker/colorpicker_rgb_r.png);
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: url(/assets/colorpicker/colorpicker_rgb_g.png);
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: url(/assets/colorpicker/colorpicker_rgb_b.png);
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: url(/assets/colorpicker/colorpicker_hsb_h.png);
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: url(/assets/colorpicker/colorpicker_hsb_s.png);
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: url(/assets/colorpicker/colorpicker_hsb_b.png);
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: url(/assets/colorpicker/colorpicker_submit.png) top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus {
+	background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_slider {
+	background-position: bottom;
+}

data/vendor/assets/stylesheets/h5f.css

@@ -0,0 +1,86 @@
+/* Form styles */
+.h5f
+{
+  margin: 20px auto;
+  width: 610px;
+}
+.h5f fieldset  
+{
+  margin: 0 0 20px;
+  padding: 20px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+
+.h5f ol
+{
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+.h5f li
+{
+  margin: 0 0 12px;
+  position: relative;
+}
+.h5f label, .h5f .label
+{
+  width: 150px;
+  display: inline-block;
+  vertical-align: top;
+}
+.h5f fieldset input,
+.h5f fieldset textarea,
+.h5f fieldset select
+{
+  background: #fff url(/assets/h5f/form_validation.png) 379px 24px no-repeat;
+  display: inline-block;
+  width: 371px;
+  border: 1px solid #fff;
+  padding: 3px 26px 3px 3px;
+  
+  -moz-transition: background-color 1s ease;
+  -webkit-transition: background-color 1s ease;
+  -o-transition: background-color 1s ease;
+  transition: background-color 1s ease;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+.h5f fieldset select   { width: 401px; padding: 3px; }
+.h5f fieldset #postcode  { padding: 3px; width: 400px; }
+  
+.h5f fieldset .radchecks input {
+  width: auto;
+}
+.h5f fieldset .radchecks label {
+  width: 105px;
+}
+    
+
+.h5f input::-webkit-input-placeholder  { color: #a9a9a9; }
+.h5f input:-moz-placeholder      { color: #a9a9a9; }
+
+/* Enhanced error styling */
+.h5f input.error
+{
+  background-color: pink; 
+  background-position: 379px 3px;
+  outline: none; 
+}
+.h5f input.required
+{
+  background-color: #fff; 
+  background-position: 379px -29px;
+}
+.h5f input.valid
+{ 
+  background-color: #fff;
+  background-position: 379px -61px;
+}
+.h5f fieldset input:required:valid
+{ 
+  background-color: #fff;
+  background-position: 379px -61px;
+}

data/vendor/assets/stylesheets/html5form-shim.css

@@ -0,0 +1,109 @@
+form fieldset {
+    border: 1px solid #BBBBBB;
+    margin: 0 5px 0 0;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    -o-border-radius:3px;
+    -ms-border-radius:3px;
+    border-radius:3px;
+    text-align: left;
+}
+
+fieldset input[type=radio] {
+    margin-right: 4px;
+}
+
+form  ul {
+    list-style: none;
+    padding: 0;
+    margin: 5px;
+}
+form  ul li {
+    padding: 0;
+    margin-bottom: 5px;
+}
+
+form input, form textarea {
+    -webkit-transition: all 0.5s ease-in-out 0s;
+     -moz-transition: all 0.5s ease-in-out 0s;
+       -o-transition: all 0.5s ease-in-out 0s;
+          transition: all 0.5s ease-in-out 0s;
+    background-color: #FFFFFF;
+    border: 2px solid #CCC;
+
+    -webkit-border-radius:  5px 5px 5px 5px;
+     -moz-border-radius:  5px 5px 5px 5px;
+      -o-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px 5px 5px 5px;
+    display: block;
+    font-size: 20px;
+    margin-bottom: 16px;
+    margin-top: 8px;
+    min-height: 30px;
+    width: 300px;
+}
+:focus {
+    outline: medium none;
+}
+
+form input:focus, form textarea:focus {
+    -webkit-transform: scale(1.05);
+     -moz-transform: scale(1.05);
+      -o-transform: scale(1.05);
+       transform: scale(1.05);
+    -moz-box-shadow: 0 0 25px #CCCCCC;
+     -webkit-box-shadow: 0 0 25px #CCCCCC;
+      -o-box-shadow: 0 0 25px #CCCCCC;
+       box-shadow: 0 0 25px #CCCCCC;
+}
+
+form input.placeholder, form textarea.placeholder {
+    color: #CCC;
+}
+
+/* for none-HTML5 browsers */
+input.required {
+    background: url(/assets/html5form-shim/asterisk.png) no-repeat scroll 280px 7px transparent;
+}
+input:required {
+    background: url(/assets/html5form-shim/asterisk.png) no-repeat scroll 280px 7px transparent;
+}
+/* for none-HTML5 browsers */
+input.valid {
+    background: url(/assets/html5form-shim/ok.png) no-repeat scroll 280px 7px transparent;
+}
+input:valid {
+    background: url(/assets/html5form-shim/ok.png) no-repeat scroll 280px 7px transparent;
+}
+/* for none-HTML5 browsers */
+input.invalid {
+    background: url(/assets/html5form-shim/fail.png) no-repeat scroll 280px 7px transparent;
+}
+input:focus:invalid {
+    background: url(/assets/html5form-shim/fail.png) no-repeat scroll 280px 7px transparent;
+}
+
+.tooltip { font-size: 10px; position: absolute; padding: 5px; z-index: 100000;  opacity: 0.8; filter:alpha(opacity:80); }
+
+.tooltip-inner { background-color: #333; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
+
+/* Rounded corners */
+.tooltip-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
+
+
+.tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
+
+/* Rules to colour arrows */
+.tooltip-arrow-n { border-bottom-color: #000; }
+.tooltip-arrow-s { border-top-color: #000; }
+.tooltip-arrow-e { border-left-color: #333; }
+.tooltip-arrow-w { border-right-color: #000; }
+
+.tooltip-n .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
+.tooltip-nw .tooltip-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
+.tooltip-ne .tooltip-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
+.tooltip-s .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+.tooltip-sw .tooltip-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+.tooltip-se .tooltip-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
+.tooltip-e .tooltip-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
+.tooltip-w .tooltip-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

data/vendor/assets/stylesheets/html5forms/number.css

@@ -0,0 +1,35 @@
+
+.html5-numberControls {
+	display: block;
+	vertical-align:top;
+	position: absolute;
+	top: 0;
+	right: 0em;
+	height: 1.5em;
+	border: solid 1px #666666;
+	border-radius: 5px;
+	width: 0.8em;
+	color: #666666;
+	margin-top: 0.3em;
+}
+
+.html5-numberWrapper {
+	position: absolute;
+	height: 1em;
+}
+
+ .html5-numberControls a{
+	margin: 0 0 0 0.2em;
+	padding:0;
+	border:0;
+	background-color:transparent;
+	width: 0.9em;
+	cursor:pointer;
+	position:absolute;
+	
+	font-size: 0.6em;
+}
+
+.html5-numberControls .upbutton{top:0px;}
+
+.html5-numberControls .dnbutton{bottom: 0px;}

data/vendor/assets/stylesheets/html5forms/slider.css

@@ -0,0 +1,169 @@
+/*
+
+   Slider CSS, style as you please.
+
+   Note: The png images used for this demo were originally located at http://www.schillmania.com/
+
+   Remove the -moz & -khtml styles if you want the css to validate.
+   
+   Change the image paths to suit you installation.
+
+*/
+
+/* Styles for the horizontal slider */
+.fd-slider
+        {
+        position:relative;
+        width:100%;
+        height:20px;
+        text-align:center;
+        border:0 none;
+        text-decoration:none;
+        display:block;
+        -moz-user-select:none;
+        -khtml-user-select:none
+        cursor:pointer;
+        }
+.fd-slider-inner
+        {
+        position:relative;
+        display:block;
+        z-index:1;
+        height:18px;
+        text-align:left;
+        background:#fcfcfc;
+        border:1px solid #ccc;
+        border-radius:5px;      
+        -moz-border-radius:5px;       
+        }
+.fd-slider-bar
+        {
+        position:absolute;
+        display:block;
+        z-index:2;
+        height:2px;
+        border:1px solid #bbb;
+        border-bottom:1px solid #aaa;
+        border-right:1px solid #aaa;
+        background:#ddd;
+        margin:0;
+        padding:0;
+        overflow:hidden;
+        line-height:4px;
+        top:8px;
+        bottom:none;
+        left:10px;
+        right:10px; 
+        border-radius:2px;      
+        -moz-border-radius:2px;            
+        }
+/* Styles for the vertical slider */
+.fd-slider-vertical
+        {
+        position:relative;
+        border:0 none;
+        text-decoration:none;
+        display:block;
+        width:20px;
+        height:100%;
+        text-align:center;
+        -moz-user-select:none;
+        -khtml-user-select:none
+        cursor:pointer;
+        cursor:hand;
+        }
+.fd-slider-vertical .fd-slider-inner
+        {
+        display:block;
+        width:18px;
+        height:100%;
+        text-align:left;
+        background:#fcfcfc;
+        border:1px solid #ccc;
+        }
+.fd-slider-vertical .fd-slider-bar
+        {         
+        width:2px;   
+        top:10px;
+        bottom:10px;
+        left:8px;
+        right:none;
+        height:auto;
+        }
+.fd-slider-vertical .fd-slider-handle
+        {
+        cursor:N-resize;
+        }
+.focused .fd-slider-inner
+        {
+        background:#eee !important;
+        border:1px solid #aaa !important;
+        }
+/* black handle, no glow */
+.fd-slider-handle
+        {
+        position:absolute;
+        display:block;
+        padding:0;
+        border:0 none;
+        margin:0;
+        z-index:3;
+        top:0;
+        left:0;
+        width:20px;
+        height:20px;
+        outline:0px none;
+        background:transparent url(/assets/html5forms/slider/slider-disabled.png) no-repeat 0px 0px;
+        cursor:W-resize;  
+        line-height:20px;
+        font-size:20px;       
+        -webkit-user-select: none;
+        -moz-user-select:none;
+        -moz-user-focus:none;
+        -moz-outline:0px none;               
+        }
+.fd-slider-handle:focus
+        {
+        outline:0px none;
+        border:0 none;
+        -moz-user-focus:normal;
+        }
+button.fd-slider-handle:focus::-moz-focus-inner { border-color: transparent; }
+
+/* black handle, glow */
+.fd-slider-hover .fd-slider-handle
+        {
+        background:transparent url(/assets/html5forms/slider/slider-disabled-1.png) no-repeat 0px 0px;
+        }
+/* blue handle, no glow */
+.focused .fd-slider-handle
+        {
+        background:transparent url(/assets/html5forms/slider/slider.png) no-repeat 0px 0px;
+        }
+/* blue handle glow */
+.focused.fd-slider-hover .fd-slider-handle
+        {
+        background:transparent url(/assets/html5forms/slider/slider-1.png) no-repeat 0px 0px;
+        }
+body.slider-drag-vertical
+        {
+        cursor:N-resize !important;
+        }
+body.slider-drag-horizontal
+        {
+        cursor:W-resize !important;
+        }
+.fd_hide_slider_input
+        {
+        display:none;
+        }    
+/* Disabled Sliders */  
+.slider-disabled
+        {
+        opacity:.8;
+        filter:alpha(opacity=80);
+        }
+.slider-disabled .fd-slider-handle
+        {
+        cursor:auto !important;
+        }

data/vendor/assets/stylesheets/html5forms/slider_ie.css

@@ -0,0 +1,41 @@
+.fd-slider-handle
+        {
+        background:none;
+        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/slider-revisited/slider-disabled.png');
+        outline:expression(hideFocus='true');
+        }
+.fd-slider-hover .fd-slider-handle
+        {
+        background:none;
+        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/slider-revisited/slider-disabled-1.png');
+        }
+.focused .fd-slider-handle
+        {
+        background:none;
+        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/slider-revisited/slider.png');
+        }
+.fd-fc-slider-hover .fd-slider-handle
+        {
+        background:none;
+        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/slider-revisited/slider-1.png');
+        }
+.fd-slider
+        {
+        cursor:hand;
+        }
+.fd-slider-bar
+        {  
+        top:8px;
+        bottom:none;
+        left:10px;
+        right:none;
+        width:expression((this.parentNode.offsetWidth - 20) + "px");
+        }
+.fd-slider-vertical .fd-slider-bar
+        {  
+        top:10px;
+        bottom:none;
+        left:8px;
+        right:none;
+        height:expression((this.parentNode.offsetHeight - 20) + "px");
+        }

data/vendor/assets/stylesheets/html5forms/visibleIf.css

@@ -0,0 +1,23 @@
+.visibleIf, .visibleif   {
+	display: none;	
+}
+
+
+.visibleIf-visible, .visibleif-visible {
+	display: block;
+}
+
+span.visibleIf-visible, span.visibleif-visible {
+	display: inline;	
+}
+
+tr.visibleIf-visible, tr.visibleif-visible {
+	display: block;
+	display: table-row;
+}
+
+
+.visibleIf-rule, .mandatoryIf-rule, .visibleif-rule, .mandatoryif-rule {
+	display: none;
+}
+