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