You are here

signaturefield.css in SignatureField 7

Same filename and directory in other branches
  1. 6 signaturefield.css
  2. 7.2 signaturefield.css

Signaturefield element template file

File

signaturefield.css
View source
  1. /**
  2. * @file
  3. * Signaturefield element template file
  4. */
  5. @media screen {
  6. .sigPad {
  7. margin: 0;
  8. padding: 0;
  9. }
  10. .sigPad input {
  11. margin: 0;
  12. padding: 0.2em 0;
  13. width: 198px;
  14. border: 1px solid #b0879f;
  15. font-size: 1em;
  16. }
  17. .sigPad input.error {
  18. border-color: #f33;
  19. }
  20. .sig {
  21. display: none;
  22. }
  23. .sigNav {
  24. display: none;
  25. height: 2.25em;
  26. margin: 0;
  27. padding: 0;
  28. position: relative;
  29. list-style-type: none;
  30. list-style: none;
  31. }
  32. .sigNav a,
  33. .sigNav a:link,
  34. .sigNav a:visited {
  35. display: block;
  36. margin: 0;
  37. padding: 0 0.6em;
  38. font-weight: bold;
  39. line-height: 2.25em;
  40. }
  41. .sigNav a.current,
  42. .sigNav a.current:link,
  43. .sigNav a.current:visited {
  44. background-color: #b0879f;
  45. border-top-left-radius: 8px;
  46. border-top-right-radius: 8px;
  47. -moz-border-radius-topleft: 8px;
  48. -moz-border-radius-topright: 8px;
  49. -webkit-border-top-left-radius: 8px;
  50. -webkit-border-top-right-radius: 8px;
  51. color: #fff;
  52. text-decoration: none;
  53. }
  54. .sigNav .clearButton {
  55. bottom: 0.2em;
  56. display: none;
  57. position: absolute;
  58. font-size: 0.75em;
  59. line-height: 1.375;
  60. }
  61. .sigWrapper canvas{
  62. border: 1px solid #737373;
  63. }
  64. .pad {
  65. position: relative;
  66. }
  67. .current .pad {
  68. cursor: url("pen.png") 8 8, crosshair;
  69. }
  70. }