← Back to branch summary

~ivle-dev/ivle/codemirror

« back to all changes in this revision

Viewing changes to ivle/webapp/filesystem/browser/media/codemirror/csstest.html

  • Committer: David Coles
  • Date: 2010-05-31 10:38:53 UTC
  • Revision ID: coles.david@gmail.com-20100531103853-8xypjpracvwy0qt4
Editor: Added CodeMirror-0.67 Javascript code editor source from 
http://marijn.haverbeke.nl/codemirror/ (zlib-style licence)

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/filesystem/browser/media/codemirror/csstest.html
 
1
<html xmlns="http://www.w3.org/1999/xhtml">
 
2
  <head>
 
3
    <script src="js/codemirror.js" type="text/javascript"></script>
 
4
    <title>CodeMirror: CSS demonstration</title>
 
5
    <link rel="stylesheet" type="text/css" href="css/docs.css"/>
 
6
  </head>
 
7
  <body style="padding: 20px;">
 
8
 
 
9
<p>Demonstration of <a href="index.html">CodeMirror</a>'s CSS
 
10
highlighter.</p>
 
11
 
 
12
<div class="border">
 
13
<textarea id="code" cols="120" rows="30">
 
14
/* Some example CSS */
 
15
 
 
16
@import url("something.css");
 
17
 
 
18
body {
 
19
  margin: 0;
 
20
  padding: 3em 6em;
 
21
  font-family: tahoma, arial, sans-serif;
 
22
  color: #000;
 
23
}
 
24
 
 
25
#navigation a {
 
26
  font-weight: bold;
 
27
  text-decoration: none !important;
 
28
}
 
29
 
 
30
h1 {
 
31
  font-size: 2.5em;
 
32
}
 
33
 
 
34
h2 {
 
35
  font-size: 1.7em;
 
36
}
 
37
 
 
38
h1:before, h2:before {
 
39
  content: "::";
 
40
}
 
41
 
 
42
code {
 
43
  font-family: courier, monospace;
 
44
  font-size: 80%;
 
45
  color: #418A8A;
 
46
}
 
47
</textarea>
 
48
</div>
 
49
 
 
50
<script type="text/javascript">
 
51
  var editor = CodeMirror.fromTextArea('code', {
 
52
    height: "350px",
 
53
    parserfile: "parsecss.js",
 
54
    stylesheet: "css/csscolors.css",
 
55
    path: "js/"
 
56
  });
 
57
</script>
 
58
 
 
59
  </body>
 
60
</html>