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