jquery-linedtextarea.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. padding: 3px;
  25. }
  26. .linedtextarea {
  27. padding: 0px;
  28. margin: 0px;
  29. }
  30. .linedtextarea textarea, .linedwrap .codelines .lineno {
  31. font-size: 10pt;
  32. font-family: monospace;
  33. line-height: normal !important;
  34. }
  35. .linedtextarea textarea {
  36. padding-right: 0.3em;
  37. padding-top: 0.3em;
  38. border: 0;
  39. }
  40. .linedwrap .lines {
  41. margin-top: 0px;
  42. width: 50px;
  43. float: left;
  44. overflow: hidden;
  45. border-right: 1px solid #c0c0c0;
  46. margin-right: 10px;
  47. }
  48. .linedwrap .codelines {
  49. padding-top: 5px;
  50. }
  51. .linedwrap .codelines .lineno {
  52. color: #AAAAAA;
  53. padding-right: 0.5em;
  54. padding-top: 0.0em;
  55. text-align: right;
  56. white-space: nowrap;
  57. }
  58. .linedwrap .codelines .lineselect {
  59. color: red;
  60. }