Note: After saving, you have to
bypass your browser's cache to see the changes.
Internet Explorer: press
Ctrl-F5 ,
Mozilla: hold down
Shift while clicking
Reload (or press
Ctrl-Shift-R ),
Opera/Konqueror: press
F5 ,
Safari: hold down
Shift + Alt while clicking
Reload ,
Chrome: hold down
Shift while clicking
Reload .
. CodeMirror-merge {
position : relative ;
border : 1 px solid #ddd ;
white-space : pre ;
}
. CodeMirror-merge , . CodeMirror-merge . CodeMirror {
height : 350 px ;
}
. CodeMirror-merge-2pane . CodeMirror-merge-pane { width : 47 % ; }
. CodeMirror-merge-2pane . CodeMirror-merge-gap { width : 6 % ; }
. CodeMirror-merge-3pane . CodeMirror-merge-pane { width : 31 % ; }
. CodeMirror-merge-3pane . CodeMirror-merge-gap { width : 3.5 % ; }
. CodeMirror-merge-pane {
display : inline-block ;
white-space : normal ;
vertical-align : top ;
}
. CodeMirror-merge-pane-rightmost {
position : absolute ;
right : 0 px ;
z-index : 1 ;
}
. CodeMirror-merge-gap {
z-index : 2 ;
display : inline-block ;
height : 100 % ;
-moz- box-sizing : border-box ;
box-sizing : border-box ;
overflow : hidden ;
border-left : 1 px solid #ddd ;
border-right : 1 px solid #ddd ;
position : relative ;
background : #f8f8f8 ;
}
. CodeMirror-merge-scrolllock-wrap {
position : absolute ;
bottom : 0 ; left : 50 % ;
}
. CodeMirror-merge-scrolllock {
position : relative ;
left : -50 % ;
cursor : pointer ;
color : #555 ;
line-height : 1 ;
}
. CodeMirror-merge-copybuttons-left , . CodeMirror-merge-copybuttons-right {
position : absolute ;
left : 0 ; top : 0 ;
right : 0 ; bottom : 0 ;
line-height : 1 ;
}
. CodeMirror-merge-copy {
position : absolute ;
cursor : pointer ;
color : #44c ;
}
. CodeMirror-merge-copy-reverse {
position : absolute ;
cursor : pointer ;
color : #44c ;
}
. CodeMirror-merge-copybuttons-left . CodeMirror-merge-copy { left : 2 px ; }
. CodeMirror-merge-copybuttons-right . CodeMirror-merge-copy { right : 2 px ; }
. CodeMirror-merge-r-inserted , . CodeMirror-merge-l-inserted {
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg== );
background-position : bottom left ;
background-repeat : repeat-x ;
}
. CodeMirror-merge-r-deleted , . CodeMirror-merge-l-deleted {
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg== );
background-position : bottom left ;
background-repeat : repeat-x ;
}
. CodeMirror-merge-r-chunk { background : #ffffe0 ; }
. CodeMirror-merge-r-chunk-start { border-top : 1 px solid #ee8 ; }
. CodeMirror-merge-r-chunk-end { border-bottom : 1 px solid #ee8 ; }
. CodeMirror-merge-r-connect { fill : #ffffe0 ; stroke : #ee8 ; stroke-width : 1 px ; }
. CodeMirror-merge-l-chunk { background : #eef ; }
. CodeMirror-merge-l-chunk-start { border-top : 1 px solid #88e ; }
. CodeMirror-merge-l-chunk-end { border-bottom : 1 px solid #88e ; }
. CodeMirror-merge-l-connect { fill : #eef ; stroke : #88e ; stroke-width : 1 px ; }
. CodeMirror-merge-l-chunk . CodeMirror-merge-r-chunk { background : #dfd ; }
. CodeMirror-merge-l-chunk-start . CodeMirror-merge-r-chunk-start { border-top : 1 px solid #4e4 ; }
. CodeMirror-merge-l-chunk-end . CodeMirror-merge-r-chunk-end { border-bottom : 1 px solid #4e4 ; }
. CodeMirror-merge-collapsed-widget : before {
content : "(...)" ;
}
. CodeMirror-merge-collapsed-widget {
cursor : pointer ;
color : #88b ;
background : #eef ;
border : 1 px solid #ddf ;
font-size : 90 % ;
padding : 0 3 px ;
border-radius : 4 px ;
}
. CodeMirror-merge-collapsed-line . CodeMirror-gutter-elt { display : none ; }