/*
** Diff rendering
*/
-table.diff,
-td.diff-context,
-td.diff-otitle,
-td.diff-ntitle {
- background-color: transparent;
+table.diff {
+ background-color: white;
+ border: none;
+ border-spacing: 4px;
+ margin: 0;
+ width: 100%;
+ /* Ensure that colums are of equal width */
+ table-layout: fixed;
}
-td.diff-otitle,
-td.diff-ntitle {
- text-align: center;
+table.diff td {
+ padding: 0.33em 0.5em;
}
-td.diff-marker {
- text-align: right;
+table.diff td.diff-marker {
+ /* Compensate padding for increased font-size */
+ padding: 0.25em;
}
-td.diff-lineno {
- font-weight: bold;
+table.diff col.diff-marker {
+ width: 2%;
}
-td.diff-addedline {
- background: #D8E4F6;
- font-size: smaller;
+table.diff col.diff-content {
+ width: 48%;
}
-td.diff-deletedline {
- background: #E4F6D8;
- font-size: smaller;
+table.diff td div {
+ /* Force-wrap very long lines such as URLs or page-widening char strings */
+ word-wrap: break-word;
}
-td.diff-context {
- font-size: smaller;
+td.diff-otitle,
+td.diff-ntitle {
+ text-align: center;
}
-.diffchange {
+td.diff-lineno {
font-weight: bold;
- white-space: -moz-pre-wrap;
- white-space: pre-wrap;
- text-decoration: none;
- outline: 1px dotted gray;
}
-td.diff-addedline .diffchange {
- background: #B0C0F0;
- color: #001040;
+td.diff-marker {
+ text-align: right;
font-weight: bold;
+ font-size: 1.25em;
}
-td.diff-deletedline .diffchange {
- background: #B0E897;
- color: #104000;
- font-weight: bold;
+td.diff-addedline,
+td.diff-deletedline,
+td.diff-context {
+ font-size: 88%;
+ vertical-align: top;
+ white-space: -moz-pre-wrap;
+ white-space: pre-wrap;
+ border-style: solid;
+ border-width: 1px 1px 1px 4px;
+ border-radius: 0.33em;
}
-table.diff {
- border: none;
- width: 98%;
- border-spacing: 4px;
+td.diff-addedline {
+ border-color: #a3d3ff;
+}
- /* Ensure that colums are of equal width */
- table-layout: fixed;
+td.diff-deletedline {
+ border-color: #ffe49c;
}
-table.diff td {
- padding: 0;
+td.diff-context {
+ background: #f9f9f9;
+ border-color: #e6e6e6;
+ color: #333333;
}
-table.diff col.diff-marker {
- width: 2%;
+.diffchange {
+ font-weight: bold;
+ text-decoration: none;
}
-table.diff col.diff-content {
- width: 48%;
+td.diff-addedline .diffchange,
+td.diff-deletedline .diffchange {
+ border-radius: 0.33em;
+ padding: 0.25em 0;
}
-table.diff td div {
- /* Force-wrap very long lines such as URLs or page-widening char strings.*/
- word-wrap: break-word;
+td.diff-addedline .diffchange {
+ background: #d8ecff;
+}
- /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
- * instead of text overflowing or widening
- */
- overflow: auto;
+td.diff-deletedline .diffchange {
+ background: #feeec8;
}