Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

mdn-like.css 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /*
  2. MDN-LIKE Theme - Mozilla
  3. Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
  4. Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
  5. GitHub: @peterkroon
  6. The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
  7. */
  8. .cm-s-mdn-like.CodeMirror {
  9. color: #999;
  10. background-color: #fff;
  11. }
  12. .cm-s-mdn-like div.CodeMirror-selected {
  13. background: #cfc;
  14. }
  15. .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection {
  16. background: #cfc;
  17. }
  18. .cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection {
  19. background: #cfc;
  20. }
  21. .cm-s-mdn-like .CodeMirror-gutters {
  22. background: #f8f8f8;
  23. border-left: 6px solid rgba(0, 83, 159, 0.65);
  24. color: #333;
  25. }
  26. .cm-s-mdn-like .CodeMirror-linenumber {
  27. color: #aaa;
  28. padding-left: 8px;
  29. }
  30. .cm-s-mdn-like .CodeMirror-cursor {
  31. border-left: 2px solid #222;
  32. }
  33. .cm-s-mdn-like .cm-keyword {
  34. color: #6262FF;
  35. }
  36. .cm-s-mdn-like .cm-atom {
  37. color: #F90;
  38. }
  39. .cm-s-mdn-like .cm-number {
  40. color: #ca7841;
  41. }
  42. .cm-s-mdn-like .cm-def {
  43. color: #8DA6CE;
  44. }
  45. .cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag {
  46. color: #690;
  47. }
  48. .cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def, .cm-s-mdn-like span.cm-type {
  49. color: #07a;
  50. }
  51. .cm-s-mdn-like .cm-variable {
  52. color: #07a;
  53. }
  54. .cm-s-mdn-like .cm-property {
  55. color: #905;
  56. }
  57. .cm-s-mdn-like .cm-qualifier {
  58. color: #690;
  59. }
  60. .cm-s-mdn-like .cm-operator {
  61. color: #cda869;
  62. }
  63. .cm-s-mdn-like .cm-comment {
  64. color: #777;
  65. font-weight: normal;
  66. }
  67. .cm-s-mdn-like .cm-string {
  68. color: #07a;
  69. font-style: italic;
  70. }
  71. .cm-s-mdn-like .cm-string-2 {
  72. color: #bd6b18;
  73. }
  74. /*?*/
  75. .cm-s-mdn-like .cm-meta {
  76. color: #000;
  77. }
  78. /*?*/
  79. .cm-s-mdn-like .cm-builtin {
  80. color: #9B7536;
  81. }
  82. /*?*/
  83. .cm-s-mdn-like .cm-tag {
  84. color: #997643;
  85. }
  86. .cm-s-mdn-like .cm-attribute {
  87. color: #d6bb6d;
  88. }
  89. /*?*/
  90. .cm-s-mdn-like .cm-header {
  91. color: #FF6400;
  92. }
  93. .cm-s-mdn-like .cm-hr {
  94. color: #AEAEAE;
  95. }
  96. .cm-s-mdn-like .cm-link {
  97. color: #ad9361;
  98. font-style: italic;
  99. text-decoration: none;
  100. }
  101. .cm-s-mdn-like .cm-error {
  102. border-bottom: 1px solid red;
  103. }
  104. div.cm-s-mdn-like .CodeMirror-activeline-background {
  105. background: #efefff;
  106. }
  107. div.cm-s-mdn-like span.CodeMirror-matchingbracket {
  108. outline: 1px solid grey;
  109. color: inherit;
  110. }
  111. .cm-s-mdn-like.CodeMirror {
  112. background-image: url(data:image/png;base64,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);
  113. }