httemplate/elements/ckeditor/samples/toolbarconfigurator/lib/codemirror/codemirror.css

   1 /* BASICS */\r
   2 \r
   3 .CodeMirror {\r
   4   /* Set height, width, borders, and global font properties here */\r
   5   font-family: monospace;\r
   6   height: 300px;\r
   7   color: black;\r
   8 }\r
   9 \r
  10 /* PADDING */\r
  11 \r
  12 .CodeMirror-lines {\r
  13   padding: 4px 0; /* Vertical padding around content */\r
  14 }\r
  15 .CodeMirror pre {\r
  16   padding: 0 4px; /* Horizontal padding of content */\r
  17 }\r
  18 \r
  19 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r
  20   background-color: white; /* The little square between H and V scrollbars */\r
  21 }\r
  22 \r
  23 /* GUTTER */\r
  24 \r
  25 .CodeMirror-gutters {\r
  26   border-right: 1px solid #ddd;\r
  27   background-color: #f7f7f7;\r
  28   white-space: nowrap;\r
  29 }\r
  30 .CodeMirror-linenumbers {}\r
  31 .CodeMirror-linenumber {\r
  32   padding: 0 3px 0 5px;\r
  33   min-width: 20px;\r
  34   text-align: right;\r
  35   color: #999;\r
  36   white-space: nowrap;\r
  37 }\r
  38 \r
  39 .CodeMirror-guttermarker { color: black; }\r
  40 .CodeMirror-guttermarker-subtle { color: #999; }\r
  41 \r
  42 /* CURSOR */\r
  43 \r
  44 .CodeMirror div.CodeMirror-cursor {\r
  45   border-left: 1px solid black;\r
  46 }\r
  47 /* Shown when moving in bi-directional text */\r
  48 .CodeMirror div.CodeMirror-secondarycursor {\r
  49   border-left: 1px solid silver;\r
  50 }\r
  51 .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\r
  52   width: auto;\r
  53   border: 0;\r
  54   background: #7e7;\r
  55 }\r
  56 .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\r
  57   z-index: 1;\r
  58 }\r
  59 \r
  60 .cm-animate-fat-cursor {\r
  61   width: auto;\r
  62   border: 0;\r
  63   -webkit-animation: blink 1.06s steps(1) infinite;\r
  64   -moz-animation: blink 1.06s steps(1) infinite;\r
  65   animation: blink 1.06s steps(1) infinite;\r
  66 }\r
  67 @-moz-keyframes blink {\r
  68   0% { background: #7e7; }\r
  69   50% { background: none; }\r
  70   100% { background: #7e7; }\r
  71 }\r
  72 @-webkit-keyframes blink {\r
  73   0% { background: #7e7; }\r
  74   50% { background: none; }\r
  75   100% { background: #7e7; }\r
  76 }\r
  77 @keyframes blink {\r
  78   0% { background: #7e7; }\r
  79   50% { background: none; }\r
  80   100% { background: #7e7; }\r
  81 }\r
  82 \r
  83 /* Can style cursor different in overwrite (non-insert) mode */\r
  84 div.CodeMirror-overwrite div.CodeMirror-cursor {}\r
  85 \r
  86 .cm-tab { display: inline-block; text-decoration: inherit; }\r
  87 \r
  88 .CodeMirror-ruler {\r
  89   border-left: 1px solid #ccc;\r
  90   position: absolute;\r
  91 }\r
  92 \r
  93 /* DEFAULT THEME */\r
  94 \r
  95 .cm-s-default .cm-keyword {color: #708;}\r
  96 .cm-s-default .cm-atom {color: #219;}\r
  97 .cm-s-default .cm-number {color: #164;}\r
  98 .cm-s-default .cm-def {color: #00f;}\r
  99 .cm-s-default .cm-variable,\r
 100 .cm-s-default .cm-punctuation,\r
 101 .cm-s-default .cm-property,\r
 102 .cm-s-default .cm-operator {}\r
 103 .cm-s-default .cm-variable-2 {color: #05a;}\r
 104 .cm-s-default .cm-variable-3 {color: #085;}\r
 105 .cm-s-default .cm-comment {color: #a50;}\r
 106 .cm-s-default .cm-string {color: #a11;}\r
 107 .cm-s-default .cm-string-2 {color: #f50;}\r
 108 .cm-s-default .cm-meta {color: #555;}\r
 109 .cm-s-default .cm-qualifier {color: #555;}\r
 110 .cm-s-default .cm-builtin {color: #30a;}\r
 111 .cm-s-default .cm-bracket {color: #997;}\r
 112 .cm-s-default .cm-tag {color: #170;}\r
 113 .cm-s-default .cm-attribute {color: #00c;}\r
 114 .cm-s-default .cm-header {color: blue;}\r
 115 .cm-s-default .cm-quote {color: #090;}\r
 116 .cm-s-default .cm-hr {color: #999;}\r
 117 .cm-s-default .cm-link {color: #00c;}\r
 118 \r
 119 .cm-negative {color: #d44;}\r
 120 .cm-positive {color: #292;}\r
 121 .cm-header, .cm-strong {font-weight: bold;}\r
 122 .cm-em {font-style: italic;}\r
 123 .cm-link {text-decoration: underline;}\r
 124 .cm-strikethrough {text-decoration: line-through;}\r
 125 \r
 126 .cm-s-default .cm-error {color: #f00;}\r
 127 .cm-invalidchar {color: #f00;}\r
 128 \r
 129 .CodeMirror-composing { border-bottom: 2px solid; }\r
 130 \r
 131 /* Default styles for common addons */\r
 132 \r
 133 div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\r
 134 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\r
 135 .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\r
 136 .CodeMirror-activeline-background {background: #e8f2ff;}\r
 137 \r
 138 /* STOP */\r
 139 \r
 140 /* The rest of this file contains styles related to the mechanics of\r
 141    the editor. You probably shouldn't touch them. */\r
 142 \r
 143 .CodeMirror {\r
 144   position: relative;\r
 145   overflow: hidden;\r
 146   background: white;\r
 147 }\r
 148 \r
 149 .CodeMirror-scroll {\r
 150   overflow: scroll !important; /* Things will break if this is overridden */\r
 151   /* 30px is the magic margin used to hide the element's real scrollbars */\r
 152   /* See overflow: hidden in .CodeMirror */\r
 153   margin-bottom: -30px; margin-right: -30px;\r
 154   padding-bottom: 30px;\r
 155   height: 100%;\r
 156   outline: none; /* Prevent dragging from highlighting the element */\r
 157   position: relative;\r
 158 }\r
 159 .CodeMirror-sizer {\r
 160   position: relative;\r
 161   border-right: 30px solid transparent;\r
 162 }\r
 163 \r
 164 /* The fake, visible scrollbars. Used to force redraw during scrolling\r
 165    before actuall scrolling happens, thus preventing shaking and\r
 166    flickering artifacts. */\r
 167 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r
 168   position: absolute;\r
 169   z-index: 6;\r
 170   display: none;\r
 171 }\r
 172 .CodeMirror-vscrollbar {\r
 173   right: 0; top: 0;\r
 174   overflow-x: hidden;\r
 175   overflow-y: scroll;\r
 176 }\r
 177 .CodeMirror-hscrollbar {\r
 178   bottom: 0; left: 0;\r
 179   overflow-y: hidden;\r
 180   overflow-x: scroll;\r
 181 }\r
 182 .CodeMirror-scrollbar-filler {\r
 183   right: 0; bottom: 0;\r
 184 }\r
 185 .CodeMirror-gutter-filler {\r
 186   left: 0; bottom: 0;\r
 187 }\r
 188 \r
 189 .CodeMirror-gutters {\r
 190   position: absolute; left: 0; top: 0;\r
 191   z-index: 3;\r
 192 }\r
 193 .CodeMirror-gutter {\r
 194   white-space: normal;\r
 195   height: 100%;\r
 196   display: inline-block;\r
 197   margin-bottom: -30px;\r
 198   /* Hack to make IE7 behave */\r
 199   *zoom:1;\r
 200   *display:inline;\r
 201 }\r
 202 .CodeMirror-gutter-wrapper {\r
 203   position: absolute;\r
 204   z-index: 4;\r
 205   height: 100%;\r
 206 }\r
 207 .CodeMirror-gutter-elt {\r
 208   position: absolute;\r
 209   cursor: default;\r
 210   z-index: 4;\r
 211 }\r
 212 .CodeMirror-gutter-wrapper {\r
 213   -webkit-user-select: none;\r
 214   -moz-user-select: none;\r
 215   user-select: none;\r
 216 }\r
 217 \r
 218 .CodeMirror-lines {\r
 219   cursor: text;\r
 220   min-height: 1px; /* prevents collapsing before first draw */\r
 221 }\r
 222 .CodeMirror pre {\r
 223   /* Reset some styles that the rest of the page might have set */\r
 224   -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\r
 225   border-width: 0;\r
 226   background: transparent;\r
 227   font-family: inherit;\r
 228   font-size: inherit;\r
 229   margin: 0;\r
 230   white-space: pre;\r
 231   word-wrap: normal;\r
 232   line-height: inherit;\r
 233   color: inherit;\r
 234   z-index: 2;\r
 235   position: relative;\r
 236   overflow: visible;\r
 237   -webkit-tap-highlight-color: transparent;\r
 238 }\r
 239 .CodeMirror-wrap pre {\r
 240   word-wrap: break-word;\r
 241   white-space: pre-wrap;\r
 242   word-break: normal;\r
 243 }\r
 244 \r
 245 .CodeMirror-linebackground {\r
 246   position: absolute;\r
 247   left: 0; right: 0; top: 0; bottom: 0;\r
 248   z-index: 0;\r
 249 }\r
 250 \r
 251 .CodeMirror-linewidget {\r
 252   position: relative;\r
 253   z-index: 2;\r
 254   overflow: auto;\r
 255 }\r
 256 \r
 257 .CodeMirror-widget {}\r
 258 \r
 259 .CodeMirror-code {\r
 260   outline: none;\r
 261 }\r
 262 \r
 263 /* Force content-box sizing for the elements where we expect it */\r
 264 .CodeMirror-scroll,\r
 265 .CodeMirror-sizer,\r
 266 .CodeMirror-gutter,\r
 267 .CodeMirror-gutters,\r
 268 .CodeMirror-linenumber {\r
 269   -moz-box-sizing: content-box;\r
 270   box-sizing: content-box;\r
 271 }\r
 272 \r
 273 .CodeMirror-measure {\r
 274   position: absolute;\r
 275   width: 100%;\r
 276   height: 0;\r
 277   overflow: hidden;\r
 278   visibility: hidden;\r
 279 }\r
 280 .CodeMirror-measure pre { position: static; }\r
 281 \r
 282 .CodeMirror div.CodeMirror-cursor {\r
 283   position: absolute;\r
 284   border-right: none;\r
 285   width: 0;\r
 286 }\r
 287 \r
 288 div.CodeMirror-cursors {\r
 289   visibility: hidden;\r
 290   position: relative;\r
 291   z-index: 3;\r
 292 }\r
 293 .CodeMirror-focused div.CodeMirror-cursors {\r
 294   visibility: visible;\r
 295 }\r
 296 \r
 297 .CodeMirror-selected { background: #d9d9d9; }\r
 298 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\r
 299 .CodeMirror-crosshair { cursor: crosshair; }\r
 300 .CodeMirror ::selection { background: #d7d4f0; }\r
 301 .CodeMirror ::-moz-selection { background: #d7d4f0; }\r
 302 \r
 303 .cm-searching {\r
 304   background: #ffa;\r
 305   background: rgba(255, 255, 0, .4);\r
 306 }\r
 307 \r
 308 /* IE7 hack to prevent it from returning funny offsetTops on the spans */\r
 309 .CodeMirror span { *vertical-align: text-bottom; }\r
 310 \r
 311 /* Used to force a border model for a node */\r
 312 .cm-force-border { padding-right: .1px; }\r
 313 \r
 314 @media print {\r
 315   /* Hide the cursor when printing */\r
 316   .CodeMirror div.CodeMirror-cursors {\r
 317     visibility: hidden;\r
 318   }\r
 319 }\r
 320 \r
 321 /* See issue #2901 */\r
 322 .cm-tab-wrap-hack:after { content: ''; }\r
 323 \r
 324 /* Help users use markselection to safely style text background */\r
 325 span.CodeMirror-selectedtext { background: none; }\r