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 */