resources/src/mediawiki/mediawiki.diff.styles.css

   1 /*!
   2  * Diff rendering
   3  */
   4
   5 .diff {
   6         border: 0;
   7         border-spacing: 4px;
   8         margin: 0;
   9         width: 100%;
  10         /* Ensure that colums are of equal width */
  11         table-layout: fixed;
  12 }
  13
  14 .diff td {
  15         padding: 0.33em 0.5em;
  16 }
  17
  18 .diff td.diff-marker {
  19         /* Compensate padding for increased font-size */
  20         padding: 0.25em;
  21 }
  22
  23 .diff col.diff-marker {
  24         width: 2%;
  25 }
  26
  27 .diff .diff-content {
  28         width: 48%;
  29 }
  30
  31 .diff td div {
  32         /* Force-wrap very long lines such as URLs or page-widening char strings */
  33         word-wrap: break-word;
  34 }
  35
  36 .diff-title {
  37         vertical-align: top;
  38 }
  39
  40 .diff-notice,
  41 .diff-multi,
  42 .diff-otitle,
  43 .diff-ntitle {
  44         text-align: center;
  45 }
  46
  47 .diff-lineno {
  48         font-weight: bold;
  49 }
  50
  51 td.diff-marker {
  52         text-align: right;
  53         font-weight: bold;
  54         font-size: 1.25em;
  55         line-height: 1.2;
  56 }
  57
  58 .diff-addedline,
  59 .diff-deletedline,
  60 .diff-context {
  61         font-size: 88%;
  62         line-height: 1.6;
  63         vertical-align: top;
  64         white-space: -moz-pre-wrap;
  65         white-space: pre-wrap;
  66         border-style: solid;
  67         border-width: 1px 1px 1px 4px;
  68         border-radius: 0.33em;
  69 }
  70
  71 .diff-addedline {
  72         border-color: #a3d3ff;
  73 }
  74
  75 .diff-deletedline {
  76         border-color: #ffe49c;
  77 }
  78
  79 .diff-context {
  80         background: #f8f9fa;
  81         border-color: #eaecf0;
  82         color: #222;
  83 }
  84
  85 .diffchange {
  86         font-weight: bold;
  87         text-decoration: none;
  88 }
  89
  90 .diff-addedline .diffchange,
  91 .diff-deletedline .diffchange {
  92         border-radius: 0.33em;
  93         padding: 0.25em 0;
  94 }
  95
  96 .diff-addedline .diffchange {
  97         background: #d8ecff;
  98 }
  99
 100 .diff-deletedline .diffchange {
 101         background: #feeec8;
 102 }
 103
 104 /* Correct user & content directionality when viewing a diff */
 105 .diff-currentversion-title,
 106 .diff {
 107         direction: ltr;
 108         unicode-bidi: embed;
 109 }
 110
 111 /* @noflip */ .diff-contentalign-right td {
 112         direction: rtl;
 113         unicode-bidi: embed;
 114 }
 115
 116 /* @noflip */ .diff-contentalign-left td {
 117         direction: ltr;
 118         unicode-bidi: embed;
 119 }
 120
 121 .diff-multi,
 122 .diff-otitle,
 123 .diff-ntitle,
 124 .diff-lineno {
 125         direction: ltr !important; /* stylelint-disable-line declaration-no-important */
 126         unicode-bidi: embed;
 127 }
 128
 129 /*!
 130  * Wikidiff2 rendering for moved paragraphs
 131  */
 132
 133 .mw-diff-movedpara-left,
 134 .mw-diff-movedpara-right,
 135 .mw-diff-movedpara-left:visited,
 136 .mw-diff-movedpara-right:visited,
 137 .mw-diff-movedpara-left:active,
 138 .mw-diff-movedpara-right:active {
 139         display: block;
 140         color: transparent;
 141 }
 142
 143 .mw-diff-movedpara-left:hover,
 144 .mw-diff-movedpara-right:hover {
 145         text-decoration: none;
 146         color: transparent;
 147 }
 148
 149 .mw-diff-movedpara-left:after,
 150 .mw-diff-movedpara-right:after {
 151         display: block;
 152         color: #222;
 153         margin-top: -1.25em;
 154 }
 155
 156 .mw-diff-movedpara-left:after,
 157 .rtl .mw-diff-movedpara-right:after {
 158         content: '↪';
 159 }
 160
 161 .mw-diff-movedpara-right:after,
 162 .rtl .mw-diff-movedpara-left:after {
 163         content: '↩';
 164 }