Mercurial > kallithea
changeset 7038:5a5398a5bf83
less: re-use .code-difftable selector
author | domruf <dominikruf@gmail.com> |
---|---|
date | Fri, 27 Oct 2017 22:41:10 +0200 |
parents | 692484bbd445 |
children | eee7674cef41 |
files | kallithea/public/css/style.css kallithea/public/less/kallithea-diff.less |
diffstat | 2 files changed, 134 insertions(+), 134 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/style.css Fri Oct 27 18:43:45 2017 +0200 +++ b/kallithea/public/css/style.css Fri Oct 27 22:41:10 2017 +0200 @@ -1547,54 +1547,56 @@ text-align: center; margin-bottom: 15px; } -/* the whole line should be colored */ -table.code-difftable { +.code-difftable { + /* the whole line should be colored */ border-collapse: collapse; border-radius: 0px !important; width: 100%; + /* line coloring */ + /* tabs */ + /* CR */ + /* whitespace characters */ + /* trailing spaces */ + /** LINE NUMBERS **/ + /** CODE **/ + /* leading +/- on changed lines */ } -/* line coloring */ -table.code-difftable .context { +.code-difftable .context { background: none repeat scroll 0 0 #DDE7EF; color: #999; } -table.code-difftable .add { +.code-difftable .add { background: none repeat scroll 0 0 #DDFFDD; } -table.code-difftable .add ins { +.code-difftable .add ins { background: none repeat scroll 0 0 #AAFFAA; text-decoration: none; } -table.code-difftable .del { +.code-difftable .del { background: none repeat scroll 0 0 #FFDDDD; } -table.code-difftable .del del { +.code-difftable .del del { background: none repeat scroll 0 0 #FFAAAA; text-decoration: none; } -/* tabs */ -table.code-difftable td.code pre u:before { +.code-difftable td.code pre u:before { content: "\21a6"; display: inline-block; width: 0; } -/* CR */ -table.code-difftable td.code pre u.cr:before { +.code-difftable td.code pre u.cr:before { content: "\21a4"; display: inline-block; } -/* whitespace characters */ -table.code-difftable td.code pre u { +.code-difftable td.code pre u { color: rgba(0, 0, 0, 0.3); } -/* trailing spaces */ -table.code-difftable td.code pre i { +.code-difftable td.code pre i { border-style: solid; border-width: 0 0 0 1px; border-color: rgba(0, 0, 0, 0.3); } -/** LINE NUMBERS **/ -table.code-difftable .lineno { +.code-difftable .lineno { padding-left: 2px; padding-right: 2px !important; width: 30px; @@ -1607,23 +1609,23 @@ vertical-align: middle !important; text-align: center; } -table.code-difftable .lineno.new { +.code-difftable .lineno.new { text-align: right; } -table.code-difftable .lineno.old { +.code-difftable .lineno.old { text-align: right; } -table.code-difftable .lineno a { +.code-difftable .lineno a { color: #aaa !important; font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important; padding-left: 6px; padding-right: 6px; display: block; } -table.code-difftable .line:hover .lineno a { +.code-difftable .line:hover .lineno a { color: #333 !important; } -table.code-difftable .lineno-inline { +.code-difftable .lineno-inline { background: none repeat scroll 0 0 #FFF !important; padding-left: 2px; padding-right: 2px; @@ -1632,26 +1634,24 @@ -moz-user-select: none; -webkit-user-select: none; } -/** CODE **/ -table.code-difftable .code { +.code-difftable .code { display: block; } -table.code-difftable .code pre { +.code-difftable .code pre { min-height: 17px; line-height: 17px; white-space: pre-wrap; word-break: break-all; } -/* leading +/- on changed lines */ -table.code-difftable .del .code pre:before { +.code-difftable .del .code pre:before { content: "-"; color: #800; } -table.code-difftable .add .code pre:before { +.code-difftable .add .code pre:before { content: "+"; color: #080; } -table.code-difftable .code pre:before { +.code-difftable .code pre:before { content: " "; margin: 0 2px; }
--- a/kallithea/public/less/kallithea-diff.less Fri Oct 27 18:43:45 2017 +0200 +++ b/kallithea/public/less/kallithea-diff.less Fri Oct 27 22:41:10 2017 +0200 @@ -66,117 +66,117 @@ margin-bottom: 15px; } -/* the whole line should be colored */ -table.code-difftable { +.code-difftable { + /* the whole line should be colored */ border-collapse: collapse; border-radius: 0px !important; width: 100%; -} -/* line coloring */ -table.code-difftable .context { - background: none repeat scroll 0 0 #DDE7EF; - color: #999; -} -table.code-difftable .add { - background: none repeat scroll 0 0 #DDFFDD; -} -table.code-difftable .add ins { - background: none repeat scroll 0 0 #AAFFAA; - text-decoration: none; -} -table.code-difftable .del { - background: none repeat scroll 0 0 #FFDDDD; -} -table.code-difftable .del del { - background: none repeat scroll 0 0 #FFAAAA; - text-decoration: none; -} + /* line coloring */ + .context { + background: none repeat scroll 0 0 #DDE7EF; + color: #999; + } + .add { + background: none repeat scroll 0 0 #DDFFDD; + } + .add ins { + background: none repeat scroll 0 0 #AAFFAA; + text-decoration: none; + } + .del { + background: none repeat scroll 0 0 #FFDDDD; + } + .del del { + background: none repeat scroll 0 0 #FFAAAA; + text-decoration: none; + } -/* tabs */ -table.code-difftable td.code pre u:before { - content: "\21a6"; - display: inline-block; - width: 0; -} -/* CR */ -table.code-difftable td.code pre u.cr:before { - content: "\21a4"; - display: inline-block; -} -/* whitespace characters */ -table.code-difftable td.code pre u { - color: rgba(0, 0, 0, 0.3); -} -/* trailing spaces */ -table.code-difftable td.code pre i { - border-style: solid; - border-width: 0 0 0 1px; - border-color: rgba(0, 0, 0, 0.3); -} + /* tabs */ + td.code pre u:before { + content: "\21a6"; + display: inline-block; + width: 0; + } + /* CR */ + td.code pre u.cr:before { + content: "\21a4"; + display: inline-block; + } + /* whitespace characters */ + td.code pre u { + color: rgba(0, 0, 0, 0.3); + } + /* trailing spaces */ + td.code pre i { + border-style: solid; + border-width: 0 0 0 1px; + border-color: rgba(0, 0, 0, 0.3); + } -/** LINE NUMBERS **/ -table.code-difftable .lineno { - padding-left: 2px; - padding-right: 2px !important; - width: 30px; - -moz-user-select: none; - -webkit-user-select: none; - border-right: 1px solid #CCC !important; - border-left: 0px solid #CCC !important; - border-top: 0px solid #CCC !important; - border-bottom: none !important; - vertical-align: middle !important; - text-align: center; -} -table.code-difftable .lineno.new { - text-align: right; -} -table.code-difftable .lineno.old { - text-align: right; -} -table.code-difftable .lineno a { - color: #aaa !important; - font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important; - padding-left: 6px; - padding-right: 6px; - display: block; -} -table.code-difftable .line:hover .lineno a { - color: #333 !important; -} -table.code-difftable .lineno-inline { - background: none repeat scroll 0 0 #FFF !important; - padding-left: 2px; - padding-right: 2px; - text-align: right; - width: 30px; - -moz-user-select: none; - -webkit-user-select: none; -} -/** CODE **/ -table.code-difftable .code { - display: block; -} -table.code-difftable .code pre { - min-height: 17px; - line-height: 17px; - white-space: pre-wrap; - word-break: break-all; -} + /** LINE NUMBERS **/ + .lineno { + padding-left: 2px; + padding-right: 2px !important; + width: 30px; + -moz-user-select: none; + -webkit-user-select: none; + border-right: 1px solid #CCC !important; + border-left: 0px solid #CCC !important; + border-top: 0px solid #CCC !important; + border-bottom: none !important; + vertical-align: middle !important; + text-align: center; + } + .lineno.new { + text-align: right; + } + .lineno.old { + text-align: right; + } + .lineno a { + color: #aaa !important; + font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important; + padding-left: 6px; + padding-right: 6px; + display: block; + } + .line:hover .lineno a { + color: #333 !important; + } + .lineno-inline { + background: none repeat scroll 0 0 #FFF !important; + padding-left: 2px; + padding-right: 2px; + text-align: right; + width: 30px; + -moz-user-select: none; + -webkit-user-select: none; + } + /** CODE **/ + .code { + display: block; + } + .code pre { + min-height: 17px; + line-height: 17px; + white-space: pre-wrap; + word-break: break-all; + } -/* leading +/- on changed lines */ -table.code-difftable .del .code pre:before { - content: "-"; - color: #800; -} -table.code-difftable .add .code pre:before { - content: "+"; - color: #080; -} -table.code-difftable .code pre:before { - content: " "; - margin: 0 2px; + /* leading +/- on changed lines */ + .del .code pre:before { + content: "-"; + color: #800; + } + .add .code pre:before { + content: "+"; + color: #080; + } + .code pre:before { + content: " "; + margin: 0 2px; + } } /* comment bubble */