Mercurial > genshi > mirror
comparison examples/trac/htdocs/css/diff.css @ 39:93b4dcbafd7b trunk
Copy Trac to main branch.
| author | cmlenz |
|---|---|
| date | Mon, 03 Jul 2006 18:53:27 +0000 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 38:ee669cb9cccc | 39:93b4dcbafd7b |
|---|---|
| 1 /* Diff preferences */ | |
| 2 #prefs fieldset { margin: 1em .5em .5em; padding: .5em 1em 0 } | |
| 3 | |
| 4 /* Diff/change overview */ | |
| 5 #overview { | |
| 6 line-height: 130%; | |
| 7 margin-top: 1em; | |
| 8 padding: .5em; | |
| 9 } | |
| 10 #overview dt.property { | |
| 11 font-weight: bold; | |
| 12 padding-right: .25em; | |
| 13 position: absolute; | |
| 14 left: 0; | |
| 15 text-align: right; | |
| 16 width: 7.75em; | |
| 17 } | |
| 18 #overview dd { margin-left: 8em } | |
| 19 | |
| 20 #overview .message { padding: 1em 0 1px } | |
| 21 #overview dd.message p, #overview dd.message ul, #overview dd.message ol, | |
| 22 #overview dd.message pre { | |
| 23 margin-bottom: 1em; | |
| 24 margin-top: 0; | |
| 25 } | |
| 26 | |
| 27 /* Colors for change types */ | |
| 28 #chglist .edit, #overview .mod, .diff #legend .mod { background: #fd8 } | |
| 29 #chglist .delete, #overview .rem, .diff #legend .rem { background: #f88 } | |
| 30 #chglist .add, #overview .add, .diff #legend .add { background: #bfb } | |
| 31 #chglist .copy, #overview .cp, .diff #legend .cp { background: #88f } | |
| 32 #chglist .move, #overview .mv, .diff #legend .mv { background: #ccc } | |
| 33 #chglist .unknown { background: #fff } | |
| 34 | |
| 35 /* Legend for diff colors */ | |
| 36 .diff #legend { | |
| 37 float: left; | |
| 38 font-size: 9px; | |
| 39 line-height: 1em; | |
| 40 margin: 1em 0; | |
| 41 padding: .5em; | |
| 42 } | |
| 43 .diff #legend h3 { display: none; } | |
| 44 .diff #legend dt { | |
| 45 background: #fff; | |
| 46 border: 1px solid #999; | |
| 47 float: left; | |
| 48 margin: .1em .5em .1em 2em; | |
| 49 overflow: hidden; | |
| 50 width: .8em; height: .8em; | |
| 51 } | |
| 52 .diff #legend dl, .diff #legend dd { | |
| 53 display: inline; | |
| 54 float: left; | |
| 55 padding: 0; | |
| 56 margin: 0; | |
| 57 margin-right: .5em; | |
| 58 } | |
| 59 | |
| 60 /* Styles for the list of diffs */ | |
| 61 .diff ul.entries { clear: both; margin: 0; padding: 0 } | |
| 62 .diff li.entry { | |
| 63 background: #f7f7f7; | |
| 64 border: 1px solid #d7d7d7; | |
| 65 list-style-type: none; | |
| 66 margin: 0 0 2em; | |
| 67 padding: 2px; | |
| 68 position: relative; | |
| 69 width: 100%; | |
| 70 } | |
| 71 .diff h2 { | |
| 72 color: #333; | |
| 73 font-size: 14px; | |
| 74 letter-spacing: normal; | |
| 75 margin: 0 auto; | |
| 76 padding: .1em 0 .25em .5em; | |
| 77 } | |
| 78 | |
| 79 /* Styles for the actual diff tables (side-by-side and inline) */ | |
| 80 .diff table { | |
| 81 border: 1px solid #ddd; | |
| 82 border-spacing: 0; | |
| 83 border-top: 0; | |
| 84 empty-cells: show; | |
| 85 font-size: 12px; | |
| 86 line-height: 130%; | |
| 87 padding: 0; | |
| 88 margin: 0 auto; | |
| 89 table-layout: fixed; | |
| 90 width: 100%; | |
| 91 } | |
| 92 .diff table col.lineno { width: 4em } | |
| 93 .diff table th { | |
| 94 border-right: 1px solid #d7d7d7; | |
| 95 border-bottom: 1px solid #998; | |
| 96 font-size: 11px; | |
| 97 } | |
| 98 .diff table thead th { | |
| 99 background: #eee; | |
| 100 border-top: 1px solid #d7d7d7; | |
| 101 color: #999; | |
| 102 padding: 0 .25em; | |
| 103 text-align: center; | |
| 104 white-space: nowrap; | |
| 105 } | |
| 106 .diff table tbody th { | |
| 107 background: #eed; | |
| 108 color: #886; | |
| 109 font-weight: normal; | |
| 110 padding: 0 .5em; | |
| 111 text-align: right; | |
| 112 vertical-align: top; | |
| 113 } | |
| 114 .diff table tbody td { | |
| 115 background: #fff; | |
| 116 font: normal 11px monospace; | |
| 117 overflow: hidden; | |
| 118 padding: 1px 2px; | |
| 119 vertical-align: top; | |
| 120 } | |
| 121 .diff table tbody.skipped td { | |
| 122 background: #f7f7f7; | |
| 123 border: 1px solid #d7d7d7; | |
| 124 } | |
| 125 .diff table td del, .diff table td ins { text-decoration: none } | |
| 126 .diff table td del { color: #600 } | |
| 127 .diff table td ins { color: #060 } | |
| 128 | |
| 129 /* Styles for the inline diff */ | |
| 130 .diff table.inline tbody.mod td.l, .diff table.inline tbody.rem td.l { | |
| 131 background: #fdd; | |
| 132 border-color: #c00; | |
| 133 border-style: solid; | |
| 134 border-width: 0 1px 0 1px; | |
| 135 } | |
| 136 .diff table.inline tbody.mod td.r, .diff table.inline tbody.add td.r { | |
| 137 background: #dfd; | |
| 138 border-color: #0a0; | |
| 139 border-style: solid; | |
| 140 border-width: 0 1px 0 1px; | |
| 141 } | |
| 142 .diff table.inline tbody.mod tr.first td.l, | |
| 143 .diff table.inline tbody.rem tr.first td.l { border-top-width: 1px } | |
| 144 .diff table.inline tbody.mod tr.last td.l, | |
| 145 .diff table.inline tbody.rem tr.last td.l { border-bottom-width: 1px } | |
| 146 .diff table.inline tbody.mod tr.first td.r, | |
| 147 .diff table.inline tbody.add tr.first td.r { border-top-width: 1px } | |
| 148 .diff table.inline tbody.mod tr.last td.r, | |
| 149 .diff table.inline tbody.add tr.last td.r { border-bottom-width: 1px } | |
| 150 .diff table.inline tbody.mod td del { background: #e99; color: #000 } | |
| 151 .diff table.inline tbody.mod td ins { background: #9e9; color: #000 } | |
| 152 | |
| 153 /* Styles for the side-by-side diff */ | |
| 154 .diff table.sidebyside colgroup.content { width: 50% } | |
| 155 .diff table.sidebyside tbody.mod td.l { background: #fe9 } | |
| 156 .diff table.sidebyside tbody.mod td.r { background: #fd8 } | |
| 157 .diff table.sidebyside tbody.add td.l { background: #dfd } | |
| 158 .diff table.sidebyside tbody.add td.r { background: #cfc } | |
| 159 .diff table.sidebyside tbody.rem td.l { background: #f88 } | |
| 160 .diff table.sidebyside tbody.rem td.r { background: #faa } | |
| 161 .diff table.sidebyside tbody.mod del, .diff table.sidebyside tbody.mod ins { | |
| 162 background: #fc0; | |
| 163 } |