/** * jQuery Lined Textarea Plugin * http://alan.blog-city.com/jquerylinedtextarea.htm * * Copyright (c) 2010 Alan Williamson * * Released under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * Usage: * Displays a line number count column to the left of the textarea * * Class up your textarea with a given class, or target it directly * with JQuery Selectors * * $(".lined").linedtextarea({ * selectedLine: 10, * selectedClass: 'lineselect' * }); * */ .linedwrap { /*border: 1px solid #c0c0c0;*/ border: 1px solid #d0d0d0; padding: 3px; } /* linked textarea form element */ .linked-textarea { width: 100%; } .linedtextarea { padding: 0; margin: 0; } .linedtextarea textarea, .linedwrap .codelines .lineno { font-size: 10pt; font-family: monospace; line-height: normal !important; } .linedtextarea textarea { padding-right:0.3em; padding-top:0.3em; border: 0; } .linedwrap .lines { margin-top: 0px; width: 50px; float: left; overflow: hidden; border-right: 1px solid #c0c0c0; margin-right: 10px; } .linedwrap .codelines { padding-top: 5px; } .linedwrap .codelines .lineno { color:#AAAAAA; padding-right: 0.5em; padding-top: 0.0em; text-align: right; white-space: nowrap; } .linedwrap .codelines .lineselect { color: red; }