liquibyte.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .cm-s-liquibyte.CodeMirror {
  2. background-color: #000;
  3. color: #fff;
  4. line-height: 1.2em;
  5. font-size: 1em;
  6. }
  7. .cm-s-liquibyte .CodeMirror-focused .cm-matchhighlight {
  8. text-decoration: underline;
  9. text-decoration-color: #0f0;
  10. text-decoration-style: wavy;
  11. }
  12. .cm-s-liquibyte .cm-trailingspace {
  13. text-decoration: line-through;
  14. text-decoration-color: #f00;
  15. text-decoration-style: dotted;
  16. }
  17. .cm-s-liquibyte .cm-tab {
  18. text-decoration: line-through;
  19. text-decoration-color: #404040;
  20. text-decoration-style: dotted;
  21. }
  22. .cm-s-liquibyte .CodeMirror-gutters { background-color: #262626; border-right: 1px solid #505050; padding-right: 0.8em; }
  23. .cm-s-liquibyte .CodeMirror-gutter-elt div { font-size: 1.2em; }
  24. .cm-s-liquibyte .CodeMirror-guttermarker { }
  25. .cm-s-liquibyte .CodeMirror-guttermarker-subtle { }
  26. .cm-s-liquibyte .CodeMirror-linenumber { color: #606060; padding-left: 0; }
  27. .cm-s-liquibyte .CodeMirror-cursor { border-left: 1px solid #eee; }
  28. .cm-s-liquibyte span.cm-comment { color: #008000; }
  29. .cm-s-liquibyte span.cm-def { color: #ffaf40; font-weight: bold; }
  30. .cm-s-liquibyte span.cm-keyword { color: #c080ff; font-weight: bold; }
  31. .cm-s-liquibyte span.cm-builtin { color: #ffaf40; font-weight: bold; }
  32. .cm-s-liquibyte span.cm-variable { color: #5967ff; font-weight: bold; }
  33. .cm-s-liquibyte span.cm-string { color: #ff8000; }
  34. .cm-s-liquibyte span.cm-number { color: #0f0; font-weight: bold; }
  35. .cm-s-liquibyte span.cm-atom { color: #bf3030; font-weight: bold; }
  36. .cm-s-liquibyte span.cm-variable-2 { color: #007f7f; font-weight: bold; }
  37. .cm-s-liquibyte span.cm-variable-3, .cm-s-liquibyte span.cm-type { color: #c080ff; font-weight: bold; }
  38. .cm-s-liquibyte span.cm-property { color: #999; font-weight: bold; }
  39. .cm-s-liquibyte span.cm-operator { color: #fff; }
  40. .cm-s-liquibyte span.cm-meta { color: #0f0; }
  41. .cm-s-liquibyte span.cm-qualifier { color: #fff700; font-weight: bold; }
  42. .cm-s-liquibyte span.cm-bracket { color: #cc7; }
  43. .cm-s-liquibyte span.cm-tag { color: #ff0; font-weight: bold; }
  44. .cm-s-liquibyte span.cm-attribute { color: #c080ff; font-weight: bold; }
  45. .cm-s-liquibyte span.cm-error { color: #f00; }
  46. .cm-s-liquibyte div.CodeMirror-selected { background-color: rgba(255, 0, 0, 0.25); }
  47. .cm-s-liquibyte span.cm-compilation { background-color: rgba(255, 255, 255, 0.12); }
  48. .cm-s-liquibyte .CodeMirror-activeline-background { background-color: rgba(0, 255, 0, 0.15); }
  49. /* Default styles for common addons */
  50. .cm-s-liquibyte .CodeMirror span.CodeMirror-matchingbracket { color: #0f0; font-weight: bold; }
  51. .cm-s-liquibyte .CodeMirror span.CodeMirror-nonmatchingbracket { color: #f00; font-weight: bold; }
  52. .CodeMirror-matchingtag { background-color: rgba(150, 255, 0, .3); }
  53. /* Scrollbars */
  54. /* Simple */
  55. .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div:hover, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div:hover {
  56. background-color: rgba(80, 80, 80, .7);
  57. }
  58. .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div {
  59. background-color: rgba(80, 80, 80, .3);
  60. border: 1px solid #404040;
  61. border-radius: 5px;
  62. }
  63. .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div {
  64. border-top: 1px solid #404040;
  65. border-bottom: 1px solid #404040;
  66. }
  67. .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div {
  68. border-left: 1px solid #404040;
  69. border-right: 1px solid #404040;
  70. }
  71. .cm-s-liquibyte div.CodeMirror-simplescroll-vertical {
  72. background-color: #262626;
  73. }
  74. .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal {
  75. background-color: #262626;
  76. border-top: 1px solid #404040;
  77. }
  78. /* Overlay */
  79. .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div, div.CodeMirror-overlayscroll-vertical div {
  80. background-color: #404040;
  81. border-radius: 5px;
  82. }
  83. .cm-s-liquibyte div.CodeMirror-overlayscroll-vertical div {
  84. border: 1px solid #404040;
  85. }
  86. .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div {
  87. border: 1px solid #404040;
  88. }