Skip to content

Commit 15da289

Browse files
fstachurafstachura
committed
css changes
1 parent 49dcada commit 15da289

2 files changed

Lines changed: 115 additions & 74 deletions

File tree

‎elixir/web_utils.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ def mark_lines(self, source, num, css_class):
115115

116116
def yield_empty(self, num):
117117
for _ in range(num):
118-
yield 0, '<span class="diff-line">\n</span>'
118+
yield 0, '<span class="diff-line">&nbsp;\n</span>'
119119

120120
def wrap_diff(self, source):
121121
next_diff, diff_num, next_diff_line = self.get_next_diff_line(0, None)

‎static/style.css‎

Lines changed: 114 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -822,27 +822,40 @@ h2 {
822822
display: block;
823823
}
824824

825+
.diff .highlight pre span:first-child {
826+
}
827+
825828
.line-added {
826829
width: 100%;
827830
height: 100%;
828-
background: rgba(0, 255, 0, 128);
831+
background: #C2FFAD;
829832
display: block;
830833
}
831834

832835
.line-removed {
833836
width: 100%;
834837
height: 100%;
835-
background: #B85A5A;
838+
background: #fcc0c0;
836839
display: block;
837840
}
838841

839842
span[id^='codeline-'] {
840843
display: block;
841844
padding-left: 1em;
845+
width: 100%;
846+
height: 100%;
842847
}
843848

