diff options
| author | Joshua Gourneau <josh@gourneau.com> | 2012-03-18 20:14:35 -0700 |
|---|---|---|
| committer | Joshua Gourneau <josh@gourneau.com> | 2012-03-18 20:14:35 -0700 |
| commit | 5cf90c357a84243c16f920aa6d835e3544e38f29 (patch) | |
| tree | 4de1fbdbc72b56892fadb185d61229846505338d /iphone/www/js/jquery.signaturepad.css | |
| parent | d9fa3b96ecab96b92ef0258ce71fc8982a310233 (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-x | iphone/www/js/jquery.signaturepad.css | 97 |
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; +} |
