You are here

diff.css in Diff 7.2

Same filename and directory in other branches
  1. 5.2 diff.css
  2. 5 diff.css
  3. 6.2 diff.css
  4. 6 diff.css
  5. 7.3 diff.css
html.js .diff-js-hidden { display:none; }

/**
 * Inline diff metadata
 */
.diff-inline-metadata {
  padding:4px;
  border:1px solid #ddd;
  background:#fff;
  margin:0px 0px 10px;
  }

.diff-inline-legend { font-size:11px; }

.diff-inline-legend span,
.diff-inline-legend label { margin-right:5px; }

/**
 * Inline diff markup
 */
span.diff-deleted { color:#ccc; }
span.diff-deleted img { border: solid 2px #ccc; }
span.diff-changed { background:#ffb; }
span.diff-changed img { border:solid 2px #ffb; }
span.diff-added { background:#cfc; }
span.diff-added img { border: solid 2px #cfc; }

/**
 * Traditional split diff theming
 */
table.diff {
  border-spacing: 4px;
  margin-bottom: 20px;
  table-layout: fixed;
  width: 100%;
}
table.diff tr.even, table.diff tr.odd {
  background-color: inherit;
  border: none;
}
td.diff-prevlink {
  text-align: left;
}
td.diff-nextlink {
  text-align: right;
}
td.diff-section-title, div.diff-section-title {
  background-color: #f0f0ff;
  font-size: 0.83em;
  font-weight: bold;
  padding: 0.1em 1em;
}
td.diff-deletedline {
  background-color: #ffa;
  width: 50%;
}
td.diff-addedline {
  background-color: #afa;
  width: 50%;
}
td.diff-context {
  background-color: #fafafa;
}
span.diffchange {
  color: #f00;
  font-weight: bold;
}

table.diff col.diff-marker {
  width: 1.4em;
}
table.diff col.diff-content {
  width: 50%;
}
table.diff th {
  padding-right: inherit;
}
table.diff td div {
  overflow: auto;
  padding: 0.1ex 0.5em;
  word-wrap: break-word;
}
table.diff td {
  padding: 0.1ex 0.4em;
}

File

diff.css
View source
  1. html.js .diff-js-hidden { display:none; }
  2. /**
  3. * Inline diff metadata
  4. */
  5. .diff-inline-metadata {
  6. padding:4px;
  7. border:1px solid #ddd;
  8. background:#fff;
  9. margin:0px 0px 10px;
  10. }
  11. .diff-inline-legend { font-size:11px; }
  12. .diff-inline-legend span,
  13. .diff-inline-legend label { margin-right:5px; }
  14. /**
  15. * Inline diff markup
  16. */
  17. span.diff-deleted { color:#ccc; }
  18. span.diff-deleted img { border: solid 2px #ccc; }
  19. span.diff-changed { background:#ffb; }
  20. span.diff-changed img { border:solid 2px #ffb; }
  21. span.diff-added { background:#cfc; }
  22. span.diff-added img { border: solid 2px #cfc; }
  23. /**
  24. * Traditional split diff theming
  25. */
  26. table.diff {
  27. border-spacing: 4px;
  28. margin-bottom: 20px;
  29. table-layout: fixed;
  30. width: 100%;
  31. }
  32. table.diff tr.even, table.diff tr.odd {
  33. background-color: inherit;
  34. border: none;
  35. }
  36. td.diff-prevlink {
  37. text-align: left;
  38. }
  39. td.diff-nextlink {
  40. text-align: right;
  41. }
  42. td.diff-section-title, div.diff-section-title {
  43. background-color: #f0f0ff;
  44. font-size: 0.83em;
  45. font-weight: bold;
  46. padding: 0.1em 1em;
  47. }
  48. td.diff-deletedline {
  49. background-color: #ffa;
  50. width: 50%;
  51. }
  52. td.diff-addedline {
  53. background-color: #afa;
  54. width: 50%;
  55. }
  56. td.diff-context {
  57. background-color: #fafafa;
  58. }
  59. span.diffchange {
  60. color: #f00;
  61. font-weight: bold;
  62. }
  63. table.diff col.diff-marker {
  64. width: 1.4em;
  65. }
  66. table.diff col.diff-content {
  67. width: 50%;
  68. }
  69. table.diff th {
  70. padding-right: inherit;
  71. }
  72. table.diff td div {
  73. overflow: auto;
  74. padding: 0.1ex 0.5em;
  75. word-wrap: break-word;
  76. }
  77. table.diff td {
  78. padding: 0.1ex 0.4em;
  79. }