12
12
div .column {display : inline-block; vertical-align : top; width : 50% ;}
13
13
</ style >
14
14
< style >
15
- a . sourceLine { display : inline-block; line-height : 1.25 ; }
16
- a . sourceLine { pointer-events : none; color : inherit; text-decoration : inherit; }
17
- a . sourceLine : empty { height : 1.2em ; }
15
+ code . sourceCode > span { display : inline-block; line-height : 1.25 ; }
16
+ code . sourceCode > span { color : inherit; text-decoration : inherit; }
17
+ code . sourceCode > span : empty { height : 1.2em ; }
18
18
.sourceCode { overflow : visible; }
19
19
code .sourceCode { white-space : pre; position : relative; }
20
20
div .sourceCode { margin : 1em 0 ; }
24
24
}
25
25
@media print {
26
26
code .sourceCode { white-space : pre-wrap; }
27
- a .sourceLine { text-indent : -1em ; padding-left : 1em ; }
28
- }
29
- pre .numberSource a .sourceLine
30
- { position : relative; left : -4em ; }
31
- pre .numberSource a .sourceLine ::before
32
- { content : attr (title);
27
+ code .sourceCode > span { text-indent : -5em ; padding-left : 5em ; }
28
+ }
29
+ pre .numberSource code
30
+ { counter-reset : source-line 0 ; }
31
+ pre .numberSource code > span
32
+ { position : relative; left : -4em ; counter-increment : source-line; }
33
+ pre .numberSource code > span > a : first-child ::before
34
+ { content : counter (source-line);
33
35
position : relative; left : -1em ; text-align : right; vertical-align : baseline;
34
- border : none; pointer-events : all; display : inline-block;
36
+ border : none; display : inline-block;
35
37
-webkit-touch-callout : none; -webkit-user-select : none;
36
38
-khtml-user-select : none; -moz-user-select : none;
37
39
-ms-user-select : none; user-select : none;
43
45
div .sourceCode
44
46
{ color : # 1f1c1b ; background-color : # ffffff ; }
45
47
@media screen {
46
- a . sourceLine ::before { text-decoration : underline; }
48
+ code . sourceCode > span > a : first-child ::before { text-decoration : underline; }
47
49
}
48
50
code span . { color : # 1f1c1b ; } /* Normal */
49
51
code span .al { color : # bf0303 ; background-color : # f7e6e6 ; font-weight : bold; } /* Alert */
683
685
< h1 id ="oldnew-title "> < del > Old</ del > < ins > New</ ins > Title</ h1 >
684
686
< p >
685
687
< del >
686
- < img src ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVEiJ7dZNSsRAEIbhRxEcdOHvzp/Bu4jIHEZwJYLgrRR3uhU36g2MS0cdL6CLTGBoE7uT9ELBDwoKUl1vviLdHf7VUXOJdSsY4QA7WMU7ClzhEpM+LzLAKT7w+UNMcILFLpA9PEYAYTxM1yVriOeWkCoK5XijWu7gJIx7LMVA5z0hVZzF3LxlAr3OupoPQCPlp5tDazhsAu1ngnzrtxA82K0pTt3UlCOb1bBKQkfrLZqmaKMJNM4MeqmScHRFTXE4jjZ6qpLQ0UWPpnVq7JdzH41FTofjTKCjmN0B7npCbiVeGdv6nd5bKZBKm7hpCbmermutbDfsr/ln+Hv6AquXyIvRl+dgAAAAAElFTkSuQmCC " alt ="image " />
688
+ < img src ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVEiJ7dZNSsRAEIbhRxEcdOHvzp/Bu4jIHEZwJYLgrRR3uhU36g2MS0cdL6CLTGBoE7uT9ELBDwoKUl1vviLdHf7VUXOJdSsY4QA7WMU7ClzhEpM+LzLAKT7w+UNMcILFLpA9PEYAYTxM1yVriOeWkCoK5XijWu7gJIx7LMVA5z0hVZzF3LxlAr3OupoPQCPlp5tDazhsAu1ngnzrtxA82K0pTt3UlCOb1bBKQkfrLZqmaKMJNM4MeqmScHRFTXE4jjZ6qpLQ0UWPpnVq7JdzH41FTofjTKCjmN0B7npCbiVeGdv6nd5bKZBKm7hpCbmermutbDfsr/ln+Hv6AquXyIvRl+dgAAAAAElFTkSuQmCC " title =" fig: " alt ="image " />
687
689
</ del >
688
690
</ p >
689
691
< p >
690
692
< ins >
691
- < img src ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEGSURBVEiJ7ZZLagJBEIY/JaDowqjZGR1ylxCChxFcafBeSnbJVtxobpDJMpPEXEAXY4OUTld32wsFfyhoqMc3VUw/4KpAlRzjGkAfeAK6wC3wB6TAKzAD1qd8SBV4Af6BjcXWwAiohEAegA8FIG21y3NWAnx5Qoyl5ONVVQ/oRNoSqGmgiVJkX7a4sdbNbyTQz35XZZHYJ/91Y6gJPBeBHiNBDurdCEfvSLBtU0ufHG1iFrKjlqVoiNpFoCwy6Nss5OjSI8FyHCWLT+rTLGRHUyXRV4X1Yu6jDOV0GEYCDWwQyK+GhVJEszmOV8Y9p53eHReI0R3w7gl52+V5K9oNezZvhsvTFpjWvZBjdHnSAAAAAElFTkSuQmCC " alt ="image " />
693
+ < img src ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEGSURBVEiJ7ZZLagJBEIY/JaDowqjZGR1ylxCChxFcafBeSnbJVtxobpDJMpPEXEAXY4OUTld32wsFfyhoqMc3VUw/4KpAlRzjGkAfeAK6wC3wB6TAKzAD1qd8SBV4Af6BjcXWwAiohEAegA8FIG21y3NWAnx5Qoyl5ONVVQ/oRNoSqGmgiVJkX7a4sdbNbyTQz35XZZHYJ/91Y6gJPBeBHiNBDurdCEfvSLBtU0ufHG1iFrKjlqVoiNpFoCwy6Nss5OjSI8FyHCWLT+rTLGRHUyXRV4X1Yu6jDOV0GEYCDWwQyK+GhVJEszmOV8Y9p53eHReI0R3w7gl52+V5K9oNezZvhsvTFpjWvZBjdHnSAAAAAElFTkSuQmCC " title =" fig: " alt ="image " />
692
694
</ ins >
693
695
</ p >
694
696
< ol type ="1 ">
@@ -699,10 +701,10 @@ <h1 id="oldnew-title"><del>Old</del><ins>New</ins> Title</h1>
699
701
< li > Lorem< del > ipsum</ del > dolor sit amet</ li >
700
702
</ ol >
701
703
< p > I really love < em > italic < del > fonts</ del > < ins > font-styles</ ins > </ em > < del > here.</ del > < ins > there.</ ins > </ p >
702
- < div class ="sourceCode " id ="cb1 "> < pre class ="sourceCode diff "> < code class ="sourceCode diff "> < a class =" sourceLine " id ="cb1-1 " title =" 1 "> print("Hello")</ a >
703
- < a class =" sourceLine " id ="cb1-2 " title =" 2 "> < span class ="st "> -print("world.")</ span > </ a >
704
- < a class =" sourceLine " id ="cb1-3 " title =" 3 "> < span class ="va "> +print("world!")</ span > </ a >
705
- < a class =" sourceLine " id ="cb1-4 " title =" 4 "> print("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt")</ a > </ code > </ pre > </ div >
704
+ < div class ="sourceCode " id ="cb1 "> < pre class ="sourceCode diff "> < code class ="sourceCode diff "> < span id ="cb1-1 "> < a href =" #cb1- 1 "> </ a > print("Hello")</ span >
705
+ < span id ="cb1-2 "> < a href =" #cb1- 2 "> </ a > < span class ="st "> -print("world.")</ span > </ span >
706
+ < span id ="cb1-3 "> < a href =" #cb1- 3 "> </ a > < span class ="va "> +print("world!")</ span > </ span >
707
+ < span id ="cb1-4 "> < a href =" #cb1- 4 "> </ a > print("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt")</ span > </ code > </ pre > </ div >
706
708
< p > Don’t go around saying < del > to people that </ del > the world owes you a living. The world owes you nothing. It was here first. < del > One</ del > < ins > Only one</ ins > thing is impossible for God: To find< ins > any</ ins > sense in any copyright law on the planet. Truth is stranger than fiction, but it is because Fiction is obliged to stick to possibilities; Truth isn’t.</ p >
707
709
</ article >
708
710
</ body >
0 commit comments