index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>CodeMirror 2: CSS mode</title>
  5. <link rel="stylesheet" href="../../lib/codemirror.css">
  6. <script src="../../lib/codemirror.js"></script>
  7. <script src="css.js"></script>
  8. <link rel="stylesheet" href="../../theme/default.css">
  9. <style>.CodeMirror {background: #f8f8f8;}</style>
  10. <link rel="stylesheet" href="../../css/docs.css">
  11. </head>
  12. <body>
  13. <h1>CodeMirror 2: CSS mode</h1>
  14. <form><textarea id="code" name="code">
  15. /* Some example CSS */
  16. @import url("something.css");
  17. body {
  18. margin: 0;
  19. padding: 3em 6em;
  20. font-family: tahoma, arial, sans-serif;
  21. color: #000;
  22. }
  23. #navigation a {
  24. font-weight: bold;
  25. text-decoration: none !important;
  26. }
  27. h1 {
  28. font-size: 2.5em;
  29. }
  30. h2 {
  31. font-size: 1.7em;
  32. }
  33. h1:before, h2:before {
  34. content: "::";
  35. }
  36. code {
  37. font-family: courier, monospace;
  38. font-size: 80%;
  39. color: #418A8A;
  40. }
  41. </textarea></form>
  42. <script>
  43. var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
  44. </script>
  45. <p><strong>MIME types defined:</strong> <code>text/css</code>.</p>
  46. </body>
  47. </html>