844-
span[id^='codeline-'] .linenos {
849+
.diff span[id^='codeline-'] {
850+
padding-left: unset;
851+
}
852+
853+
.diff span[id^='codeline-'] > a {
845854
background: #e9e9e9;
855+
color: #999;
856+
padding-left: 1em;
857+
padding-right: 1em;
858+
margin-right: 1em;
846859
width: 100%;
847860
height: 100%;
848861
}
@@ -893,6 +906,12 @@ span[id^='codeline-'].line-highlight {
893906
outline-offset: -1px;
894907
}
895908

909+
.highlight pre {
910+
padding-top: 0;
911+
}
912+
.highlight pre span:first-child {
913+
}
914+
896915
.highlight .code a {
897916
color: inherit;
898917
font-weight: 700;
@@ -903,6 +922,28 @@ span[id^='codeline-'].line-highlight {
903922
border-bottom: 1px dotted #000;
904923
}
905924

925+
.highlight a {
926+
color: inherit;
927+
font-weight: 700;
928+
background: linear-gradient(to bottom, #0000 10%, #f4f6ff 10%, #f4f6ff 90%, #0000 90%);
929+
border-radius: 0.2em;
930+
}
931+
.highlight .line-removed a {
932+
background: unset;
933+
}
934+
.highlight .line-added a {
935+
background: unset;
936+
}
937+
.highlight a:hover {
938+
border-bottom: 1px dotted #000;
939+
}
940+
941+
.highlight a .linenos {
942+
font-weight: normal;
943+
border-radius: 0;
944+
background: none;
945+
}
946+
906947
.code > div {
907948
height: 100%;
908949
}
@@ -995,76 +1036,76 @@ span[id^='codeline-'].line-highlight {
9951036
hyphens: none;
9961037
}
9971038

998-
.highlight .code .hll { background-color: #ffffcc }
999-
.highlight .code { background: #ffffff }
1000-
.highlight .code .c { color: slategray; font-style: italic; } /* Comment */
1001-
.highlight .code .err { color: #FF0000; background-color: #FFAAAA } /* Error */
1002-
.highlight .code .k { color: #008800 } /* Keyword */
1003-
.highlight .code .o { color: #666 } /* Operator */
1004-
.highlight .code .ch { color: #888888 } /* Comment.Hashbang */
1005-
.highlight .code .cm { color: slategray; font-style: italic; } /* Comment.Multiline */
1006-
.highlight .code .cp { color: #557799 } /* Comment.Preproc */
1007-
.highlight .code .cpf { color: #888888 } /* Comment.PreprocFile */
1008-
.highlight .code .c1 { color: slategray; font-style: italic; } /* Comment.Single */
1009-
.highlight .code .cs { color: #cc0000 } /* Comment.Special */
1010-
.highlight .code .gd { color: #A00000 } /* Generic.Deleted */
1011-
.highlight .code .ge { font-style: italic } /* Generic.Emph */
1012-
.highlight .code .gr { color: #FF0000 } /* Generic.Error */
1013-
.highlight .code .gh { color: #000080 } /* Generic.Heading */
1014-
.highlight .code .gi { color: #00A000 } /* Generic.Inserted */
1015-
.highlight .code .go { color: #888888 } /* Generic.Output */
1016-
.highlight .code .gp { color: #c65d09 } /* Generic.Prompt */
1017-
.highlight .code .gs { font-weight: bold } /* Generic.Strong */
1018-
.highlight .code .gu { color: #800080 } /* Generic.Subheading */
1019-
.highlight .code .gt { color: #0044DD } /* Generic.Traceback */
1020-
.highlight .code .kc { color: #008800 } /* Keyword.Constant */
1021-
.highlight .code .kd { color: #008800 } /* Keyword.Declaration */
1022-
.highlight .code .kn { color: #008800 } /* Keyword.Namespace */
1023-
.highlight .code .kp { color: #003388 } /* Keyword.Pseudo */
1024-
.highlight .code .kr { color: #008800 } /* Keyword.Reserved */
1025-
.highlight .code .kt { color: #333399 } /* Keyword.Type */
1026-
.highlight .code .m { color: #6600EE } /* Literal.Number */
1027-
.highlight .code .s { color: #de7f00 } /* Literal.String */
1028-
.highlight .code .na { color: #0000CC } /* Name.Attribute */
1029-
.highlight .code .nb { color: #007020 } /* Name.Builtin */
1030-
.highlight .code .nc { color: #BB0066 } /* Name.Class */
1031-
.highlight .code .no { color: #003366 } /* Name.Constant */
1032-
.highlight .code .nd { color: #555555 } /* Name.Decorator */
1033-
.highlight .code .ni { color: #880000 } /* Name.Entity */
1034-
.highlight .code .ne { color: #FF0000 } /* Name.Exception */
1035-
.highlight .code .nf { color: #0066BB } /* Name.Function */
1036-
.highlight .code .nl { color: #997700 } /* Name.Label */
1037-
.highlight .code .nn { color: #0e84b5 } /* Name.Namespace */
1038-
.highlight .code .nt { color: #007700 } /* Name.Tag */
1039-
.highlight .code .nv { color: #996633 } /* Name.Variable */
1040-
.highlight .code .ow { color: #000000 } /* Operator.Word */
1041-
.highlight .code .p { color: #666 } /* Text.Punctuation */
1042-
.highlight .code .w { color: #bbbbbb } /* Text.Whitespace */
1043-
.highlight .code .mb { color: #6600EE } /* Literal.Number.Bin */
1044-
.highlight .code .mf { color: #6600EE } /* Literal.Number.Float */
1045-
.highlight .code .mh { color: #005588 } /* Literal.Number.Hex */
1046-
.highlight .code .mi { color: #0000DD } /* Literal.Number.Integer */
1047-
.highlight .code .mo { color: #4400EE } /* Literal.Number.Oct */
1048-
.highlight .code .sa { color: #de7f00 } /* Literal.String.Affix */
1049-
.highlight .code .sb { color: #de7f00 } /* Literal.String.Backtick */
1050-
.highlight .code .sc { color: #de7f00 } /* Literal.String.Char */
1051-
.highlight .code .dl { color: #de7f00 } /* Literal.String.Delimiter */
1052-
.highlight .code .sd { color: #a29900 } /* Literal.String.Doc */
1053-
.highlight .code .s2 { color: #de7f00 } /* Literal.String.Double */
1054-
.highlight .code .se { color: #a29900 } /* Literal.String.Escape */
1055-
.highlight .code .sh { color: #de7f00 } /* Literal.String.Heredoc */
1056-
.highlight .code .si { color: #de7f00 } /* Literal.String.Interpol */
1057-
.highlight .code .sx { color: #de7f00 } /* Literal.String.Other */
1058-
.highlight .code .sr { color: #a29900 } /* Literal.String.Regex */
1059-
.highlight .code .s1 { color: #de7f00 } /* Literal.String.Single */
1060-
.highlight .code .ss { color: #a29900 } /* Literal.String.Symbol */
1061-
.highlight .code .bp { color: #007020 } /* Name.Builtin.Pseudo */
1062-
.highlight .code .fm { color: #0066BB } /* Name.Function.Magic */
1063-
.highlight .code .vc { color: #336699 } /* Name.Variable.Class */
1064-
.highlight .code .vg { color: #dd7700 } /* Name.Variable.Global */
1065-
.highlight .code .vi { color: #3333BB } /* Name.Variable.Instance */
1066-
.highlight .code .vm { color: #996633 } /* Name.Variable.Magic */
1067-
.highlight .code .il { color: #0000DD } /* Literal.Number.Integer.Long */
1039+
.highlight .hll { background-color: #ffffcc }
1040+
.highlight { background: #ffffff }
1041+
.highlight .c { color: slategray; font-style: italic; } /* Comment */
1042+
.highlight .err { color: #FF0000; background-color: #FFAAAA } /* Error */
1043+
.highlight .k { color: #008800 } /* Keyword */
1044+
.highlight .o { color: #666 } /* Operator */
1045+
.highlight .ch { color: #888888 } /* Comment.Hashbang */
1046+
.highlight .cm { color: slategray; font-style: italic; } /* Comment.Multiline */
1047+
.highlight .cp { color: #557799 } /* Comment.Preproc */
1048+
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
1049+
.highlight .c1 { color: slategray; font-style: italic; } /* Comment.Single */
1050+
.highlight .cs { color: #cc0000 } /* Comment.Special */
1051+
.highlight .gd { color: #A00000 } /* Generic.Deleted */
1052+
.highlight .ge { font-style: italic } /* Generic.Emph */
1053+
.highlight .gr { color: #FF0000 } /* Generic.Error */
1054+
.highlight .gh { color: #000080 } /* Generic.Heading */
1055+
.highlight .gi { color: #00A000 } /* Generic.Inserted */
1056+
.highlight .go { color: #888888 } /* Generic.Output */
1057+
.highlight .gp { color: #c65d09 } /* Generic.Prompt */
1058+
.highlight .gs { font-weight: bold } /* Generic.Strong */
1059+
.highlight .gu { color: #800080 } /* Generic.Subheading */
1060+
.highlight .gt { color: #0044DD } /* Generic.Traceback */
1061+
.highlight .kc { color: #008800 } /* Keyword.Constant */
1062+
.highlight .kd { color: #008800 } /* Keyword.Declaration */
1063+
.highlight .kn { color: #008800 } /* Keyword.Namespace */
1064+
.highlight .kp { color: #003388 } /* Keyword.Pseudo */
1065+
.highlight .kr { color: #008800 } /* Keyword.Reserved */
1066+
.highlight .kt { color: #333399 } /* Keyword.Type */
1067+
.highlight .m { color: #6600EE } /* Literal.Number */
1068+
.highlight .s { color: #de7f00 } /* Literal.String */
1069+
.highlight .na { color: #0000CC } /* Name.Attribute */
1070+
.highlight .nb { color: #007020 } /* Name.Builtin */
1071+
.highlight .nc { color: #BB0066 } /* Name.Class */
1072+
.highlight .no { color: #003366 } /* Name.Constant */
1073+
.highlight .nd { color: #555555 } /* Name.Decorator */
1074+
.highlight .ni { color: #880000 } /* Name.Entity */
1075+
.highlight .ne { color: #FF0000 } /* Name.Exception */
1076+
.highlight .nf { color: #0066BB } /* Name.Function */
1077+
.highlight .nl { color: #997700 } /* Name.Label */
1078+
.highlight .nn { color: #0e84b5 } /* Name.Namespace */
1079+
.highlight .nt { color: #007700 } /* Name.Tag */
1080+
.highlight .nv { color: #996633 } /* Name.Variable */
1081+
.highlight .ow { color: #000000 } /* Operator.Word */
1082+
.highlight .p { color: #666 } /* Text.Punctuation */
1083+
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
1084+
.highlight .mb { color: #6600EE } /* Literal.Number.Bin */
1085+
.highlight .mf { color: #6600EE } /* Literal.Number.Float */
1086+
.highlight .mh { color: #005588 } /* Literal.Number.Hex */
1087+
.highlight .mi { color: #0000DD } /* Literal.Number.Integer */
1088+
.highlight .mo { color: #4400EE } /* Literal.Number.Oct */
1089+
.highlight .sa { color: #de7f00 } /* Literal.String.Affix */
1090+
.highlight .sb { color: #de7f00 } /* Literal.String.Backtick */
1091+
.highlight .sc { color: #de7f00 } /* Literal.String.Char */
1092+
.highlight .dl { color: #de7f00 } /* Literal.String.Delimiter */
1093+
.highlight .sd { color: #a29900 } /* Literal.String.Doc */
1094+
.highlight .s2 { color: #de7f00 } /* Literal.String.Double */
1095+
.highlight .se { color: #a29900 } /* Literal.String.Escape */
1096+
.highlight .sh { color: #de7f00 } /* Literal.String.Heredoc */
1097+
.highlight .si { color: #de7f00 } /* Literal.String.Interpol */
1098+
.highlight .sx { color: #de7f00 } /* Literal.String.Other */
1099+
.highlight .sr { color: #a29900 } /* Literal.String.Regex */
1100+
.highlight .s1 { color: #de7f00 } /* Literal.String.Single */
1101+
.highlight .ss { color: #a29900 } /* Literal.String.Symbol */
1102+
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
1103+
.highlight .fm { color: #0066BB } /* Name.Function.Magic */
1104+
.highlight .vc { color: #336699 } /* Name.Variable.Class */
1105+
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
1106+
.highlight .vi { color: #3333BB } /* Name.Variable.Instance */
1107+
.highlight .vm { color: #996633 } /* Name.Variable.Magic */
1108+
.highlight .il { color: #0000DD } /* Literal.Number.Integer.Long */
10681109

10691110

10701111
/* layout */

0 commit comments

Comments
 (0)