resources/mediawiki.action/mediawiki.action.history.diff.css

   1 /*
   2 ** Diff rendering
   3 */
   4 table.diff, td.diff-otitle, td.diff-ntitle {
   5         background-color: white;
   6 }
   7
   8 td.diff-otitle,
   9 td.diff-ntitle {
  10         text-align: center;
  11 }
  12
  13 td.diff-marker {
  14         text-align: right;
  15         font-weight: bold;
  16         font-size: 1.25em;
  17 }
  18
  19 td.diff-lineno {
  20         font-weight: bold;
  21 }
  22
  23 td.diff-addedline,
  24 td.diff-deletedline,
  25 td.diff-context {
  26         font-size: 88%;
  27         vertical-align: top;
  28         white-space: -moz-pre-wrap;
  29         white-space: pre-wrap;
  30 }
  31
  32 td.diff-addedline,
  33 td.diff-deletedline {
  34         border-style: solid;
  35         border-width: 1px 1px 1px 4px;
  36         border-radius: 0.33em;
  37 }
  38
  39 td.diff-addedline {
  40         border-color: #a3d3ff;
  41 }
  42
  43 td.diff-deletedline {
  44         border-color: #ffe49c;
  45 }
  46
  47 td.diff-context {
  48         background: #f3f3f3;
  49         color: #333333;
  50         border-style: solid;
  51         border-width: 1px 1px 1px 4px;
  52         border-color: #e6e6e6;
  53         border-radius: 0.33em;
  54 }
  55
  56 .diffchange {
  57         font-weight: bold;
  58         text-decoration: none;
  59 }
  60
  61 table.diff {
  62         border: none;
  63         width: 98%;
  64         border-spacing: 4px;
  65
  66         /* Ensure that colums are of equal width */
  67         table-layout: fixed;
  68 }
  69
  70 td.diff-addedline .diffchange,
  71 td.diff-deletedline .diffchange {
  72         border-radius: 0.33em;
  73         padding: 0.25em 0;
  74 }
  75
  76 td.diff-addedline .diffchange {
  77         background: #d8ecff;
  78 }
  79
  80 td.diff-deletedline .diffchange {
  81         background: #feeec8;
  82 }
  83
  84 table.diff td {
  85         padding: 0.33em 0.66em;
  86 }
  87
  88 table.diff col.diff-marker {
  89         width: 2%;
  90 }
  91
  92 table.diff col.diff-content {
  93         width: 48%;
  94 }
  95
  96 table.diff td div {
  97         /* Force-wrap very long lines such as URLs or page-widening char strings.*/
  98         word-wrap: break-word;
  99
 100         /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
 101            instead of text overflowing or widening
 102         */
 103         overflow: auto;
 104 }