diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css index 60f8397..020d578 100644 --- a/src/ui/css/diff2html.css +++ b/src/ui/css/diff2html.css @@ -6,193 +6,193 @@ */ .d2h-wrapper { - text-align: left; + text-align: left; } .d2h-file-header { - padding: 5px 10px; - border-bottom: 1px solid #d8d8d8; - background-color: #f7f7f7; - font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 5px 10px; + border-bottom: 1px solid #d8d8d8; + background-color: #f7f7f7; + font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; } .d2h-file-stats { - display: inline; - font-size: 12px; - text-align: center; + display: inline; + font-size: 12px; + text-align: center; } .d2h-lines-added { - text-align: right; + text-align: right; } .d2h-lines-added > * { - background-color: #ceffce; - border: 1px solid #b4e2b4; - color: #399839; - border-radius: 5px 0 0 5px; - padding: 2px; + background-color: #ceffce; + border: 1px solid #b4e2b4; + color: #399839; + border-radius: 5px 0 0 5px; + padding: 2px; } .d2h-lines-deleted { - text-align: left; + text-align: left; } .d2h-lines-deleted > * { - background-color: #f7c8c8; - border: 1px solid #e9aeae; - color: #c33; - border-radius: 0 5px 5px 0; - padding: 2px; + background-color: #f7c8c8; + border: 1px solid #e9aeae; + color: #c33; + border-radius: 0 5px 5px 0; + padding: 2px; } .d2h-file-name-wrapper { - display: inline-flex; - width: 90%; + display: inline-flex; + width: 90%; } .d2h-file-name { - line-height: 33px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + line-height: 33px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .d2h-file-wrapper { - border: 1px solid #ddd; - border-radius: 3px; - margin-bottom: 1em; + border: 1px solid #ddd; + border-radius: 3px; + margin-bottom: 1em; } .d2h-diff-table { - border-collapse: collapse; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; - width: 100%; + border-collapse: collapse; + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-size: 12px; + width: 100%; } .d2h-diff-tbody > tr > td > div { - height: 16px; - line-height: 16px; + height: 16px; + line-height: 16px; } .d2h-files-diff { - width: 100%; + width: 100%; } .d2h-file-diff { - overflow-x: scroll; - overflow-y: hidden; + overflow-x: scroll; + overflow-y: hidden; } .d2h-file-side-diff { - display: inline-block; - overflow-x: scroll; - overflow-y: hidden; - width: 50%; - margin-right: -4px; + display: inline-block; + overflow-x: scroll; + overflow-y: hidden; + width: 50%; + margin-right: -4px; } .d2h-code-line { - display: block; - white-space: nowrap; - padding: 0 10px; - margin-left: 80px; + display: block; + white-space: nowrap; + padding: 0 10px; + margin-left: 80px; } .d2h-code-side-line { - display: block; - white-space: pre; - padding: 0 10px; - height: 18px; - line-height: 18px; - margin-left: 50px; - /* Override HighlightJS */ - color: inherit; - overflow-x: inherit; - background: none; - /* ******************** */ + display: block; + white-space: pre; + padding: 0 10px; + height: 18px; + line-height: 18px; + margin-left: 50px; + /* Override HighlightJS */ + color: inherit; + overflow-x: inherit; + background: none; + /* ******************** */ } .d2h-code-line del, .d2h-code-side-line del { - display: inline-block; - margin-top: -1px; - text-decoration: none; - background-color: #ffb6ba; - border-radius: 0.2em; + display: inline-block; + margin-top: -1px; + text-decoration: none; + background-color: #ffb6ba; + border-radius: 0.2em; } .d2h-code-line ins, .d2h-code-side-line ins { - display: inline-block; - margin-top: -1px; - text-decoration: none; - background-color: #97f295; - border-radius: 0.2em; + display: inline-block; + margin-top: -1px; + text-decoration: none; + background-color: #97f295; + border-radius: 0.2em; } .d2h-code-line-prefix { - float: left; - background: none; - padding: 0; + float: left; + background: none; + padding: 0; } .d2h-code-line-ctn { - background: none; - padding: 0; + background: none; + padding: 0; } .line-num1 { - box-sizing: border-box; - float: left; - width: 40px; - overflow: hidden; - text-overflow: ellipsis; - padding-left: 3px; + box-sizing: border-box; + float: left; + width: 40px; + overflow: hidden; + text-overflow: ellipsis; + padding-left: 3px; } .line-num2 { - box-sizing: border-box; - float: right; - width: 40px; - overflow: hidden; - text-overflow: ellipsis; - padding-left: 3px; + box-sizing: border-box; + float: right; + width: 40px; + overflow: hidden; + text-overflow: ellipsis; + padding-left: 3px; } .d2h-code-linenumber { - box-sizing: border-box; - position: absolute; - width: 86px; - height: 18px; - padding-left: 2px; - padding-right: 2px; - line-height: 18px; - background-color: #fff; - color: rgba(0, 0, 0, 0.3); - text-align: right; - border: solid #eeeeee; - border-width: 0 1px 0 1px; - cursor: pointer; + box-sizing: border-box; + position: absolute; + width: 86px; + height: 18px; + padding-left: 2px; + padding-right: 2px; + line-height: 18px; + background-color: #fff; + color: rgba(0, 0, 0, 0.3); + text-align: right; + border: solid #eeeeee; + border-width: 0 1px 0 1px; + cursor: pointer; } .d2h-code-side-linenumber { - box-sizing: border-box; - position: absolute; - width: 56px; - padding-left: 5px; - padding-right: 5px; - height: 18px; - line-height: 18px; - background-color: #fff; - color: rgba(0, 0, 0, 0.3); - text-align: right; - border: solid #eeeeee; - border-width: 0 1px 0 1px; - cursor: pointer; - overflow: hidden; - text-overflow: ellipsis; + box-sizing: border-box; + position: absolute; + width: 56px; + padding-left: 5px; + padding-right: 5px; + height: 18px; + line-height: 18px; + background-color: #fff; + color: rgba(0, 0, 0, 0.3); + text-align: right; + border: solid #eeeeee; + border-width: 0 1px 0 1px; + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; } /* @@ -200,35 +200,35 @@ */ .d2h-del { - background-color: #fee8e9; - border-color: #e9aeae; + background-color: #fee8e9; + border-color: #e9aeae; } .d2h-ins { - background-color: #dfd; - border-color: #b4e2b4; + background-color: #dfd; + border-color: #b4e2b4; } .d2h-info { - background-color: #f8fafd; - color: rgba(0, 0, 0, 0.3); - border-color: #d5e4f2; + background-color: #f8fafd; + color: rgba(0, 0, 0, 0.3); + border-color: #d5e4f2; } .d2h-del.d2h-change, .d2h-ins.d2h-change { - background-color: #ffc; + background-color: #ffc; } ins.d2h-change, del.d2h-change { - background-color: #fad771; + background-color: #fad771; } .d2h-file-diff .d2h-del.d2h-change { - background-color: #fae1af; + background-color: #fae1af; } .d2h-file-diff .d2h-ins.d2h-change { - background-color: #ded; + background-color: #ded; } /* @@ -236,43 +236,43 @@ ins.d2h-change, del.d2h-change { */ .d2h-file-list-wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .d2h-file-list-wrapper a { - text-decoration: none; - color: #3572b0; + text-decoration: none; + color: #3572b0; } .d2h-file-list-wrapper a:visited { - color: #3572b0; + color: #3572b0; } .d2h-file-list-header { - text-align: left; + text-align: left; } .d2h-file-list-title { - font-weight: bold; + font-weight: bold; } .d2h-file-list-line { - text-align: left; - font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; + text-align: left; + font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; } .d2h-file-list-line .d2h-file-name { - line-height: 21px; + line-height: 21px; } .d2h-file-list { - display: block; + display: block; } .d2h-file-switch { - display: none; - font-size: 10px; - cursor: pointer; + display: none; + font-size: 10px; + cursor: pointer; } /* @@ -286,7 +286,7 @@ ins.d2h-change, del.d2h-change { .selecting-left .d2h-code-side-line, .selecting-left .d2h-code-side-line *, .selecting-right td.d2h-code-side-linenumber, -.selecting-right td.d2h-code-side-linenumber *{ +.selecting-right td.d2h-code-side-linenumber * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;