summaryrefslogtreecommitdiff
path: root/iphone/www/js/jquery.signaturepad.css
diff options
context:
space:
mode:
authorJoshua Gourneau <josh@gourneau.com>2012-03-18 20:14:35 -0700
committerJoshua Gourneau <josh@gourneau.com>2012-03-18 20:14:35 -0700
commit5cf90c357a84243c16f920aa6d835e3544e38f29 (patch)
tree4de1fbdbc72b56892fadb185d61229846505338d /iphone/www/js/jquery.signaturepad.css
parentd9fa3b96ecab96b92ef0258ce71fc8982a310233 (diff)
phone gap project. The WWW directory is a duplicate of the normal project, with a lightly modified index.html
Diffstat (limited to 'iphone/www/js/jquery.signaturepad.css')
-rwxr-xr-xiphone/www/js/jquery.signaturepad.css97
1 files changed, 97 insertions, 0 deletions
diff --git a/iphone/www/js/jquery.signaturepad.css b/iphone/www/js/jquery.signaturepad.css
new file mode 100755
index 0000000..7821ec3
--- /dev/null
+++ b/iphone/www/js/jquery.signaturepad.css
@@ -0,0 +1,97 @@
+/**
+ * SignaturePad: A jQuery plugin for assisting in the creation of an HTML5 canvas
+ * based signature pad. Records the drawn signature in JSON for later regeneration.
+ *
+ * @project ca.thomasjbradley.applications.signaturepad
+ * @author Thomas J Bradley <hey@thomasjbradley.ca>
+ * @link http://thomasjbradley.ca/lab/signature-pad
+ * @link http://github.com/thomasjbradley/signature-pad
+ * @copyright Copyright MMXI, Thomas J Bradley
+ * @license New BSD License
+ */
+
+@font-face {
+ font-family: 'Journal';
+ src: url('journal.eot');
+ src: url('journal.eot?#iefix') format('embedded-opentype'),
+ url('journal.woff') format('woff'),
+ url('journal.ttf') format('truetype'),
+ url('journal.svg#JournalRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.sigPad {
+ margin: 0;
+ padding: 0;
+ width: 200px;
+}
+
+.sig {
+ display: none;
+}
+
+.sigWrapper {
+ height: 55px;
+ border: 1px solid #ccc;
+}
+
+.sigWrapper.current {
+ border-color: #666;
+}
+
+.signed .sigWrapper {
+ border: 0;
+}
+
+.current .pad {
+ /**
+ * For cross browser compatibility, this should be an absolute URL
+ * In IE the cursor is relative to the HTML document
+ * In all other browsers the cursor is relative to the CSS file
+ *
+ * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
+ */
+ cursor: url("../build/pen.cur"), crosshair;
+ /**
+ * IE will ignore this line because of the hotspot position
+ * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur
+ */
+ cursor: url("pen.cur") 16 16, crosshair;
+}
+
+.typed {
+ height: 55px;
+ margin: 0;
+ padding: 0 5px;
+ position: absolute;
+ z-index: 90;
+
+ cursor: default;
+
+ color: #145394;
+ font: normal 1.875em/50px "Journal",Georgia,Times,serif;
+}
+
+.typeItDesc,
+.drawItDesc {
+ display: none;
+ margin: 0.75em 0 0.515em;
+ padding: 0.515em 0 0;
+
+ border-top: 3px solid #ccc;
+
+ color: #000;
+ font: italic normal 1em/1.375 Georgia,Times,serif;
+}
+
+p.error {
+ display: block;
+ margin: 0.5em 0;
+ padding: 0.4em;
+
+ background-color: #f33;
+
+ color: #fff;
+ font-weight: bold;
+}