linedtextarea.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /**
  2. * jQuery Lined Textarea Plugin
  3. * http://alan.blog-city.com/jquerylinedtextarea.htm
  4. *
  5. * Copyright (c) 2010 Alan Williamson
  6. *
  7. * Released under the MIT License:
  8. * http://www.opensource.org/licenses/mit-license.php
  9. *
  10. * Usage:
  11. * Displays a line number count column to the left of the textarea
  12. *
  13. * Class up your textarea with a given class, or target it directly
  14. * with JQuery Selectors
  15. *
  16. * $(".lined").linedtextarea({
  17. * selectedLine: 10,
  18. * selectedClass: 'lineselect'
  19. * });
  20. *
  21. */
  22. .linedwrap {
  23. /*border: 1px solid #c0c0c0;*/
  24. border: 1px solid #d0d0d0;
  25. padding: 3px;
  26. }
  27. /* linked textarea form element */
  28. .linked-textarea {
  29. width: 100%;
  30. }
  31. .linedtextarea {
  32. padding: 0;
  33. margin: 0;
  34. }
  35. .linedtextarea textarea,
  36. .linedwrap .codelines .lineno {
  37. font-size: 10pt;
  38. font-family: monospace;
  39. line-height: normal !important;
  40. }
  41. .linedtextarea textarea {
  42. padding-right:0.3em;
  43. padding-top:0.3em;
  44. border: 0;
  45. }
  46. .linedwrap .lines {
  47. margin-top: 0px;
  48. width: 50px;
  49. float: left;
  50. overflow: hidden;
  51. border-right: 1px solid #c0c0c0;
  52. margin-right: 10px;
  53. }
  54. .linedwrap .codelines {
  55. padding-top: 5px;
  56. }
  57. .linedwrap .codelines .lineno {
  58. color:#AAAAAA;
  59. padding-right: 0.5em;
  60. padding-top: 0.0em;
  61. text-align: right;
  62. white-space: nowrap;
  63. }
  64. .linedwrap .codelines .lineselect {
  65. color: red;
  66. }