_diff.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /**
  2. * This file provides styles for the diff view, which shows you
  3. * differences between two versions of a page (?do=diff).
  4. */
  5. .dokuwiki table.diff {
  6. width: 100%;
  7. border-width: 0;
  8. }
  9. .dokuwiki table.diff th,
  10. .dokuwiki table.diff td {
  11. vertical-align: top;
  12. padding: 0;
  13. border-width: 0;
  14. /* no style.ini colours because deleted and added lines have a fixed background colour */
  15. background-color: #fff;
  16. color: #333;
  17. }
  18. /* table header */
  19. .dokuwiki table.diff th {
  20. border-bottom: 1px solid @ini_border;
  21. font-size: 110%;
  22. font-weight: normal;
  23. }
  24. .dokuwiki table.diff th a {
  25. font-weight: bold;
  26. }
  27. .dokuwiki table.diff th span.user {
  28. font-size: .9em;
  29. }
  30. .dokuwiki table.diff th span.sum {
  31. font-size: .9em;
  32. font-weight: bold;
  33. }
  34. .dokuwiki table.diff th.minor {
  35. color: #999;
  36. }
  37. .dokuwiki table.diff_sidebyside th {
  38. width: 50%;
  39. }
  40. /* table body */
  41. .dokuwiki table.diff .diff-lineheader {
  42. width: .7em;
  43. text-align: right;
  44. }
  45. [dir=rtl] .dokuwiki table.diff .diff-lineheader {
  46. text-align: left;
  47. }
  48. .dokuwiki table.diff .diff-lineheader,
  49. .dokuwiki table.diff td {
  50. font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
  51. }
  52. .dokuwiki table.diff td.diff-blockheader {
  53. font-weight: bold;
  54. }
  55. .dokuwiki table.diff .diff-addedline {
  56. background-color: #cfc;
  57. color: black;
  58. width: ~"calc(50% - .7em)";
  59. }
  60. .dokuwiki table.diff .diff-deletedline {
  61. background-color: #fdd;
  62. color: black;
  63. width: ~"calc(50% - .7em)";
  64. }
  65. .dokuwiki table.diff td.diff-context {
  66. background-color: #eee;
  67. color: black;
  68. width: ~"calc(50% - .7em)";
  69. }
  70. .dokuwiki table.diff td.diff-addedline strong,
  71. .dokuwiki table.diff td.diff-deletedline strong {
  72. color: #f00;
  73. background-color: inherit;
  74. font-weight: bold;
  75. }
  76. /* diff options */
  77. .dokuwiki .diffoptions form {
  78. float: left;
  79. }
  80. .dokuwiki .diffoptions p {
  81. float: right;
  82. }
  83. /* diff nav */
  84. .dokuwiki table.diff_sidebyside td.diffnav {
  85. padding-bottom: .7em;
  86. }
  87. .dokuwiki .diffnav a {
  88. display: inline-block;
  89. vertical-align: middle;
  90. }
  91. .dokuwiki .diffnav a span {
  92. display: none;
  93. }
  94. .dokuwiki .diffnav a:hover,
  95. .dokuwiki .diffnav a:active,
  96. .dokuwiki .diffnav a:focus {
  97. background-color: @ini_background_alt;
  98. text-decoration: none;
  99. }
  100. .dokuwiki .diffnav a:before {
  101. display: inline-block;
  102. line-height: 1;
  103. padding: .2em .4em;
  104. border: 1px solid @ini_border;
  105. border-radius: 2px;
  106. color: @ini_text;
  107. }
  108. .dokuwiki .diffnav a.diffprevrev:before {
  109. content: '\25C0'; /* left triangle */
  110. }
  111. .dokuwiki .diffnav a.diffnextrev:before,
  112. .dokuwiki .diffnav a.difflastrev:before {
  113. content: '\25B6'; /* right triangle */
  114. }
  115. .dokuwiki .diffnav a.diffbothprevrev:before {
  116. content: '\25C0\25C0';
  117. }
  118. .dokuwiki .diffnav a.diffbothnextrev:before {
  119. content: '\25B6\25B6';
  120. }
  121. .dokuwiki .diffnav select {
  122. width: 60%;
  123. min-width: 9em;
  124. height: 1.5em; /* height is necessary for longer options in Webkit */
  125. }
  126. .dokuwiki .diffnav select option[selected] {
  127. font-weight: bold;
  128. }