diff --git a/public/css/lined-textarea.css b/public/css/lined-textarea.css new file mode 100644 index 0000000..ff217a6 --- /dev/null +++ b/public/css/lined-textarea.css @@ -0,0 +1,68 @@ +/** + * 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; + padding: 3px; +} + +.linedtextarea { + padding: 0px; + margin: 0px; +} + +.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; +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 23dc984..f1c7a1f 100644 --- a/public/index.html +++ b/public/index.html @@ -3,7 +3,9 @@