CSS   48

twilight css

Guest on 12th August 2022 12:39:31 AM

  1. /*
  2. Name: Twilight
  3. Description: Dark and elegant.
  4. Version: 1.4
  5. Author: Aram Kocharyan
  6. URL: http://aramk.com/
  7. */
  8. .crayon-theme-twilight {
  9.         text-shadow: none !important;
  10.         color: #fff;
  11.         background: #2d2d2d !important;
  12.         border-style: solid !important;
  13.         border-width: 1px !important;
  14.         border-color: #333 !important;
  15. }
  16. .crayon-theme-twilight .crayon-code {
  17.         background: #2d2d2d !important;
  18. }
  19. .crayon-theme-twilight-inline {
  20.         background: #333 !important;
  21.         border-style: solid !important;
  22.         border-width: 1px !important;
  23.         border-color: #333 !important;
  24. }
  25. .crayon-theme-twilight span {
  26.         color: #999 !important;
  27. }
  28. .crayon-theme-twilight .crayon-table .crayon-nums {
  29.         color: #333 !important;
  30.         background: #909090 !important;
  31.         border-right-style: solid !important;
  32.         border-right-width: 1px !important;
  33.         border-right-color: #333 !important;
  34. }
  35. .crayon-theme-twilight .crayon-striped-line {
  36.         background: #343434 !important;
  37.         border-width: 1px !important;
  38.         border-color: #171717 !important;
  39. }
  40. .crayon-theme-twilight .crayon-striped-num {
  41.         background: #aaa !important;
  42.         color: #555 !important;
  43.         border-width: 1px !important;
  44.         border-color: #CCC !important;
  45. }
  46. .crayon-theme-twilight .crayon-marked-line {
  47.         background: #484844 !important;
  48.         border-width: 1px !important;
  49.         border-color: #222 !important;
  50. }
  51. .crayon-theme-twilight .crayon-marked-num {
  52.         color: #555 !important;
  53.         background: #bbb !important;
  54.         border-width: 1px !important;
  55.         border-color: #777 !important;
  56. }
  57. .crayon-theme-twilight .crayon-marked-line.crayon-striped-line {
  58.         background: #51514d !important;
  59. }
  60. .crayon-theme-twilight .crayon-marked-num.crayon-striped-num {
  61.         background: #ccc !important;
  62.         color: #888 !important;
  63. }
  64. .crayon-theme-twilight .crayon-marked-line.crayon-top {
  65.         border-top-style: solid !important;
  66. }
  67. .crayon-theme-twilight .crayon-marked-num.crayon-top {
  68.         border-top-style: solid !important;
  69. }
  70. .crayon-theme-twilight .crayon-marked-line.crayon-bottom {
  71.         border-bottom-style: solid !important;
  72. }
  73. .crayon-theme-twilight .crayon-marked-num.crayon-bottom {
  74.         border-bottom-style: solid !important;
  75. }
  76. .crayon-theme-twilight .crayon-info {
  77.         background: #faf9d7 !important;
  78.         color: #7e7d34 !important;
  79.         border-bottom-style: solid !important;
  80.         border-bottom-width: 1px !important;
  81.         border-bottom-color: #b1af5e !important;
  82. }
  83. .crayon-theme-twilight .crayon-toolbar {
  84.         background: #b2b2b2 !important;
  85.         border-bottom-style: solid !important;
  86.         border-bottom-width: 1px !important;
  87.         border-bottom-color: #666 !important;
  88. }
  89. .crayon-theme-twilight .crayon-toolbar > div {
  90.         float: left !important;
  91. }
  92. .crayon-theme-twilight .crayon-toolbar .crayon-tools {
  93.         float: right !important;
  94. }
  95. .crayon-theme-twilight .crayon-title {
  96.         color: #333 !important;
  97. }
  98. .crayon-theme-twilight .crayon-language {
  99.         color: #666 !important;
  100. }
  101. .crayon-theme-twilight .crayon-toolbar .crayon-mixed-highlight {
  102.         background-position: -24px center;
  103. }
  104. .crayon-theme-twilight .crayon-button {
  105.         background-color: transparent !important;
  106. }
  107. .crayon-theme-twilight .crayon-button:hover {
  108.         background-color: #ccc !important;
  109.         color: #666;
  110. }
  111. .crayon-theme-twilight .crayon-button.crayon-pressed:hover {
  112.         background-color: #ccc !important;
  113.         color: #666;
  114. }
  115. .crayon-theme-twilight .crayon-button.crayon-pressed {
  116.         background-color: #999 !important;
  117.         color: #ccc;
  118. }
  119. .crayon-theme-twilight .crayon-button.crayon-pressed:active {
  120.         background-color: #999 !important;
  121.         color: #ccc;
  122. }
  123. .crayon-theme-twilight .crayon-button:active {
  124.         background-color: #999 !important;
  125.         color: #ccc;
  126. }
  127. .crayon-theme-twilight .crayon-pre .crayon-c {
  128.         color: #7f7b80 !important;
  129. }
  130. .crayon-theme-twilight .crayon-pre .crayon-p {
  131.         color: #a19ba2 !important;
  132. }
  133. .crayon-theme-twilight .crayon-pre .crayon-s {
  134.         color: #a0ab83 !important;
  135. }
  136. .crayon-theme-twilight .crayon-pre .crayon-k {
  137.         color: #d8b584 !important;
  138. }
  139. .crayon-theme-twilight .crayon-pre .crayon-st {
  140.         color: #d8b584 !important;
  141. }
  142. .crayon-theme-twilight .crayon-pre .crayon-r {
  143.         color: #d8b584 !important;
  144. }
  145. .crayon-theme-twilight .crayon-pre .crayon-t {
  146.         color: #d8b584 !important;
  147. }
  148. .crayon-theme-twilight .crayon-pre .crayon-m {
  149.         color: #d8b584 !important;
  150. }
  151. .crayon-theme-twilight .crayon-pre .crayon-ta {
  152.         color: #AAA !important;
  153. }
  154. .crayon-theme-twilight .crayon-pre .crayon-i {
  155.         color: #fbefb1 !important;
  156. }
  157. .crayon-theme-twilight .crayon-pre .crayon-v {
  158.         color: #879ab2 !important;
  159. }
  160. .crayon-theme-twilight .crayon-pre .crayon-e {
  161.         color: #ad8258 !important;
  162. }
  163. .crayon-theme-twilight .crayon-pre .crayon-cn {
  164.         color: #db7e64 !important;
  165. }
  166. .crayon-theme-twilight .crayon-pre .crayon-o {
  167.         color: #ac99ab !important;
  168. }
  169. .crayon-theme-twilight .crayon-pre .crayon-h {
  170.         color: #ac99ab !important;
  171. }
  172. .crayon-theme-twilight .crayon-pre .crayon-sy {
  173.         color: #ac99ab !important;
  174. }
  175. .crayon-theme-twilight .crayon-pre .crayon-n {
  176.         color: #726e73 !important;
  177.         font-style: italic !important;
  178. }
  179. .crayon-theme-twilight .crayon-pre .crayon-f {
  180.         color: #595959 !important;
  181. }
  182. .crayon-theme-twilight .crayon-pre {
  183.         color: #ffffff !important;
  184. }

Raw Paste


Login or Register to edit or fork this paste. It's free.