system.diff.css

/**
 * 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-context {
    background-color: #fafafa;
}
td.diff-deletedline {
  background-color: #ffa;
  width: 50%;
}
td.diff-addedline {
  background-color: #afa;
  width: 50%;
}
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

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