skins/common/diff.css

   1 /*
   2 ** Diff rendering
   3 */
   4 table.diff, td.diff-otitle, td.diff-ntitle {
   5         background-color: white;
   6 }
   7 td.diff-otitle,
   8 td.diff-ntitle {
   9         text-align: center;
  10 }
  11 td.diff-marker {
  12         text-align: right;
  13 }
  14 .rtl td.diff-marker {
  15         text-align: left;
  16 }
  17 td.diff-lineno {
  18         font-weight: bold;
  19 }
  20 td.diff-addedline {
  21         background: #cfc;
  22         font-size: smaller;
  23 }
  24 td.diff-deletedline {
  25         background: #ffa;
  26         font-size: smaller;
  27 }
  28 td.diff-context {
  29         background: #eee;
  30         font-size: smaller;
  31 }
  32 .diffchange {
  33         color: red;
  34         font-weight: bold;
  35         text-decoration: none;
  36 }
  37
  38 table.diff {
  39         border: none;
  40         width: 98%;
  41         border-spacing: 4px;
  42
  43         /* Fixed layout is required to ensure that cells containing long URLs
  44            don't widen in Safari, Internet Explorer, or iCab */
  45         table-layout: fixed;
  46 }
  47 table.diff td {
  48         padding: 0;
  49 }
  50 table.diff col.diff-marker {
  51         width: 2%;
  52 }
  53 table.diff col.diff-content {
  54         width: 48%;
  55 }
  56 table.diff td div {
  57         /* Force-wrap very long lines such as URLs or page-widening char strings.
  58            CSS 3 draft..., but Gecko doesn't support it yet:
  59            https://bugzilla.mozilla.org/show_bug.cgi?id=99457 */
  60         word-wrap: break-word;
  61
  62         /* As fallback, scrollbars will be added for very wide cells
  63            instead of text overflowing or widening */
  64         overflow: auto;
  65
  66         /* The above rule breaks on very old versions of Mozilla due
  67            to a bug which collapses the table cells to a single line.
  68
  69            In Mozilla 1.1 and below with JavaScript enabled, the rule
  70            will be overridden with this by diff.js; wide cell contents
  71            then spill horizontally without widening the rest of the
  72            table: */
  73         /* overflow: visible; */
  74 }