codemirror.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. .CodeMirror {
  2. line-height: 1em;
  3. font-family: monospace;
  4. }
  5. .CodeMirror-scroll {
  6. overflow: auto;
  7. height: 300px;
  8. /* This is needed to prevent an IE[67] bug where the scrolled content
  9. is visible outside of the scrolling box. */
  10. position: relative;
  11. }
  12. .CodeMirror-gutter {
  13. position: absolute; left: 0; top: 0;
  14. z-index: 10;
  15. background-color: #f7f7f7;
  16. border-right: 1px solid #eee;
  17. min-width: 2em;
  18. height: 100%;
  19. }
  20. .CodeMirror-gutter-text {
  21. color: #aaa;
  22. text-align: right;
  23. padding: .4em .2em .4em .4em;
  24. white-space: pre !important;
  25. }
  26. .CodeMirror-lines {
  27. padding: .4em;
  28. }
  29. .CodeMirror pre {
  30. -moz-border-radius: 0;
  31. -webkit-border-radius: 0;
  32. -o-border-radius: 0;
  33. border-radius: 0;
  34. border-width: 0; margin: 0; padding: 0; background: transparent;
  35. font-family: inherit;
  36. font-size: inherit;
  37. padding: 0; margin: 0;
  38. white-space: pre;
  39. word-wrap: normal;
  40. }
  41. .CodeMirror-wrap pre {
  42. word-wrap: break-word;
  43. white-space: pre-wrap;
  44. line-height: 18px;
  45. box-sizing: border-box;
  46. }
  47. .CodeMirror textarea {
  48. outline: none !important;
  49. }
  50. .CodeMirror pre.CodeMirror-cursor {
  51. z-index: 10;
  52. position: absolute;
  53. visibility: hidden;
  54. border-left: 1px solid black;
  55. }
  56. .CodeMirror-focused pre.CodeMirror-cursor {
  57. visibility: visible;
  58. }
  59. span.CodeMirror-selected { background: #d9d9d9; }
  60. .CodeMirror-focused span.CodeMirror-selected { background: #d2dcf8; }
  61. .CodeMirror-searching {background: #ffa;}
  62. /* Default theme */
  63. .cm-s-default span.cm-keyword {color: #708;}
  64. .cm-s-default span.cm-atom {color: #219;}
  65. .cm-s-default span.cm-number {color: #164;}
  66. .cm-s-default span.cm-def {color: #00f;}
  67. .cm-s-default span.cm-variable {color: black;}
  68. .cm-s-default span.cm-variable-2 {color: #05a;}
  69. .cm-s-default span.cm-variable-3 {color: #085;}
  70. .cm-s-default span.cm-property {color: black;}
  71. .cm-s-default span.cm-operator {color: black;}
  72. .cm-s-default span.cm-comment {color: #a50;}
  73. .cm-s-default span.cm-string {color: #a11;}
  74. .cm-s-default span.cm-string-2 {color: #f50;}
  75. .cm-s-default span.cm-meta {color: #555;}
  76. .cm-s-default span.cm-error {color: #f00;}
  77. .cm-s-default span.cm-qualifier {color: #555;}
  78. .cm-s-default span.cm-builtin {color: #30a;}
  79. .cm-s-default span.cm-bracket {color: #cc7;}
  80. .cm-s-default span.cm-tag {color: #170;}
  81. .cm-s-default span.cm-attribute {color: #00c;}
  82. .cm-s-default span.cm-header {color: #a0a;}
  83. .cm-s-default span.cm-quote {color: #090;}
  84. .cm-s-default span.cm-hr {color: #999;}
  85. .cm-s-default span.cm-link {color: #00c;}
  86. span.cm-header, span.cm-strong {font-weight: bold;}
  87. span.cm-em {font-style: italic;}
  88. span.cm-emstrong {font-style: italic; font-weight: bold;}
  89. span.cm-link {text-decoration: underline;}
  90. div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
  91. div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}