codemirror.css 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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. }
  45. .CodeMirror-wrap .CodeMirror-scroll {
  46. overflow-x: hidden;
  47. }
  48. .CodeMirror textarea {
  49. outline: none !important;
  50. }
  51. .CodeMirror pre.CodeMirror-cursor {
  52. z-index: 10;
  53. position: absolute;
  54. visibility: hidden;
  55. border-left: 1px solid black;
  56. }
  57. .CodeMirror-focused pre.CodeMirror-cursor {
  58. visibility: visible;
  59. }
  60. span.CodeMirror-selected { background: #d9d9d9; }
  61. .CodeMirror-focused span.CodeMirror-selected { background: #d2dcf8; }
  62. .CodeMirror-searching {background: #ffa;}
  63. /* Default theme */
  64. .cm-s-default span.cm-keyword {color: #708;}
  65. .cm-s-default span.cm-atom {color: #219;}
  66. .cm-s-default span.cm-number {color: #164;}
  67. .cm-s-default span.cm-def {color: #00f;}
  68. .cm-s-default span.cm-variable {color: black;}
  69. .cm-s-default span.cm-variable-2 {color: #05a;}
  70. .cm-s-default span.cm-variable-3 {color: #085;}
  71. .cm-s-default span.cm-property {color: black;}
  72. .cm-s-default span.cm-operator {color: black;}
  73. .cm-s-default span.cm-comment {color: #a50;}
  74. .cm-s-default span.cm-string {color: #a11;}
  75. .cm-s-default span.cm-string-2 {color: #f50;}
  76. .cm-s-default span.cm-meta {color: #555;}
  77. .cm-s-default span.cm-error {color: #f00;}
  78. .cm-s-default span.cm-qualifier {color: #555;}
  79. .cm-s-default span.cm-builtin {color: #30a;}
  80. .cm-s-default span.cm-bracket {color: #cc7;}
  81. .cm-s-default span.cm-tag {color: #170;}
  82. .cm-s-default span.cm-attribute {color: #00c;}
  83. .cm-s-default span.cm-header {color: #a0a;}
  84. .cm-s-default span.cm-quote {color: #090;}
  85. .cm-s-default span.cm-hr {color: #999;}
  86. .cm-s-default span.cm-link {color: #00c;}
  87. span.cm-header, span.cm-strong {font-weight: bold;}
  88. span.cm-em {font-style: italic;}
  89. span.cm-emstrong {font-style: italic; font-weight: bold;}
  90. span.cm-link {text-decoration: underline;}
  91. div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
  92. div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}