www.aleph1.co.uk Git - yaffs-website/blob - vendor/caxy/php-htmldiff/demo/codes.css

   1 /* Difference Highlighting and Strike-through
   2 ------------------------------------------------ */
   3 ins {
   4     color: #333333;
   5     background-color: #eaffea;
   6     text-decoration: none;
   7 }
   8 del {
   9     color: #AA3333;
  10     background-color: #ffeaea;
  11     text-decoration: line-through;
  12 }
  13
  14 /* Image Diffing
  15 ------------------------------------------------ */
  16 del.diffimg.diffsrc {
  17     display: inline-block;
  18     position: relative;
  19 }
  20
  21 del.diffimg.diffsrc:before {
  22     position: absolute;
  23     content: "";
  24     left: 0;
  25     top: 0;
  26     width: 100%;
  27     height: 100%;
  28     background: repeating-linear-gradient(
  29         to left top,
  30         rgba(255, 0, 0, 0),
  31         rgba(255, 0, 0, 0) 49.5%,
  32         rgba(255, 0, 0, 1) 49.5%,
  33         rgba(255, 0, 0, 1) 50.5%
  34     ), repeating-linear-gradient(
  35         to left bottom,
  36         rgba(255, 0, 0, 0),
  37         rgba(255, 0, 0, 0) 49.5%,
  38         rgba(255, 0, 0, 1) 49.5%,
  39         rgba(255, 0, 0, 1) 50.5%
  40     );
  41 }
  42
  43 /* List Diffing
  44 ------------------------------------------------ */
  45 /* List Styles */
  46 .diff-list {
  47     list-style: none;
  48     counter-reset: section;
  49     display: table;
  50 }
  51
  52 .diff-list > li.normal,
  53 .diff-list > li.removed,
  54 .diff-list > li.replacement {
  55     display: table-row;
  56 }
  57
  58 .diff-list > li > div{
  59     display: inline;
  60 }
  61
  62 .diff-list > li.replacement:before,
  63 .diff-list > li.new:before {
  64     color: #333333;
  65     background-color: #eaffea;
  66     text-decoration: none;
  67 }
  68
  69 .diff-list > li.removed:before{
  70     counter-increment: section;
  71     color: #AA3333;
  72     background-color: #ffeaea;
  73     text-decoration: line-through;
  74 }
  75
  76 /* List Counters / Numbering */
  77 .diff-list > li.normal:before,
  78 .diff-list > li.removed:before,
  79 .diff-list > li.replacement:before {
  80     width: 15px;
  81     overflow: hidden;
  82     content: counters(section,".") ". ";
  83     display: table-cell;
  84     text-indent: -1em;
  85     padding-left: 1em;
  86 }
  87
  88 .diff-list > li.normal:before,
  89 li.replacement + li.replacement:before,
  90 .diff-list > li.replacement:first-child:before{
  91     counter-increment: section;
  92 }
  93 ol.diff-list li.removed + li.replacement {
  94     counter-increment: none;
  95 }
  96 ol.diff-list li.removed + li.removed + li.replacement {
  97     counter-increment: section -1;
  98 }
  99 ol.diff-list li.removed + li.removed + li.removed + li.replacement {
 100     counter-increment: section -2;
 101 }
 102 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.replacement {
 103     counter-increment: section -3;
 104 }
 105 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 106     counter-increment: section -4;
 107 }
 108 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 109     counter-increment: section -5;
 110 }
 111 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 112     counter-increment: section -6;
 113 }
 114 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 115     counter-increment: section -7;
 116 }
 117 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 118     counter-increment: section -8;
 119 }
 120 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 121     counter-increment: section -9;
 122 }
 123 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement{
 124     counter-increment: section -10;
 125 }
 126 ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement {
 127     counter-increment: section -11;
 128 }
 129
 130 /* Exception Lists */
 131 ul.exception,
 132 ul.exception li:before {
 133     list-style: none;
 134     content: none;
 135 }
 136 .diff-list ul.exception ol {
 137     list-style: none;
 138     counter-reset: exception-section;
 139     /* Creates a new instance of the section counter with each ol element */
 140 }
 141 .diff-list ul.exception ol > li:before {
 142     counter-increment: exception-section;
 143     content:counters(exception-section, ".") ".";
 144 }