| OLD | NEW |
| 1 /* BASICS */ | 1 /* BASICS */ |
| 2 | 2 |
| 3 .CodeMirror { | 3 .CodeMirror { |
| 4 /* Set height, width, borders, and global font properties here */ | 4 /* Set height, width, borders, and global font properties here */ |
| 5 font-family: monospace; | 5 font-family: monospace; |
| 6 height: 300px; | 6 height: 300px; |
| 7 color: black; | 7 color: black; |
| 8 } | 8 } |
| 9 | 9 |
| 10 /* PADDING */ | 10 /* PADDING */ |
| (...skipping 188 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 199 position: absolute; left: 0; top: 0; | 199 position: absolute; left: 0; top: 0; |
| 200 min-height: 100%; | 200 min-height: 100%; |
| 201 z-index: 3; | 201 z-index: 3; |
| 202 } | 202 } |
| 203 .CodeMirror-gutter { | 203 .CodeMirror-gutter { |
| 204 white-space: normal; | 204 white-space: normal; |
| 205 height: 100%; | 205 height: 100%; |
| 206 display: inline-block; | 206 display: inline-block; |
| 207 vertical-align: top; | 207 vertical-align: top; |
| 208 margin-bottom: -30px; | 208 margin-bottom: -30px; |
| 209 /* Hack to make IE7 behave */ |
| 210 *zoom:1; |
| 211 *display:inline; |
| 209 } | 212 } |
| 210 .CodeMirror-gutter-wrapper { | 213 .CodeMirror-gutter-wrapper { |
| 211 position: absolute; | 214 position: absolute; |
| 212 z-index: 4; | 215 z-index: 4; |
| 213 background: none !important; | 216 background: none !important; |
| 214 border: none !important; | 217 border: none !important; |
| 215 } | 218 } |
| 216 .CodeMirror-gutter-background { | 219 .CodeMirror-gutter-background { |
| 217 position: absolute; | 220 position: absolute; |
| 218 top: 0; bottom: 0; | 221 top: 0; bottom: 0; |
| 219 z-index: 4; | 222 z-index: 4; |
| 220 } | 223 } |
| 221 .CodeMirror-gutter-elt { | 224 .CodeMirror-gutter-elt { |
| 222 position: absolute; | 225 position: absolute; |
| 223 cursor: default; | 226 cursor: default; |
| 224 z-index: 4; | 227 z-index: 4; |
| 225 } | 228 } |
| 226 .CodeMirror-gutter-wrapper ::selection { background-color: transparent } | 229 .CodeMirror-gutter-wrapper { |
| 227 .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent } | 230 -webkit-user-select: none; |
| 231 -moz-user-select: none; |
| 232 user-select: none; |
| 233 } |
| 228 | 234 |
| 229 .CodeMirror-lines { | 235 .CodeMirror-lines { |
| 230 cursor: text; | 236 cursor: text; |
| 231 min-height: 1px; /* prevents collapsing before first draw */ | 237 min-height: 1px; /* prevents collapsing before first draw */ |
| 232 } | 238 } |
| 233 .CodeMirror pre { | 239 .CodeMirror pre { |
| 234 /* Reset some styles that the rest of the page might have set */ | 240 /* Reset some styles that the rest of the page might have set */ |
| 235 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; | 241 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; |
| 236 border-width: 0; | 242 border-width: 0; |
| 237 background: transparent; | 243 background: transparent; |
| 238 font-family: inherit; | 244 font-family: inherit; |
| 239 font-size: inherit; | 245 font-size: inherit; |
| 240 margin: 0; | 246 margin: 0; |
| 241 white-space: pre; | 247 white-space: pre; |
| 242 word-wrap: normal; | 248 word-wrap: normal; |
| 243 line-height: inherit; | 249 line-height: inherit; |
| 244 color: inherit; | 250 color: inherit; |
| 245 z-index: 2; | 251 z-index: 2; |
| 246 position: relative; | 252 position: relative; |
| 247 overflow: visible; | 253 overflow: visible; |
| 248 -webkit-tap-highlight-color: transparent; | 254 -webkit-tap-highlight-color: transparent; |
| 249 -webkit-font-variant-ligatures: contextual; | 255 -webkit-font-variant-ligatures: none; |
| 250 font-variant-ligatures: contextual; | 256 font-variant-ligatures: none; |
| 251 } | 257 } |
| 252 .CodeMirror-wrap pre { | 258 .CodeMirror-wrap pre { |
| 253 word-wrap: break-word; | 259 word-wrap: break-word; |
| 254 white-space: pre-wrap; | 260 white-space: pre-wrap; |
| 255 word-break: normal; | 261 word-break: normal; |
| 256 } | 262 } |
| 257 | 263 |
| 258 .CodeMirror-linebackground { | 264 .CodeMirror-linebackground { |
| 259 position: absolute; | 265 position: absolute; |
| 260 left: 0; right: 0; top: 0; bottom: 0; | 266 left: 0; right: 0; top: 0; bottom: 0; |
| 261 z-index: 0; | 267 z-index: 0; |
| 262 } | 268 } |
| 263 | 269 |
| 264 .CodeMirror-linewidget { | 270 .CodeMirror-linewidget { |
| 265 position: relative; | 271 position: relative; |
| 266 z-index: 2; | 272 z-index: 2; |
| 267 overflow: auto; | 273 overflow: auto; |
| 268 } | 274 } |
| 269 | 275 |
| 270 .CodeMirror-widget {} | 276 .CodeMirror-widget {} |
| 271 | 277 |
| 272 .CodeMirror-rtl pre { direction: rtl; } | |
| 273 | |
| 274 .CodeMirror-code { | 278 .CodeMirror-code { |
| 275 outline: none; | 279 outline: none; |
| 276 } | 280 } |
| 277 | 281 |
| 278 /* Force content-box sizing for the elements where we expect it */ | 282 /* Force content-box sizing for the elements where we expect it */ |
| 279 .CodeMirror-scroll, | 283 .CodeMirror-scroll, |
| 280 .CodeMirror-sizer, | 284 .CodeMirror-sizer, |
| 281 .CodeMirror-gutter, | 285 .CodeMirror-gutter, |
| 282 .CodeMirror-gutters, | 286 .CodeMirror-gutters, |
| 283 .CodeMirror-linenumber { | 287 .CodeMirror-linenumber { |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 316 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } | 320 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } |
| 317 .CodeMirror-crosshair { cursor: crosshair; } | 321 .CodeMirror-crosshair { cursor: crosshair; } |
| 318 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-lin
e > span > span::selection { background: #d7d4f0; } | 322 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-lin
e > span > span::selection { background: #d7d4f0; } |
| 319 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .Code
Mirror-line > span > span::-moz-selection { background: #d7d4f0; } | 323 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .Code
Mirror-line > span > span::-moz-selection { background: #d7d4f0; } |
| 320 | 324 |
| 321 .cm-searching { | 325 .cm-searching { |
| 322 background: #ffa; | 326 background: #ffa; |
| 323 background: rgba(255, 255, 0, .4); | 327 background: rgba(255, 255, 0, .4); |
| 324 } | 328 } |
| 325 | 329 |
| 330 /* IE7 hack to prevent it from returning funny offsetTops on the spans */ |
| 331 .CodeMirror span { *vertical-align: text-bottom; } |
| 332 |
| 326 /* Used to force a border model for a node */ | 333 /* Used to force a border model for a node */ |
| 327 .cm-force-border { padding-right: .1px; } | 334 .cm-force-border { padding-right: .1px; } |
| 328 | 335 |
| 329 @media print { | 336 @media print { |
| 330 /* Hide the cursor when printing */ | 337 /* Hide the cursor when printing */ |
| 331 .CodeMirror div.CodeMirror-cursors { | 338 .CodeMirror div.CodeMirror-cursors { |
| 332 visibility: hidden; | 339 visibility: hidden; |
| 333 } | 340 } |
| 334 } | 341 } |
| 335 | 342 |
| 336 /* See issue #2901 */ | 343 /* See issue #2901 */ |
| 337 .cm-tab-wrap-hack:after { content: ''; } | 344 .cm-tab-wrap-hack:after { content: ''; } |
| 338 | 345 |
| 339 /* Help users use markselection to safely style text background */ | 346 /* Help users use markselection to safely style text background */ |
| 340 span.CodeMirror-selectedtext { background: none; } | 347 span.CodeMirror-selectedtext { background: none; } |
| OLD | NEW |