-/**
- * Diff rendering
- */
+/*
+** Diff rendering
+*/
+table.diff {
+ background-color: white;
+ border: none;
+ border-spacing: 4px;
+ margin: 0;
+ width: 100%;
+ /* Ensure that colums are of equal width */
+ table-layout: fixed;
+}
+
+table.diff td {
+ padding: 0.33em 0.5em;
+}
+
+table.diff td.diff-marker {
+ /* Compensate padding for increased font-size */
+ padding: 0.25em;
+}
+
+table.diff col.diff-marker {
+ width: 2%;
+}
+
+table.diff col.diff-content {
+ width: 48%;
+}
+
+table.diff td div {
+ /* Force-wrap very long lines such as URLs or page-widening char strings */
+ word-wrap: break-word;
+}
td.diff-otitle,
td.diff-ntitle {
text-align: center;
}
-td.diff-marker {
- text-align: right;
+td.diff-lineno {
+ font-weight: bold;
}
-td.diff-lineno {
+td.diff-marker {
+ text-align: right;
font-weight: bold;
+ font-size: 1.25em;
}
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;
}
td.diff-addedline {
- background: #E0ECFF;
+ border-color: #a3d3ff;
}
td.diff-deletedline {
- background: #FCF8CC;
+ border-color: #ffe49c;
}
td.diff-context {
- background: #F2F2F2;
+ background: #f9f9f9;
+ border-color: #e6e6e6;
+ color: #333333;
}
.diffchange {
text-decoration: none;
}
-td.diff-addedline .diffchange {
- background: #B0C8FF;
-}
-
+td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
- background: #FFD084;
-}
-
-table.diff {
- border: none;
- width: 98%;
- border-spacing: 4px;
-
- /* Ensure that colums are of equal width */
- table-layout: fixed;
+ border-radius: 0.33em;
+ padding: 0.25em 0;
}
-table.diff td {
- padding: 0;
-}
-
-table.diff col.diff-marker {
- width: 2%;
-}
-
-table.diff col.diff-content {
- width: 48%;
+td.diff-addedline .diffchange {
+ background: #d8ecff;
}
-table.diff td div {
- /* Force-wrap very long lines such as URLs or page-widening char strings.*/
- word-wrap: break-word;
-
- /* 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;
}